.kapptal-dossier-timeline{
  --kdt-marine:#0B1730;
  --kdt-cyan:#5AA9DE;
  --kdt-cyan-light:#8ECDF0;
  --kdt-green:#34C08A;
  --kdt-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --kdt-display:"Plus Jakarta Sans",var(--kdt-sans);

  position:relative;
  width:100%;
  max-width:none;
  color:#fff;
  padding:44px 0;
  margin:0;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:var(--kdt-sans);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

.kapptal-dossier-timeline *,
.kapptal-dossier-timeline *::before,
.kapptal-dossier-timeline *::after{
  box-sizing:border-box;
}

.kapptal-dossier-timeline__inner{
  position:relative;
  z-index:1;
  display:grid;
  width:100%;
  --p:0;
}

/* Fil gris + progression colorée : dimensions identiques au HTML de référence. */
.kapptal-dossier-timeline__inner::before{
  content:"";
  position:absolute;
  left:8px;
  top:14px;
  bottom:14px;
  width:2px;
  border-radius:2px;
  background:rgba(255,255,255,.14);
}

.kapptal-dossier-timeline__inner::after{
  content:"";
  position:absolute;
  left:8px;
  top:14px;
  width:2px;
  height:calc((100% - 28px) * var(--p));
  border-radius:2px;
  background:linear-gradient(180deg,var(--kdt-cyan-light),var(--kdt-green));
  transition:height 140ms linear;
}

.kapptal-dossier-timeline__item{
  display:flex;
  gap:20px;
  padding:15px 0;
  position:relative;
  opacity:.4;
  transition:opacity 460ms cubic-bezier(.4,0,.2,1);
}

.kapptal-dossier-timeline__item.is-reached{
  opacity:1;
}

.kapptal-dossier-timeline__dot{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:50%;
  margin-top:4px;
  z-index:1;
  background:var(--kdt-marine);
  border:2.5px solid rgba(255,255,255,.4);
  transition:
    background 300ms,
    border-color 300ms,
    transform 300ms cubic-bezier(.3,.7,.3,1),
    box-shadow 300ms;
}

.kapptal-dossier-timeline__item.is-reached .kapptal-dossier-timeline__dot{
  transform:scale(1.06);
}

.kapptal-dossier-timeline__item--blue.is-reached .kapptal-dossier-timeline__dot{
  background:var(--kdt-cyan);
  border-color:var(--kdt-cyan);
}

.kapptal-dossier-timeline__item--success.is-reached .kapptal-dossier-timeline__dot{
  background:var(--kdt-green);
  border-color:var(--kdt-green);
  box-shadow:0 0 0 7px rgba(52,192,138,.16);
}

.kapptal-dossier-timeline__content{
  flex:1;
  min-width:0;
}

.kapptal-dossier-timeline__title{
  display:block;
  margin:0;
  color:#fff;
  font-family:var(--kdt-display);
  font-size:17px;
  line-height:1.55;
  font-weight:700;
  letter-spacing:-.025em;
}

.kapptal-dossier-timeline__text{
  display:block;
  margin:3px 0 0;
  max-width:46ch;
  color:rgba(255,255,255,.62);
  font-family:var(--kdt-sans);
  font-size:15px;
  line-height:1.55;
  font-weight:400;
  text-wrap:pretty;
}

.kapptal-dossier-timeline__time{
  flex:0 0 auto;
  padding-top:3px;
  color:rgba(255,255,255,.5);
  font-family:var(--kdt-sans);
  font-size:16px;
  line-height:1.55;
  font-weight:400;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
  white-space:nowrap;
}

@media(max-width:560px){
  .kapptal-dossier-timeline{
    padding:30px 0;
  }

  .kapptal-dossier-timeline__item{
    gap:14px;
    padding:13px 0;
  }

  .kapptal-dossier-timeline__title{font-size:15.5px}
  .kapptal-dossier-timeline__text{font-size:14px}
  .kapptal-dossier-timeline__time{font-size:14px}
}

@media(prefers-reduced-motion:reduce){
  .kapptal-dossier-timeline__item{opacity:1}
  .kapptal-dossier-timeline__inner{--p:1}
}