/* Switching only: the approved browser comps, with the existing navy solutions background. */
html body.subpage.switch-page .sw-comp-20261008 {
  padding: 84px 0 90px !important;
  overflow: visible !important;
}
html body.subpage.switch-page .sw-comp-20261008 > .container {
  width: 1000px !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-title {
  display: block !important;
  position: static !important;
  font-size: 50px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: -.025em !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  text-shadow: none !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-title::before,
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-title::after,
html body.subpage.switch-page .sw-comp-20261008 .solution-card::before,
html body.subpage.switch-page .sw-comp-20261008 .solution-card::after,
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item::before,
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item::after,
html body.subpage.switch-page .sw-comp-20261008 h3::before,
html body.subpage.switch-page .sw-comp-20261008 h3::after {
  content: none !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-art {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-art .art-wash {
  stroke: none;
  fill: currentColor;
  opacity: .15;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-art .art-detail {
  opacity: .5;
}
html body.subpage.switch-page .sw-comp-20261008 h3,
html body.subpage.switch-page .sw-comp-20261008 p {
  position: static !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  text-align: left !important;
  white-space: normal !important;
  text-shadow: none !important;
}
/* 03: open two-column composition; check, copy and line drawing. */
html body.subpage.switch-page .sw-progress-solution.sw-comp-20261008 {
  background: #1a2b5c !important;
  color: #fff !important;
}
html body.subpage.switch-page .sw-progress-solution.sw-comp-20261008 .sw-comp-title {
  color: #fff !important;
  text-align: center !important;
  margin-bottom: 64px !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-solutions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 60px 56px !important;
}
html body.subpage.switch-page .sw-comp-20261008 .solution-card {
  display: grid !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-template-columns: 44px minmax(0, 1fr) 96px !important;
  align-items: start !important;
  gap: 0 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-check {
  display: block;
  width: 44px;
  height: 44px;
  margin-top: 4px;
  fill: none;
  stroke: #76cbf3;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-solution-copy {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0;
}
html body.subpage.switch-page .sw-comp-20261008 .solution-card h3 {
  display: block !important;
  text-align: left !important;
  width: auto !important;
  max-width: none !important;
  justify-self: stretch !important;
  margin: 0 0 16px !important;
  font-size: 24px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  grid-column: auto !important;
}
html body.subpage.switch-page .sw-comp-20261008 .solution-card h3 > span { display: block; }
html body.subpage.switch-page .sw-comp-20261008 .solution-card p {
  text-align: left !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}
html body.subpage.switch-page .sw-comp-20261008 .solution-card .sw-comp-art {
  grid-column: 3;
  grid-row: 1;
  color: #8ed4f5 !important;
  margin-top: 2px !important;
}
/* 05: aligned 01–05, illustration, and a consistent copy column. */
html body.subpage.switch-page .sw-progress-reasons.sw-comp-20261008 {
  background: #eef5fc !important;
  color: #07365f !important;
}
html body.subpage.switch-page .sw-progress-reasons.sw-comp-20261008 .sw-comp-title {
  font-size: 46px !important;
  color: #07365f !important;
  text-align: left !important;
  margin-bottom: 18px !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-lead {
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: #163f65 !important;
  margin: 0 !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-reasons-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 34px !important;
  margin: 50px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  backdrop-filter: none !important;
  list-style: none !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item {
  display: grid !important;
  grid-template-columns: 64px 180px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-comp-number {
  display: block;
  color: #007ebd;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 58px;
  line-height: 1;
  letter-spacing: -.04em;
  margin-top: 5px;
  font-variant-numeric: tabular-nums;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item .sw-comp-art {
  color: #007ebd !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-copy {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item h3 {
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  margin: 0 0 10px !important;
  color: #07365f !important;
}
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item p {
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  color: #163f65 !important;
}
@media (max-width: 768px) {
  html body.subpage.switch-page .sw-comp-20261008 { padding: 54px 0 60px !important; }
  html body.subpage.switch-page .sw-comp-20261008 > .container {
    width: auto !important;
    max-width: none !important;
    margin: 0 24px !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .sw-comp-title,
  html body.subpage.switch-page .sw-progress-reasons.sw-comp-20261008 .sw-comp-title {
    font-size: 32px !important;
    line-height: 1.5 !important;
    letter-spacing: -.02em !important;
  }
  html body.subpage.switch-page .sw-progress-solution.sw-comp-20261008 .sw-comp-title {
    text-align: left !important;
    margin-bottom: 38px !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .sw-comp-solutions {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 36px !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .solution-card {
    grid-template-columns: 32px minmax(0, 1fr) 56px !important;
    gap: 12px !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .sw-comp-check { width: 32px; height: 32px; margin-top: 4px; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-comp-solution-copy { display: contents !important; }
  html body.subpage.switch-page .sw-comp-20261008 .solution-card h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 21px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .solution-card p {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .solution-card .sw-comp-art { grid-column: 3; grid-row: 1; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-lead { font-size: 16px !important; line-height: 1.85 !important; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-reasons-list { gap: 38px !important; margin-top: 38px !important; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item {
    grid-template-columns: 46px minmax(0, 1fr) 80px !important;
    gap: 14px 12px !important;
    align-items: center !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .sw-comp-number { font-size: 40px; grid-column: 1; grid-row: 1; margin: 0; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-reason-copy { display: contents !important; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 21px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item .sw-comp-art { grid-column: 3; grid-row: 1; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
  }
}
@media (max-width: 360px) {
  html body.subpage.switch-page .sw-comp-20261008 > .container { margin: 0 20px !important; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-comp-title,
  html body.subpage.switch-page .sw-progress-reasons.sw-comp-20261008 .sw-comp-title { font-size: 29px !important; }
  html body.subpage.switch-page .sw-comp-20261008 .solution-card h3,
  html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item h3 { font-size: 20px !important; }
  html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item { grid-template-columns: 44px minmax(0, 1fr) 64px !important; }
}

/* v3: fine outline icons matching the flow page's line family. */
html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item .sw-comp-reason-icon {
  width:112px!important;max-width:100%!important;height:auto!important;justify-self:center;
  color:#004884!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
@media(max-width:768px){html body.subpage.switch-page .sw-comp-20261008 .sw-reason-item .sw-comp-reason-icon{width:64px!important}}
/* A narrow gleam passes through the glyphs without moving the heading. */
.sw-reason-shine-text{color:inherit}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  html body.subpage.switch-page #sw-comp-reasons-title .sw-reason-shine-text.is-shining {
    background-image:linear-gradient(105deg,#07365f 0%,#07365f 44%,#5bbcc6 48%,#f1fcff 50%,#5bbcc6 52%,#07365f 56%,#07365f 100%);
    background-size:250% 100%;background-position:100% 50%;background-repeat:no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:r2-switch-reason-shine 2s ease-in-out .15s both;
  }
}
@keyframes r2-switch-reason-shine {from{background-position:100% 50%}to{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){
  html body.subpage.switch-page #sw-comp-reasons-title .sw-reason-shine-text.is-shining{
    animation:none;background:none;-webkit-text-fill-color:currentColor;
  }
}

/* Reasons end on pale blue; switching cases begin on a clean white surface. */
html body.subpage.switch-page .sw-progress-reasons.sw-comp-20261008 + section.sw-sec {
  background:#fff!important;
}

/* Reasons: emphasize decision points using the existing text color. */
html body.subpage.switch-page .sw-progress-reasons.sw-comp-20261008 .sw-reason-copy p > strong.sw-reason-emphasis {
  font-weight: 800;
  color: inherit;
  background: none;
}
