/* Homepage industry labels. */
.homepage .trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  text-align: left;
}
.homepage .trust-pill .industry-icon {
  flex: 0 0 22px;
  color: var(--teal);
}
.homepage .trust-pill span { min-width: 0; }

/* Homepage value strip and its background transition into Our Process. */
.stats-strip.value-strip {
  padding: 48px 40px 28px;
  background:
    radial-gradient(ellipse at 100% 0, rgba(57, 185, 202, .06), transparent 60%),
    linear-gradient(180deg, #fcfefe, #f2f8f8);
  color: var(--navy);
}
.homepage .how-it-works {
  padding-top: 40px;
  background: linear-gradient(180deg, #f2f8f8, #fafbf8);
}
.value-strip .value-circles {
  position: absolute;
  top: -65px;
  right: -65px;
  color: rgba(57, 185, 202, .14);
  pointer-events: none;
  animation: value-circle-drift 28s ease-in-out infinite alternate;
}
.value-strip::before {
  content: '';
  position: absolute;
  width: 240px;
  height: 240px;
  left: -170px;
  bottom: -180px;
  border-radius: 50%;
  background: rgba(57, 185, 202, .05);
  pointer-events: none;
}
.value-strip .stat { min-width: 0; gap: 12px; opacity: 1; transform: none; transition: none; }
.value-strip.has-entry-motion .stat {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s ease, transform .6s ease;
}
.value-strip.has-entry-motion .stat.in-view { opacity: 1; transform: translateY(0); }
.value-strip.has-entry-motion .stat:nth-of-type(1) { transition-delay: 0ms; }
.value-strip.has-entry-motion .stat:nth-of-type(2) { transition-delay: 100ms; }
.value-strip.has-entry-motion .stat:nth-of-type(3) { transition-delay: 200ms; }
.value-strip.has-entry-motion .stat:nth-of-type(4) { transition-delay: 300ms; }
.value-strip .stat:not(:last-child)::after { background: rgba(30, 138, 122, .13); }
.value-strip .value-icon-circle {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: rgba(57, 185, 202, .055);
  transition: transform .25s ease;
}
.value-strip .stat:nth-of-type(even) .value-icon-circle { background: rgba(30, 138, 122, .055); }
.value-strip .stat-icon { display: block; width: 48px; height: 48px; color: var(--navy); border: 0; background: none; border-radius: 0; margin: 0; }
.value-strip .value-icon-accent { stroke: var(--gold); }
.value-strip .stat-number { margin: 0; font-size: clamp(24px, 2.1vw, 32px); line-height: 1.3; color: var(--navy); font-variant-numeric: normal; }
.value-strip .stat-label { margin: 0; max-width: 270px; font-size: 15px; font-weight: 400; line-height: 1.6; color: #5e6b73; letter-spacing: 0; text-transform: none; }
.value-strip .value-accent { display: block; width: 40px; height: 2px; margin-top: 3px; border-radius: 2px; background: var(--gold); }
@media (hover: hover) { .value-strip .stat:hover .value-icon-circle { transform: translateY(-2px); } }
@keyframes value-circle-drift { from { transform: translate(0, 0); } to { transform: translate(-8px, 8px); } }
@media (max-width: 1024px) {
  .stats-strip.value-strip { gap: 32px; padding: 40px 24px 24px; }
  .homepage .how-it-works { padding-top: 32px; }
  .value-strip .stat:not(:last-child)::after { display: none; }
  .value-strip .stat-number { font-size: 26px; }
}
@media (max-width: 600px) {
  .stats-strip.value-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; padding: 32px 20px 24px; }
  .value-strip .stat { gap: 8px; }
  .value-strip .stat-number { font-size: clamp(20px, 4.5vw, 24px); }
  .value-strip .stat-label { font-size: 14px; }
  .value-strip .value-icon-circle { width: 64px; height: 64px; }
  .value-strip .stat-icon { width: 36px; height: 36px; }
  .value-strip .value-circles { width: 260px; height: 260px; top: -100px; right: -135px; }
}
@media (prefers-reduced-motion: reduce) {
  .value-strip.has-entry-motion .stat, .value-strip.has-entry-motion .stat.in-view { opacity: 1; transform: none; transition: none; }
  .value-strip .value-circles { animation: none; }
  .value-strip .value-icon-circle { transition: none; }
  .value-strip .stat:hover .value-icon-circle { transform: none; }
}