/* EntryLap V57 — compact dynamic hero path. Desktop left-anchored; mobile full-width. */
.entrylap-hero-path{
  --hp-ink:#0b2846;
  --hp-muted:#71859a;
  --hp-line:rgba(11,40,70,.14);
  --hp-accent:var(--pv-accent,#635bff);
  width:min(88%,520px);
  min-width:0;
  margin:0 auto 18px 0;
}
.entrylap-hero-path__track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(var(--hero-step-count),minmax(0,1fr));
  width:100%;
  min-width:0;
}
.entrylap-hero-path__line{
  position:absolute;
  z-index:0;
  left:17px;
  right:calc((100% / var(--hero-step-count)) - 17px);
  top:30px;
  height:1px;
  overflow:hidden;
  background:var(--hp-line);
}
.entrylap-hero-path__line i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#008060,var(--hp-accent),#5f74ff);
  transition:width .7s cubic-bezier(.2,.8,.2,1);
}
.entrylap-hero-path__step{
  position:relative;
  z-index:1;
  min-width:0;
  display:grid;
  grid-template-rows:14px 34px 14px;
  justify-items:start;
  align-content:start;
  gap:3px;
  padding:0 8px 0 0;
  text-align:left;
  color:var(--hp-ink);
}
.entrylap-hero-path__step>small{
  display:block;
  width:34px;
  font-size:10px;
  line-height:1;
  color:var(--hp-muted);
  font-weight:600;
  text-align:center;
}
.entrylap-hero-path__icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  justify-self:start;
  border:1px solid rgba(99,91,255,.15);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:var(--hp-accent);
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.entrylap-hero-path__icon i{font-size:13px}
.entrylap-hero-path__step em{
  display:block;
  width:100%;
  min-width:0;
  font-style:normal;
  font-size:10px;
  line-height:1.1;
  text-transform:uppercase;
  color:#7890a5;
  font-weight:700;
  text-align:left;
  overflow-wrap:anywhere;
}
.entrylap-hero-path__step.is-active .entrylap-hero-path__icon{
  background:var(--hp-accent);
  border-color:var(--hp-accent);
  color:#fff;
  transform:translateY(-2px);
}
.entrylap-hero-path__step.is-active em{color:var(--hp-accent)}
.entrylap-hero-path--dark{
  --hp-ink:#f5fbff;
  --hp-muted:#92a8bd;
  --hp-line:rgba(255,255,255,.14);
}
.entrylap-hero-path--dark .entrylap-hero-path__icon{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
}
.entrylap-hero-path--dark .entrylap-hero-path__step em{color:#8fa7ba}
.entrylap-hero-path--dark .entrylap-hero-path__step.is-active .entrylap-hero-path__icon{
  background:var(--hp-accent);
  border-color:var(--hp-accent);
}
.entrylap-hero-path--dark .entrylap-hero-path__step.is-active em{color:#8ff1d2}

/* The path stays inside its own hero copy column and never changes parent layout. */
.growth-hero-copy>.entrylap-hero-path,
.pv-hero-copy>.entrylap-hero-path,
.pv-agent-copy>.entrylap-hero-path,
.legal-copy>.entrylap-hero-path{
  max-width:520px;
  margin-left:0;
  margin-right:auto;
}

@media (max-width:720px){
  .entrylap-hero-path,
  .growth-hero-copy>.entrylap-hero-path,
  .pv-hero-copy>.entrylap-hero-path,
  .pv-agent-copy>.entrylap-hero-path,
  .legal-copy>.entrylap-hero-path{
    width:100%;
    max-width:none;
    margin:0 0 14px;
  }
  .entrylap-hero-path__track{width:100%;grid-template-columns:repeat(var(--hero-step-count),minmax(0,1fr))}
  .entrylap-hero-path__step{padding:0 5px 0 0}
  .entrylap-hero-path__line{
    left:17px;
    right:calc((100% / var(--hero-step-count)) - 17px);
  }
}
@media (max-width:390px){
  .entrylap-hero-path__step{padding:0 3px 0 0}
  .entrylap-hero-path__step>small{width:32px}
  .entrylap-hero-path__icon{width:32px;height:32px}
  .entrylap-hero-path__line{top:29px;left:16px;right:calc((100% / var(--hero-step-count)) - 16px)}
  .entrylap-hero-path__step em{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  .entrylap-hero-path__line i,.entrylap-hero-path__icon{transition:none}
}