/* Lime approach progress bars: fill from left as the panel enters view. */
.why-bars > div { position: relative; }
.why-bars i {
  position: relative;
  overflow: hidden;
  background: rgba(160, 236, 0, .18);
  opacity: 1;
}
.why-bars i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #A0EC00;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.25s cubic-bezier(.2,.7,.2,1);
}
.about-why.is-visible .why-bars i::after,
.js-scroll-reveal .about-why.is-visible .why-bars i::after {
  transform: scaleX(1);
}
.why-bars > div:nth-child(1) i::after { transition-delay: .12s; }
.why-bars > div:nth-child(2) i::after { transition-delay: .38s; }
.why-bars > div:nth-child(3) i::after { transition-delay: .64s; }
.why-bars > div:nth-child(4) i::after { transition-delay: .90s; }
@media (prefers-reduced-motion: reduce) {
  .why-bars i::after { transition: none !important; transform: scaleX(1) !important; }
}


/* Refined slow, sequential Lime fill animation. */
.why-bars i{
  background:rgba(160,236,0,.16)!important;
  overflow:hidden;
  opacity:1;
}
.why-bars i::after{
  background:#A0EC00!important;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 2.35s cubic-bezier(.18,.72,.22,1)!important;
  transition-delay:0s!important;
}
.about-why.is-visible .why-bars > div:nth-child(1) i::after,
.js-scroll-reveal .about-why.is-visible .why-bars > div:nth-child(1) i::after{transition-delay:.10s!important;transform:scaleX(1)}
.about-why.is-visible .why-bars > div:nth-child(2) i::after,
.js-scroll-reveal .about-why.is-visible .why-bars > div:nth-child(2) i::after{transition-delay:.78s!important;transform:scaleX(1)}
.about-why.is-visible .why-bars > div:nth-child(3) i::after,
.js-scroll-reveal .about-why.is-visible .why-bars > div:nth-child(3) i::after{transition-delay:1.46s!important;transform:scaleX(1)}
.about-why.is-visible .why-bars > div:nth-child(4) i::after,
.js-scroll-reveal .about-why.is-visible .why-bars > div:nth-child(4) i::after{transition-delay:2.14s!important;transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
  .why-bars i::after{transition:none!important;transition-delay:0s!important;transform:scaleX(1)!important}
}