/* ============================================================
   BUILD DETAIL VARIANT — ECOMMERCE SOLUTIONS
   ============================================================ */

.ecommerce-solutions-page {
  --ecom-navy:#0A3161;
  --ecom-red:#B31942;
  --ecom-blue:#79B8EF;
  --ecom-ink:#162A3A;
  --ecom-muted:#667681;
  --ecom-line:#DFE6EB;
  --ecom-soft:#F7F9FB;
}

.ecom-section-intro,
.ecom-capability-head,
.ecom-system-head,
.ecom-outcomes-head {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:end;
  margin-bottom:2rem;
}

/* Hero V4 — asymmetric commerce statement + transaction action */
.ecom-hero-v4 {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 84% 7%,rgba(121,184,239,.14),transparent 28%),
    radial-gradient(circle at 12% 94%,rgba(179,25,66,.10),transparent 25%),
    linear-gradient(145deg,#173B56 0%,#0B2D47 58%,#08253C 100%);
}

.ecom-hero-v4::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.17;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 48%,#000 100%);
}

.ecom-hero-v4 .container-xl {
  position:relative;
  z-index:2;
}

.ecom-hero-v4-breadcrumb {
  margin-bottom:1rem;
}

.ecom-hero-v4-breadcrumb a,
.ecom-hero-v4-breadcrumb li {
  color:rgba(255,255,255,.72);
}

.ecom-hero-v4-breadcrumb a:hover {
  color:#fff;
}

.ecom-hero-v4-stage {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  grid-template-rows:auto auto;
  gap:1.2rem clamp(2rem,4vw,4.25rem);
  min-height:650px;
  padding:clamp(1.8rem,3.2vw,3rem);
  padding-bottom:106px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:
    linear-gradient(115deg,rgba(255,255,255,.025),transparent 45%),
    rgba(5,27,44,.20);
  box-shadow:0 28px 72px rgba(2,18,30,.18);
}

.ecom-hero-v4-statement {
  position:relative;
  z-index:5;
  align-self:end;
  max-width:690px;
  padding-top:.4rem;
}

.ecom-hero-v4-statement .eyebrow {
  margin-bottom:.9rem;
  color:#9CCDF2 !important;
}

.ecommerce-solutions-page .ecom-hero-v4-statement h1.inner-page-title {
  max-width:670px;
  margin:0;
  color:#fff !important;
  font-size:clamp(2.6rem,4vw,3.95rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
}

.ecom-hero-v4-visual {
  position:relative;
  z-index:4;
  grid-column:2;
  grid-row:1 / span 2;
  min-height:465px;
  align-self:center;
}

.ecom-hero-v4-frame {
  position:absolute;
  z-index:3;
  left:1%;
  top:5%;
  width:78%;
  height:72%;
  overflow:hidden;
  border:7px solid #142534;
  border-radius:18px;
  background:#0A2235;
  box-shadow:0 30px 64px rgba(1,14,24,.34);
  transform:rotate(-1.2deg);
}

.ecom-hero-v4-frame img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ecom-hero-v4-frame::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,24,39,.02) 45%,rgba(5,24,39,.60) 100%);
}

.ecom-hero-v4-frame-copy {
  position:absolute;
  z-index:4;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:.78rem .9rem;
  border-left:3px solid var(--ecom-blue);
  background:rgba(7,29,46,.84);
  backdrop-filter:blur(8px);
}

.ecom-hero-v4-frame-copy small {
  display:block;
  margin-bottom:.28rem;
  color:#9BCBF1;
  font-size:.43rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-hero-v4-frame-copy strong {
  display:block;
  color:#fff;
  font-size:.7rem;
  line-height:1.42;
}

.ecom-hero-v4-card {
  position:absolute;
  z-index:6;
  width:205px;
  padding:.78rem .85rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  background:rgba(8,34,53,.88);
  box-shadow:0 16px 38px rgba(1,15,26,.20);
  backdrop-filter:blur(9px);
}

.ecom-hero-v4-card small {
  display:block;
  margin-bottom:.28rem;
  color:#9BCBF1;
  font-size:.42rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-hero-v4-card strong {
  display:block;
  color:#fff;
  font-size:.72rem;
}

.ecom-hero-v4-card span {
  display:block;
  margin-top:.24rem;
  color:#B7C7D1;
  font-size:.54rem;
}

.ecom-hero-v4-card-payment {
  right:0;
  top:5%;
}

.ecom-hero-v4-card-payment small,
.ecom-hero-v4-card-ops small {
  color:#FF8EA6;
}

.ecom-hero-v4-card-order {
  right:4%;
  top:37%;
}

.ecom-hero-v4-card-ops {
  right:0;
  bottom:10%;
}

.ecom-hero-v4-brief {
  position:relative;
  z-index:5;
  align-self:start;
  max-width:650px;
  padding:1rem 0 0;
  border-top:1px solid rgba(255,255,255,.11);
}

.ecom-hero-v4-brief .inner-page-lead {
  max-width:620px;
  margin:0;
  color:#C8D6DF !important;
  font-size:clamp(.95rem,1.12vw,1.06rem);
  line-height:1.72;
}

.ecom-hero-v4-scope {
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:1.05rem;
}

.ecom-hero-v4-scope span {
  padding:.36rem .56rem;
  color:#D9E4EB;
  font-size:.54rem;
  font-weight:760;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.045);
}

.ecom-hero-v4-action {
  position:absolute;
  z-index:8;
  left:clamp(1.8rem,3.2vw,3rem);
  right:52%;
  bottom:1.15rem;
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto;
  gap:.7rem 1rem;
  align-items:center;
  min-height:78px;
  padding:.7rem .85rem;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:rgba(5,25,40,.74);
  backdrop-filter:blur(9px);
}

.ecom-hero-v4-action > div small {
  display:block;
  margin-bottom:.22rem;
  color:#FF8EA6;
  font-size:.42rem;
  font-weight:850;
  letter-spacing:.11em;
}

.ecom-hero-v4-action > div strong {
  display:block;
  color:#fff;
  font-size:.68rem;
  line-height:1.4;
}

.ecom-hero-v4 .btn-itx-primary {
  white-space:nowrap;
  background:var(--ecom-red);
  border-color:var(--ecom-red);
  box-shadow:0 10px 26px rgba(179,25,66,.18);
}

.ecom-hero-v4 .btn-itx-primary:hover {
  background:#971638;
  border-color:#971638;
}

.ecom-hero-v4-secondary {
  grid-column:1 / -1;
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  width:max-content;
  color:#D9EBF8;
  font-size:.66rem;
  font-weight:800;
  text-decoration:none;
}

.ecom-hero-v4-secondary:hover {
  color:#fff;
}

.ecom-hero-v4-foundation {
  position:absolute;
  z-index:8;
  left:52%;
  right:clamp(1.8rem,3.2vw,3rem);
  bottom:1.15rem;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:rgba(5,25,40,.68);
  backdrop-filter:blur(9px);
}

.ecom-hero-v4-foundation > div {
  min-height:48px;
  padding:.58rem .7rem;
}

.ecom-hero-v4-foundation > div:nth-child(even) {
  border-left:1px solid rgba(255,255,255,.08);
}

.ecom-hero-v4-foundation > div:nth-child(n+3) {
  border-top:1px solid rgba(255,255,255,.08);
}

.ecom-hero-v4-foundation small {
  display:block;
  margin-bottom:.18rem;
  color:#8FC7F1;
  font-size:.40rem;
  font-weight:850;
  letter-spacing:.10em;
}

.ecom-hero-v4-foundation > div:nth-child(even) small {
  color:#FF8EA6;
}

.ecom-hero-v4-foundation strong {
  display:block;
  color:#fff;
  font-size:.56rem;
  line-height:1.35;
}

@media (max-width:1199.98px) {
  .ecom-hero-v4-stage {
    grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);
    gap:1rem 2rem;
  }

  .ecom-hero-v4-action {
    right:50%;
  }

  .ecom-hero-v4-foundation {
    left:50%;
  }
}

@media (max-width:991.98px) {
  .ecom-hero-v4-stage {
    grid-template-columns:1fr;
    grid-template-rows:auto;
    min-height:auto;
    padding:1.6rem 1.35rem 1.1rem;
  }

  .ecom-hero-v4-statement,
  .ecom-hero-v4-brief,
  .ecom-hero-v4-visual {
    grid-column:1;
    grid-row:auto;
  }

  .ecom-hero-v4-statement {
    max-width:760px;
  }

  .ecom-hero-v4-visual {
    min-height:520px;
    margin-top:.3rem;
  }

  .ecom-hero-v4-action,
  .ecom-hero-v4-foundation {
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
  }

  .ecom-hero-v4-action {
    grid-template-columns:1fr auto;
    margin-top:.2rem;
  }

  .ecom-hero-v4-foundation {
    grid-template-columns:repeat(2,1fr);
    margin-top:.75rem;
  }
}

@media (max-width:767.98px) {
  .ecommerce-solutions-page .ecom-hero-v4-statement h1.inner-page-title {
    font-size:clamp(2.18rem,9vw,3.1rem) !important;
  }

  .ecom-hero-v4 {
    background:
      radial-gradient(circle at 86% 5%,rgba(121,184,239,.15),transparent 25%),
      linear-gradient(155deg,#173A55 0%,#0B2B45 60%,#08243A 100%);
  }

  .ecom-hero-v4-stage {
    padding:1.25rem .9rem .9rem;
    border-radius:18px;
  }

  .ecom-hero-v4-visual {
    min-height:445px;
  }

  .ecom-hero-v4-frame {
    left:0;
    top:1rem;
    width:88%;
    height:66%;
  }

  .ecom-hero-v4-card {
    width:175px;
  }

  .ecom-hero-v4-card-payment {
    right:0;
    top:0;
  }

  .ecom-hero-v4-card-order {
    right:0;
    top:31%;
  }

  .ecom-hero-v4-card-ops {
    right:0;
    bottom:12%;
  }

  .ecom-hero-v4-action {
    grid-template-columns:1fr;
  }

  .ecom-hero-v4 .btn-itx-primary {
    width:100%;
    justify-content:center;
  }

  .ecom-hero-v4-foundation {
    grid-template-columns:1fr;
  }

  .ecom-hero-v4-foundation > div,
  .ecom-hero-v4-foundation > div:nth-child(even),
  .ecom-hero-v4-foundation > div:nth-child(n+3) {
    border-left:0;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .ecom-hero-v4-foundation > div:first-child {
    border-top:0;
  }
}

@media (max-width:575.98px) {
  .ecom-hero-v4-visual {
    min-height:410px;
  }

  .ecom-hero-v4-frame {
    width:92%;
    height:63%;
  }

  .ecom-hero-v4-card {
    width:155px;
    padding:.65rem .7rem;
  }

  .ecom-hero-v4-card-order {
    top:34%;
  }
}

/* Shared section rhythm */
.ecommerce-solutions-page .ecom-journey,
.ecommerce-solutions-page .ecom-capabilities,
.ecommerce-solutions-page .ecom-pressure,
.ecommerce-solutions-page .ecom-system,
.ecommerce-solutions-page .ecom-delivery,
.ecommerce-solutions-page .ecom-technology,
.ecommerce-solutions-page .ecom-outcomes,
.ecommerce-solutions-page .ecom-related {
  padding-top:clamp(4.4rem,7vw,6.4rem);
  padding-bottom:clamp(4.4rem,7vw,6.4rem);
}

.ecom-journey-head,
.ecom-system-intro {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:end;
  margin-bottom:2rem;
}

/* Commerce Journey — four image-led scenes */
.ecom-journey {
  background:#fff;
}

.ecom-journey-gallery {
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-template-rows:310px 255px;
  gap:1rem;
}

.ecom-journey-scene {
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#132E45;
  box-shadow:0 18px 42px rgba(16,42,64,.08);
}

.ecom-journey-scene img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .35s ease;
}

.ecom-journey-scene:hover img {
  transform:scale(1.025);
}

.ecom-journey-scene::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,25,42,.02) 24%,rgba(6,25,42,.86) 100%);
}

