#workforce{--wf-red:#e8485e;--wf-grey:#7d8ba3;--wf-x:max(var(--gut),calc((100% - var(--max))/2 + var(--gut)))}
#workforce .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- header ---------- */
#workforce .wf-head{background:none;padding-top:clamp(110px,16vh,190px);padding-bottom:clamp(40px,7vh,80px)}
#workforce .wf-head .h2{margin-top:26px;max-width:15ch}
#workforce .wf-head .h2 .accent{display:block}
#workforce .wf-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:36px}
#workforce .wf-head .lede{max-width:52ch}
#workforce .wf-head .lede em{font-style:normal;color:var(--orange-hi)}
#workforce .wf-scrollcue{display:flex;align-items:center;gap:12px;white-space:nowrap}
#workforce .wf-scrollcue span{width:1px;height:38px;background:linear-gradient(var(--orange),transparent);animation:wfcue 2s var(--ease) infinite;transform-origin:top}
@keyframes wfcue{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}

/* ---------- pinned scene ---------- */
#workforce .wf-pin{position:relative;height:250vh}
#workforce .pin-stage{background:radial-gradient(120% 80% at 50% 30%,#1a2238 0%,var(--ink) 55%,#0e1424 100%)}
#workforce .wf-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--ink) 0,transparent 22%,transparent 62%,#0b0f1cee 100%)}

#workforce .wf-steps{position:absolute;left:var(--wf-x);top:clamp(84px,13vh,130px);width:min(440px,calc(100% - 2*var(--wf-x)));pointer-events:none;z-index:2}
#workforce .wf-step{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
#workforce .wf-step.on{opacity:1;transform:none}
#workforce .wf-step .label{opacity:.75;color:var(--mute-d)}
#workforce .wf-step .label b{color:var(--orange);font-weight:700}
#workforce .wf-step .h3{margin:14px 0 14px}
#workforce .wf-step p:last-child{font-size:15px;line-height:1.55;color:var(--mute-d);max-width:40ch}

#workforce .wf-gatelabels{position:absolute;inset:0;pointer-events:none;z-index:1}
#workforce .wf-gl{position:absolute;left:0;top:0;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;opacity:0;will-change:transform,opacity;padding:4px 7px 3px}
#workforce .wf-gl.hr{display:flex;align-items:center;gap:6px;padding:0}
#workforce .wf-gl.hr b{font-weight:400;color:#fff;background:#e35b32d9;box-shadow:0 0 24px #e35b3266;padding:4px 7px 3px}
#workforce .wf-gl.hr i{font-style:normal;color:#bcd4ff;border:1px dotted #bcd4ff88;padding:3px 6px 2px;max-width:0;overflow:hidden;opacity:0;transition:max-width .6s var(--ease),opacity .6s;order:0}
#workforce .wf-gl.hr.ai i{max-width:12em;opacity:.85}
#workforce .wf-gl.cr{color:var(--wf-grey);border:1px dashed #7d8ba366;background:#12182999}

#workforce .wf-cols{position:absolute;left:0;right:0;bottom:clamp(40px,7vh,70px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,8vw,180px);padding:0 var(--wf-x);z-index:2;pointer-events:none}
#workforce .wf-col figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--paper)}
#workforce .wf-col figcaption i{width:8px;height:8px;flex:none;border-radius:50%}
#workforce .wf-col.crowd figcaption i{background:var(--wf-grey);box-shadow:0 0 0 3px #7d8ba333}
#workforce .wf-col.hr figcaption i{background:var(--orange);box-shadow:0 0 0 3px #e35b3344,0 0 14px var(--orange)}
#workforce .wf-col.hr{text-align:right}
#workforce .wf-col.hr figcaption{justify-content:flex-end}
#workforce .wf-hist{width:100%;height:clamp(54px,9vh,92px);margin-top:12px;overflow:visible;opacity:0;transition:opacity .6s}
#workforce .wf-cols.show .wf-hist{opacity:1}
#workforce .wf-verdict{font-size:13px;color:var(--mute-d);margin-top:10px;opacity:0;transform:translateY(8px);transition:opacity .6s .15s,transform .6s .15s var(--ease)}
#workforce .wf-cols.show .wf-verdict{opacity:1;transform:none}
#workforce .wf-col.hr .wf-verdict{color:var(--orange-hi)}
#workforce .wf-col{position:relative}
#workforce .wf-thr{position:absolute;left:62%;top:22px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);opacity:0;transform:translateX(6px);white-space:nowrap;transition:opacity .6s .3s}
#workforce .wf-cols.show .wf-thr{opacity:.55}
#workforce .wf-illus{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:10px;white-space:nowrap;opacity:0;transition:opacity .6s;z-index:2}
#workforce .wf-cols.show~.wf-illus{opacity:.5}
#workforce .wf-bar{position:absolute;left:var(--wf-x);right:var(--wf-x);bottom:0;height:1px;background:var(--line-d);z-index:2}
#workforce .wf-bar i{display:block;height:100%;width:100%;background:var(--orange);transform-origin:0 50%;transform:scaleX(0)}

