/* ============================================================
   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;
}

/* Related */
.ecom-related {
  background:#F7F9FB;
  border-top:1px solid #E4EAEE;
}

.ecom-related-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}

.ecom-related-card {
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  border:1px solid #DDE4E9;
  border-radius:14px;
  background:#fff;
  transition:transform .2s ease,box-shadow .2s ease;
}

.ecom-related-card:hover {
  transform:translateY(-4px);
  box-shadow:0 16px 38px rgba(19,42,65,.08);
}

.ecom-related-thumb {
  height:165px;
  overflow:hidden;
}

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

.ecom-related-card:hover .ecom-related-thumb img {
  transform:scale(1.025);
}

.ecom-related-copy {
  padding:1rem;
}

.ecom-related-copy > span {
  display:block;
  margin-bottom:.42rem;
  color:#B31942;
  font-size:.48rem;
  font-weight:850;
  letter-spacing:.12em;
}

.ecom-related-card:nth-child(even) .ecom-related-copy > span {
  color:#0A3161;
}

.ecom-related-copy h3 {
  margin:0 0 .42rem;
  color:var(--ecom-ink);
  font-size:.94rem;
}

.ecom-related-copy p {
  margin:0 0 .8rem;
  color:#6D7984;
  font-size:.72rem;
  line-height:1.52;
}

.ecom-related-copy strong {
  color:#0A3161;
  font-size:.65rem;
}

.ecom-related-card:nth-child(even) .ecom-related-copy strong {
  color:#B31942;
}

/* 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%);
  }

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

@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;
  }

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

@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;
  }

  .ecom-related-thumb {
    height:190px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .ecom-journey-scene img,
  .ecom-related-card,
  .ecom-related-thumb img {
    transition:none !important;
  }
}
/* ============================================================
   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;
  }
}