.ecom-journey-scene-discover {
  grid-column:1 / span 7;
  grid-row:1 / span 2;
}

.ecom-journey-scene-checkout {
  grid-column:8 / span 5;
  grid-row:1;
}

.ecom-journey-scene-fulfill {
  grid-column:8 / span 3;
  grid-row:2;
}

.ecom-journey-scene-retain {
  grid-column:11 / span 2;
  grid-row:2;
}

.ecom-journey-scene-copy {
  position:absolute;
  z-index:2;
  left:1.25rem;
  right:1.25rem;
  bottom:1.2rem;
}

.ecom-journey-scene-copy span {
  display:block;
  margin-bottom:.45rem;
  color:#96CEF5;
  font-size:.53rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-journey-scene:nth-child(even) .ecom-journey-scene-copy span {
  color:#FF93AA;
}

.ecom-journey-scene-copy h3 {
  margin:0 0 .48rem;
  color:#fff;
  font-size:clamp(1rem,1.55vw,1.42rem);
  line-height:1.25;
}

.ecom-journey-scene-discover h3 {
  max-width:620px;
  font-size:clamp(1.45rem,2.35vw,2.25rem);
}

.ecom-journey-scene-copy p {
  max-width:620px;
  margin:0;
  color:#D2DEE6;
  font-size:.71rem;
  line-height:1.55;
}

.ecom-journey-scene-retain .ecom-journey-scene-copy p,
.ecom-journey-scene-fulfill .ecom-journey-scene-copy p {
  display:none;
}

/* Capabilities — editorial list instead of card deck */
.ecom-capabilities {
  background:#F5F8FA;
  border-top:1px solid #E5EBEF;
  border-bottom:1px solid #E5EBEF;
}

.ecom-capability-layout {
  display:grid;
  grid-template-columns:minmax(360px,.83fr) minmax(0,1.17fr);
  gap:clamp(3rem,6vw,6rem);
  align-items:start;
}

.ecom-capability-intro {
  position:sticky;
  top:105px;
}

.ecom-capability-image {
  position:relative;
  height:330px;
  margin-top:1.5rem;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(17,42,63,.09);
}

.ecom-capability-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ecom-capability-image::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,29,48,.02),rgba(7,29,48,.76));
}

.ecom-capability-image > div {
  position:absolute;
  z-index:2;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:.85rem .9rem;
  border-left:3px solid #79B8EF;
  background:rgba(9,37,59,.83);
}

.ecom-capability-image small,
.ecom-capability-image strong,
.ecom-capability-image span {
  display:block;
}

.ecom-capability-image small {
  margin-bottom:.2rem;
  color:#9BD0F7;
  font-size:.48rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-capability-image strong {
  color:#fff;
  font-size:.92rem;
}

.ecom-capability-image span {
  margin-top:.2rem;
  color:#CBD7DF;
  font-size:.63rem;
}

.ecom-capability-list {
  border-top:1px solid #D9E2E8;
}

.ecom-capability-list article {
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 42px;
  gap:1rem;
  align-items:start;
  padding:1.35rem 0;
  border-bottom:1px solid #D9E2E8;
}

.ecom-capability-list article > span {
  color:#B31942;
  font-size:1rem;
  font-weight:750;
}

.ecom-capability-list article:nth-child(even) > span {
  color:#0A3161;
}

.ecom-capability-list small {
  display:block;
  margin-bottom:.35rem;
  color:#82909A;
  font-size:.49rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-capability-list h3 {
  margin:0 0 .4rem;
  color:var(--ecom-ink);
  font-size:.96rem;
  line-height:1.38;
}

.ecom-capability-list p {
  margin:0;
  color:#687782;
  font-size:.72rem;
  line-height:1.55;
}

.ecom-capability-list i {
  color:#0A3161;
  font-size:1.25rem;
  text-align:right;
}

.ecom-capability-list article:nth-child(odd) i {
  color:#B31942;
}

/* Pressure — image-backed web section */
.ecom-pressure {
  background:#fff;
}

.ecom-pressure-stage {
  position:relative;
  min-height:690px;
  overflow:hidden;
  border-radius:22px;
  background:#0B2B44;
}

.ecom-pressure-photo,
.ecom-pressure-photo img,
.ecom-pressure-overlay {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.ecom-pressure-photo img {
  object-fit:cover;
  object-position:center;
}

.ecom-pressure-overlay {
  background:
    linear-gradient(90deg,rgba(7,29,48,.96) 0%,rgba(7,29,48,.82) 48%,rgba(7,29,48,.28) 100%),
    linear-gradient(180deg,rgba(7,29,48,.02),rgba(7,29,48,.32));
}

.ecom-pressure-copy {
  position:absolute;
  z-index:3;
  top:3rem;
  left:3rem;
  width:min(650px,55%);
}

.ecom-pressure .eyebrow {
  color:#8FC8F2;
}

.ecom-pressure .section-title {
  color:#fff;
}

.ecom-pressure .section-lead {
  color:#CBD7DF;
}

.ecom-pressure-signals {
  position:absolute;
  z-index:3;
  left:3rem;
  right:3rem;
  bottom:2.2rem;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.13);
}

.ecom-pressure-signals article {
  min-height:165px;
  padding:1rem 1rem 1.05rem;
  background:rgba(7,31,50,.80);
  backdrop-filter:blur(7px);
}

.ecom-pressure-signals span {
  display:block;
  margin-bottom:1.1rem;
  color:#FF8DA5;
  font-size:.62rem;
  font-weight:850;
}

.ecom-pressure-signals article:nth-child(even) span {
  color:#8FC8F2;
}

.ecom-pressure-signals strong {
  display:block;
  color:#fff;
  font-size:.78rem;
  line-height:1.4;
}

.ecom-pressure-signals p {
  margin:.42rem 0 0;
  color:#BFCED7;
  font-size:.65rem;
  line-height:1.5;
}

/* Commerce system — one visual flow + supporting domains */
.ecom-system {
  background:#F5F8FA;
  border-top:1px solid #E4EAEE;
  border-bottom:1px solid #E4EAEE;
}

.ecom-system-visual {
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-radius:20px;
  box-shadow:0 20px 50px rgba(17,41,62,.09);
}

.ecom-system-visual > img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ecom-system-visual::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,26,43,.12) 18%,rgba(6,26,43,.77) 100%);
}

.ecom-system-flow {
  position:absolute;
  z-index:2;
  left:2rem;
  right:2rem;
  bottom:2rem;
  display:grid;
  grid-template-columns:1fr auto 1.2fr auto 1fr;
  gap:.75rem;
  align-items:center;
}

.ecom-system-flow > i {
  color:#9BCFF5;
  font-size:1.1rem;
}

.ecom-system-step {
  min-height:138px;
  padding:1rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(9,36,57,.79);
  backdrop-filter:blur(8px);
}

.ecom-system-step-core {
  border-color:rgba(121,184,239,.46);
  background:rgba(10,49,80,.91);
  box-shadow:0 15px 38px rgba(3,18,31,.18);
}

.ecom-system-step small,
.ecom-system-step strong,
.ecom-system-step span {
  display:block;
}