/* ---------- pipeline ---------- */
#workforce .wf-pipe{padding-top:clamp(110px,16vh,190px)}
#workforce .wf-pipe-head{display:grid;gap:18px;max-width:760px}
#workforce .wf-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,40px);margin-top:clamp(48px,7vh,80px);position:relative;--draw:0}
#workforce .wf-flow:before,#workforce .wf-flow:after{content:"";position:absolute;left:6px;right:0;top:6px;height:1px;background:var(--line-d)}
#workforce .wf-flow:after{background:linear-gradient(90deg,var(--orange),var(--orange-hi));box-shadow:0 0 12px var(--orange);transform-origin:0 50%;transform:scaleX(var(--draw))}
#workforce .wf-node{position:relative;padding-top:40px}
#workforce .wf-node>:not(.wf-dot){opacity:.22;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
#workforce .wf-node.lit>:not(.wf-dot){opacity:1;transform:none}
#workforce .wf-node.lit>.wf-dot~*:nth-child(3){transition-delay:.06s}#workforce .wf-node.lit>.wf-dot~*:nth-child(4){transition-delay:.12s}#workforce .wf-node.lit>.wf-dot~*:nth-child(5){transition-delay:.18s}
#workforce .wf-dot{position:absolute;left:0;top:0;width:13px;height:13px;border:1px solid var(--mute-d);background:var(--ink);transform:rotate(45deg);transition:background .5s,border-color .5s,box-shadow .5s;z-index:1}
#workforce .wf-node.lit .wf-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 18px var(--orange)}
#workforce .wf-num{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--orange)}
#workforce .wf-node h4{font-family:var(--display);font-weight:800;font-size:clamp(22px,2vw,30px);letter-spacing:-.03em;line-height:1.05;margin:12px 0 14px}
#workforce .wf-node p:not(.wf-num):not(.wf-tag){font-size:15px;line-height:1.55;color:var(--mute-d);max-width:30ch}
#workforce .wf-tag{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);opacity:.5;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-d)}

/* ---------- stats ---------- */
#workforce .wf-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;margin-top:clamp(90px,13vh,150px);background:linear-gradient(var(--line-d),var(--line-d)) var(--gut) 0/calc(100% - 2*var(--gut)) 1px no-repeat}
#workforce .wf-stat{padding:clamp(28px,4vh,44px) clamp(16px,2vw,32px) 0 0;position:relative}
#workforce .wf-stat+.wf-stat{padding-left:clamp(16px,2vw,32px);border-left:1px solid var(--line-d)}
#workforce .wf-stat .stat{font-size:clamp(44px,4.3vw,70px);white-space:nowrap;font-variant-numeric:tabular-nums}
#workforce .wf-stat .stat small{font-size:.32em;letter-spacing:0;color:var(--mute-d);font-family:var(--mono);font-weight:400;margin-left:6px}
#workforce .wf-dash{margin:0 .06em;font-weight:600;opacity:.8}
#workforce .wf-sl{font-size:14px;line-height:1.5;color:var(--mute-d);margin-top:16px;max-width:26ch}
#workforce .wf-sl strong{color:var(--paper);font-weight:600}
#workforce .wf-stat.wide .wf-sl{max-width:36ch}
#workforce .wf-ramp{position:relative;height:6px;margin-top:20px;background:repeating-linear-gradient(90deg,#ffffff2e 0 6px,transparent 6px 10px)}
#workforce .wf-ramp i{position:absolute;left:0;top:0;bottom:0;width:33.3%;background:var(--orange);box-shadow:0 0 14px #e35b3299;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.6s .3s var(--ease)}
#workforce .wf-ramp b{position:absolute;right:0;top:-5px;width:1px;height:16px;background:var(--paper);opacity:.6}
#workforce .wf-stat.in .wf-ramp i{transform:none}

/* ---------- comparison ---------- */
#workforce .wf-cmp{padding-top:clamp(110px,16vh,180px);padding-bottom:clamp(60px,8vh,100px)}
#workforce .wf-out{height:clamp(140px,22vh,240px);background:linear-gradient(var(--ink),#272d40 30%,#a3a5ab 75%,var(--paper))}
#workforce .wf-cmp-head{display:grid;gap:18px;margin-bottom:clamp(36px,5vh,56px)}
#workforce .wf-table{width:100%;border-collapse:collapse;table-layout:fixed}
#workforce .wf-table th,#workforce .wf-table td{text-align:left;vertical-align:top;padding:26px clamp(14px,2vw,32px);border-bottom:1px solid var(--line-d)}
#workforce .wf-table thead th{vertical-align:bottom;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--mute-d);padding-top:0;padding-bottom:18px}
#workforce .wf-table thead th.us{font-family:var(--display);font-size:24px;letter-spacing:-.03em;text-transform:none;color:var(--paper);font-weight:800}
#workforce .wf-table thead th.us i{color:var(--orange);font-style:normal}
#workforce .wf-table colgroup{display:none}
#workforce .wf-table thead th:first-child{width:22%}
#workforce .wf-table tbody th{font-family:var(--display);font-weight:800;font-size:clamp(20px,1.8vw,28px);letter-spacing:-.03em;padding-left:0}
#workforce .wf-table thead th:first-child{padding-left:0}
#workforce .wf-table td{font-size:clamp(16px,1.25vw,19px);line-height:1.45}
#workforce .wf-table td.us{background:linear-gradient(90deg,#e35b3214,#e35b3205);color:var(--paper);position:relative;padding-left:clamp(40px,3.4vw,56px)}
#workforce .wf-table td.us:before{content:"";position:absolute;left:clamp(14px,1.4vw,24px);top:34px;width:10px;height:10px;background:var(--orange);transform:rotate(45deg);box-shadow:0 0 12px var(--orange)}
#workforce .wf-table th.us{background:linear-gradient(90deg,#e35b3214,#e35b3205);border-top:2px solid var(--orange);padding-top:18px;padding-left:clamp(40px,3.4vw,56px)}
#workforce .wf-table td:not(.us){color:var(--mute-d)}
#workforce .wf-table tbody tr{transition:background .3s}
#workforce .wf-table tbody tr:hover{background:#ffffff06}

