/* Shared section numbers and list animation for What We Build + Growth + AI. */
@media (min-width:1051px) {
  .what-build .capability,
  .growth-ai-page .service-section { overflow:visible!important; isolation:isolate; }
  .what-build .cap-grid,
  .growth-ai-page .service-grid { align-items:stretch!important; }
  .what-build .cap-side,
  .growth-ai-page .service-side {
    position:sticky!important;
    top:calc(50vh - 80px)!important;
    top:calc(50dvh - 80px)!important;
    align-self:start!important;
    z-index:2;
  }
}
/* Remove the old scroll-playhead highlight, blue sweep and translated text. */
.what-build .deliverables .del-row,
.what-build .deliverables .website-level-row,
.growth-ai-page .includes .inc-row {
  opacity:1;
  translate:none!important;
  background:none!important;
  transform:none;
  transition:none!important;
}
.what-build .deliverables .del-row::before,
.what-build .deliverables .del-row::after,
.what-build .deliverables .website-level-row::before,
.what-build .deliverables .website-level-row::after,
.growth-ai-page .includes .inc-row::after { content:none!important; display:none!important; }
.what-build .deliverables .del-row > span:last-child,
.what-build .deliverables .website-level-row .wl-main,
.growth-ai-page .includes .inc-row > span:last-child { transform:none!important; }
/* Native Web Animations drive list-item opacity, Y and padding as each list enters. */
@media (prefers-reduced-motion:reduce) {
  .what-build .deliverables,
  .growth-ai-page .includes { max-height:none!important; overflow:visible!important; }
}

/* Shared staggered divider reveal. The rows continue to use Day3-inspired
   opacity / vertical-padding compression; their thin dividers now draw in sync.
   The actual Day3 divider effect isn't separately defined in the supplied JS,
   so this is a deliberate visual match, not transplanted Day3 code. */
.what-build .deliverables .del-row,
.what-build .deliverables .website-level-row,
.growth-ai-page .includes .inc-row {
  position:relative;
}
.what-build .deliverables.cap-motion-playing .del-row,
.what-build .deliverables.cap-motion-playing .website-level-row,
.growth-ai-page .includes.cap-motion-playing .inc-row {
  border-bottom-color:transparent!important;
}
.what-build .deliverables.cap-motion-playing .del-row::after,
.what-build .deliverables.cap-motion-playing .website-level-row::after,
.growth-ai-page .includes.cap-motion-playing .inc-row::after {
  content:""!important;
  display:block!important;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg, #0265de 0%, #54bafa 45%, #d9e9f7 100%);
  transform-origin:left center;
  transform:scaleX(0);
  pointer-events:none;
  animation:adtrak-cap-line-draw 950ms cubic-bezier(.22,1,.36,1) var(--cap-line-delay, 0ms) both;
}
@keyframes adtrak-cap-line-draw {
  0% { transform:scaleX(0); opacity:.3; }
  100% { transform:scaleX(1); opacity:1; }
}
@media (prefers-reduced-motion:reduce) {
  .what-build .deliverables .del-row,
  .what-build .deliverables .website-level-row,
  .growth-ai-page .includes .inc-row { border-bottom-color:var(--line,#e8ecf1)!important; }
}