.proofs{overflow-x:clip}
.proofs .pc-h{max-width:16ch;margin-bottom:clamp(40px,5.5vw,76px);font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1.08}
.parcours{
  --dir:1;--sx:-50%;--half:34px;
  --q1:clamp(0,calc(var(--q,1) / var(--split,.44)),1);
  --q2:clamp(0,calc((var(--q,1) - var(--split,.44)) / (1 - var(--split,.44))),1);
  position:relative;display:grid;
  
  grid-template-columns:minmax(0,14.667fr) minmax(0,29.333fr) minmax(0,20fr) minmax(0,16fr) minmax(0,20fr);
  grid-template-rows:auto calc(var(--half) * 2) auto;
}


.pc-rail{position:relative;grid-row:2;grid-column:1 / -1}
.pc-rail>*{position:absolute;display:block}
.pc-rail::before{
  
  content:"";position:absolute;inset:-60px -4% -60px 0;pointer-events:none;
  background:radial-gradient(60% 50% at 40% 50%,rgba(192,132,252,.13),transparent 70%);
  opacity:var(--q,1);
}
.pc-track,.pc-fill,.pc-flow,.pc-tail{inset-inline-start:0;top:50%;height:2px;margin-top:-1px;border-radius:2px}
.pc-track{inset-inline-end:0;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.1))}

.pc-ticks{
  inset-inline-start:0;top:50%;width:calc(var(--split,.44) * 100%);height:9px;margin-top:5px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px calc(100% / 6));
  -webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent);
  opacity:calc(.35 + var(--q1) * .65);
}