.ecom-system-step small {
  margin-bottom:.45rem;
  color:#93CAF3;
  font-size:.48rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-system-step-core small {
  color:#FF96AD;
}

.ecom-system-step strong {
  color:#fff;
  font-size:.84rem;
  line-height:1.38;
}

.ecom-system-step span {
  margin-top:.35rem;
  color:#C6D3DC;
  font-size:.62rem;
  line-height:1.45;
}

.ecom-system-domains {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:1.1rem;
  border-top:1px solid #DCE4E9;
  border-bottom:1px solid #DCE4E9;
}

.ecom-system-domains article {
  padding:1.15rem 1.1rem;
}

.ecom-system-domains article + article {
  border-left:1px solid #DCE4E9;
}

.ecom-system-domains span {
  display:block;
  margin-bottom:.35rem;
  color:#B31942;
  font-size:.48rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-system-domains article:nth-child(even) span {
  color:#0A3161;
}

.ecom-system-domains strong {
  display:block;
  color:var(--ecom-ink);
  font-size:.78rem;
}

.ecom-system-domains p {
  margin:.36rem 0 0;
  color:#687782;
  font-size:.68rem;
  line-height:1.5;
}

/* Delivery — image collage + vertical timeline */
.ecom-delivery {
  background:#fff;
}

.ecom-delivery-layout {
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr);
  gap:clamp(3rem,6vw,6rem);
  align-items:center;
}

.ecom-delivery-collage {
  position:relative;
  min-height:650px;
}

.ecom-delivery-main {
  position:absolute;
  left:0;
  top:0;
  width:82%;
  height:78%;
  object-fit:cover;
  border-radius:20px;
  box-shadow:0 22px 55px rgba(15,39,60,.12);
}

.ecom-delivery-small {
  position:absolute;
  right:0;
  bottom:3.5rem;
  width:48%;
  height:38%;
  object-fit:cover;
  border:8px solid #fff;
  border-radius:17px;
  box-shadow:0 20px 45px rgba(15,39,60,.13);
}

.ecom-delivery-collage-note {
  position:absolute;
  left:1.2rem;
  bottom:0;
  width:58%;
  padding:1rem 1.05rem;
  border-left:3px solid #B31942;
  background:#0D304C;
  box-shadow:0 16px 38px rgba(7,28,46,.18);
}

.ecom-delivery-collage-note small,
.ecom-delivery-collage-note strong {
  display:block;
}

.ecom-delivery-collage-note small {
  margin-bottom:.3rem;
  color:#91C9F3;
  font-size:.48rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-delivery-collage-note strong {
  color:#fff;
  font-size:.79rem;
  line-height:1.45;
}

.ecom-delivery-timeline {
  position:relative;
  margin-top:1.4rem;
  padding-left:.15rem;
}

.ecom-delivery-timeline::before {
  content:"";
  position:absolute;
  left:24px;
  top:14px;
  bottom:14px;
  width:1px;
  background:#D8E1E7;
}

.ecom-delivery-timeline article {
  position:relative;
  display:grid;
  grid-template-columns:50px 1fr;
  gap:1rem;
  padding:.8rem 0;
}

.ecom-delivery-timeline article > span {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  color:#B31942;
  font-size:.64rem;
  font-weight:850;
  border:1px solid #D5DEE4;
  border-radius:50%;
  background:#fff;
}

.ecom-delivery-timeline article:nth-child(even) > span {
  color:#0A3161;
}

.ecom-delivery-timeline small {
  display:block;
  margin-bottom:.25rem;
  color:#87949E;
  font-size:.47rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-delivery-timeline h3 {
  margin:0 0 .25rem;
  color:var(--ecom-ink);
  font-size:.86rem;
}

.ecom-delivery-timeline p {
  margin:0;
  color:#687782;
  font-size:.69rem;
  line-height:1.5;
}

/* Technology — large editorial image with content panel */
.ecom-technology {
  background:#F5F8FA;
  border-top:1px solid #E4EAEE;
  border-bottom:1px solid #E4EAEE;
}

.ecom-tech-stage {
  position:relative;
  min-height:700px;
  overflow:hidden;
  border-radius:22px;
  background:#102E47;
}

.ecom-tech-stage > img,
.ecom-tech-overlay {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.ecom-tech-stage > img {
  object-fit:cover;
  object-position:center;
}

.ecom-tech-overlay {
  background:linear-gradient(90deg,rgba(8,29,47,.15) 0%,rgba(8,29,47,.28) 38%,rgba(8,29,47,.78) 68%,rgba(8,29,47,.94) 100%);
}

.ecom-tech-panel {
  position:absolute;
  z-index:2;
  top:50%;
  right:3rem;
  width:min(650px,48%);
  transform:translateY(-50%);
  padding:2rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(9,37,59,.88);
  box-shadow:0 22px 60px rgba(3,18,31,.22);
  backdrop-filter:blur(10px);
}

.ecom-tech-panel .eyebrow {
  color:#97CEF5;
}

.ecom-tech-panel .section-title {
  color:#fff;
}

.ecom-tech-panel .section-lead {
  color:#C6D4DD;
}

.ecom-tech-choices {
  margin-top:1.2rem;
  border-top:1px solid rgba(255,255,255,.12);
}

.ecom-tech-choices article {
  display:grid;
  grid-template-columns:145px 1fr;
  gap:1rem;
  padding:.85rem 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.ecom-tech-choices span {
  color:#FF91AA;
  font-size:.48rem;
  font-weight:850;
  letter-spacing:.1em;
}

.ecom-tech-choices article:nth-child(2) span {
  color:#8FC8F2;
}

.ecom-tech-choices strong {
  display:block;
  color:#fff;
  font-size:.75rem;
}

.ecom-tech-choices p {
  grid-column:2;
  margin:-.6rem 0 0;
  color:#BFD0DA;
  font-size:.64rem;
  line-height:1.48;
}

.ecom-tech-stack {
  display:flex;
  flex-wrap:wrap;
  gap:.38rem;
  margin-top:1rem;
}

.ecom-tech-stack span {
  padding:.35rem .48rem;
  color:#D3DFE7;
  font-size:.53rem;
  font-weight:720;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(255,255,255,.04);
}

/* Outcomes — editorial rows, no card wall */
.ecom-outcomes {
  color:#fff;
  background:
    radial-gradient(circle at 85% 10%,rgba(179,25,66,.13),transparent 30%),
    linear-gradient(145deg,#203D56,#132D43);
}

.ecom-outcomes-intro {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(330px,.65fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:end;
  padding-bottom:2rem;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.ecom-outcomes .eyebrow {
  color:#9BCDF3;
}

.ecom-outcomes .section-title {
  color:#fff;
}

.ecom-outcomes .section-lead {
  color:#C6D3DC;
}

.ecom-outcomes-list {
  display:grid;
  grid-template-columns:repeat(2,1fr);
}

.ecom-outcomes-list article {
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:.85rem;
  padding:1.35rem 1.2rem 1.35rem 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.ecom-outcomes-list article:nth-child(odd) {
  padding-right:2rem;
  border-right:1px solid rgba(255,255,255,.10);
}

.ecom-outcomes-list article:nth-child(even) {
  padding-left:2rem;
}

.ecom-outcomes-list span {
  color:#FF8DA6;
  font-size:.72rem;
  font-weight:850;
}

.ecom-outcomes-list article:nth-child(even) span {
  color:#8FC8F2;
}

.ecom-outcomes-list h3 {
  margin:0 0 .35rem;
  color:#fff;
  font-size:.9rem;
}

.ecom-outcomes-list p {
  grid-column:2;
  margin:0;
  color:#BFCDD6;
  font-size:.69rem;
  line-height:1.52;
}

/* Deep-page Navigation — Build Siblings + Service Families */
.ecom-service-nav {
  background:#F7F9FB;
  border-top:1px solid #E4EAEE;
  border-bottom:1px solid #E4EAEE;
}

.ecom-service-nav-head,
.ecom-family-nav-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);
  gap:clamp(2.5rem,6vw,6rem);
  align-items:end;
  margin-bottom:1.35rem;
}

.ecom-service-nav-head .section-title,
.ecom-family-nav-intro .section-title {
  max-width:790px;
  margin-bottom:0;
}

.ecom-service-nav-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
}

.ecom-service-nav-card {
  position:relative;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  min-height:104px;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  border:1px solid #DCE4E9;
  border-radius:13px;
  background:#fff;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.ecom-service-nav-card:hover {
  color:inherit;
  transform:translateY(-3px);
  border-color:#C8D5DE;
  box-shadow:0 15px 34px rgba(18,42,62,.07);
}

.ecom-service-nav-card.is-current {
  border-color:#BFCED8;
  box-shadow:inset 0 0 0 1px rgba(10,49,97,.04);
}

.ecom-service-nav-card.is-current::after {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--ecom-red);
}

.ecom-service-nav-thumb {
  overflow:hidden;
  background:#17344C;
}

.ecom-service-nav-thumb img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .25s ease;
}

.ecom-service-nav-card:hover .ecom-service-nav-thumb img {
  transform:scale(1.04);
}

.ecom-service-nav-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:.7rem .8rem;
}

.ecom-service-nav-copy span {
  display:block;
  margin-bottom:.28rem;
  color:var(--ecom-red);
  font-size:.39rem;
  font-weight:850;
  letter-spacing:.1em;
}

.ecom-service-nav-card:nth-child(even) .ecom-service-nav-copy span {
  color:var(--ecom-navy);
}

.ecom-service-nav-copy strong {
  display:block;
  color:var(--ecom-ink);
  font-size:.7rem;
  line-height:1.35;
}

.ecom-service-nav-copy small {
  display:block;
  margin-top:.2rem;
  color:#7A8892;
  font-size:.48rem;
  line-height:1.35;
}

.ecom-family-nav {
  background:#fff;
}

.ecom-family-nav-rail {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #DCE4E9;
  border-radius:15px;
  background:#fff;
  box-shadow:0 14px 32px rgba(18,42,62,.04);
}

.ecom-family-nav-rail a {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 22px;
  gap:.55rem;
  align-items:center;
  min-height:105px;
  padding:.85rem;
  color:inherit;
  text-decoration:none;
  transition:background .18s ease;
}

.ecom-family-nav-rail a + a {
  border-left:1px solid #DCE4E9;
}

.ecom-family-nav-rail a:hover {
  background:#F6F9FB;
}

.ecom-family-nav-rail a.is-current {
  background:linear-gradient(145deg,#173650,#0C2B44);
}

.ecom-family-nav-rail > a > span {
  color:var(--ecom-red);
  font-size:.45rem;
  font-weight:850;
}

.ecom-family-nav-rail a:nth-child(even) > span {
  color:var(--ecom-navy);
}

.ecom-family-nav-rail strong,
.ecom-family-nav-rail small {
  display:block;
}

.ecom-family-nav-rail strong {
  color:var(--ecom-ink);
  font-size:.72rem;
}

.ecom-family-nav-rail small {
  margin-top:.18rem;
  color:#7A8892;
  font-size:.48rem;
  line-height:1.35;
}

.ecom-family-nav-rail i {
  color:var(--ecom-navy);
  font-size:.63rem;
}

.ecom-family-nav-rail a.is-current > span {
  color:#FF91AA;
}

.ecom-family-nav-rail a.is-current strong {
  color:#fff;
}

.ecom-family-nav-rail a.is-current small {
  color:#B9C8D2;
}

.ecom-family-nav-rail a.is-current i {
  color:#9ECFF3;
}

@media (max-width:991.98px) {
  .ecom-service-nav-head,
  .ecom-family-nav-intro {
    grid-template-columns:1fr;
    gap:1rem;
  }

  .ecom-service-nav-grid,
  .ecom-family-nav-rail {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ecom-family-nav-rail a:nth-child(3) {
    border-left:0;
    border-top:1px solid #DCE4E9;
  }

  .ecom-family-nav-rail a:nth-child(4) {
    border-top:1px solid #DCE4E9;
  }
}

@media (max-width:767.98px) {
  .ecom-service-nav-grid,
  .ecom-family-nav-rail {
    grid-template-columns:1fr;
  }

  .ecom-family-nav-rail a + a,
  .ecom-family-nav-rail a:nth-child(3),
  .ecom-family-nav-rail a:nth-child(4) {
    border-left:0;
    border-top:1px solid #DCE4E9;
  }
}

@media (max-width:575.98px) {
  .ecom-service-nav-card {
    grid-template-columns:88px minmax(0,1fr);
  }
}

@media (prefers-reduced-motion:reduce) {
  .ecom-service-nav-card,
  .ecom-service-nav-thumb img,
  .ecom-family-nav-rail a {
    transition:none !important;
  }
}

/* Responsive */
@media (max-width:1199.98px) {
  .ecom-capability-layout,
  .ecom-delivery-layout {
    grid-template-columns:1fr;
  }

  .ecom-capability-intro {
    position:static;
  }

  .ecom-capability-image {
    height:400px;
  }

  .ecom-delivery-collage {
    min-height:560px;
  }

  .ecom-tech-panel {
    width:min(700px,58%);
  }
}

@media (max-width:991.98px) {
  .ecom-hero-stage {
    min-height:800px;
  }

  .ecom-hero-overlay {
    background:linear-gradient(180deg,rgba(5,25,43,.96) 0%,rgba(5,25,43,.84) 61%,rgba(5,25,43,.36) 100%);
  }

  .ecom-hero-copy {
    top:2rem;
    left:1.6rem;
    right:1.6rem;
    width:auto;
    transform:none;
  }

  .ecom-hero-card {
    top:auto;
    bottom:6.2rem;
  }

  .ecom-hero-card-order {
    left:1.6rem;
    right:auto;
  }

  .ecom-hero-card-ops {
    right:1.6rem;
  }

  .ecom-hero-journey {
    left:1.6rem;
    right:1.6rem;
    grid-template-columns:repeat(3,1fr);
  }

  .ecom-hero-journey span:nth-child(4) {
    border-left:0;
    border-top:1px solid rgba(255,255,255,.09);
  }

  .ecom-hero-journey span:nth-child(5),
  .ecom-hero-journey span:nth-child(6) {
    border-top:1px solid rgba(255,255,255,.09);
  }

  .ecom-journey-head,
  .ecom-system-intro,
  .ecom-outcomes-intro {
    grid-template-columns:1fr;
  }

  .ecom-journey-gallery {
    grid-template-columns:1fr 1fr;
    grid-template-rows:390px 290px 290px;
  }

  .ecom-journey-scene-discover {
    grid-column:1 / -1;
    grid-row:1;
  }

  .ecom-journey-scene-checkout,
  .ecom-journey-scene-fulfill,
  .ecom-journey-scene-retain {
    grid-column:auto;
    grid-row:auto;
  }

  .ecom-journey-scene-retain {
    grid-column:1 / -1;
  }

  .ecom-journey-scene-retain .ecom-journey-scene-copy p,
  .ecom-journey-scene-fulfill .ecom-journey-scene-copy p {
    display:block;
  }

  .ecom-pressure-stage {
    min-height:860px;
  }

  .ecom-pressure-copy {
    left:2rem;
    right:2rem;
    width:auto;
  }

  .ecom-pressure-signals {
    left:2rem;
    right:2rem;
    grid-template-columns:1fr 1fr;
  }

  .ecom-system-flow {
    grid-template-columns:1fr;
  }

  .ecom-system-flow > i {
    transform:rotate(90deg);
    justify-self:center;
  }

  .ecom-system-visual {
    min-height:760px;
  }

  .ecom-system-domains {
    grid-template-columns:1fr 1fr;
  }

  .ecom-system-domains article:nth-child(3) {
    border-left:0;
    border-top:1px solid #DCE4E9;
  }

  .ecom-system-domains article:nth-child(4) {
    border-top:1px solid #DCE4E9;
  }

  .ecom-tech-stage {
    min-height:820px;
  }

  .ecom-tech-overlay {
    background:linear-gradient(180deg,rgba(8,29,47,.20),rgba(8,29,47,.88) 58%,rgba(8,29,47,.96));
  }

  .ecom-tech-panel {
    left:2rem;
    right:2rem;
    top:auto;
    bottom:2rem;
    width:auto;
    transform:none;
  }

  .ecom-outcomes-list {
    grid-template-columns:1fr;
  }

  .ecom-outcomes-list article,
  .ecom-outcomes-list article:nth-child(odd),
  .ecom-outcomes-list article:nth-child(even) {
    padding-left:0;
    padding-right:0;
    border-right:0;
  }
}

@media (max-width:767.98px) {
  .ecom-hero .inner-page-title {
    font-size:clamp(2.65rem,11vw,4rem);
  }

  .ecom-hero-stage {
    min-height:940px;
  }

  .ecom-hero-card {
    left:1.6rem !important;
    right:1.6rem !important;
    width:auto;
  }

  .ecom-hero-card-order {
    bottom:10.7rem;
  }

  .ecom-hero-card-ops {
    bottom:5.5rem;
  }

  .ecom-hero-journey {
    display:none;
  }

  .ecom-journey-gallery {
    display:block;
  }

  .ecom-journey-scene {
    min-height:360px;
    margin-bottom:.9rem;
  }

  .ecom-journey-scene-discover {
    min-height:460px;
  }

  .ecom-capability-list article {
    grid-template-columns:44px 1fr;
  }

  .ecom-capability-list i {
    display:none;
  }

  .ecom-capability-image {
    height:300px;
  }

  .ecom-pressure-stage {
    min-height:auto;
    padding:2rem 1.2rem 1.2rem;
  }

  .ecom-pressure-photo,
  .ecom-pressure-overlay {
    position:absolute;
  }

  .ecom-pressure-copy,
  .ecom-pressure-signals {
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:auto;
  }

  .ecom-pressure-signals {
    grid-template-columns:1fr;
    margin-top:2rem;
  }

  .ecom-pressure-signals article {
    min-height:auto;
  }

  .ecom-system-visual {
    min-height:830px;
  }

  .ecom-system-flow {
    left:1rem;
    right:1rem;
    bottom:1rem;
  }

  .ecom-system-domains {
    grid-template-columns:1fr;
  }

  .ecom-system-domains article + article,
  .ecom-system-domains article:nth-child(3),
  .ecom-system-domains article:nth-child(4) {
    border-left:0;
    border-top:1px solid #DCE4E9;
  }

  .ecom-delivery-collage {
    min-height:500px;
  }

  .ecom-delivery-main {
    width:90%;
    height:72%;
  }

  .ecom-delivery-small {
    width:55%;
    height:34%;
  }

  .ecom-delivery-collage-note {
    width:72%;
  }

  .ecom-tech-stage {
    min-height:900px;
  }

  .ecom-tech-panel {
    left:1rem;
    right:1rem;
    bottom:1rem;
    padding:1.3rem;
  }

  .ecom-tech-choices article {
    grid-template-columns:1fr;
  }

  .ecom-tech-choices p {
    grid-column:1;
    margin:.18rem 0 0;
  }
}

@media (max-width:575.98px) {
  .ecom-hero-stage {
    min-height:980px;
  }

  .ecom-journey-scene,
  .ecom-journey-scene-discover {
    min-height:360px;
  }

  .ecom-system-visual {
    min-height:900px;
  }

  .ecom-delivery-collage {
    min-height:440px;
  }

  .ecom-tech-stage {
    min-height:980px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .ecom-journey-scene img,
}
/* ============================================================
   ECOMMERCE — SECTION REDESIGNS
   Commerce Capabilities / When This Service Fits /
   Commerce Operating System
   ============================================================ */

/* Shared section typography: intentionally website-scale rather than slide-scale */
.ecom-capabilities-v2 .section-title,
.ecom-pressure-v2 .section-title,
.ecom-system-v2 .section-title {
  max-width:760px;
  font-size:clamp(2.15rem,3.5vw,3.75rem);
  line-height:1.03;
  letter-spacing:-.035em;
}

.ecom-capabilities-v2 .section-lead,
.ecom-pressure-v2 .section-lead,
.ecom-system-v2 .section-lead {
  font-size:clamp(.92rem,1.15vw,1.08rem);
  line-height:1.7;
}

/* ------------------------------------------------------------
   Commerce Capabilities — panoramic media + editorial service grid
   ------------------------------------------------------------ */
.ecom-capabilities-v2 {
  background:#fff;
}

.ecom-cap-v2-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);
  gap:clamp(2.5rem,6vw,6.5rem);
  align-items:end;
  margin-bottom:2.2rem;
}

.ecom-cap-v2-media {
  position:relative;
  min-height:360px;
  overflow:hidden;
  border-radius:18px;
  background:#0B263D;
}

.ecom-cap-v2-media img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 55%;
}

.ecom-cap-v2-media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,27,45,.76) 0%,rgba(6,27,45,.25) 55%,rgba(6,27,45,.06) 100%);
}

