@import url("./solution-landing.css");
@import url("./pick-pack.css");
@import url("./batches.css");
@import url("./shipping-rules.css");
@import url("./app-barcode-scanning.css");

.solution-wms-lp {
  --cd-wms-blue: #0071e3;
  --cd-wms-navy: #12304a;
  --cd-wms-green: #16845b;
  color: #1d1d1f;
}

.solution-wms-lp .cd-wms-hero {
  overflow: hidden;
}

.solution-wms-lp .cd-wms-trust span {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .7rem;
  border: 1px solid rgba(0, 113, 227, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #45515d;
  font-size: .78rem;
  font-weight: 650;
}

.solution-wms-lp .cd-wms-trust i { color: var(--cd-wms-green); }
.solution-wms-lp .cd-wms-hero-benefits { display: grid; gap: .6rem; padding: 0; list-style: none; color: #3f4b56; font-size: .92rem; font-weight: 650; }
.solution-wms-lp .cd-wms-hero-benefits li { display: flex; align-items: center; gap: .55rem; }
.solution-wms-lp .cd-wms-hero-benefits i { color: var(--cd-wms-green); }
.solution-wms-lp .cd-wms-cta-note { display: flex; align-items: flex-start; gap: .45rem; max-width: 36rem; margin-top: .75rem; color: #66717b; font-size: .76rem; }
.solution-wms-lp .cd-wms-cta-note i { color: var(--cd-wms-blue); }

.solution-wms-lp .cd-wms-console,
.solution-wms-lp .cd-wms-board {
  position: relative;
  padding: 1.25rem;
  border: 1px solid rgba(21, 56, 86, .12);
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 2rem 5rem rgba(31, 72, 112, .18);
}

.solution-wms-lp .cd-wms-console::before {
  position: absolute;
  inset: -18% -12% auto auto;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background: rgba(0, 113, 227, .09);
  content: "";
  filter: blur(2px);
  z-index: -1;
}

.solution-wms-lp .cd-wms-console__top { padding-bottom: .9rem; border-bottom: 1px solid #edf0f3; }
.solution-wms-lp .cd-wms-console__dot { display: inline-block; width: .55rem; height: .55rem; margin-right: .55rem; border-radius: 50%; background: var(--cd-wms-green); box-shadow: 0 0 0 .3rem rgba(22, 132, 91, .13); }
.solution-wms-lp .cd-wms-metric { height: 100%; padding: .9rem; border-radius: 1rem; background: #f5f8fb; }
.solution-wms-lp .cd-wms-metric span, .solution-wms-lp .cd-wms-metric small { display: block; color: #6e7781; font-size: .68rem; }
.solution-wms-lp .cd-wms-metric strong { display: block; margin: .1rem 0; color: var(--cd-wms-navy); font-size: 1.55rem; }
.solution-wms-lp .cd-wms-wave { padding: 1rem; border: 1px solid #e7ecf1; border-radius: 1rem; }
.solution-wms-lp .cd-wms-wave .progress, .solution-wms-lp .cd-wms-board .progress { height: .42rem; background: #e9eff5; }
.solution-wms-lp .cd-wms-scan { display: flex; align-items: center; gap: .75rem; padding: .8rem; border-radius: .8rem; background: #eef7ff; color: #164468; }
.solution-wms-lp .cd-wms-scan > i:first-child { font-size: 1.4rem; color: var(--cd-wms-blue); }
.solution-wms-lp .cd-wms-scan small { display: block; color: #68737e; font-size: .7rem; }
.solution-wms-lp .cd-wms-console__footer { display: flex; justify-content: space-between; margin-top: 1rem; color: #63707c; font-size: .72rem; }

.solution-wms-lp .cd-wms-proof { background: #fff; }
.solution-wms-lp .cd-wms-contrast { background: #fff; }
.solution-wms-lp .cd-wms-contrast-card { padding: 1.5rem; border-radius: 1.1rem; border: 1px solid #e4e9ee; }
.solution-wms-lp .cd-wms-contrast-card--old { background: #fff8f8; border-color: rgba(220, 53, 69, .15); }
.solution-wms-lp .cd-wms-contrast-card--old h3 { color: #8b3a3a; }
.solution-wms-lp .cd-wms-contrast-card--old h3 i { color: #dc3545; }
.solution-wms-lp .cd-wms-contrast-card--new { background: #f4fbf7; border-color: rgba(22, 132, 91, .2); box-shadow: 0 .8rem 2rem rgba(22, 132, 91, .06); }
.solution-wms-lp .cd-wms-contrast-card--new h3 { color: #1a5c40; }
.solution-wms-lp .cd-wms-contrast-card--new h3 i { color: var(--cd-wms-green); }
.solution-wms-lp .cd-wms-contrast-list { display: grid; gap: .65rem; padding-left: 0; list-style: none; color: #55616c; font-size: .88rem; }
.solution-wms-lp .cd-wms-contrast-list li { display: flex; align-items: flex-start; gap: .5rem; }
.solution-wms-lp .cd-wms-contrast-card--old .cd-wms-contrast-list li::before { content: "×"; color: #dc3545; font-weight: 800; }
.solution-wms-lp .cd-wms-contrast-card--new .cd-wms-contrast-list li::before { content: "✓"; color: var(--cd-wms-green); font-weight: 800; }

.solution-wms-lp .cd-wms-journey { background: linear-gradient(180deg, #f6f9fc, #eef5fb); }
.solution-wms-lp .cd-wms-journey-chapter { padding: 2.25rem 0; border-bottom: 1px solid rgba(21, 56, 86, .08); }
.solution-wms-lp .cd-wms-journey-chapter:first-of-type { padding-top: 0; }
.solution-wms-lp .cd-wms-journey-chapter:last-of-type { border-bottom: 0; padding-bottom: 0; }

.solution-wms-lp .cd-wms-journey-card {
  height: 100%;
  padding: 1.5rem 1.6rem;
  border: 1px solid rgba(21, 56, 86, .1);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 .85rem 2.2rem rgba(31, 72, 112, .07);
}
.solution-wms-lp .cd-wms-journey-card__head {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.15rem;
}
.solution-wms-lp .cd-wms-journey-card__step {
  display: inline-grid;
  place-items: center;
  min-width: 2.35rem;
  height: 2.35rem;
  padding: 0 .55rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #0071e3, #005bb5);
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  box-shadow: 0 .35rem .9rem rgba(0, 113, 227, .28);
}
.solution-wms-lp .cd-wms-journey-card__icon {
  display: inline-grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: .85rem;
  background: #eaf4ff;
  color: var(--cd-wms-blue);
  font-size: 1.2rem;
}
.solution-wms-lp .cd-wms-journey-card__title {
  margin-bottom: .65rem;
  color: var(--cd-wms-navy);
  line-height: 1.25;
}
.solution-wms-lp .cd-wms-journey-card__desc {
  font-size: .95rem;
  line-height: 1.55;
}
.solution-wms-lp .cd-wms-journey-card__chips,
.solution-wms-lp .cd-wms-journey-card__tools { margin-top: 1.15rem; }

.solution-wms-lp .cd-wms-journey-visual {
  position: relative;
  padding: 1.35rem;
  border: 1px solid rgba(21, 56, 86, .1);
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 1rem 2.5rem rgba(31, 72, 112, .09);
}
.solution-wms-lp .cd-wms-journey-visual--channels {
  padding: 1.35rem;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .92)),
    radial-gradient(circle at 18% 0%, rgba(0, 113, 227, .08), transparent 42%);
}

.solution-wms-lp .cd-wms-journey-hub__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
}
.solution-wms-lp .cd-wms-journey-hub__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.35rem;
  padding: .55rem .75rem;
  border: 1px solid rgba(0, 113, 227, .1);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 .35rem .95rem rgba(31, 72, 112, .05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.solution-wms-lp .cd-wms-journey-hub__logo:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 113, 227, .22);
  box-shadow: 0 .55rem 1.25rem rgba(31, 72, 112, .09);
}
.solution-wms-lp .cd-wms-journey-hub__logo img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 1.65rem;
  object-fit: contain;
}
.solution-wms-lp .cd-wms-journey-hub__logo--bol img { max-height: 1.35rem; }
.solution-wms-lp .cd-wms-journey-hub__logo--kaufland img { max-height: 1.45rem; }

.solution-wms-lp .cd-wms-journey-hub__merge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .65rem;
  margin: 1.15rem 0 1rem;
}
.solution-wms-lp .cd-wms-journey-hub__merge-lines {
  position: relative;
  width: min(100%, 14rem);
  height: 1.5rem;
}
.solution-wms-lp .cd-wms-journey-hub__merge-lines::before,
.solution-wms-lp .cd-wms-journey-hub__merge-lines::after {
  position: absolute;
  bottom: 0;
  width: 42%;
  height: 1.35rem;
  border-top: 2px solid rgba(0, 113, 227, .22);
  content: "";
}
.solution-wms-lp .cd-wms-journey-hub__merge-lines::before {
  left: 4%;
  border-left: 2px solid rgba(0, 113, 227, .22);
  border-top-left-radius: .65rem;
}
.solution-wms-lp .cd-wms-journey-hub__merge-lines::after {
  right: 4%;
  border-right: 2px solid rgba(0, 113, 227, .22);
  border-top-right-radius: .65rem;
}
.solution-wms-lp .cd-wms-journey-hub__queue {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem 1rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #0071e3, #005bb5);
  color: #fff;
  font-size: .8rem;
  font-weight: 750;
  box-shadow: 0 .45rem 1.15rem rgba(0, 113, 227, .24);
}
.solution-wms-lp .cd-wms-journey-hub__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  width: 100%;
  min-height: 2.85rem;
  padding: .65rem 1rem;
  border: 1px solid rgba(0, 113, 227, .2);
  border-radius: .85rem;
  background: linear-gradient(145deg, rgba(0, 113, 227, .07), rgba(0, 113, 227, .03));
  color: var(--cd-wms-blue);
  font-size: .86rem;
  font-weight: 750;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.solution-wms-lp .cd-wms-journey-hub__cta:hover {
  border-color: rgba(0, 113, 227, .35);
  background: linear-gradient(145deg, rgba(0, 113, 227, .11), rgba(0, 113, 227, .05));
  transform: translateY(-1px);
}

.solution-wms-lp .cd-wms-journey-visual--product {
  padding: 1.15rem;
  background: linear-gradient(145deg, #e8f3ff, #f6f9fc);
  border-color: rgba(0, 113, 227, .12);
}

.solution-wms-lp .cd-wms-grow-tools { display: flex; flex-wrap: wrap; gap: .55rem; }
.solution-wms-lp .cd-wms-grow-tools__item { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .75rem; border: 1px solid rgba(0, 113, 227, .18); border-radius: 999px; background: #fff; color: #33414d; font-size: .78rem; font-weight: 700; text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease; }
.solution-wms-lp .cd-wms-grow-tools__item:hover { border-color: rgba(0, 113, 227, .4); box-shadow: 0 .35rem 1rem rgba(31, 72, 112, .08); color: var(--cd-wms-blue); }
.solution-wms-lp .cd-wms-grow-tools__item i { color: var(--cd-wms-blue); }
.solution-wms-lp .cd-wms-journey-cta__note { max-width: 28rem; margin-inline: auto; }

.solution-wms-lp .cd-wms-start { background: linear-gradient(180deg, #fff 0%, #f6f9fc 100%); }
.solution-wms-lp .cd-wms-start-track {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
}
.solution-wms-lp .cd-wms-start-track__arrow {
  display: inline-grid;
  place-items: center;
  align-self: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #fff;
  color: var(--cd-wms-blue);
  font-size: .95rem;
  box-shadow: 0 .35rem 1rem rgba(31, 72, 112, .08);
}
.solution-wms-lp .cd-wms-start-step {
  height: 100%;
  padding: 1.5rem 1.6rem;
  border: 1px solid rgba(21, 56, 86, .1);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 .85rem 2.2rem rgba(31, 72, 112, .07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.solution-wms-lp .cd-wms-start-step:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 113, 227, .22);
  box-shadow: 0 1rem 2.5rem rgba(31, 72, 112, .11);
}
.solution-wms-lp .cd-wms-start-step__head {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.15rem;
}
.solution-wms-lp .cd-wms-start-step__num {
  display: inline-grid;
  place-items: center;
  min-width: 2.35rem;
  height: 2.35rem;
  padding: 0 .55rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #0071e3, #005bb5);
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  box-shadow: 0 .35rem .9rem rgba(0, 113, 227, .28);
}
.solution-wms-lp .cd-wms-start-step__icon {
  display: inline-grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: .85rem;
  background: #eaf4ff;
  color: var(--cd-wms-blue);
  font-size: 1.2rem;
}
.solution-wms-lp .cd-wms-start-step__title {
  margin-bottom: .65rem;
  color: var(--cd-wms-navy);
  line-height: 1.25;
}
.solution-wms-lp .cd-wms-start-step__desc {
  font-size: .92rem;
  line-height: 1.55;
}

.solution-wms-lp .cd-wms-signup-bridge {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 113, 227, .08), transparent 42%),
    linear-gradient(180deg, #eef4fb 0%, #f8fbfe 55%, #fff 100%);
  border-block: 1px solid rgba(0, 113, 227, .08);
}
.solution-wms-lp .cd-wms-signup-bridge__panel {
  max-width: 44rem;
  margin-inline: auto;
  padding: 2.1rem 2rem 2rem;
  border: 1px solid rgba(0, 113, 227, .14);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(0, 113, 227, .05), transparent 38%),
    #fff;
  box-shadow:
    0 1rem 2.75rem rgba(31, 72, 112, .1),
    0 0 0 1px rgba(255, 255, 255, .85) inset;
  text-align: center;
}
.solution-wms-lp .cd-wms-signup-bridge__kicker {
  margin-bottom: 1.25rem;
  color: var(--cd-wms-navy);
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  font-weight: 750;
  letter-spacing: -.02em;
  line-height: 1.25;
}
.solution-wms-lp .cd-wms-signup-bridge__trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .55rem 1.15rem;
  margin-top: 1.15rem;
  padding-top: 1.15rem;
  border-top: 1px solid #e8eef3;
}
.solution-wms-lp .cd-wms-signup-bridge__trust span {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #68737d;
  font-size: .76rem;
  font-weight: 650;
}
.solution-wms-lp .cd-wms-signup-bridge__trust i {
  color: var(--cd-wms-green);
  font-size: .85rem;
}

.solution-wms-lp .cd-wms-proof strong, .solution-wms-lp .cd-wms-proof span { display: block; }
.solution-wms-lp .cd-wms-proof strong { color: var(--cd-wms-navy); }
.solution-wms-lp .cd-wms-proof span { color: #727980; font-size: .78rem; }
.solution-wms-lp .cd-wms-problem { background: #fff; }
.solution-wms-lp .cd-wms-mid-cta { background: #fff; }
.solution-wms-lp .cd-wms-mid-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.25rem 1.5rem; border: 1px solid rgba(0, 113, 227, .18); border-radius: 1rem; background: #f4f9ff; }
.solution-wms-lp .cd-wms-mid-cta__inner strong, .solution-wms-lp .cd-wms-mid-cta__inner span { display: block; }
.solution-wms-lp .cd-wms-mid-cta__inner strong { color: var(--cd-wms-navy); }
.solution-wms-lp .cd-wms-mid-cta__inner span { margin-top: .15rem; color: #68737d; font-size: .8rem; }
.solution-wms-lp .cd-wms-mid-cta__inner .btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; text-align: center; }
.solution-wms-lp .cd-wms-flow-section { background: linear-gradient(180deg, #f6f9fc, #eef5fb); }

.solution-wms-lp .cd-wms-flow { display: grid; grid-template-columns: repeat(6, 1fr); position: relative; gap: 1rem; }
.solution-wms-lp .cd-wms-flow::before { position: absolute; top: 2.45rem; left: 7%; right: 7%; height: 2px; background: linear-gradient(90deg, #67a9eb, #53b88e); content: ""; }
.solution-wms-lp .cd-wms-flow article { position: relative; padding: 1.15rem; border: 1px solid rgba(20, 56, 84, .09); border-radius: 1.1rem; background: #fff; box-shadow: 0 .7rem 2rem rgba(31, 72, 112, .07); }
.solution-wms-lp .cd-wms-flow article > span { position: absolute; top: .65rem; right: .75rem; color: #9aa6b1; font-size: .68rem; font-weight: 800; }
.solution-wms-lp .cd-wms-flow article > i { display: inline-grid; place-items: center; position: relative; width: 2.6rem; height: 2.6rem; margin-bottom: 1rem; border-radius: .8rem; background: #eaf4ff; color: var(--cd-wms-blue); font-size: 1.15rem; }
.solution-wms-lp .cd-wms-flow h3 { margin-bottom: .4rem; font-size: 1rem; font-weight: 750; }
.solution-wms-lp .cd-wms-flow p { margin: 0; color: #69727c; font-size: .78rem; }

.solution-wms-lp .cd-wms-showcase { position: relative; overflow: hidden; background: #fff; }
.solution-wms-lp .cd-wms-showcase--batch, .solution-wms-lp .cd-wms-showcase--automation { background: #f5f8fb; }
.solution-wms-lp .cd-wms-showcase__number { display: inline-block; margin-bottom: .7rem; color: rgba(0, 113, 227, .15); font-size: 3.5rem; font-weight: 850; line-height: .8; letter-spacing: -.07em; }
.solution-wms-lp .cd-wms-feature-chips { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 1.4rem; }
.solution-wms-lp .cd-wms-feature-chips span { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .65rem; border-radius: 999px; background: #eef5fb; color: #425261; font-size: .72rem; font-weight: 700; }
.solution-wms-lp .cd-wms-feature-chips i { color: var(--cd-wms-blue); }
.solution-wms-lp .cd-wms-text-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--cd-wms-blue); font-size: .88rem; font-weight: 750; text-decoration: none; }
.solution-wms-lp .cd-wms-text-link:hover { text-decoration: underline; }
.solution-wms-lp .cd-wms-product-stage { position: relative; padding: 1.25rem; border-radius: 1.75rem; background: linear-gradient(145deg, #e8f3ff, #f6f9fc); }
.solution-wms-lp .cd-wms-product-stage::before { position: absolute; inset: auto 8% -1rem; height: 2rem; border-radius: 50%; background: rgba(19, 65, 105, .12); content: ""; filter: blur(18px); }
.solution-wms-lp .cd-wms-product-stage > * { position: relative; }
.solution-wms-lp .cd-wms-product-stage--batch { background: linear-gradient(145deg, #eaf7f1, #eef5ff); }
.solution-wms-lp .cd-wms-product-stage--rule { background: linear-gradient(145deg, #fff4df, #edf5ff); }
.solution-wms-lp .cd-wms-product-stage .cd-pick-system-preview__body { min-height: 24rem; }
.solution-wms-lp .cd-wms-product-stage .cd-pick-system-preview__main { padding: 1rem; }
.solution-wms-lp .cd-wms-product-stage .cd-pick-system-preview__stage { min-height: 15rem; padding-top: .75rem; }
.solution-wms-lp .cd-wms-product-stage .cd-pick-system-preview__item-deck { min-height: 15rem; }
.solution-wms-lp .cd-wms-product-stage .cd-pick-system-preview__item-deck .cd-pick-system-preview__item { min-height: 14.5rem; }

.solution-wms-lp .cd-wms-capabilities { background: #fff; }
.solution-wms-lp .cd-wms-cap-card { display: flex; align-items: flex-start; gap: 1rem; position: relative; padding: 1.15rem; border: 1px solid #e4e9ee; border-radius: 1rem; color: inherit; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.solution-wms-lp .cd-wms-cap-card:hover { transform: translateY(-3px); border-color: rgba(0, 113, 227, .35); box-shadow: 0 .8rem 2rem rgba(31, 72, 112, .09); }
.solution-wms-lp .cd-wms-cap-card > span { display: inline-grid; place-items: center; flex: 0 0 2.6rem; height: 2.6rem; border-radius: .75rem; background: #edf6ff; color: var(--cd-wms-blue); }
.solution-wms-lp .cd-wms-cap-card h3 { margin: 0 1.25rem .25rem 0; font-size: .95rem; font-weight: 750; }
.solution-wms-lp .cd-wms-cap-card p { margin: 0; color: #6e7781; font-size: .78rem; }
.solution-wms-lp .cd-wms-cap-card__arrow { position: absolute; top: 1rem; right: 1rem; color: #a0a9b2; font-size: .8rem; }

.solution-wms-lp .cd-wms-control { background: #f4f8fb; }
.solution-wms-lp .cd-wms-checks { display: grid; gap: .8rem; padding: 0; list-style: none; }
.solution-wms-lp .cd-wms-checks li { display: flex; align-items: flex-start; gap: .7rem; color: #55616c; }
.solution-wms-lp .cd-wms-checks i { margin-top: .15rem; color: var(--cd-wms-green); }
.solution-wms-lp .cd-wms-board__row { display: grid; grid-template-columns: 2.6rem minmax(9rem, 1fr) minmax(5rem, 1fr) 2.5rem; align-items: center; gap: .8rem; padding: .9rem 0; border-bottom: 1px solid #edf0f3; }
.solution-wms-lp .cd-wms-board__row small { display: block; color: #75808a; font-size: .7rem; }
.solution-wms-lp .cd-wms-board__row b { font-size: .75rem; text-align: right; }
.solution-wms-lp .cd-wms-board__icon { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: .75rem; }
.solution-wms-lp .cd-wms-board__alert { display: flex; align-items: center; gap: .8rem; margin-top: 1rem; padding: .85rem; border-radius: .8rem; background: #fff8e7; color: #7a5510; }
.solution-wms-lp .cd-wms-board__alert span { flex-grow: 1; }
.solution-wms-lp .cd-wms-board__alert small { display: block; font-size: .68rem; }
.solution-wms-lp .cd-wms-board__alert a { color: inherit; font-size: .75rem; font-weight: 700; }

.solution-wms-lp .cd-wms-mobile-section { overflow: hidden; background: var(--cd-wms-navy); color: #fff; }
.solution-wms-lp .cd-wms-mobile-section .section-kicker { color: #77bfff; }
.solution-wms-lp .cd-wms-mobile-section .text-muted { color: rgba(255, 255, 255, .7) !important; }
.solution-wms-lp .cd-wms-mobile-stage { position: relative; min-height: 38rem; display: grid; place-items: center; }
.solution-wms-lp .cd-wms-mobile-stage::before { position: absolute; width: 24rem; height: 24rem; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; content: ""; box-shadow: 0 0 0 4rem rgba(255, 255, 255, .025), 0 0 0 8rem rgba(255, 255, 255, .02); }
.solution-wms-lp .cd-wms-mobile-stage .cd-app-scan-preview { position: relative; z-index: 2; width: 100%; }
.solution-wms-lp .cd-wms-mobile-stage .cd-app-scan-preview__phone { width: min(100%, 17rem); }
.solution-wms-lp .cd-wms-mobile-stage .cd-app-scan-preview__camera { min-height: 27rem; }
.solution-wms-lp .cd-wms-mobile-callout { position: absolute; z-index: 3; display: flex; align-items: center; gap: .65rem; min-width: 12rem; padding: .75rem; border: 1px solid rgba(255, 255, 255, .16); border-radius: .9rem; background: rgba(255, 255, 255, .96); color: var(--cd-wms-navy); }
.solution-wms-lp .cd-wms-mobile-callout > i { color: var(--cd-wms-blue); font-size: 1.25rem; }
.solution-wms-lp .cd-wms-mobile-callout span, .solution-wms-lp .cd-wms-mobile-callout small { display: block; }
.solution-wms-lp .cd-wms-mobile-callout strong { font-size: .78rem; }
.solution-wms-lp .cd-wms-mobile-callout small { color: #6f7982; font-size: .62rem; }
.solution-wms-lp .cd-wms-mobile-callout--top { top: 6rem; right: -1rem; }
.solution-wms-lp .cd-wms-mobile-callout--bottom { bottom: 7rem; left: -1rem; }
.solution-wms-lp .cd-wms-mobile-callout--bottom > i { color: var(--cd-wms-green); }
.solution-wms-lp .cd-wms-mobile-benefit { display: flex; gap: .8rem; height: 100%; padding: 1rem; border: 1px solid rgba(255, 255, 255, .12); border-radius: .9rem; background: rgba(255, 255, 255, .055); }
.solution-wms-lp .cd-wms-mobile-benefit > i { color: #73bdff; font-size: 1.25rem; }
.solution-wms-lp .cd-wms-mobile-benefit strong, .solution-wms-lp .cd-wms-mobile-benefit span { display: block; }
.solution-wms-lp .cd-wms-mobile-benefit strong { font-size: .88rem; }
.solution-wms-lp .cd-wms-mobile-benefit span { margin-top: .2rem; color: rgba(255, 255, 255, .65); font-size: .72rem; }
.solution-wms-lp .cd-wms-mobile-section .cd-wms-text-link { color: #83c6ff; }

.solution-wms-lp .cd-wms-connected { background: #fff; }
.solution-wms-lp .cd-wms-connected > .container > p.text-muted { max-width: 46rem; }
.solution-wms-lp .cd-wms-logo-cloud { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
.solution-wms-lp .cd-wms-logo-cloud span, .solution-wms-lp .cd-wms-logo-cloud a { padding: .75rem 1.1rem; border: 1px solid #e2e7ec; border-radius: .8rem; background: #fff; color: #3e4851; font-size: .85rem; font-weight: 750; text-decoration: none; box-shadow: 0 .35rem 1rem rgba(31, 72, 112, .05); }
.solution-wms-lp .cd-wms-logo-cloud a { border-color: rgba(0, 113, 227, .24); color: var(--cd-wms-blue); }
.solution-wms-lp .cd-wms-testimonials { overflow: hidden; background: linear-gradient(180deg, #f4f8fc, #fff); }
.solution-wms-lp .cd-wms-testimonials__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr); gap: 1.25rem; }
.solution-wms-lp .cd-wms-testimonials__stack { display: grid; grid-template-rows: 1fr 1fr; gap: 1.25rem; }
.solution-wms-lp .cd-wms-testimonial { overflow: hidden; border: 1px solid rgba(21, 56, 86, .11); border-radius: 1.35rem; background: #fff; box-shadow: 0 1rem 3rem rgba(31, 72, 112, .08); }
.solution-wms-lp .cd-wms-testimonial--featured { display: grid; grid-template-rows: minmax(18rem, 1.1fr) auto; }
.solution-wms-lp .cd-wms-testimonial--compact { display: grid; grid-template-columns: minmax(9.5rem, 0.85fr) minmax(0, 1.15fr); min-height: 18rem; }
.solution-wms-lp .cd-wms-testimonial__media { display: block; position: relative; overflow: hidden; min-height: 0; background: #dce5ec; }
.solution-wms-lp .cd-wms-testimonial__media::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(10, 31, 48, .72)); content: ""; }
.solution-wms-lp .cd-wms-testimonial--compact .cd-wms-testimonial__media::after { background: linear-gradient(180deg, transparent 58%, rgba(10, 31, 48, .48)); }
.solution-wms-lp .cd-wms-testimonial__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.solution-wms-lp .cd-wms-testimonial:hover .cd-wms-testimonial__media img { transform: scale(1.035); }
.solution-wms-lp .cd-wms-testimonial--featured .cd-wms-testimonial__media img { object-position: center 38%; }
.solution-wms-lp .cd-wms-testimonial--compact .cd-wms-testimonial__media img { object-position: center center; }
.solution-wms-lp .cd-wms-testimonial__label { display: inline-flex; align-items: center; gap: .4rem; position: absolute; top: 1rem; left: 1rem; z-index: 2; padding: .45rem .7rem; border-radius: 999px; background: rgba(255, 255, 255, .93); color: var(--cd-wms-navy); font-size: .68rem; font-weight: 800; }
.solution-wms-lp .cd-wms-testimonial__brand { position: absolute; bottom: 1rem; left: 1.1rem; z-index: 2; color: #fff; font-size: 1.2rem; font-weight: 800; }
.solution-wms-lp .cd-wms-testimonial__body { position: relative; padding: 1.5rem; }
.solution-wms-lp .cd-wms-testimonial__quote { position: absolute; top: 1rem; right: 1.25rem; color: rgba(0, 113, 227, .12); font-size: 3rem; line-height: 1; }
.solution-wms-lp .cd-wms-testimonial blockquote { position: relative; z-index: 1; margin: 0 0 1.25rem; color: #243544; font-size: 1.15rem; font-weight: 650; line-height: 1.55; letter-spacing: -.015em; }
.solution-wms-lp .cd-wms-testimonial--compact blockquote { margin-top: .8rem; font-size: .9rem; line-height: 1.48; }
.solution-wms-lp .cd-wms-testimonial__person { display: flex; align-items: center; gap: .7rem; }
.solution-wms-lp .cd-wms-testimonial__avatar { display: grid; place-items: center; flex: 0 0 2.35rem; width: 2.35rem; height: 2.35rem; padding: 0; border-radius: 50%; background: #e8f3ff; color: var(--cd-wms-blue); font-size: .78rem; font-weight: 850; line-height: 1; text-align: center; }
.solution-wms-lp .cd-wms-testimonial__person div { flex-grow: 1; }
.solution-wms-lp .cd-wms-testimonial__person strong, .solution-wms-lp .cd-wms-testimonial__person div > span { display: block; }
.solution-wms-lp .cd-wms-testimonial__person strong { color: #203344; font-size: .82rem; }
.solution-wms-lp .cd-wms-testimonial__person div > span { color: #78828b; font-size: .68rem; }
.solution-wms-lp .cd-wms-testimonial__person > a { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #edf6ff; color: var(--cd-wms-blue); }
.solution-wms-lp .cd-wms-testimonial__context { margin: 1rem 0 .75rem; padding-top: .9rem; border-top: 1px solid #edf0f3; color: #6b7680; font-size: .76rem; }
.solution-wms-lp .cd-wms-testimonial__link { color: var(--cd-wms-blue); font-size: .78rem; font-weight: 750; text-decoration: none; }
.solution-wms-lp .cd-wms-testimonials__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; padding: 1rem 1.15rem; border: 1px solid #e3eaf0; border-radius: .9rem; background: rgba(255, 255, 255, .8); color: #68737d; font-size: .75rem; }
.solution-wms-lp .cd-wms-testimonials__footer span { display: inline-flex; align-items: center; gap: .4rem; }
.solution-wms-lp .cd-wms-testimonials__footer span i { color: var(--cd-wms-green); }
.solution-wms-lp .cd-wms-testimonials__footer a { color: var(--cd-wms-blue); font-weight: 750; text-decoration: none; }

.solution-wms-lp .cd-wms-results { background: var(--cd-wms-navy); color: #fff; }
.solution-wms-lp .cd-wms-results .section-kicker { color: #74b9ff; }
.solution-wms-lp .cd-wms-results .text-muted { color: rgba(255, 255, 255, .68) !important; }
.solution-wms-lp .cd-wms-result { height: 100%; padding: 1.3rem; border: 1px solid rgba(255, 255, 255, .13); border-radius: 1rem; background: rgba(255, 255, 255, .06); }
.solution-wms-lp .cd-wms-result strong, .solution-wms-lp .cd-wms-result span { display: block; }
.solution-wms-lp .cd-wms-result strong { color: #75c7ff; font-size: 1.35rem; }
.solution-wms-lp .cd-wms-result span { margin-top: .25rem; color: rgba(255, 255, 255, .72); font-size: .78rem; }
.solution-wms-lp .cd-wms-onboarding { background: #f7f9fb; }
.solution-wms-lp .cd-wms-step { height: 100%; padding: 1.3rem; border-top: 3px solid var(--cd-wms-blue); border-radius: .3rem .3rem 1rem 1rem; background: #fff; box-shadow: 0 .6rem 1.8rem rgba(31, 72, 112, .06); }
.solution-wms-lp .cd-wms-step > span { display: inline-grid; place-items: center; width: 2rem; height: 2rem; margin-bottom: .9rem; border-radius: 50%; background: #eaf4ff; color: var(--cd-wms-blue); font-size: .75rem; font-weight: 800; }
.solution-wms-lp .cd-wms-step h3 { font-size: 1rem; font-weight: 750; }
.solution-wms-lp .cd-wms-step p { margin: 0; color: #6f7881; font-size: .8rem; }
.solution-wms-lp .cd-wms-faq { background: #fff; }
.solution-wms-lp .cd-wms-faq .accordion { border: 1px solid #e4e9ee; border-radius: 1rem; overflow: hidden; }
.solution-wms-lp .cd-wms-faq .accordion-item { border: 0; border-bottom: 1px solid #e8edf1; }
.solution-wms-lp .cd-wms-faq .accordion-item:last-child { border-bottom: 0; }
.solution-wms-lp .cd-wms-faq .accordion-button { font-weight: 700; }
.solution-wms-lp .cd-wms-faq .accordion-button:not(.collapsed) { background: #eef7ff; color: #0b5da9; }
.solution-wms-lp .cd-wms-final-reassurance { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem 1.2rem; margin-top: 1.25rem; color: rgba(255, 255, 255, .78); font-size: .75rem; }
.solution-wms-lp .cd-wms-final-reassurance span { display: inline-flex; align-items: center; gap: .35rem; }

.solution-wms-lp .cd-slp-cta-section { background: #f5f7fa; }
.solution-wms-lp .cd-slp-cta {
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 15%, rgba(255, 255, 255, 0.18), transparent 30%),
    radial-gradient(circle at 90% 85%, rgba(255, 255, 255, 0.12), transparent 32%),
    linear-gradient(120deg, #0071e3, #0053a6 62%, #4c2f91);
  box-shadow: 0 1.5rem 4rem rgba(0, 83, 166, 0.22);
}
.solution-wms-lp .cd-slp-cta .lead { max-width: 46rem; }

@media (max-width: 991.98px) {
  .solution-wms-lp .cd-wms-start-track { grid-template-columns: 1fr; gap: .75rem; }
  .solution-wms-lp .cd-wms-start-track__arrow { justify-self: center; transform: rotate(90deg); }
  .solution-wms-lp .cd-wms-testimonials__grid { grid-template-columns: 1fr; }
  .solution-wms-lp .cd-wms-testimonials__stack { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .solution-wms-lp .cd-wms-testimonial--compact { grid-template-columns: 1fr; grid-template-rows: 12rem auto; }
  .solution-wms-lp .cd-wms-product-stage { padding: 1rem; }
  .solution-wms-lp .cd-wms-mobile-stage { max-width: 30rem; margin: 0 auto; }
  .solution-wms-lp .cd-wms-flow { grid-template-columns: repeat(3, 1fr); }
  .solution-wms-lp .cd-wms-flow::before { display: none; }
}

@media (max-width: 767.98px) {
  .solution-wms-lp .cd-wms-testimonials__stack { grid-template-columns: 1fr; }
  .solution-wms-lp .cd-wms-testimonial--featured { grid-template-rows: 15rem auto; }
  .solution-wms-lp .cd-wms-testimonial--compact { grid-template-rows: 13rem auto; }
  .solution-wms-lp .cd-wms-testimonials__footer { align-items: flex-start; flex-direction: column; }
  .solution-wms-lp .cd-wms-showcase__number { font-size: 2.8rem; }
  .solution-wms-lp .cd-wms-product-stage { margin-inline: -.25rem; padding: .65rem; border-radius: 1.2rem; }
  .solution-wms-lp .cd-wms-product-stage .cd-pick-system-preview__orders { display: none; }
  .solution-wms-lp .cd-wms-mobile-callout { min-width: 10.5rem; }
  .solution-wms-lp .cd-wms-mobile-callout--top { right: 0; }
  .solution-wms-lp .cd-wms-mobile-callout--bottom { left: 0; }
  .solution-wms-lp .cd-wms-journey-hub__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solution-wms-lp .cd-wms-journey-card { padding: 1.25rem; }
  .solution-wms-lp .cd-wms-mid-cta__inner .btn { width: 100%; }
  .solution-wms-lp .cd-wms-signup-bridge__panel { padding: 1.65rem 1.35rem 1.5rem; }
  .solution-wms-lp .cd-wms-signup-bridge__panel .btn { width: 100%; }
  .solution-wms-lp .cd-wms-flow { grid-template-columns: repeat(2, 1fr); }
  .solution-wms-lp .cd-wms-board__row { grid-template-columns: 2.6rem 1fr 2.5rem; }
  .solution-wms-lp .cd-wms-board__row .progress { grid-column: 2 / 4; }
  .solution-wms-lp .cd-wms-board__alert { align-items: flex-start; flex-wrap: wrap; }
}

@media (max-width: 479.98px) {
  .solution-wms-lp .cd-wms-mobile-stage { min-height: 34rem; }
  .solution-wms-lp .cd-wms-mobile-callout { display: none; }
  .solution-wms-lp .cd-wms-flow { grid-template-columns: 1fr; }
  .solution-wms-lp .cd-wms-console__footer { flex-direction: column; gap: .4rem; }
}

@media (prefers-reduced-motion: reduce) {
  .solution-wms-lp .cd-wms-cap-card,
  .solution-wms-lp .cd-wms-start-step,
  .solution-wms-lp .cd-wms-testimonial__media img { transition: none; }
}

.solution-wms-lp .cd-wms-signup-band { background: #f4f9ff; }
.solution-wms-lp .cd-wms-signup-band__inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.4rem 1.6rem; border: 1px solid rgba(0, 113, 227, .18); border-radius: 1.1rem; background: #fff; box-shadow: 0 .6rem 1.8rem rgba(31, 72, 112, .06); }
.solution-wms-lp .cd-wms-signup-band__inner p:not(.section-kicker) { color: #68737d; }
.solution-wms-lp .cd-wms-mobile-cta { display: none; }

@media (max-width: 767.98px) {
  .solution-wms-lp .cd-wms-signup-band__inner { align-items: stretch; flex-direction: column; }
  .solution-wms-lp .cd-wms-signup-band__inner .btn { width: 100%; }
  .solution-wms-lp .cd-wms-mobile-cta { display: flex; position: fixed; right: 0; bottom: 0; left: 0; z-index: 1025; gap: .5rem; padding: .65rem max(1rem, env(safe-area-inset-left)) calc(.65rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-right)); border-top: 1px solid rgba(21, 56, 86, .12); background: rgba(255, 255, 255, .96); box-shadow: 0 -0.5rem 1.5rem rgba(31, 72, 112, .12); backdrop-filter: blur(14px); }
  .solution-wms-lp .cd-wms-mobile-cta a { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.8rem; border-radius: .65rem; font-weight: 750; text-decoration: none; }
  .solution-wms-lp .cd-wms-mobile-cta a:first-child { flex: 1; background: var(--cd-wms-blue); color: #fff; }
  .solution-wms-lp .cd-wms-mobile-cta a:last-child { min-width: 5rem; border: 1px solid rgba(0, 113, 227, .3); color: var(--cd-wms-blue); }
}