.pc-fill{
  width:calc(var(--split,.44) * 100%);background:linear-gradient(90deg,#C084FC,#F472B6);
  box-shadow:0 0 14px rgba(244,114,182,.55);
  transform:scaleX(var(--q1));transform-origin:left center;
}

.pc-flow,.pc-tail{overflow:hidden}
.pc-flow{inset-inline-start:calc(var(--split,.44) * 100%);inset-inline-end:0}
.pc-flow>i,.pc-tail>i{
  position:absolute;inset-block:0;inset-inline-start:-200px;width:calc(100% + 200px);display:block;
  background:repeating-linear-gradient(90deg,#F472B6 0 9px,transparent 9px 16px);
}
.pc-flow>i{transform:translateX(calc(var(--dir) * ((var(--q2) - 1) * 100% + var(--p,0) * 160px)))}

.pc-tail{
  inset-inline-start:100%;width:34vw;opacity:clamp(0,calc(var(--q2) * 6 - 5),.9);
  -webkit-mask:linear-gradient(90deg,#000,transparent 80%);mask:linear-gradient(90deg,#000,transparent 80%);
}
.pc-tail>i{background:repeating-linear-gradient(90deg,rgba(244,114,182,.7) 0 9px,transparent 9px 16px);transform:translateX(calc(var(--dir) * var(--p,0) * 160px))}


.pc-head{
  inset:0;pointer-events:none;
  transform:translateX(calc(var(--dir) * (var(--q,1) - 1) * 100%));
  opacity:clamp(0,min(var(--q,1) * 14,(1 - var(--q,1)) * 14),1);
}
.pc-head b{
  position:absolute;inset-inline-end:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 4px rgba(244,114,182,.18),0 0 22px 4px rgba(244,114,182,.75);
}
.pc-head b::before{
  content:"";position:absolute;inset-inline-end:5px;top:50%;width:120px;height:2px;margin-top:-1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));
}

.pc-origin{inset-inline-start:0;top:50%;width:26px;height:26px;transform:translate(var(--sx),-50%);filter:drop-shadow(0 0 12px rgba(192,132,252,.5))}


.pc-step{
  --t1:var(--t,1);
  
  position:relative;grid-column:var(--col);justify-self:start;width:max-content;display:flex;flex-direction:column;gap:12px;
  padding-inline-start:20px;
}
.pc-up{grid-row:1;align-self:end;padding-bottom:22px}
.pc-down{grid-row:3;align-self:start;padding-top:22px}

.pc-step::before,.pc-step::after{content:"";position:absolute;inset-inline-start:0;width:1px;margin-inline-start:-.5px}
.pc-up::before,.pc-up::after{top:6px;bottom:calc(-1 * var(--half))}
.pc-down::before,.pc-down::after{top:calc(-1 * var(--half));bottom:6px}
.pc-up::before{background:linear-gradient(180deg,transparent,rgba(255,255,255,.2))}
.pc-down::before{background:linear-gradient(0deg,transparent,rgba(255,255,255,.2))}
.pc-up::after{background:linear-gradient(180deg,transparent,#F472B6)}
.pc-down::after{background:linear-gradient(0deg,transparent,#F472B6)}
.pc-step::after{opacity:clamp(0,calc(var(--t1) * 4 - 3),1)}


.pc-node{position:absolute;z-index:1;inset-inline-start:0;width:11px;height:11px}   
.pc-up .pc-node{bottom:calc(-1 * var(--half));transform:translate(var(--sx),50%) rotate(45deg)}
.pc-down .pc-node{top:calc(-1 * var(--half));transform:translate(var(--sx),-50%) rotate(45deg)}
.pc-node::before,.pc-node::after{content:"";position:absolute;inset:0}
.pc-node::before{background:var(--ink-1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pc-node::after{
  background:#F5E1FF;box-shadow:0 0 0 3px rgba(244,114,182,.25),0 0 18px 3px rgba(244,114,182,.7);
  opacity:clamp(0,calc(var(--t1) * 4 - 3),1);transform:scale(calc(.3 + clamp(0,calc(var(--t1) * 4 - 3),1) * .7));
}

.pc-launch .pc-node{width:17px;height:17px}
.pc-launch .pc-node::after{box-shadow:0 0 0 5px rgba(244,114,182,.2),0 0 34px 8px rgba(244,114,182,.6)}

.pc-num{
  display:block;white-space:nowrap;font-size:clamp(2.8rem,5.4vw,5.8rem);font-weight:600;
  letter-spacing:-.055em;line-height:.9;font-variant-numeric:tabular-nums;color:var(--text);
  
  opacity:calc(.3 + var(--t1) * .7);
}

.pc-step{--dy:14px}
.pc-down{--dy:-14px}
.pc-num,.pc-label{transform:translate3d(0,calc((1 - var(--t1)) * var(--dy)),0)}
.pc-label{
  max-width:15em;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;line-height:1.4;
  text-transform:uppercase;color:var(--muted);opacity:calc(.3 + var(--t1) * .7);
}



@media (max-width:1000px){ .pc-step:last-child .pc-label{max-width:12.5em} }


@media (max-width:760px){
  .parcours{
    --half:0px;
    grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:30px;
    padding-block:40px 8px;padding-inline-start:44px;
  }
  .pc-rail{position:absolute;grid-area:auto;inset-block:0;inset-inline-start:0;width:22px}
  .pc-rail::before{inset:0 -40px;background:radial-gradient(40% 50% at 50% 45%,rgba(192,132,252,.12),transparent 70%)}
  .pc-track,.pc-fill,.pc-flow,.pc-tail{inset-inline-start:50%;top:0;width:2px;height:auto;margin:0 -1px}
  .pc-track{bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.1))}
  .pc-fill{height:calc(var(--split,.44) * 100%);background:linear-gradient(180deg,#C084FC,#F472B6);transform:scaleY(var(--q1));transform-origin:center top}
  .pc-flow{top:calc(var(--split,.44) * 100%);bottom:0}
  
  .pc-ticks{display:none}
  .pc-flow>i,.pc-tail>i{inset-inline:0;top:-200px;width:auto;height:calc(100% + 200px);background:repeating-linear-gradient(180deg,#F472B6 0 9px,transparent 9px 16px)}
  .pc-flow>i{transform:translateY(calc((var(--q2) - 1) * 100% + var(--p,0) * 160px))}
  .pc-tail{top:100%;height:90px;width:2px;
    -webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent)}
  .pc-tail>i{background:repeating-linear-gradient(180deg,rgba(244,114,182,.7) 0 9px,transparent 9px 16px);transform:translateY(calc(var(--p,0) * 160px))}
  .pc-head{transform:translateY(calc((var(--q,1) - 1) * 100%))}
  .pc-head b{inset-inline-end:auto;inset-inline-start:50%;top:auto;bottom:-5px;margin:0 -5px}
  .pc-head b::before{inset-inline-end:auto;inset-inline-start:4px;top:auto;bottom:5px;width:2px;height:110px;margin:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9))}
  .pc-origin{inset-inline-start:50%;top:0;transform:translate(var(--sx),0)}

  .pc-step,.pc-up,.pc-down{grid-column:1;grid-row:auto;align-self:auto;width:auto;padding:0;gap:10px}
  .pc-label,.pc-step:last-child .pc-label{max-width:none}
  .pc-step::before,.pc-step::after{display:none}
  
  .pc-up .pc-node,.pc-down .pc-node,.pc-node{
    top:calc(3.1rem * .45);bottom:auto;inset-inline-start:-33px;transform:translate(var(--sx),-50%) rotate(45deg)
  }
  .pc-num{font-size:3.1rem}
  .pc-down{--dy:14px}
}

@media (prefers-reduced-motion:reduce){
  .pc-head{display:none}
  .pc-num,.pc-label{transform:none!important}
}


.pc-give,.pc-ask{max-width:29ch;font-size:.88rem;line-height:1.45;color:var(--muted);opacity:calc(.35 + .65 * var(--t,1));white-space:normal}
.pc-give b,.pc-ask b{font-weight:560;color:var(--text)}
.pc-give b::after,.pc-ask b::after{content:"\a0:\20"}
.pc-step .pc-give{margin-top:2px}

@media (min-width:761px){ .pc-step:last-child .pc-give,.pc-step:last-child .pc-ask,.pc-step:last-child .pc-label{max-width:min(29ch,17vw)} }

.pc-start{
  position:relative;grid-row:3;grid-column:1 / span 2;justify-self:start;align-self:start;display:flex;flex-direction:column;gap:10px;
  max-width:min(34ch,100%);padding-top:22px;padding-inline-start:20px;
}
.pc-start::before{content:"";position:absolute;inset-inline-start:0;top:calc(-1 * var(--half));bottom:6px;width:1px;background:linear-gradient(0deg,transparent,rgba(192,132,252,.5))}
.pc-start .pc-label{opacity:1}
.pc-note{margin-top:clamp(40px,5vw,64px);max-width:62ch;font-size:.9rem;color:var(--muted)}
.pc-tight{margin-top:10px}
@media (max-width:760px){
  .pc-start{grid-row:auto;grid-column:1;padding:0;max-width:none}
  .pc-start::before{display:none}
  .pc-give,.pc-ask{max-width:none;font-size:.86rem}
  .pc-step{gap:6px}
  .proofs .pc-h{margin-bottom:24px;font-size:1.6rem}
  .pc-note{margin-top:28px}
}