.ecom-cap-v2-media-copy {
  position:absolute;
  z-index:2;
  left:clamp(1.25rem,3vw,2.5rem);
  bottom:clamp(1.25rem,3vw,2.2rem);
  max-width:560px;
}

.ecom-cap-v2-media-copy small {
  display:block;
  margin-bottom:.45rem;
  color:#9ED0F5;
  font-size:.56rem;
  font-weight:850;
  letter-spacing:.13em;
}

.ecom-cap-v2-media-copy strong {
  display:block;
  color:#fff;
  font-size:clamp(1.25rem,2vw,2rem);
  line-height:1.2;
}

.ecom-cap-v2-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:2rem;
  border-top:1px solid #DCE4EA;
}

.ecom-cap-v2-list article {
  display:grid;
  grid-template-columns:42px 34px 1fr;
  gap:.9rem;
  align-items:start;
  padding:1.35rem 1.3rem 1.45rem 0;
  border-bottom:1px solid #DCE4EA;
}

.ecom-cap-v2-list article:nth-child(even) {
  padding-left:1.3rem;
  border-left:1px solid #DCE4EA;
}

.ecom-cap-v2-number {
  color:#B31942;
  font-size:.67rem;
  font-weight:850;
  padding-top:.15rem;
}

.ecom-cap-v2-list article:nth-child(even) .ecom-cap-v2-number {
  color:#0A3161;
}

.ecom-cap-v2-list i {
  color:#0A3161;
  font-size:1.08rem;
  line-height:1;
}

.ecom-cap-v2-list article:nth-child(3n) i,
.ecom-cap-v2-list article:nth-child(5) i {
  color:#B31942;
}

.ecom-cap-v2-list small {
  display:block;
  margin-bottom:.35rem;
  color:#7B8A95;
  font-size:.49rem;
  font-weight:850;
  letter-spacing:.13em;
}

.ecom-cap-v2-list h3 {
  margin:0 0 .38rem;
  color:#152B3C;
  font-size:1rem;
  line-height:1.38;
}

.ecom-cap-v2-list p {
  margin:0;
  max-width:560px;
  color:#687884;
  font-size:.75rem;
  line-height:1.58;
}

/* ------------------------------------------------------------
   When This Service Fits — editorial image / content split
   ------------------------------------------------------------ */
.ecom-pressure-v2 {
  background:#F6F8FA;
  border-top:1px solid #E3E9ED;
  border-bottom:1px solid #E3E9ED;
}

