.lad-ecom-page,
.lad-ecom-page * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.lad-ecom-page {
  --white: #FFFFFF;
  --ink: #14161B;
  --ink-soft: #454B56;
  --red: #F97316;
  --tint: #FFF1E5;

  width: 100%;
  background: var(--white);
  color: var(--ink);
  font-family: 'Calibri', 'Carlito', 'Segoe UI', Tahoma, sans-serif;
}

/* FIRST SECTION AFTER THE CAROUSEL */

.lad-ecom-alert {
  width: 100%;
  padding: 76px 64px 68px;
  background: var(--white);
  border-top: 1px solid rgba(20,22,27,.07);
}

.lad-ecom-alert__inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  align-items: start;
  column-gap: 72px;
}

.lad-ecom-alert__left,
.lad-ecom-alert__body {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity .6s cubic-bezier(.2,.7,.2,1),
    transform .6s cubic-bezier(.2,.7,.2,1);
}

.lad-ecom-alert__left {
  transition-delay: .08s;
}

.lad-ecom-alert__body {
  transition-delay: .2s;
}

.lad-ecom-alert.in-view .lad-ecom-alert__left,
.lad-ecom-alert.in-view .lad-ecom-alert__body {
  opacity: 1;
  transform: translateY(0);
}

.lad-ecom-alert__warning,
.lad-ecom-included__tag,
.lad-ecom-outcome__eyebrow,
.lad-ecom-process__eyebrow,
.lad-ecom-deliverables__eyebrow,
.lad-ecom-how__eyebrow {
  margin-bottom: 16px;
  color: var(--red);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.lad-ecom-alert__headline,
.lad-ecom-included__headline,
.lad-ecom-outcome__headline,
.lad-ecom-process__headline,
.lad-ecom-deliverables__headline,
.lad-ecom-how__headline {
  color: var(--ink);
  font-weight: 700;
  letter-spacing: -.01em;
  text-wrap: balance;
}

.lad-ecom-alert__headline {
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.22;
}

.lad-ecom-alert__body p {
  color: var(--ink-soft);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
}

.lad-ecom-alert__body p + p {
  margin-top: 20px;
}

/* SHARED SECTION SPACING */

.lad-ecom-included,
.lad-ecom-outcome,
.lad-ecom-process,
.lad-ecom-deliverables,
.lad-ecom-how {
  width: 100%;
  padding: 80px 64px;
}

.lad-ecom-included,
.lad-ecom-outcome,
.lad-ecom-how {
  background: var(--tint);
}

.lad-ecom-process,
.lad-ecom-deliverables {
  background: var(--white);
  border-top: 1px solid rgba(20,22,27,.07);
}

.lad-ecom-included__inner,
.lad-ecom-outcome__inner,
.lad-ecom-process__inner,
.lad-ecom-deliverables__inner,
.lad-ecom-how__inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* CENTERED SECTION HEADERS */

.lad-ecom-included__header,
.lad-ecom-process__header,
.lad-ecom-deliverables__header {
  max-width: 820px;
  margin: 0 auto 52px;
  text-align: center;
}

.lad-ecom-included__headline,
.lad-ecom-process__headline,
.lad-ecom-deliverables__headline {
  margin-bottom: 18px;
  font-size: clamp(30px, 3.2vw, 42px);
  line-height: 1.2;
}

.lad-ecom-included__subtext,
.lad-ecom-process__subtext,
.lad-ecom-deliverables__subtext {
  color: var(--ink-soft);
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.7;
}

/* HEADER REVEALS */

.lad-ecom-included__header > *,
.lad-ecom-process__header > *,
.lad-ecom-deliverables__header > * {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity .6s cubic-bezier(.2,.7,.2,1),
    transform .6s cubic-bezier(.2,.7,.2,1);
}

.lad-ecom-included__header > *:nth-child(1),
.lad-ecom-process__header > *:nth-child(1),
.lad-ecom-deliverables__header > *:nth-child(1) {
  transition-delay: .05s;
}

.lad-ecom-included__header > *:nth-child(2),
.lad-ecom-process__header > *:nth-child(2),
.lad-ecom-deliverables__header > *:nth-child(2) {
  transition-delay: .15s;
}

.lad-ecom-included__header > *:nth-child(3),
.lad-ecom-process__header > *:nth-child(3),
.lad-ecom-deliverables__header > *:nth-child(3) {
  transition-delay: .25s;
}

.lad-ecom-included.in-view .lad-ecom-included__header > *,
.lad-ecom-process.in-view .lad-ecom-process__header > *,
.lad-ecom-deliverables.in-view .lad-ecom-deliverables__header > * {
  opacity: 1;
  transform: translateY(0);
}

/* SHARED CARDS */

.lad-ecom-included__card,
.lad-ecom-outcome__card,
.lad-ecom-process__card,
.lad-ecom-deliverables__card,
.lad-ecom-how__card {
  position: relative;
  border-radius: 18px;
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity .55s cubic-bezier(.2,.7,.2,1),
    transform .3s cubic-bezier(.2,.7,.2,1),
    box-shadow .3s ease;
}

.lad-ecom-included__card,
.lad-ecom-outcome__card,
.lad-ecom-how__card {
  background: var(--white);
  border: 1px solid rgba(20,22,27,.055);
}

.lad-ecom-process__card,
.lad-ecom-deliverables__card {
  background: var(--tint);
  border: 1px solid rgba(249,115,22,.08);
}

.lad-ecom-included__card-title,
.lad-ecom-outcome__card-title,
.lad-ecom-process__card-title,
.lad-ecom-deliverables__card-title,
.lad-ecom-how__card-title {
  color: var(--ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  transition: color .25s ease;
}

.lad-ecom-included__card-desc,
.lad-ecom-outcome__card-desc,
.lad-ecom-process__card-desc,
.lad-ecom-deliverables__card-desc,
.lad-ecom-how__card-desc {
  color: var(--ink-soft);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.lad-ecom-included.in-view .lad-ecom-included__card,
.lad-ecom-outcome.in-view .lad-ecom-outcome__card,
.lad-ecom-process.in-view .lad-ecom-process__card,
.lad-ecom-deliverables.in-view .lad-ecom-deliverables__card,
.lad-ecom-how.in-view .lad-ecom-how__card {
  opacity: 1;
  transform: translateY(0);
}

.lad-ecom-included.in-view .lad-ecom-included__card:hover,
.lad-ecom-outcome.in-view .lad-ecom-outcome__card:hover,
.lad-ecom-process.in-view .lad-ecom-process__card:hover,
.lad-ecom-deliverables.in-view .lad-ecom-deliverables__card:hover,
.lad-ecom-how.in-view .lad-ecom-how__card:hover,
.lad-ecom-included.in-view .lad-ecom-included__card:focus-within,
.lad-ecom-outcome.in-view .lad-ecom-outcome__card:focus-within,
.lad-ecom-process.in-view .lad-ecom-process__card:focus-within,
.lad-ecom-deliverables.in-view .lad-ecom-deliverables__card:focus-within,
.lad-ecom-how.in-view .lad-ecom-how__card:focus-within {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(20,22,27,.12);
}

.lad-ecom-included__card:hover .lad-ecom-included__card-title,
.lad-ecom-outcome__card:hover .lad-ecom-outcome__card-title,
.lad-ecom-process__card:hover .lad-ecom-process__card-title,
.lad-ecom-deliverables__card:hover .lad-ecom-deliverables__card-title,
.lad-ecom-how__card:hover .lad-ecom-how__card-title {
  color: var(--red);
}

/* WHAT'S INCLUDED */

.lad-ecom-included__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.lad-ecom-included__card {
  min-height: 210px;
  padding: 26px;
}

.lad-ecom-included__card-title {
  margin-bottom: 10px;
}

.lad-ecom-included__card-desc {
  font-size: 14.5px;
  line-height: 1.65;
}

/* OUTCOME */

.lad-ecom-outcome {
  border-top: 1px solid rgba(20,22,27,.07);
}

.lad-ecom-outcome__inner,
.lad-ecom-how__inner {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: stretch;
  column-gap: 72px;
}

.lad-ecom-outcome__left,
.lad-ecom-how__left {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity .6s cubic-bezier(.2,.7,.2,1),
    transform .6s cubic-bezier(.2,.7,.2,1);
  transition-delay: .08s;
}

.lad-ecom-outcome.in-view .lad-ecom-outcome__left,
.lad-ecom-how.in-view .lad-ecom-how__left {
  opacity: 1;
  transform: translateY(0);
}

.lad-ecom-outcome__headline,
.lad-ecom-how__headline {
  margin-bottom: 22px;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.2;
}

.lad-ecom-outcome__body p,
.lad-ecom-how__body p {
  color: var(--ink-soft);
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.75;
}

.lad-ecom-outcome__cards,
.lad-ecom-how__cards {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.lad-ecom-outcome__card,
.lad-ecom-how__card {
  padding: 22px 24px;
}

.lad-ecom-outcome__card-title,
.lad-ecom-how__card-title {
  margin-bottom: 7px;
}

/* PROCESS */

.lad-ecom-process__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.lad-ecom-process__card {
  min-height: 230px;
  padding: 26px 24px;
}

.lad-ecom-process__card-num {
  margin-bottom: 18px;
  color: var(--red);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.lad-ecom-process__card-title {
  margin-bottom: 9px;
}

/* DELIVERABLES */

.lad-ecom-deliverables__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.lad-ecom-deliverables__card {
  min-height: 154px;
  padding: 24px;
}

.lad-ecom-deliverables__card-title {
  margin-bottom: 8px;
  font-size: 15.5px;
  line-height: 1.35;
}

/* CARD STAGGER */

.lad-ecom-included__grid > :nth-child(1),
.lad-ecom-process__grid > :nth-child(1),
.lad-ecom-deliverables__grid > :nth-child(1),
.lad-ecom-outcome__cards > :nth-child(1),
.lad-ecom-how__cards > :nth-child(1) {
  transition-delay: .18s, .18s, 0s;
}

.lad-ecom-included__grid > :nth-child(2),
.lad-ecom-process__grid > :nth-child(2),
.lad-ecom-deliverables__grid > :nth-child(2),
.lad-ecom-outcome__cards > :nth-child(2),
.lad-ecom-how__cards > :nth-child(2) {
  transition-delay: .28s, .28s, 0s;
}

.lad-ecom-included__grid > :nth-child(3),
.lad-ecom-process__grid > :nth-child(3),
.lad-ecom-deliverables__grid > :nth-child(3),
.lad-ecom-outcome__cards > :nth-child(3),
.lad-ecom-how__cards > :nth-child(3) {
  transition-delay: .38s, .38s, 0s;
}

.lad-ecom-included__grid > :nth-child(4),
.lad-ecom-process__grid > :nth-child(4),
.lad-ecom-deliverables__grid > :nth-child(4),
.lad-ecom-outcome__cards > :nth-child(4) {
  transition-delay: .48s, .48s, 0s;
}

.lad-ecom-included__grid > :nth-child(5),
.lad-ecom-process__grid > :nth-child(5),
.lad-ecom-deliverables__grid > :nth-child(5) {
  transition-delay: .58s, .58s, 0s;
}

.lad-ecom-included__grid > :nth-child(6),
.lad-ecom-process__grid > :nth-child(6),
.lad-ecom-deliverables__grid > :nth-child(6) {
  transition-delay: .68s, .68s, 0s;
}

.lad-ecom-included__grid > :nth-child(7),
.lad-ecom-deliverables__grid > :nth-child(7) {
  transition-delay: .78s, .78s, 0s;
}

.lad-ecom-included__grid > :nth-child(8),
.lad-ecom-deliverables__grid > :nth-child(8) {
  transition-delay: .88s, .88s, 0s;
}

.lad-ecom-included__grid > :nth-child(9),
.lad-ecom-deliverables__grid > :nth-child(9) {
  transition-delay: .98s, .98s, 0s;
}

/* RESPONSIVE */

@media (max-width: 980px) {
  .lad-ecom-alert,
  .lad-ecom-included,
  .lad-ecom-outcome,
  .lad-ecom-process,
  .lad-ecom-deliverables,
  .lad-ecom-how {
    padding-left: 32px;
    padding-right: 32px;
  }

  .lad-ecom-alert {
    padding-top: 64px;
    padding-bottom: 60px;
  }

  .lad-ecom-included,
  .lad-ecom-outcome,
  .lad-ecom-process,
  .lad-ecom-deliverables,
  .lad-ecom-how {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .lad-ecom-alert__inner,
  .lad-ecom-outcome__inner,
  .lad-ecom-how__inner {
    grid-template-columns: 1fr;
    row-gap: 42px;
  }

  .lad-ecom-included__grid,
  .lad-ecom-process__grid,
  .lad-ecom-deliverables__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .lad-ecom-included__card,
  .lad-ecom-process__card,
  .lad-ecom-deliverables__card {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .lad-ecom-alert,
  .lad-ecom-included,
  .lad-ecom-outcome,
  .lad-ecom-process,
  .lad-ecom-deliverables,
  .lad-ecom-how {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lad-ecom-alert {
    padding-top: 54px;
    padding-bottom: 52px;
  }

  .lad-ecom-included,
  .lad-ecom-outcome,
  .lad-ecom-process,
  .lad-ecom-deliverables,
  .lad-ecom-how {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .lad-ecom-included__header,
  .lad-ecom-process__header,
  .lad-ecom-deliverables__header {
    margin-bottom: 38px;
  }

  .lad-ecom-alert__headline,
  .lad-ecom-included__headline,
  .lad-ecom-outcome__headline,
  .lad-ecom-process__headline,
  .lad-ecom-deliverables__headline,
  .lad-ecom-how__headline {
    font-size: clamp(28px, 8vw, 34px);
  }

  .lad-ecom-included__grid,
  .lad-ecom-process__grid,
  .lad-ecom-deliverables__grid {
    grid-template-columns: 1fr;
  }

  .lad-ecom-included__card,
  .lad-ecom-outcome__card,
  .lad-ecom-process__card,
  .lad-ecom-deliverables__card,
  .lad-ecom-how__card {
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lad-ecom-page [data-reveal] *,
  .lad-ecom-page .lad-ecom-included__card,
  .lad-ecom-page .lad-ecom-outcome__card,
  .lad-ecom-page .lad-ecom-process__card,
  .lad-ecom-page .lad-ecom-deliverables__card,
  .lad-ecom-page .lad-ecom-how__card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ============================================================
   LEADADVISOR360 — E-COMMERCE THEMATIC H2 MOTION
   Six H2s. Replay on re-entry. Click to replay.
   Resting state returns to selected orange + black.
   ============================================================ */

.lad-ecom-theme-h2 {
  overflow: visible !important;
  color: var(--ink, #14161B);
  outline: none;
}

.lad-ecom-theme-visual {
  position: relative;
  display: inline;
}

.lad-ecom-theme-orange {
  color: var(--red, #F97316);
}

/* ============================================================
   1. PRODUCTS / FIND THEM
   Products arrange like catalog tiles.
   Find Them gets scanned and targeted.
   ============================================================ */

.lad-ecom-find__products,
.lad-ecom-find__find {
  position: relative;
  display: inline-block;
}

.lad-ecom-find__products {
  padding-top: .08em;
}

.lad-ecom-find__product-grid {
  position: absolute;
  left: 50%;
  top: -.17em;
  width: .72em;
  height: .17em;
  transform: translateX(-50%);
  display: flex;
  gap: 2px;
  opacity: 0;
}

.lad-ecom-find__product-grid i {
  flex: 1;
  border: 1px solid rgba(249,115,22,.48);
  background: rgba(255,241,229,.72);
  transform: scale(.55) translateY(-.08em);
  opacity: 0;
}

.lad-ecom-find__find {
  overflow: visible;
  padding: 0 .04em .12em;
}

.lad-ecom-find__scan {
  position: absolute;
  inset: -8% auto -8% -22%;
  width: 18%;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,211,160,.90),
      rgba(249,115,22,.28),
      transparent
    );
  opacity: 0;
  pointer-events: none;
}

.lad-ecom-find__target {
  position: absolute;
  inset: -.06em -.09em;
  border: 1px solid rgba(249,115,22,.55);
  border-radius: 999px;
  opacity: 0;
  transform: scale(.82);
  pointer-events: none;
}

.lad-ecom-alert.ecom-theme-play .lad-ecom-find__product-grid {
  animation: ecomProductGridShow 1.35s ease .68s both;
}
.lad-ecom-alert.ecom-theme-play .lad-ecom-find__product-grid i:nth-child(1) {
  animation: ecomTilePop .32s ease .78s both;
}
.lad-ecom-alert.ecom-theme-play .lad-ecom-find__product-grid i:nth-child(2) {
  animation: ecomTilePop .32s ease .96s both;
}
.lad-ecom-alert.ecom-theme-play .lad-ecom-find__product-grid i:nth-child(3) {
  animation: ecomTilePop .32s ease 1.14s both;
}
.lad-ecom-alert.ecom-theme-play .lad-ecom-find__scan {
  animation: ecomFindScan 1.12s ease 1.48s both;
}
.lad-ecom-alert.ecom-theme-play .lad-ecom-find__target {
  animation: ecomTargetLock 1.25s cubic-bezier(.16,1,.3,1) 1.70s both;
}
.lad-ecom-alert.ecom-theme-play .lad-ecom-find__find {
  animation: ecomFindResolve 1.25s cubic-bezier(.16,1,.3,1) 1.68s both;
}

@keyframes ecomProductGridShow {
  0% { opacity: 0; transform: translateX(-50%) translateY(-.08em); }
  25%,72% { opacity: .86; transform: translateX(-50%) translateY(0); }
  100% { opacity: .20; }
}
@keyframes ecomTilePop {
  0% { opacity: 0; transform: scale(.55) translateY(-.08em); }
  72% { opacity: 1; transform: scale(1.12) translateY(0); }
  100% { opacity: .72; transform: scale(1); }
}
@keyframes ecomFindScan {
  0% { left: -22%; opacity: 0; }
  15% { opacity: .95; }
  78% { opacity: .70; }
  100% { left: 110%; opacity: 0; }
}
@keyframes ecomTargetLock {
  0% { opacity: 0; transform: scale(.82); }
  45% { opacity: .90; transform: scale(1.04); }
  100% { opacity: .22; transform: scale(1); }
}
@keyframes ecomFindResolve {
  0% { transform: scale(.985); color: inherit; }
  42% { transform: scale(1.045); color: var(--red,#F97316); }
  100% { transform: scale(1); color: inherit; }
}

/* ============================================================
   2. ECOMMERCE SEO AUDITS
   Ecommerce SEO forms a catalog grid.
   Audits gets a lens sweep.
   ============================================================ */

.lad-ecom-audit__seo,
.lad-ecom-audit__audits {
  position: relative;
  display: inline-block;
}

.lad-ecom-audit__seo {
  padding-top: .06em;
}

.lad-ecom-audit__catalog {
  position: absolute;
  left: 50%;
  top: -.16em;
  width: .68em;
  height: .16em;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 2px;
  opacity: 0;
}

.lad-ecom-audit__catalog i {
  border: 1px solid rgba(249,115,22,.48);
  background: rgba(255,241,229,.62);
  transform: scale(0);
}

.lad-ecom-audit__audits {
  padding: 0 .03em .12em;
}

.lad-ecom-audit__lens {
  position: absolute;
  width: .30em;
  height: .30em;
  right: -.12em;
  top: -.08em;
  border: 2px solid var(--red,#F97316);
  border-radius: 50%;
  opacity: 0;
  transform: scale(.55);
}

.lad-ecom-audit__lens::after {
  content: "";
  position: absolute;
  width: .16em;
  height: 2px;
  right: -.12em;
  bottom: -.04em;
  background: var(--red,#F97316);
  transform: rotate(45deg);
  transform-origin: left center;
}

.lad-ecom-included.ecom-theme-play .lad-ecom-audit__catalog {
  animation: ecomCatalogShow 1.25s ease .72s both;
}
.lad-ecom-included.ecom-theme-play .lad-ecom-audit__catalog i:nth-child(1) {
  animation: ecomCatalogCell .28s ease .82s both;
}
.lad-ecom-included.ecom-theme-play .lad-ecom-audit__catalog i:nth-child(2) {
  animation: ecomCatalogCell .28s ease .96s both;
}
.lad-ecom-included.ecom-theme-play .lad-ecom-audit__catalog i:nth-child(3) {
  animation: ecomCatalogCell .28s ease 1.10s both;
}
.lad-ecom-included.ecom-theme-play .lad-ecom-audit__catalog i:nth-child(4) {
  animation: ecomCatalogCell .28s ease 1.24s both;
}
.lad-ecom-included.ecom-theme-play .lad-ecom-audit__lens {
  animation: ecomLensAudit 1.45s cubic-bezier(.16,1,.3,1) 1.48s both;
}
.lad-ecom-included.ecom-theme-play .lad-ecom-audit__audits {
  animation: ecomAuditResolve 1.35s cubic-bezier(.16,1,.3,1) 1.58s both;
}

@keyframes ecomCatalogShow {
  0% { opacity: 0; transform: translateX(-50%) translateY(-.08em); }
  25%,72% { opacity: .85; transform: translateX(-50%) translateY(0); }
  100% { opacity: .18; }
}
@keyframes ecomCatalogCell {
  0% { transform: scale(0); opacity: 0; }
  70% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: .72; }
}
@keyframes ecomLensAudit {
  0% { opacity: 0; transform: translate(-.20em,.08em) scale(.55) rotate(-8deg); }
  28% { opacity: .88; }
  68% { opacity: .88; transform: translate(.12em,-.02em) scale(1.06) rotate(3deg); }
  100% { opacity: .18; transform: translate(0,0) scale(1) rotate(0); }
}
@keyframes ecomAuditResolve {
  0% { color: inherit; }
  44% { color: var(--red,#F97316); transform: scale(1.045); }
  100% { color: inherit; transform: scale(1); }
}

/* ============================================================
   3. SALES MARGIN / RANK
   Sales Margin expands like a profit gauge.
   Rank climbs steps but remains secondary.
   ============================================================ */

.lad-ecom-margin__sales,
.lad-ecom-margin__rank {
  position: relative;
  display: inline-block;
}

.lad-ecom-margin__sales {
  padding-bottom: .17em;
}

.lad-ecom-margin__gauge {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: .01em;
  height: 3px;
  background: rgba(249,115,22,.18);
  overflow: hidden;
  opacity: 0;
  border-radius: 4px;
}

.lad-ecom-margin__gauge i {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg,var(--red,#F97316),#FDBA74);
  transform-origin: left center;
}

.lad-ecom-margin__rank {
  padding-top: .04em;
}

.lad-ecom-margin__rank-steps {
  position: absolute;
  left: 50%;
  top: -.18em;
  width: .62em;
  height: .18em;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-end;
  gap: 2px;
  opacity: 0;
}

.lad-ecom-margin__rank-steps i {
  flex: 1;
  background: rgba(249,115,22,.58);
  transform: scaleY(0);
  transform-origin: bottom;
}
.lad-ecom-margin__rank-steps i:nth-child(1){height:32%}
.lad-ecom-margin__rank-steps i:nth-child(2){height:62%}
.lad-ecom-margin__rank-steps i:nth-child(3){height:100%}

.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__sales {
  animation: ecomMarginWord 1.45s cubic-bezier(.16,1,.3,1) .72s both;
}
.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__gauge {
  animation: ecomGaugeShow 1.55s ease .72s both;
}
.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__gauge i {
  animation: ecomGaugeFill 1.55s cubic-bezier(.2,.7,.2,1) .72s both;
}
.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__rank-steps {
  animation: ecomRankStepsShow 1.35s ease 1.58s both;
}
.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__rank-steps i:nth-child(1) {
  animation: ecomRankBar .30s ease 1.68s both;
}
.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__rank-steps i:nth-child(2) {
  animation: ecomRankBar .30s ease 1.86s both;
}
.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__rank-steps i:nth-child(3) {
  animation: ecomRankBar .30s ease 2.04s both;
}
.lad-ecom-outcome.ecom-theme-play .lad-ecom-margin__rank {
  animation: ecomRankWord 1.30s cubic-bezier(.16,1,.3,1) 1.72s both;
}

@keyframes ecomMarginWord {
  0% { transform: scaleX(1); color: var(--red,#F97316); }
  40% { transform: scaleX(1.075); color: var(--red,#F97316); }
  72% { transform: scaleX(.992); }
  100% { transform: scaleX(1); color: var(--red,#F97316); }
}
@keyframes ecomGaugeShow {
  0% { opacity: 0; }
  20%,76% { opacity: .92; }
  100% { opacity: .28; }
}
@keyframes ecomGaugeFill {
  0% { width: 18%; }
  72% { width: 100%; }
  100% { width: 100%; }
}
@keyframes ecomRankStepsShow {
  0% { opacity: 0; }
  24%,72% { opacity: .80; }
  100% { opacity: .18; }
}
@keyframes ecomRankBar {
  0% { transform: scaleY(0); opacity: 0; }
  100% { transform: scaleY(1); opacity: .78; }
}
@keyframes ecomRankWord {
  0% { transform: translateY(.08em); color: inherit; }
  42% { transform: translateY(-.10em); color: var(--red,#F97316); }
  100% { transform: translateY(0); color: inherit; }
}

/* ============================================================
   4. SIX PHASE PIPELINE
   Six stages sequentially light, then execution travels forward.
   ============================================================ */

.lad-ecom-pipeline__six,
.lad-ecom-pipeline__execution {
  position: relative;
  display: inline-block;
}

.lad-ecom-pipeline__six {
  padding-bottom: .20em;
}

.lad-ecom-pipeline__steps {
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: .01em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lad-ecom-pipeline__steps::before {
  content: "";
  position: absolute;
  left: 2%;
  right: 2%;
  top: 50%;
  height: 1px;
  background: rgba(249,115,22,.28);
}

.lad-ecom-pipeline__steps i {
  position: relative;
  z-index: 1;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--red,#F97316);
  transform: scale(0);
}

.lad-ecom-pipeline__execution {
  padding-bottom: .16em;
}

.lad-ecom-pipeline__line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: .01em;
  height: 2px;
  background: rgba(249,115,22,.18);
  overflow: hidden;
  opacity: 0;
}

.lad-ecom-pipeline__line i {
  position: absolute;
  left: -25%;
  top: 0;
  width: 25%;
  height: 2px;
  background: linear-gradient(90deg,transparent,var(--red,#F97316));
}

.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__steps i:nth-child(1){animation:ecomStepPop .28s ease .72s both}
.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__steps i:nth-child(2){animation:ecomStepPop .28s ease .90s both}
.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__steps i:nth-child(3){animation:ecomStepPop .28s ease 1.08s both}
.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__steps i:nth-child(4){animation:ecomStepPop .28s ease 1.26s both}
.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__steps i:nth-child(5){animation:ecomStepPop .28s ease 1.44s both}
.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__steps i:nth-child(6){animation:ecomStepPop .28s ease 1.62s both}
.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__line {
  animation:ecomPipelineShow 1.45s ease 1.76s both;
}
.lad-ecom-process.ecom-theme-play .lad-ecom-pipeline__line i {
  animation:ecomPipelineTravel 1.45s cubic-bezier(.2,.7,.2,1) 1.76s both;
}

@keyframes ecomStepPop {
  0% { transform: scale(0); opacity: 0; }
  70% { transform: scale(1.35); opacity: 1; }
  100% { transform: scale(1); opacity: .82; }
}
@keyframes ecomPipelineShow {
  0% { opacity: 0; }
  20%,78% { opacity: .85; }
  100% { opacity: .22; }
}
@keyframes ecomPipelineTravel {
  0% { left: -25%; }
  100% { left: 100%; }
}

/* ============================================================
   5. BUILD / FIX / HAND OVER
   Build assembles, Fix crosses and resolves, Hand Over moves forward.
   ============================================================ */

.lad-ecom-handover__build,
.lad-ecom-handover__fix,
.lad-ecom-handover__hand,
.lad-ecom-handover__audit {
  position: relative;
  display: inline-block;
}

.lad-ecom-handover__build {
  padding-bottom: .14em;
}

.lad-ecom-handover__build-beam {
  position: absolute;
  left: 0;
  right: 0;
  bottom: .01em;
  height: 2px;
  background: linear-gradient(90deg,var(--red,#F97316),#FFD3A0);
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
}

.lad-ecom-handover__fix-cross {
  position: absolute;
  inset: -.05em -.06em;
  opacity: 0;
  pointer-events: none;
}

.lad-ecom-handover__fix-cross i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 115%;
  height: 1px;
  background: var(--red,#F97316);
  transform-origin: center;
}
.lad-ecom-handover__fix-cross i:nth-child(1){transform:translate(-50%,-50%) rotate(9deg) scaleX(0)}
.lad-ecom-handover__fix-cross i:nth-child(2){transform:translate(-50%,-50%) rotate(-9deg) scaleX(0)}

.lad-ecom-handover__arrow {
  display: inline-block;
  margin-left: .08em;
  color: var(--red,#F97316);
  opacity: 0;
  transform: translateX(-.12em);
}

.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__build {
  animation: ecomBuildAction 1.15s cubic-bezier(.16,1,.3,1) .72s both;
}
.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__build-beam {
  animation: ecomBuildBeam 1.05s ease .72s both;
}
.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__fix-cross {
  animation: ecomFixShow 1.20s ease 1.35s both;
}
.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__fix-cross i:nth-child(1) {
  animation: ecomFixLine1 .72s ease 1.40s both;
}
.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__fix-cross i:nth-child(2) {
  animation: ecomFixLine2 .72s ease 1.50s both;
}
.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__fix {
  animation: ecomFixResolve 1.10s cubic-bezier(.16,1,.3,1) 1.52s both;
}
.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__hand {
  animation: ecomHandMove 1.22s cubic-bezier(.16,1,.3,1) 2.10s both;
}
.lad-ecom-deliverables.ecom-theme-play .lad-ecom-handover__arrow {
  animation: ecomArrowMove 1.05s cubic-bezier(.16,1,.3,1) 2.10s both;
}

@keyframes ecomBuildAction {
  0% { transform: translateY(.08em); color: inherit; }
  45% { transform: translateY(-.04em) scale(1.045); color: var(--red,#F97316); }
  100% { transform: translateY(0) scale(1); color: inherit; }
}
@keyframes ecomBuildBeam {
  0% { transform: scaleX(0); opacity: 0; }
  30% { opacity: .9; }
  100% { transform: scaleX(1); opacity: .22; }
}
@keyframes ecomFixShow {
  0% { opacity: 0; }
  25%,72% { opacity: .80; }
  100% { opacity: .15; }
}
@keyframes ecomFixLine1 {
  0% { transform:translate(-50%,-50%) rotate(9deg) scaleX(0); }
  100% { transform:translate(-50%,-50%) rotate(9deg) scaleX(1); }
}
@keyframes ecomFixLine2 {
  0% { transform:translate(-50%,-50%) rotate(-9deg) scaleX(0); }
  100% { transform:translate(-50%,-50%) rotate(-9deg) scaleX(1); }
}
@keyframes ecomFixResolve {
  0% { color: inherit; }
  42% { color: var(--red,#F97316); transform: scale(1.05); }
  100% { color: inherit; transform: scale(1); }
}
@keyframes ecomHandMove {
  0% { transform: translateX(0); color: inherit; }
  48% { transform: translateX(.14em); color: var(--red,#F97316); }
  100% { transform: translateX(0); color: inherit; }
}
@keyframes ecomArrowMove {
  0% { opacity: 0; transform: translateX(-.12em); }
  42%,74% { opacity: 1; transform: translateX(.12em); }
  100% { opacity: .30; transform: translateX(0); }
}

/* ============================================================
   6. PLATFORMS
   Shopify and WooCommerce arrive as layered platforms.
   Custom Tech finishes with a circuit connection.
   ============================================================ */

.lad-ecom-platform__shopify,
.lad-ecom-platform__woo,
.lad-ecom-platform__custom {
  position: relative;
  display: inline-block;
}

.lad-ecom-platform__shopify,
.lad-ecom-platform__woo {
  padding-bottom: .14em;
}

.lad-ecom-platform__layer {
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: .01em;
  height: 2px;
  background: linear-gradient(90deg,transparent,var(--red,#F97316),transparent);
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
}

.lad-ecom-platform__custom {
  padding-bottom: .18em;
}

.lad-ecom-platform__circuit {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: -.05em;
  height: .22em;
  opacity: 0;
}

.lad-ecom-platform__circuit i {
  position: absolute;
  bottom: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--red,#F97316);
  transform: scale(0);
}
.lad-ecom-platform__circuit i:nth-child(1){left:4%}
.lad-ecom-platform__circuit i:nth-child(2){right:4%}

.lad-ecom-platform__circuit b {
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 2px;
  height: 1px;
  background: rgba(249,115,22,.66);
  transform: scaleX(0);
  transform-origin: left;
}

.lad-ecom-how.ecom-theme-play .lad-ecom-platform__shopify {
  animation: ecomShopifyIn 1.20s cubic-bezier(.16,1,.3,1) .72s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__layer--1 {
  animation: ecomPlatformLine 1.10s ease .72s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__woo {
  animation: ecomWooIn 1.20s cubic-bezier(.16,1,.3,1) 1.25s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__layer--2 {
  animation: ecomPlatformLine 1.10s ease 1.25s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__custom {
  animation: ecomCustomResolve 1.30s cubic-bezier(.16,1,.3,1) 1.88s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__circuit {
  animation: ecomCircuitShow 1.35s ease 1.88s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__circuit i:nth-child(1) {
  animation: ecomCircuitNode .30s ease 1.98s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__circuit i:nth-child(2) {
  animation: ecomCircuitNode .30s ease 2.20s both;
}
.lad-ecom-how.ecom-theme-play .lad-ecom-platform__circuit b {
  animation: ecomCircuitLink .55s ease 2.08s both;
}

@keyframes ecomShopifyIn {
  0% { transform: translateY(.10em); color: inherit; }
  42% { transform: translateY(-.04em); color: var(--red,#F97316); }
  100% { transform: translateY(0); color: inherit; }
}
@keyframes ecomWooIn {
  0% { transform: translateY(.10em); color: inherit; }
  42% { transform: translateY(-.04em); color: var(--red,#F97316); }
  100% { transform: translateY(0); color: inherit; }
}
@keyframes ecomPlatformLine {
  0% { transform: scaleX(0); opacity: 0; }
  28% { opacity: .90; }
  100% { transform: scaleX(1); opacity: .20; }
}
@keyframes ecomCustomResolve {
  0% { transform: scale(.98); color: inherit; }
  44% { transform: scale(1.045); color: var(--red,#F97316); }
  100% { transform: scale(1); color: inherit; }
}
@keyframes ecomCircuitShow {
  0% { opacity: 0; }
  20%,76% { opacity: .88; }
  100% { opacity: .22; }
}
@keyframes ecomCircuitNode {
  0% { transform: scale(0); opacity: 0; }
  72% { transform: scale(1.3); opacity: 1; }
  100% { transform: scale(1); opacity: .78; }
}
@keyframes ecomCircuitLink {
  0% { transform: scaleX(0); opacity: 0; }
  100% { transform: scaleX(1); opacity: .74; }
}

/* ============================================================
   CLEAN RESTING STATE
   ============================================================ */

.lad-ecom-alert:not(.ecom-theme-play) .lad-ecom-theme-orange,
.lad-ecom-included:not(.ecom-theme-play) .lad-ecom-theme-orange,
.lad-ecom-outcome:not(.ecom-theme-play) .lad-ecom-theme-orange,
.lad-ecom-process:not(.ecom-theme-play) .lad-ecom-theme-orange,
.lad-ecom-deliverables:not(.ecom-theme-play) .lad-ecom-theme-orange,
.lad-ecom-how:not(.ecom-theme-play) .lad-ecom-theme-orange {
  color: var(--red,#F97316);
  transform: none;
  filter: none;
  opacity: 1;
}

.lad-ecom-alert:not(.ecom-theme-play) .lad-ecom-find__find,
.lad-ecom-included:not(.ecom-theme-play) .lad-ecom-audit__audits,
.lad-ecom-outcome:not(.ecom-theme-play) .lad-ecom-margin__rank,
.lad-ecom-process:not(.ecom-theme-play) .lad-ecom-pipeline__execution,
.lad-ecom-deliverables:not(.ecom-theme-play) .lad-ecom-handover__build,
.lad-ecom-deliverables:not(.ecom-theme-play) .lad-ecom-handover__fix,
.lad-ecom-deliverables:not(.ecom-theme-play) .lad-ecom-handover__hand,
.lad-ecom-how:not(.ecom-theme-play) .lad-ecom-platform__shopify,
.lad-ecom-how:not(.ecom-theme-play) .lad-ecom-platform__woo,
.lad-ecom-how:not(.ecom-theme-play) .lad-ecom-platform__custom {
  color: var(--ink,#14161B);
  transform: none;
  filter: none;
  opacity: 1;
}

.lad-ecom-alert:not(.ecom-theme-play) .lad-ecom-find__product-grid,
.lad-ecom-alert:not(.ecom-theme-play) .lad-ecom-find__scan,
.lad-ecom-alert:not(.ecom-theme-play) .lad-ecom-find__target,
.lad-ecom-included:not(.ecom-theme-play) .lad-ecom-audit__catalog,
.lad-ecom-included:not(.ecom-theme-play) .lad-ecom-audit__lens,
.lad-ecom-outcome:not(.ecom-theme-play) .lad-ecom-margin__gauge,
.lad-ecom-outcome:not(.ecom-theme-play) .lad-ecom-margin__rank-steps,
.lad-ecom-process:not(.ecom-theme-play) .lad-ecom-pipeline__steps,
.lad-ecom-process:not(.ecom-theme-play) .lad-ecom-pipeline__line,
.lad-ecom-deliverables:not(.ecom-theme-play) .lad-ecom-handover__build-beam,
.lad-ecom-deliverables:not(.ecom-theme-play) .lad-ecom-handover__fix-cross,
.lad-ecom-how:not(.ecom-theme-play) .lad-ecom-platform__layer,
.lad-ecom-how:not(.ecom-theme-play) .lad-ecom-platform__circuit {
  opacity: 0;
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
  .lad-ecom-find__product-grid,
  .lad-ecom-find__scan,
  .lad-ecom-find__target,
  .lad-ecom-audit__catalog,
  .lad-ecom-audit__lens,
  .lad-ecom-margin__gauge,
  .lad-ecom-margin__rank-steps,
  .lad-ecom-pipeline__steps,
  .lad-ecom-pipeline__line,
  .lad-ecom-handover__build-beam,
  .lad-ecom-handover__fix-cross,
  .lad-ecom-platform__layer,
  .lad-ecom-platform__circuit {
    display: none !important;
  }

  .lad-ecom-theme-h2 * {
    animation: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  .lad-ecom-theme-orange {
    color: var(--red,#F97316) !important;
  }
}


/* ============================================================
   FIX — H2-BASED TRIGGERS + STRONGER ECOMMERCE SEO AUDIT MOTION
   ============================================================ */

/* Make the Ecommerce SEO concept visibly animate, not just its tiny icon. */
.lad-ecom-included.ecom-theme-play .lad-ecom-audit__seo {
  animation: ecomSeoCatalogResolve 1.75s cubic-bezier(.16,1,.3,1) .62s both;
}

/* Larger four-tile catalog, centered under the phrase. */
.lad-ecom-audit__catalog {
  top: auto !important;
  bottom: -.12em !important;
  width: 1.35em !important;
  height: .18em !important;
  gap: 3px !important;
}

.lad-ecom-audit__catalog i {
  border-width: 1.5px !important;
  box-shadow: 0 0 8px rgba(249,115,22,.12);
}

/* Give "Audits" a real scanner track as well as the lens. */
.lad-ecom-audit__audits {
  overflow: visible;
}

.lad-ecom-audit__audits::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: -12%;
  top: 48%;
  width: 124%;
  height: .10em;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(249,115,22,.12),
      rgba(255,211,160,.75),
      rgba(249,115,22,.12),
      transparent
    );
  opacity: 0;
  transform: translateX(-35%) scaleX(.35);
  pointer-events: none;
}

.lad-ecom-included.ecom-theme-play .lad-ecom-audit__audits::before {
  animation: ecomAuditScannerTrack 1.45s cubic-bezier(.2,.7,.2,1) 1.45s both;
}

.lad-ecom-included.ecom-theme-play .lad-ecom-audit__lens {
  animation: ecomLensAuditStrong 1.65s cubic-bezier(.16,1,.3,1) 1.42s both !important;
}

@keyframes ecomSeoCatalogResolve {
  0% {
    transform: scale(.96) translateY(.04em);
    letter-spacing: -.01em;
    color: var(--red,#F97316);
  }
  32% {
    transform: scale(1.055) translateY(-.035em);
    letter-spacing: .015em;
    color: var(--red,#F97316);
  }
  62% {
    transform: scale(.995) translateY(.01em);
    letter-spacing: 0;
  }
  100% {
    transform: scale(1) translateY(0);
    letter-spacing: 0;
    color: var(--red,#F97316);
  }
}

@keyframes ecomAuditScannerTrack {
  0% {
    opacity: 0;
    transform: translateX(-35%) scaleX(.35);
  }
  18% {
    opacity: .82;
  }
  62% {
    opacity: .92;
    transform: translateX(18%) scaleX(1);
  }
  100% {
    opacity: 0;
    transform: translateX(35%) scaleX(.55);
  }
}

@keyframes ecomLensAuditStrong {
  0% {
    opacity: 0;
    transform: translate(-.40em,.12em) scale(.45) rotate(-16deg);
  }
  20% {
    opacity: 1;
  }
  46% {
    opacity: 1;
    transform: translate(-.02em,-.07em) scale(1.18) rotate(2deg);
  }
  72% {
    opacity: .92;
    transform: translate(.20em,.02em) scale(1.04) rotate(8deg);
  }
  100% {
    opacity: .18;
    transform: translate(0,0) scale(1) rotate(0);
  }
}

/* When idle, keep temporary scanner/lens decorations hidden. */
.lad-ecom-included:not(.ecom-theme-play) .lad-ecom-audit__audits::before {
  opacity: 0;
}


/* ============================================================
   LEADADVISOR360 — FRONT-PAGE CARD PARITY LAYER
   Matches the home/front page card entrance + luxury hover system.
   This layer intentionally does NOT alter thematic H2 animations.
   ============================================================ */

.lad-front-parity-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.lad-front-parity-section > *:not(.lad-front-parity-glow) {
  position: relative;
  z-index: 1;
}

.lad-front-parity-glow {
  position: absolute;
  z-index: 0;
  width: 520px;
  height: 520px;
  left: 0;
  top: 0;
  margin-left: -260px;
  margin-top: -260px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(249,115,22,.085),
      rgba(249,115,22,.035) 34%,
      transparent 70%
    );
  opacity: 0;
  pointer-events: none;
  transition:
    opacity .5s ease,
    transform .48s cubic-bezier(.2,.7,.2,1);
  will-change: transform;
}

.lad-front-parity-section.lad-front-pointer-active .lad-front-parity-glow {
  opacity: 1;
}

/* ---------- Exact front-page scroll reveal language ---------- */

.lad-front-parity-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  transform-origin: center;

  opacity: 0 !important;
  transform: translateY(22px) !important;

  border-color: rgba(20,22,27,.055);
  box-shadow:
    0 1px 2px rgba(20,22,27,.04),
    0 0 0 1px rgba(255,255,255,.42) inset;

  transition:
    opacity .55s cubic-bezier(.2,.7,.2,1),
    transform .3s cubic-bezier(.2,.7,.2,1),
    box-shadow .3s ease,
    border-color .3s ease !important;

  transition-delay:
    var(--lad-front-card-delay, .18s),
    var(--lad-front-card-delay, .18s),
    0s,
    0s !important;
}

/* Sheen sweep used by the home-page luxury cards. */
.lad-front-parity-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      115deg,
      transparent 18%,
      rgba(255,255,255,.80) 42%,
      rgba(255,211,160,.20) 50%,
      transparent 68%
    );
  transform: translateX(-125%);
  transition: transform .72s cubic-bezier(.2,.7,.2,1);
}

/* Thin orange illuminated edge. */
.lad-front-parity-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 18px;
  right: 18px;
  top: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(249,115,22,.58),
      transparent
    );
  transform: scaleX(.15);
  opacity: 0;
  transition:
    transform .4s cubic-bezier(.2,.7,.2,1),
    opacity .3s ease;
}

.lad-front-parity-card > * {
  position: relative;
  z-index: 1;
}

.lad-front-parity-section.front-cards-in-view .lad-front-parity-card {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.lad-front-parity-section.front-cards-in-view .lad-front-parity-card:hover,
.lad-front-parity-section.front-cards-in-view .lad-front-parity-card:focus-within {
  transform: translateY(-4px) !important;
  border-color: rgba(249,115,22,.18) !important;
  box-shadow:
    0 18px 44px rgba(20,22,27,.10),
    0 0 0 1px rgba(249,115,22,.055) inset !important;
}

.lad-front-parity-card:hover::before,
.lad-front-parity-card:focus-within::before {
  transform: translateX(125%);
}

.lad-front-parity-card:hover::after,
.lad-front-parity-card:focus-within::after {
  transform: scaleX(1);
  opacity: 1;
}

.lad-front-parity-card .lad-front-parity-title {
  transition: color .25s ease;
}

.lad-front-parity-card:hover .lad-front-parity-title,
.lad-front-parity-card:focus-within .lad-front-parity-title {
  color: #F97316 !important;
}

/* Keyboard parity with the front-page cards. */
.lad-front-parity-card:focus-visible {
  outline: 2px solid #F97316;
  outline-offset: 4px;
}

/* Touch devices should retain the scroll reveal without a fake persistent hover. */
@media (hover: none) {
  .lad-front-parity-section.front-cards-in-view .lad-front-parity-card:hover {
    transform: translateY(0) !important;
    border-color: rgba(20,22,27,.055) !important;
    box-shadow:
      0 1px 2px rgba(20,22,27,.04),
      0 0 0 1px rgba(255,255,255,.42) inset !important;
  }

  .lad-front-parity-card:hover::before {
    transform: translateX(-125%);
  }

  .lad-front-parity-card:hover::after {
    transform: scaleX(.15);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lad-front-parity-glow {
    display: none !important;
  }

  .lad-front-parity-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .lad-front-parity-card::before,
  .lad-front-parity-card::after {
    display: none !important;
    transition: none !important;
  }
}

/* LeadAdvisor360 performance theme: reveal states are server-applied; no JS required. */
.lad-ecom-page .lad-front-parity-section .lad-front-parity-card{opacity:1!important;transform:translateY(0)!important;}