/* ---------- responsive ---------- */
@media (max-width:900px){
  #workforce .wf-flow{grid-template-columns:1fr 1fr;row-gap:48px}
  #workforce .wf-flow:before,#workforce .wf-flow:after{display:none}
  #workforce .wf-stats{grid-template-columns:1fr 1fr}
  #workforce .wf-stat:nth-child(3){padding-left:0;border-left:0}
  #workforce .wf-stat:nth-child(n+3){border-top:1px solid var(--line-d);margin-top:clamp(28px,4vh,44px)}
}
@media (max-width:640px){
  #workforce .wf-head-row{display:block}
  #workforce .wf-scrollcue{margin-top:28px}
  #workforce .wf-steps{top:92px}
  #workforce .wf-step .h3{font-size:24px;margin:10px 0}
  #workforce .wf-step p:last-child{font-size:14px}
  #workforce .wf-cols{gap:18px;bottom:44px}
  #workforce .wf-col figcaption{font-size:9px;letter-spacing:.12em;gap:7px;align-items:flex-start;line-height:1.4}
  #workforce .wf-col figcaption i{margin-top:3px}
  #workforce .wf-col figcaption{min-height:2.8em}
  #workforce .wf-thr{top:34px;font-size:8px}
  #workforce .wf-verdict{font-size:11px}
  #workforce .wf-gl{font-size:8px;letter-spacing:.16em;padding:3px 5px 2px}
  #workforce .wf-gl.hr{padding:0}
  #workforce .wf-gl.hr b{padding:3px 5px 2px}
  #workforce .wf-gl.hr i{display:none}
  #workforce .wf-flow{grid-template-columns:1fr;row-gap:0;padding-left:34px}
  #workforce .wf-flow:before,#workforce .wf-flow:after{display:block;left:6px;right:auto;top:6px;bottom:0;width:1px;height:auto}
  #workforce .wf-flow:after{transform-origin:50% 0;transform:scaleY(var(--draw))}
  #workforce .wf-node{padding:0 0 44px}
  #workforce .wf-dot{left:-34px}
  #workforce .wf-stats{grid-template-columns:1fr}
  #workforce .wf-stat,#workforce .wf-stat+.wf-stat{padding-left:0;border-left:0}
  #workforce .wf-stat+.wf-stat{border-top:1px solid var(--line-d);margin-top:28px}
  #workforce .wf-table,#workforce .wf-table tbody,#workforce .wf-table tr,#workforce .wf-table td,#workforce .wf-table th{display:block;width:auto}
  #workforce .wf-table thead{display:none}
  #workforce .wf-table tbody tr{padding:22px 0;border-bottom:1px solid var(--line-d)}
  #workforce .wf-table tbody th,#workforce .wf-table td{border:0;padding:0}
  #workforce .wf-table tbody th{margin-bottom:14px}
  #workforce .wf-table td{padding:12px 14px 12px 40px;position:relative;font-size:15px}
  #workforce .wf-table td.us{padding-left:40px}
  #workforce .wf-table td.us:before{left:15px;top:18px}
  #workforce .wf-table td:before{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:6px}
  #workforce .wf-table td.us:after{content:"HumanRelay";position:absolute;left:40px;top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-hi)}
  #workforce .wf-table td.us{padding-top:30px}
  #workforce .wf-table td:not(.us){padding-top:30px}
  #workforce .wf-table td:not(.us):before{content:"Typical vendors";position:absolute;left:40px;top:12px;color:var(--mute-d);opacity:.7}
  #workforce .wf-table td:not(.us):after{content:"";position:absolute;left:16px;top:36px;width:8px;height:8px;border:1px solid var(--mute-d);transform:rotate(45deg)}
}
@media (prefers-reduced-motion:reduce){
  #workforce .wf-scrollcue span{animation:none}
  #workforce .wf-node>*{opacity:1!important;transform:none!important}
}