.ecom-pressure-v2-layout {
  display:grid;
  grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr);
  gap:clamp(3rem,6vw,6.5rem);
  align-items:center;
}

.ecom-pressure-v2-visual {
  position:relative;
  min-height:640px;
  overflow:hidden;
  border-radius:20px;
  background:#17334B;
  box-shadow:0 22px 52px rgba(18,40,60,.10);
}

.ecom-pressure-v2-visual img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ecom-pressure-v2-visual::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,28,46,.03) 44%,rgba(7,28,46,.82) 100%);
}

.ecom-pressure-v2-caption {
  position:absolute;
  z-index:2;
  left:1.35rem;
  right:1.35rem;
  bottom:1.35rem;
  padding:1rem 1.05rem 1rem 1.15rem;
  border-left:3px solid #79B8EF;
  background:rgba(7,34,55,.82);
  backdrop-filter:blur(8px);
}

.ecom-pressure-v2-caption small {
  display:block;
  margin-bottom:.35rem;
  color:#99CCF3;
  font-size:.5rem;
  font-weight:850;
  letter-spacing:.13em;
}

.ecom-pressure-v2-caption strong {
  display:block;
  color:#fff;
  font-size:.88rem;
  line-height:1.5;
}

.ecom-pressure-v2-copy .section-title {
  margin-bottom:1rem;
}

.ecom-pressure-v2-signals {
  margin-top:1.65rem;
  border-top:1px solid #D5DFE5;
}

.ecom-pressure-v2-signals article {
  display:grid;
  grid-template-columns:46px 1fr;
  gap:.9rem;
  padding:1rem 0;
  border-bottom:1px solid #D5DFE5;
}

.ecom-pressure-v2-signals article > span {
  color:#B31942;
  font-size:.65rem;
  font-weight:850;
  padding-top:.15rem;
}

.ecom-pressure-v2-signals article:nth-child(even) > span {
  color:#0A3161;
}

.ecom-pressure-v2-signals h3 {
  margin:0 0 .28rem;
  color:#152B3C;
  font-size:.9rem;
  line-height:1.4;
}

.ecom-pressure-v2-signals p {
  margin:0;
  color:#6A7984;
  font-size:.74rem;
  line-height:1.55;
}

/* ------------------------------------------------------------
   Commerce Operating System — visual + architecture stack
   ------------------------------------------------------------ */
.ecom-system-v2 {
  color:#fff;
  background:
    radial-gradient(circle at 82% 10%,rgba(121,184,239,.10),transparent 30%),
    linear-gradient(145deg,#1D3A53,#122C42);
}

.ecom-system-v2 .eyebrow {
  color:#8FC7F1;
}

.ecom-system-v2 .section-title {
  color:#fff;
}

.ecom-system-v2 .section-lead {
  color:#C7D3DC;
}

.ecom-system-v2-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.66fr);
  gap:clamp(2.5rem,6vw,6rem);
  align-items:end;
  margin-bottom:2rem;
}

.ecom-system-v2-layout {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:1rem;
  align-items:stretch;
}

.ecom-system-v2-image {
  position:relative;
  min-height:570px;
  overflow:hidden;
  border-radius:18px;
  background:#0B263D;
}

.ecom-system-v2-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ecom-system-v2-image::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,31,49,.03) 42%,rgba(8,31,49,.75) 100%);
}

.ecom-system-v2-image-note {
  position:absolute;
  z-index:2;
  left:1.2rem;
  right:1.2rem;
  bottom:1.2rem;
}

.ecom-system-v2-image-note small {
  display:block;
  margin-bottom:.35rem;
  color:#9ACBF1;
  font-size:.5rem;
  font-weight:850;
  letter-spacing:.13em;
}

.ecom-system-v2-image-note strong {
  display:block;
  color:#fff;
  font-size:1rem;
  line-height:1.45;
}

