.process-tl{--tl-ease:cubic-bezier(.23, 1, .32, 1);--tl-out:cubic-bezier(.22, 1, .36, 1);--tl-node:52px;--tl-gap:8px;--tl-title-size:clamp(20px, 2.4vw, 26px);position:relative}.process-tl-track,.process-tl-fill{left:calc(var(--tl-node) / 2);width:1px;margin-left:-.5px;position:absolute;top:10px;bottom:24px}.process-tl-track{background:#e2e2e2}.process-tl-fill{transform-origin:top;will-change:height;background:#0a0a0a;height:0;bottom:auto}.process-tl-step{padding:0 0 64px 88px;position:relative;overflow:visible}.process-tl-step:last-child{padding-bottom:24px}.process-tl-node{width:var(--tl-node);height:var(--tl-node);box-shadow:0 0 0 var(--tl-gap) #fff;color:#5c5c5c;z-index:2;transition:background .36s var(--tl-out), color .36s var(--tl-out), border-color .36s var(--tl-out), transform .36s var(--tl-out), box-shadow .36s var(--tl-out);background:#fff;border:1.5px solid #a3a3a3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:0}.process-tl-step[data-active=true] .process-tl-node{color:#fff;box-shadow:0 0 0 var(--tl-gap) #fff;background:#0a0a0a;border-color:#0a0a0a}.process-tl-step.is-activating .process-tl-node{animation:tl-node-pop .4s var(--tl-out), tl-node-ring .5s var(--tl-ease)}.process-tl-step:last-child.is-activating .process-tl-icon{animation:tl-check-pulse .56s var(--tl-out)}@keyframes tl-node-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes tl-node-ring{0%{box-shadow:0 0 0 var(--tl-gap) #fff, 0 0 0 var(--tl-gap) #0a0a0a38}to{box-shadow:0 0 0 var(--tl-gap) #fff, 0 0 0 calc(var(--tl-gap) + 16px) #0a0a0a00}}@keyframes tl-check-pulse{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.process-tl-icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.process-tl-icon svg{stroke-width:1.6px;width:20px;height:20px;display:block}.process-tl-giant:before{content:attr(data-num)}.process-tl-giant{z-index:0;font-family:var(--display);letter-spacing:-.06em;color:#0a0a0a;opacity:.045;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .5s var(--tl-out), transform .5s var(--tl-out);font-size:clamp(72px,11vw,100px);font-weight:500;line-height:.85;position:absolute;top:-8px;right:0;transform:translate(10px)}.process-tl-step[data-active=true] .process-tl-giant{opacity:.13;transform:translate(0)}.process-tl-copy{z-index:1;opacity:0;max-width:560px;transition:opacity .55s var(--tl-ease), transform .55s var(--tl-ease);transition-delay:calc(var(--i,0) * .1s);position:relative;transform:translateY(10px)}.process-tl-step[data-revealed=true] .process-tl-copy{opacity:1;transform:none}.process-tl-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a;margin:0 0 10px;font-size:11px;font-weight:500;display:block}.process-tl-title{font-family:var(--display);font-size:var(--tl-title-size);letter-spacing:-.03em;margin:0 0 12px;font-weight:600;line-height:1.2}.process-tl-body{color:#3d3d3d;text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.55}.process-tl-outputs{margin-top:20px}.process-tl-outputs-label{font-family:var(--display);letter-spacing:-.01em;color:#0a0a0a;margin:0 0 12px;font-size:14px;font-weight:600}.process-tl-outputs-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.process-tl-outputs-list li{color:#525252;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.35;display:flex}.process-tl-more{font-family:var(--display);letter-spacing:-.015em;color:#0a0a0a;border:1px solid #0a0a0a;border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.process-tl-more span{transition:translate .2s var(--tl-ease)}.process-tl-more:focus-visible{outline-offset:3px;outline:2px solid #0a0a0a}@media (hover:hover) and (pointer:fine){.process-tl-more:hover{color:#fff;background:#0a0a0a}.process-tl-more:hover span{translate:3px}}.process-tl-check{color:#0a0a0a;flex:none;margin-top:2px}.process-tl-visual{z-index:1;opacity:0;transition:opacity .6s var(--tl-ease), transform .6s var(--tl-ease);margin-top:32px;transition-delay:.12s;position:relative;transform:translateY(14px)}.process-tl-step[data-revealed=true] .process-tl-visual{opacity:1;transform:none}@media (min-width:861px){.process-tl-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:clamp(32px,5vw,72px);display:grid}.process-tl-visual{margin-top:0}.process-tl-giant{display:none}}@media (hover:hover) and (pointer:fine){.process-tl-step[data-active=true]:hover .process-tl-node{transform:scale(1.04)}}@media (max-width:860px){.process-tl-giant{font-size:clamp(56px,16vw,80px);right:-4px}}@media (max-width:640px){.process-tl{--tl-node:44px;--tl-gap:6px}.process-tl-step{padding-bottom:48px;padding-left:72px}.process-tl-icon,.process-tl-icon svg{width:20px;height:20px}.process-tl-giant{opacity:.035;font-size:56px;top:0}.process-tl-step[data-active=true] .process-tl-giant{opacity:.1}}@media (prefers-reduced-motion:reduce){.process-tl-copy,.process-tl-node,.process-tl-giant{transition:none!important;animation:none!important}.process-tl-copy,.process-tl-visual{opacity:1!important;transition:none!important;transform:none!important}.process-tl-node{color:#fff!important;box-shadow:0 0 0 var(--tl-gap) #fff!important;background:#0a0a0a!important;border-color:#0a0a0a!important;transform:none!important}.process-tl-giant{opacity:.1!important;transform:none!important}.process-tl-fill{height:100%!important}}