.ecom-system-v2-stack {
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.ecom-system-v2-stack article {
  display:grid;
  grid-template-columns:44px 1fr;
  gap:1rem;
  padding:1.45rem 1.1rem;
}

.ecom-system-v2-stack article + article {
  border-top:1px solid rgba(255,255,255,.10);
}

.ecom-system-v2-stack article > span {
  color:#90C5EE;
  font-size:.63rem;
  font-weight:850;
  padding-top:.1rem;
}

.ecom-system-v2-stack .ecom-system-v2-core {
  background:rgba(10,49,80,.56);
  border-left:3px solid #B31942;
}

.ecom-system-v2-stack .ecom-system-v2-core > span {
  color:#FF90A8;
}

.ecom-system-v2-stack small {
  display:block;
  margin-bottom:.35rem;
  color:#93A7B6;
  font-size:.49rem;
  font-weight:850;
  letter-spacing:.13em;
}

.ecom-system-v2-stack h3 {
  margin:0 0 .4rem;
  color:#fff;
  font-size:1rem;
  line-height:1.4;
}

.ecom-system-v2-stack p {
  margin:0;
  color:#BCCAD4;
  font-size:.74rem;
  line-height:1.6;
}

.ecom-system-v2-domains {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:1.25rem;
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ecom-system-v2-domains article {
  min-height:150px;
  padding:1.05rem 1rem;
}

.ecom-system-v2-domains article + article {
  border-left:1px solid rgba(255,255,255,.09);
}

.ecom-system-v2-domains small {
  display:block;
  margin-bottom:.42rem;
  color:#FF8FA8;
  font-size:.47rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-system-v2-domains article:nth-child(even) small {
  color:#8FC7F1;
}

.ecom-system-v2-domains strong {
  display:block;
  margin-bottom:.35rem;
  color:#fff;
  font-size:.78rem;
}

.ecom-system-v2-domains p {
  margin:0;
  color:#B8C7D1;
  font-size:.68rem;
  line-height:1.52;
}

/* Responsive */
@media (max-width:991.98px) {
  .ecom-cap-v2-head,
  .ecom-system-v2-head,
  .ecom-pressure-v2-layout,
  .ecom-system-v2-layout {
    grid-template-columns:1fr;
  }

  .ecom-cap-v2-media {
    min-height:320px;
  }

  .ecom-pressure-v2-visual,
  .ecom-system-v2-image {
    min-height:480px;
  }

  .ecom-system-v2-domains {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ecom-system-v2-domains article:nth-child(3) {
    border-left:0;
    border-top:1px solid rgba(255,255,255,.09);
  }

  .ecom-system-v2-domains article:nth-child(4) {
    border-top:1px solid rgba(255,255,255,.09);
  }
}

@media (max-width:767.98px) {
  .ecom-cap-v2-list {
    grid-template-columns:1fr;
  }

  .ecom-cap-v2-list article,
  .ecom-cap-v2-list article:nth-child(even) {
    padding:1.1rem 0;
    border-left:0;
  }

  .ecom-cap-v2-media {
    min-height:280px;
  }

  .ecom-pressure-v2-visual,
  .ecom-system-v2-image {
    min-height:400px;
  }

  .ecom-system-v2-stack article {
    padding:1.15rem .25rem;
  }
}

@media (max-width:575.98px) {
  .ecom-capabilities-v2 .section-title,
  .ecom-pressure-v2 .section-title,
  .ecom-system-v2 .section-title {
    font-size:clamp(2rem,10vw,2.9rem);
  }

  .ecom-cap-v2-list article {
    grid-template-columns:34px 28px 1fr;
    gap:.65rem;
  }

  .ecom-system-v2-domains {
    grid-template-columns:1fr;
  }

  .ecom-system-v2-domains article,
  .ecom-system-v2-domains article:nth-child(3),
  .ecom-system-v2-domains article:nth-child(4) {
    min-height:auto;
    border-left:0;
    border-top:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
}
/* ============================================================
   BUSINESS OUTCOMES — ORDER FIX
   ============================================================ */

.ecom-outcomes-intro {
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr);
  align-items:end;
}

.ecom-outcomes-heading {
  max-width:760px;
}

.ecom-outcomes-heading .eyebrow {
  margin-bottom:.8rem;
}

.ecom-outcomes-heading .section-title {
  margin-bottom:0;
  font-size:clamp(2.2rem,3.8vw,4rem);
  line-height:1.02;
  letter-spacing:-.038em;
}

.ecom-outcomes-intro > .section-lead {
  align-self:end;
  margin:0 0 .15rem;
  max-width:480px;
}

@media (max-width:991.98px) {
  .ecom-outcomes-intro {
    grid-template-columns:1fr;
    gap:1.25rem;
  }

  .ecom-outcomes-intro > .section-lead {
    max-width:680px;
  }
}

/* COMPACT LONG-PAGE VERTICAL RHYTHM */
.ecommerce-solutions-page > .ecom-hero-v4 {
  padding-top:1.15rem !important;
  padding-bottom:1.25rem !important;
}

.ecommerce-solutions-page .section-pad {
  padding-top:clamp(3.25rem,4.4vw,4.25rem) !important;
  padding-bottom:clamp(3.25rem,4.4vw,4.25rem) !important;
}

.ecommerce-solutions-page .ecom-section-intro,
.ecommerce-solutions-page .ecom-journey-head,
.ecommerce-solutions-page .ecom-cap-v2-head,
.ecommerce-solutions-page .ecom-system-v2-head,
.ecommerce-solutions-page .ecom-outcomes-intro {
  margin-bottom:1.5rem;
}

@media (max-width:991.98px) {
  .ecommerce-solutions-page > .ecom-hero-v4 {
    padding-top:.9rem !important;
    padding-bottom:1rem !important;
  }

  .ecommerce-solutions-page .section-pad {
    padding-top:2.8rem !important;
    padding-bottom:2.8rem !important;
  }
}

@media (max-width:767.98px) {
  .ecommerce-solutions-page > .ecom-hero-v4 {
    padding-top:.65rem !important;
    padding-bottom:.75rem !important;
  }

  .ecommerce-solutions-page .section-pad {
    padding-top:2.25rem !important;
    padding-bottom:2.25rem !important;
  }

  .ecommerce-solutions-page .ecom-section-intro,
  .ecommerce-solutions-page .ecom-journey-head,
  .ecommerce-solutions-page .ecom-cap-v2-head,
  .ecommerce-solutions-page .ecom-system-v2-head,
  .ecommerce-solutions-page .ecom-outcomes-intro {
    margin-bottom:1.15rem;
  }
}



/* ============================================================
   ECOMMERCE REDESIGN — HERO / CAPABILITIES / BUSINESS OUTCOMES
   2026-10-06 — temporary Unsplash image stage
   ============================================================ */

/* HERO V6 — full-bleed editorial slider */
.ecom-hero-v6 {
  position:relative;
  min-height:690px;
  overflow:hidden;
  color:#fff;
  background:#081f33;
  padding:0 !important;
}
.ecom-hero-v6-slider,
.ecom-hero-v6-slide,
.ecom-hero-v6-slide img,
.ecom-hero-v6-shade {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.ecom-hero-v6-slide { margin:0; opacity:0; animation:ecomHeroCrossfade 18s infinite; }
.ecom-hero-v6-slide-1 { animation-delay:0s; }
.ecom-hero-v6-slide-2 { animation-delay:6s; }
.ecom-hero-v6-slide-3 { animation-delay:12s; }
.ecom-hero-v6-slide img { object-fit:cover; object-position:center; transform:scale(1.035); animation:ecomHeroZoom 18s infinite; }
.ecom-hero-v6-slide-2 img { object-position:center 48%; }
.ecom-hero-v6-slide-3 img { object-position:center 46%; }
@keyframes ecomHeroCrossfade {
  0%,27% { opacity:1; }
  33%,94% { opacity:0; }
  100% { opacity:1; }
}
@keyframes ecomHeroZoom { 0%{transform:scale(1.035)} 33%{transform:scale(1.09)} 100%{transform:scale(1.09)} }
.ecom-hero-v6-shade {
  z-index:2;
  background:
    linear-gradient(90deg,rgba(5,21,36,.96) 0%,rgba(5,21,36,.88) 40%,rgba(5,21,36,.48) 69%,rgba(5,21,36,.32) 100%),
    linear-gradient(180deg,rgba(4,18,31,.34) 0%,rgba(4,18,31,.08) 48%,rgba(4,18,31,.72) 100%);
}
.ecom-hero-v6-container { position:relative; z-index:4; min-height:690px; display:flex; flex-direction:column; }
.ecom-hero-v6-breadcrumb { padding-top:1.15rem; margin-bottom:0; }
.ecom-hero-v6-breadcrumb a,
.ecom-hero-v6-breadcrumb li { color:rgba(255,255,255,.76); }
.ecom-hero-v6-breadcrumb a:hover { color:#fff; }
.ecom-hero-v6-layout { flex:1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr); gap:clamp(2.5rem,6vw,6.5rem); align-items:center; padding:3.2rem 0 4.2rem; }
.ecom-hero-v6-copy { max-width:780px; }
.ecom-hero-v6-copy .eyebrow { color:#9fd4fa !important; margin-bottom:.9rem; }
.ecommerce-solutions-page .ecom-hero-v6-copy .inner-page-title { max-width:780px; margin:0; color:#fff !important; font-size:clamp(3rem,5.2vw,5.9rem) !important; line-height:.98 !important; letter-spacing:-.048em !important; }
.ecom-hero-v6-copy .inner-page-lead { max-width:690px; margin:1.35rem 0 0; color:#d4e0e8 !important; font-size:clamp(1rem,1.25vw,1.14rem); line-height:1.7; }
.ecom-hero-v6-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.85rem 1rem; margin-top:1.7rem; }
.ecom-hero-v6 .btn-itx-primary { background:#b31942; border-color:#b31942; box-shadow:0 14px 32px rgba(0,0,0,.2); }
.ecom-hero-v6 .btn-itx-primary:hover { background:#951536; border-color:#951536; }
.ecom-hero-v6-secondary { display:inline-flex; align-items:center; gap:.45rem; color:#fff; font-weight:750; text-decoration:none; padding:.7rem .15rem; }
.ecom-hero-v6-secondary:hover { color:#a8d8f8; }
.ecom-hero-v6-panel { align-self:end; margin-bottom:.2rem; border:1px solid rgba(255,255,255,.17); border-radius:18px; background:rgba(7,29,47,.74); box-shadow:0 26px 65px rgba(0,0,0,.22); backdrop-filter:blur(12px); overflow:hidden; }
.ecom-hero-v6-panel-kicker { padding:.85rem 1rem; color:#9fd3f7; font-size:.48rem; font-weight:850; letter-spacing:.13em; border-bottom:1px solid rgba(255,255,255,.12); }
.ecom-hero-v6-flow span { display:grid; grid-template-columns:38px 92px 1fr; gap:.6rem; align-items:center; padding:.9rem 1rem; border-bottom:1px solid rgba(255,255,255,.09); }
.ecom-hero-v6-flow small { color:#ff98ae; font-size:.5rem; font-weight:850; }
.ecom-hero-v6-flow span:nth-child(even) small { color:#91caf3; }
.ecom-hero-v6-flow strong { color:#fff; font-size:.74rem; }
.ecom-hero-v6-flow em { color:#c0ced8; font-size:.61rem; font-style:normal; line-height:1.4; }
.ecom-hero-v6-status { display:grid; grid-template-columns:34px 1fr; gap:.7rem; align-items:center; padding:.9rem 1rem; background:rgba(255,255,255,.045); }
.ecom-hero-v6-status i { color:#91caf3; font-size:1.05rem; }
.ecom-hero-v6-status strong,
.ecom-hero-v6-status small { display:block; }
.ecom-hero-v6-status strong { color:#fff; font-size:.7rem; }
.ecom-hero-v6-status small { margin-top:.15rem; color:#aebfca; font-size:.52rem; }
.ecom-hero-v6-progress { position:absolute; z-index:5; left:12px; bottom:1.2rem; display:flex; gap:.35rem; }
.ecom-hero-v6-progress span { width:38px; height:2px; background:rgba(255,255,255,.28); overflow:hidden; }
.ecom-hero-v6-progress span::after { content:""; display:block; width:100%; height:100%; background:#fff; transform-origin:left; animation:ecomProgress 18s infinite; }
.ecom-hero-v6-progress span:nth-child(2)::after { animation-delay:6s; }
.ecom-hero-v6-progress span:nth-child(3)::after { animation-delay:12s; }
@keyframes ecomProgress { 0%{transform:scaleX(0)} 27%{transform:scaleX(1)} 28%,100%{transform:scaleX(0)} }

/* CAPABILITIES V3 — immersive visual + service ledger */
.ecom-capabilities-v3 { background:#fff; }
.ecom-cap-v3-head { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.65fr); gap:clamp(2.5rem,6vw,6rem); align-items:end; margin-bottom:2rem; }
.ecom-cap-v3-head .section-title { max-width:820px; font-size:clamp(2.2rem,3.8vw,4rem); line-height:1.03; letter-spacing:-.038em; }
.ecom-cap-v3-layout { display:grid; grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr); gap:clamp(2.5rem,5vw,5rem); align-items:start; }
.ecom-cap-v3-visual { position:sticky; top:105px; min-height:640px; overflow:hidden; border-radius:20px; background:#0d2c46; box-shadow:0 24px 58px rgba(16,40,60,.1); }
.ecom-cap-v3-visual > img,
.ecom-cap-v3-visual-overlay { position:absolute; inset:0; width:100%; height:100%; }
.ecom-cap-v3-visual > img { object-fit:cover; object-position:center; }
.ecom-cap-v3-visual-overlay { background:linear-gradient(180deg,rgba(7,27,45,.04) 24%,rgba(7,27,45,.87) 100%); }
.ecom-cap-v3-visual-copy { position:absolute; z-index:2; left:1.5rem; right:1.5rem; bottom:1.5rem; max-width:520px; }
.ecom-cap-v3-visual-copy small { display:block; margin-bottom:.5rem; color:#9ed1f6; font-size:.5rem; font-weight:850; letter-spacing:.13em; }
.ecom-cap-v3-visual-copy strong { display:block; color:#fff; font-size:clamp(1.45rem,2.4vw,2.45rem); line-height:1.14; letter-spacing:-.025em; }
.ecom-cap-v3-visual-copy p { margin:.75rem 0 0; color:#d0dce4; font-size:.76rem; line-height:1.6; }
.ecom-cap-v3-orbit { position:absolute; z-index:2; top:1.15rem; left:1.15rem; right:1.15rem; display:grid; grid-template-columns:repeat(2,1fr); gap:.4rem; }
.ecom-cap-v3-orbit span { padding:.55rem .65rem; color:#fff; font-size:.57rem; font-weight:780; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(7,31,50,.54); backdrop-filter:blur(8px); text-align:center; }
.ecom-cap-v3-services { border-top:1px solid #dbe4ea; }
.ecom-cap-v3-services article { display:grid; grid-template-columns:46px minmax(0,1fr) 34px; gap:1rem; align-items:start; padding:1.25rem 0; border-bottom:1px solid #dbe4ea; }
.ecom-cap-v3-number { color:#b31942; font-size:.68rem; font-weight:850; padding-top:.17rem; }
.ecom-cap-v3-services article:nth-child(even) .ecom-cap-v3-number { color:#0a3161; }
.ecom-cap-v3-services small { display:block; margin-bottom:.35rem; color:#7a8994; font-size:.48rem; font-weight:850; letter-spacing:.12em; }
.ecom-cap-v3-services h3 { margin:0 0 .35rem; color:#152b3c; font-size:clamp(.95rem,1.2vw,1.08rem); line-height:1.4; }
.ecom-cap-v3-services p { margin:0; max-width:650px; color:#687884; font-size:.74rem; line-height:1.58; }
.ecom-cap-v3-services i { color:#0a3161; font-size:1.05rem; text-align:right; }
.ecom-cap-v3-services article:nth-child(odd) i { color:#b31942; }
.ecom-cap-v3-platform-strip { display:grid; grid-template-columns:repeat(4,1fr); margin-top:2rem; border-top:1px solid #dce4e9; border-bottom:1px solid #dce4e9; }
.ecom-cap-v3-platform-strip span { padding:1rem 1.05rem; }
.ecom-cap-v3-platform-strip span + span { border-left:1px solid #dce4e9; }
.ecom-cap-v3-platform-strip small,
.ecom-cap-v3-platform-strip strong { display:block; }
.ecom-cap-v3-platform-strip small { margin-bottom:.3rem; color:#b31942; font-size:.46rem; font-weight:850; letter-spacing:.11em; }
.ecom-cap-v3-platform-strip span:nth-child(even) small { color:#0a3161; }
.ecom-cap-v3-platform-strip strong { color:#203547; font-size:.69rem; line-height:1.35; }

/* OUTCOMES V3 — image / editorial rail */
.ecom-outcomes-v3 { background:#f4f7f9; border-top:1px solid #e2e8ec; border-bottom:1px solid #e2e8ec; }
.ecom-outcomes-v3-stage { display:grid; grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr); min-height:650px; overflow:hidden; border-radius:22px; background:#fff; box-shadow:0 22px 55px rgba(17,41,61,.08); }
.ecom-outcomes-v3-photo { position:relative; min-height:650px; overflow:hidden; background:#0c2a42; }
.ecom-outcomes-v3-photo img,
.ecom-outcomes-v3-photo-shade { position:absolute; inset:0; width:100%; height:100%; }
.ecom-outcomes-v3-photo img { object-fit:cover; object-position:center; }
.ecom-outcomes-v3-photo-shade { background:linear-gradient(180deg,rgba(7,26,43,.04) 32%,rgba(7,26,43,.86) 100%); }
.ecom-outcomes-v3-photo-copy { position:absolute; z-index:2; left:1.5rem; right:1.5rem; bottom:1.5rem; }
.ecom-outcomes-v3-photo-copy small { display:block; margin-bottom:.45rem; color:#9bcdf3; font-size:.5rem; font-weight:850; letter-spacing:.13em; }
.ecom-outcomes-v3-photo-copy strong { display:block; max-width:430px; color:#fff; font-size:clamp(1.35rem,2vw,2rem); line-height:1.2; }
.ecom-outcomes-v3-content { padding:clamp(2rem,4vw,3.4rem); }
.ecom-outcomes-v3-content .section-title { max-width:760px; margin-bottom:.9rem; font-size:clamp(2.15rem,3.6vw,3.75rem); line-height:1.04; letter-spacing:-.037em; }
.ecom-outcomes-v3-content .section-lead { max-width:700px; margin-bottom:1.6rem; }
.ecom-outcomes-v3-rail { border-top:1px solid #d9e2e8; }
.ecom-outcomes-v3-rail article { display:grid; grid-template-columns:48px 1fr; gap:1rem; padding:1rem 0; border-bottom:1px solid #d9e2e8; }
.ecom-outcomes-v3-rail article > span { color:#b31942; font-size:.68rem; font-weight:850; padding-top:.15rem; }
.ecom-outcomes-v3-rail article:nth-child(even) > span { color:#0a3161; }
.ecom-outcomes-v3-rail h3 { margin:0 0 .3rem; color:#152b3c; font-size:.94rem; line-height:1.4; }
.ecom-outcomes-v3-rail p { margin:0; color:#697985; font-size:.73rem; line-height:1.55; }
.ecom-outcomes-v3-close { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin-top:1.2rem; padding-top:1rem; color:#526675; font-size:.56rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.ecom-outcomes-v3-close i { color:#b31942; font-size:.64rem; }

@media (max-width:1199.98px) {
  .ecom-hero-v6-layout { grid-template-columns:minmax(0,1fr) minmax(340px,.68fr); }
  .ecom-cap-v3-layout { grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr); }
}
@media (max-width:991.98px) {
  .ecom-hero-v6,
  .ecom-hero-v6-container { min-height:760px; }
  .ecom-hero-v6-layout { grid-template-columns:1fr; align-content:center; gap:1.5rem; padding:2.4rem 0 4rem; }
  .ecom-hero-v6-panel { width:min(680px,100%); align-self:start; }
  .ecom-hero-v6-shade { background:linear-gradient(180deg,rgba(5,21,36,.92) 0%,rgba(5,21,36,.78) 58%,rgba(5,21,36,.88) 100%); }
  .ecom-cap-v3-head,
  .ecom-cap-v3-layout,
  .ecom-outcomes-v3-stage { grid-template-columns:1fr; }
  .ecom-cap-v3-visual { position:relative; top:auto; min-height:500px; }
  .ecom-outcomes-v3-photo { min-height:430px; }
  .ecom-outcomes-v3-stage { min-height:auto; }
  .ecom-cap-v3-platform-strip { grid-template-columns:repeat(2,1fr); }
  .ecom-cap-v3-platform-strip span:nth-child(3) { border-left:0; border-top:1px solid #dce4e9; }
  .ecom-cap-v3-platform-strip span:nth-child(4) { border-top:1px solid #dce4e9; }
}
@media (max-width:767.98px) {
  .ecom-hero-v6,
  .ecom-hero-v6-container { min-height:820px; }
  .ecommerce-solutions-page .ecom-hero-v6-copy .inner-page-title { font-size:clamp(2.55rem,11vw,4.1rem) !important; }
  .ecom-hero-v6-flow span { grid-template-columns:32px 78px 1fr; }
  .ecom-cap-v3-visual { min-height:430px; }
  .ecom-cap-v3-services article { grid-template-columns:38px 1fr; }
  .ecom-cap-v3-services i { display:none; }
  .ecom-outcomes-v3-photo { min-height:360px; }
  .ecom-outcomes-v3-content { padding:1.5rem 1.1rem; }
}
@media (max-width:575.98px) {
  .ecom-hero-v6,
  .ecom-hero-v6-container { min-height:880px; }
  .ecom-hero-v6-layout { padding-top:1.8rem; }
  .ecom-hero-v6-actions { align-items:stretch; }
  .ecom-hero-v6-actions .btn { width:100%; justify-content:center; }
  .ecom-hero-v6-secondary { width:100%; justify-content:center; }
  .ecom-hero-v6-flow span { grid-template-columns:30px 1fr; }
  .ecom-hero-v6-flow em { grid-column:2; }
  .ecom-cap-v3-visual { min-height:400px; }
  .ecom-cap-v3-orbit { grid-template-columns:1fr 1fr; }
  .ecom-cap-v3-platform-strip { grid-template-columns:1fr; }
  .ecom-cap-v3-platform-strip span + span,
  .ecom-cap-v3-platform-strip span:nth-child(3),
  .ecom-cap-v3-platform-strip span:nth-child(4) { border-left:0; border-top:1px solid #dce4e9; }
  .ecom-outcomes-v3-close { gap:.4rem; }
}
@media (prefers-reduced-motion:reduce) {
  .ecom-hero-v6-slide { animation:none !important; opacity:0; }
  .ecom-hero-v6-slide-1 { opacity:1; }
  .ecom-hero-v6-slide img,
  .ecom-hero-v6-progress span::after { animation:none !important; transform:none !important; }
}


/* ============================================================
   ECOMMERCE HERO V7 — brighter image-led commerce slider
   2026-10-06
   ============================================================ */

/* Neutralize any global inner-hero pseudo overlays on this page. */
.ecommerce-solutions-page .ecom-hero-v7::before,
.ecommerce-solutions-page .ecom-hero-v7::after {
  content:none !important;
  display:none !important;
}

.ecom-hero-v7 {
  position:relative;
  isolation:isolate;
  min-height:720px;
  overflow:hidden;
  padding:0 !important;
  color:#fff !important;
  background:#0b2236;
}

.ecom-hero-v7-slider,
.ecom-hero-v7-slide,
.ecom-hero-v7-slide img,
.ecom-hero-v7-shade {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.ecom-hero-v7-slider { z-index:0; }
.ecom-hero-v7-slide {
  margin:0;
  opacity:0;
  animation:ecomHeroV7Fade 18s infinite;
}
.ecom-hero-v7-slide-1 { animation-delay:0s; }
.ecom-hero-v7-slide-2 { animation-delay:6s; }
.ecom-hero-v7-slide-3 { animation-delay:12s; }

.ecom-hero-v7-slide img {
  object-fit:cover;
  object-position:center;
  filter:saturate(1.08) contrast(1.03) brightness(1.04);
  transform:scale(1.025);
  animation:ecomHeroV7Zoom 18s ease-in-out infinite;
}
.ecom-hero-v7-slide-1 img { object-position:center 42%; }
.ecom-hero-v7-slide-2 img { object-position:center 42%; }
.ecom-hero-v7-slide-3 img { object-position:center 52%; }

@keyframes ecomHeroV7Fade {
  0%,28% { opacity:1; }
  34%,94% { opacity:0; }
  100% { opacity:1; }
}
@keyframes ecomHeroV7Zoom {
  0% { transform:scale(1.025); }
  31% { transform:scale(1.075); }
  100% { transform:scale(1.075); }
}

.ecom-hero-v7-shade {
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(5,24,41,.88) 0%,
      rgba(5,24,41,.78) 31%,
      rgba(5,24,41,.48) 55%,
      rgba(5,24,41,.16) 78%,
      rgba(5,24,41,.10) 100%),
    linear-gradient(180deg,
      rgba(4,18,31,.22) 0%,
      rgba(4,18,31,.02) 50%,
      rgba(4,18,31,.46) 100%);
}

.ecom-hero-v7-container {
  position:relative;
  z-index:5;
  min-height:720px;
  display:flex;
  flex-direction:column;
}

.ecom-hero-v7-breadcrumb {
  padding-top:1.15rem;
  margin:0;
  opacity:1 !important;
  filter:none !important;
}
.ecom-hero-v7-breadcrumb a,
.ecom-hero-v7-breadcrumb li {
  color:rgba(255,255,255,.86) !important;
  opacity:1 !important;
}
.ecom-hero-v7-breadcrumb a:hover { color:#fff !important; }

.ecom-hero-v7-content {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  max-width:900px;
  padding:3.35rem 0 7.3rem;
}

.ecom-hero-v7-copy {
  position:relative;
  z-index:6;
  max-width:870px;
  opacity:1 !important;
  filter:none !important;
}
.ecom-hero-v7-copy .eyebrow {
  margin-bottom:.9rem;
  color:#b9e1ff !important;
  opacity:1 !important;
}
.ecommerce-solutions-page .ecom-hero-v7-copy h1.inner-page-title {
  max-width:860px;
  margin:0;
  color:#fff !important;
  opacity:1 !important;
  text-shadow:0 5px 28px rgba(0,0,0,.32);
  font-size:clamp(3rem,4.8vw,5.25rem) !important;
  line-height:.99 !important;
  letter-spacing:-.047em !important;
}
.ecom-hero-v7-copy .inner-page-lead {
  max-width:690px;
  margin:1.25rem 0 0;
  color:#f2f6f8 !important;
  opacity:1 !important;
  text-shadow:0 2px 14px rgba(0,0,0,.28);
  font-size:clamp(1rem,1.18vw,1.12rem);
  line-height:1.68;
}

.ecom-hero-v7-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.8rem 1rem;
  margin-top:1.65rem;
}
.ecom-hero-v7 .btn-itx-primary {
  color:#fff !important;
  background:#b31942 !important;
  border-color:#b31942 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.ecom-hero-v7 .btn-itx-primary:hover {
  background:#971638 !important;
  border-color:#971638 !important;
}
.ecom-hero-v7-secondary {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.7rem .1rem;
  color:#fff !important;
  opacity:1 !important;
  font-weight:800;
  text-decoration:none;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}
.ecom-hero-v7-secondary:hover { color:#b9e1ff !important; }

.ecom-hero-v7-signature {
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:1.5rem;
}
.ecom-hero-v7-signature span {
  padding:.46rem .68rem;
  color:#fff !important;
  opacity:1 !important;
  font-size:.58rem;
  font-weight:800;
  border:1px solid rgba(255,255,255,.30);
  border-radius:999px;
  background:rgba(6,27,45,.34);
  box-shadow:0 5px 18px rgba(0,0,0,.09);
  backdrop-filter:blur(8px);
}

.ecom-hero-v7-journey {
  position:absolute;
  z-index:7;
  left:12px;
  right:12px;
  bottom:1.5rem;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:14px;
  background:rgba(6,28,46,.54);
  box-shadow:0 18px 46px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}
.ecom-hero-v7-journey > div {
  display:grid;
  grid-template-columns:28px 74px 1fr;
  gap:.55rem;
  align-items:center;
  min-height:72px;
  padding:.78rem .9rem;
}
.ecom-hero-v7-journey > div + div { border-left:1px solid rgba(255,255,255,.14); }
.ecom-hero-v7-journey small {
  color:#ff9ab0 !important;
  font-size:.49rem;
  font-weight:900;
}
.ecom-hero-v7-journey > div:nth-child(even) small { color:#9ed1f6 !important; }
.ecom-hero-v7-journey strong {
  color:#fff !important;
  opacity:1 !important;
  font-size:.7rem;
}
.ecom-hero-v7-journey span {
  color:#dce7ee !important;
  opacity:1 !important;
  font-size:.55rem;
  line-height:1.35;
}

.ecom-hero-v7-progress {
  position:absolute;
  z-index:8;
  right:12px;
  bottom:.75rem;
  display:flex;
  gap:.35rem;
}
.ecom-hero-v7-progress span {
  width:34px;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.30);
}
.ecom-hero-v7-progress span::after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:#fff;
  transform-origin:left;
  animation:ecomHeroV7Progress 18s infinite;
}
.ecom-hero-v7-progress span:nth-child(2)::after { animation-delay:6s; }
.ecom-hero-v7-progress span:nth-child(3)::after { animation-delay:12s; }
@keyframes ecomHeroV7Progress {
  0% { transform:scaleX(0); }
  28% { transform:scaleX(1); }
  29%,100% { transform:scaleX(0); }
}

@media (max-width:991.98px) {
  .ecom-hero-v7,
  .ecom-hero-v7-container { min-height:790px; }
  .ecom-hero-v7-content { padding:2.6rem 0 12rem; }
  .ecom-hero-v7-shade {
    background:
      linear-gradient(180deg,rgba(5,23,39,.82) 0%,rgba(5,23,39,.60) 56%,rgba(5,23,39,.70) 100%);
  }
  .ecom-hero-v7-journey { grid-template-columns:repeat(2,1fr); }
  .ecom-hero-v7-journey > div:nth-child(3) { border-left:0; border-top:1px solid rgba(255,255,255,.14); }
  .ecom-hero-v7-journey > div:nth-child(4) { border-top:1px solid rgba(255,255,255,.14); }
}

@media (max-width:767.98px) {
  .ecom-hero-v7,
  .ecom-hero-v7-container { min-height:850px; }
  .ecommerce-solutions-page .ecom-hero-v7-copy h1.inner-page-title {
    font-size:clamp(2.55rem,10.5vw,4rem) !important;
  }
  .ecom-hero-v7-content { padding-top:2rem; }
  .ecom-hero-v7-journey > div { grid-template-columns:26px 1fr; }
  .ecom-hero-v7-journey span { grid-column:2; }
}

@media (max-width:575.98px) {
  .ecom-hero-v7,
  .ecom-hero-v7-container { min-height:920px; }
  .ecom-hero-v7-content { padding-bottom:19rem; }
  .ecom-hero-v7-actions { width:100%; align-items:stretch; }
  .ecom-hero-v7-actions .btn,
  .ecom-hero-v7-secondary { width:100%; justify-content:center; }
  .ecom-hero-v7-journey { grid-template-columns:1fr; }
  .ecom-hero-v7-journey > div,
  .ecom-hero-v7-journey > div:nth-child(3),
  .ecom-hero-v7-journey > div:nth-child(4) {
    border-left:0;
    border-top:1px solid rgba(255,255,255,.14);
  }
  .ecom-hero-v7-journey > div:first-child { border-top:0; }
}

@media (prefers-reduced-motion:reduce) {
  .ecom-hero-v7-slide { animation:none !important; opacity:0; }
  .ecom-hero-v7-slide-1 { opacity:1; }
  .ecom-hero-v7-slide img,
  .ecom-hero-v7-progress span::after { animation:none !important; transform:none !important; }
}


/* ==============================
   ECOMMERCE CAPABILITIES V4 FIX
   ============================== */
.ecom-capabilities-v4 { background:#fff; }
.ecom-cap-v4-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  gap:clamp(1.5rem,3vw,3rem);
  align-items:end;
  margin-bottom:1.65rem;
}
.ecom-cap-v4-title-block { max-width:760px; }
.ecom-cap-v4-head .section-title {
  margin:0;
  max-width:680px;
  font-size:clamp(1.95rem,3vw,3.15rem);
  line-height:1.08;
  letter-spacing:-.032em;
}
.ecom-cap-v4-intro {
  display:grid;
  gap:1rem;
  align-self:center;
}
.ecom-cap-v4-intro .section-lead {
  color:#5d6f7c;
  font-size:.95rem;
  line-height:1.8;
}
.ecom-cap-v4-scope {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.ecom-cap-v4-scope span {
  padding:.65rem .9rem;
  border:1px solid #dce5eb;
  border-radius:999px;
  background:#f7fafc;
  color:#173044;
  font-size:.68rem;
  font-weight:800;
  line-height:1;
}
.ecom-cap-v4-layout {
  display:grid;
  grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr);
  gap:clamp(1.8rem,4vw,3.2rem);
  align-items:start;
}
.ecom-cap-v4-visual {
  position:sticky;
  top:105px;
  min-height:560px;
  overflow:hidden;
  border-radius:20px;
  background:#0d2c46;
  box-shadow:0 24px 58px rgba(16,40,60,.1);
}
.ecom-cap-v4-visual > img,
.ecom-cap-v4-visual-overlay { position:absolute; inset:0; width:100%; height:100%; }
.ecom-cap-v4-visual > img { object-fit:cover; object-position:center center; }
.ecom-cap-v4-visual-overlay { background:linear-gradient(180deg,rgba(7,27,45,.08) 18%,rgba(7,27,45,.78) 100%); }
.ecom-cap-v4-orbit {
  position:absolute;
  z-index:2;
  top:1.15rem;
  left:1.15rem;
  right:1.15rem;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.8rem;
}
.ecom-cap-v4-orbit span {
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.95rem 1rem;
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:rgba(9,31,50,.62);
  backdrop-filter:blur(8px);
  text-align:center;
  box-shadow:0 12px 26px rgba(7,26,43,.18);
}
.ecom-cap-v4-visual-copy {
  position:absolute;
  z-index:2;
  left:1.45rem;
  right:1.45rem;
  bottom:1.4rem;
  max-width:470px;
}
.ecom-cap-v4-visual-copy small {
  display:block;
  margin-bottom:.5rem;
  color:#9ed1f6;
  font-size:.5rem;
  font-weight:850;
  letter-spacing:.13em;
}
.ecom-cap-v4-visual-copy strong {
  display:block;
  color:#fff;
  font-size:clamp(1.35rem,2vw,2.05rem);
  line-height:1.18;
  letter-spacing:-.022em;
}
.ecom-cap-v4-visual-copy p {
  margin:.75rem 0 0;
  color:#d0dce4;
  font-size:.76rem;
  line-height:1.65;
}
.ecom-cap-v4-services { border-top:1px solid #dbe4ea; }
.ecom-cap-v4-services article {
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 34px;
  gap:1rem;
  align-items:start;
  padding:1.18rem 0;
  border-bottom:1px solid #dbe4ea;
}
.ecom-cap-v4-number { color:#b31942; font-size:.68rem; font-weight:850; padding-top:.17rem; }
.ecom-cap-v4-services article:nth-child(even) .ecom-cap-v4-number { color:#0a3161; }
.ecom-cap-v4-services small { display:block; margin-bottom:.35rem; color:#7a8994; font-size:.48rem; font-weight:850; letter-spacing:.12em; }
.ecom-cap-v4-services h3 { margin:0 0 .34rem; color:#152b3c; font-size:clamp(.95rem,1.2vw,1.08rem); line-height:1.42; }
.ecom-cap-v4-services p { margin:0; max-width:650px; color:#687884; font-size:.74rem; line-height:1.58; }
.ecom-cap-v4-services i { color:#0a3161; font-size:1.05rem; text-align:right; }
.ecom-cap-v4-services article:nth-child(odd) i { color:#b31942; }
.ecom-cap-v4-platform-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:1.7rem;
  border-top:1px solid #dce4e9;
  border-bottom:1px solid #dce4e9;
}
.ecom-cap-v4-platform-strip span { padding:1rem 1.05rem; }
.ecom-cap-v4-platform-strip span + span { border-left:1px solid #dce4e9; }
.ecom-cap-v4-platform-strip small,
.ecom-cap-v4-platform-strip strong { display:block; }
.ecom-cap-v4-platform-strip small { margin-bottom:.3rem; color:#b31942; font-size:.46rem; font-weight:850; letter-spacing:.11em; }
.ecom-cap-v4-platform-strip span:nth-child(even) small { color:#0a3161; }
.ecom-cap-v4-platform-strip strong { color:#203547; font-size:.69rem; line-height:1.35; }

@media (max-width:1199.98px) {
  .ecom-cap-v4-head,
  .ecom-cap-v4-layout { grid-template-columns:1fr; }
  .ecom-cap-v4-title-block { max-width:none; }
  .ecom-cap-v4-visual { position:relative; top:auto; min-height:500px; }
}
@media (max-width:767.98px) {
  .ecom-cap-v4-head .section-title { font-size:clamp(1.65rem,8vw,2.35rem); }
  .ecom-cap-v4-visual { min-height:420px; }
  .ecom-cap-v4-orbit { gap:.6rem; }
  .ecom-cap-v4-orbit span { min-height:60px; font-size:.66rem; padding:.8rem .75rem; }
  .ecom-cap-v4-services article { grid-template-columns:38px 1fr; }
  .ecom-cap-v4-services i { display:none; }
  .ecom-cap-v4-platform-strip { grid-template-columns:1fr; }
  .ecom-cap-v4-platform-strip span + span { border-left:0; border-top:1px solid #dce4e9; }
}