.home-workflow{align-self:center;min-width:0;border:1px solid #cbc2be;border-radius:28px;background:linear-gradient(140deg,#f3eae5,#f2e9e5 55%,#e1d8d4);padding:24px;box-shadow:0 24px 65px -48px #531d58;position:relative;isolation:isolate;color:#4c1e50}
.hw-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:650}.hw-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b2610a;margin-right:7px}
.hw-chapters{display:flex;gap:5px;margin:20px 0 14px;padding:0;list-style:none}.hw-chapters li{height:4px;flex:1;background:#cdc4bf;border-radius:8px}.hw-chapters .current{background:#ac5e0d;box-shadow:0 0 12px #b1600833}
.hw-stage-title{display:flex;gap:12px;align-items:start;margin-bottom:20px}.hw-stage-title>span{font:italic 34px Georgia,serif;color:#a25a14}.hw-stage-title h2{font-size:27px;line-height:1.13;letter-spacing:-.035em;margin:2px 0 0;max-width:320px}
.hw-surface{min-height:390px}.hw-surface>div:not(.hw-stage-title){animation:hw-enter .75s cubic-bezier(.2,.7,.2,1) both}
.hw-raised{background:linear-gradient(130deg,#fffdfc,#fdf3ee);border:1px solid #fffdfc;border-bottom:5px solid #d5add8;border-right:4px solid #dad1cc;border-radius:12px;box-shadow:8px 18px 16px -14px #4b1c5066,0 30px 38px -25px #521c5780;transform:perspective(850px) rotateX(5deg) rotateY(-5deg);transform-origin:center;}
.hw-label{font-size:9px;letter-spacing:.12em;font-weight:750;display:block;line-height:1.5;color:#676672}.hw-brief{padding:24px;margin:18px 10px 28px}.hw-brief>strong{display:block;font-size:30px;line-height:1.13;letter-spacing:-.04em;margin:16px 0}.hw-brief p,.hw-context,.hw-outcome p{font-size:12px;line-height:1.6;margin:12px 0}.hw-brief-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:12px 0;border-top:1px solid #dfd6d1;border-bottom:1px solid #dfd6d1}
.hw-actions{display:flex;gap:8px;margin-top:16px}.hw-actions button{flex:1;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#5d2662;color:#fffcfb;border:1px solid #5d2662;border-radius:7px;padding:13px 12px;font:500 12px/1.35 inherit;min-height:44px;text-align:left;cursor:pointer}.hw-actions button+button{background:transparent;color:#5d2662}.hw-actions button:hover{background:#793a7f;color:white}.home-workflow button:focus-visible,.home-workflow a:focus-visible,.home-workflow summary:focus-visible{outline:3px solid #ad5e08;outline-offset:4px}
.hw-window{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:12px;margin-bottom:14px}.hw-window>div{display:flex;border:1px solid #c1b8b4;border-radius:6px;overflow:hidden}.hw-window button{font:inherit;min-height:36px;padding:8px 10px;border:0;background:transparent;color:#5d2662;cursor:pointer}.hw-window [aria-pressed=true]{background:#5d2662;color:#ffffff}
.hw-timeline{padding:15px 13px;background:linear-gradient(150deg,#511f56,#6d2d74);border-radius:12px;box-shadow:0 6px 0 #3c1540,0 19px 24px -12px #521b5877;color:#fbf1ec;border:1px solid #905595}.hw-axis{display:grid;grid-template-columns:60px 1fr 1fr 26px;font-size:9px;opacity:.8;margin-bottom:14px}.hw-axis span:last-child{text-align:right}.hw-request{display:flex;justify-content:space-between;border-left:3px solid #fcb178;padding:7px 10px;background:#d48c5340;font-size:10px;margin-bottom:13px;border-radius:2px 6px 6px 2px}.hw-request b{font-weight:500;color:#fee2cd}.hw-person{display:grid;grid-template-columns:48px 1fr 41px;gap:10px;align-items:center;font-size:10px;margin:12px 0}.hw-track{height:24px;background:#3f0e4470;border-radius:4px;position:relative;border-bottom:1px solid #a06da5}.hw-track i{position:absolute;top:0;height:20px;width:50%;display:flex;align-items:center;justify-content:center;border-radius:4px;background:linear-gradient(#f9c6fd,#e69aec);box-shadow:0 4px 0 #af66b6,0 8px 9px #2d063166;color:#4e1754;font:normal 9px/1 sans-serif;white-space:nowrap}.hw-track .afternoon{left:50%}.hw-track .all-day{width:100%}.hw-fit{font-size:9px}.hw-person.outside{opacity:.42}.hw-person.fits .hw-track i{animation:hw-overlap 3s ease-in-out infinite}.hw-person:nth-child(4) i{animation-delay:.4s}.hw-person:nth-child(6) i{animation-delay:.8s}.hw-context{color:#683e6b;max-width:44em}
.hw-endpoints{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:8px 0 22px;gap:8px}.hw-endpoints>span:not(:nth-child(2)){padding:8px;border:1px solid #cbc2bd;border-radius:20px}.hw-endpoints .active{background:#5d2662;color:#ffffff;border-color:#5d2662}.hw-offer{padding:22px 20px;margin:0 15px 25px}.hw-offer>strong{display:block;font-size:25px;letter-spacing:-.03em;margin-top:14px}.hw-offer p{font-size:12px;line-height:1.5;margin:10px 0 16px}.hw-seal{padding:10px 0 0;border-top:1px solid #ccc3be;font-size:12px;font-weight:700;color:#97520a}.home-workflow[data-step=recipient] .hw-offer{animation:hw-deliver 1.1s cubic-bezier(.2,.7,.2,1) both}.home-workflow[data-step=recipient] .hw-seal{color:#6a2471}
.hw-positions{display:flex;gap:12px;padding:35px 0 28px;perspective:700px}.hw-position{flex:1;background:#f6ece8;border:1px solid #dbb0df;border-bottom:6px solid #d7aada;border-radius:10px;padding:20px 5px;text-align:center;transform:rotateX(14deg) rotateY(-6deg);box-shadow:6px 17px 14px -10px #632a6855}.hw-position>span{display:block;font:32px Georgia,serif;color:#b07eb4}.hw-position b{display:block;font-size:10px;margin-top:12px}.hw-position.filled{background:linear-gradient(130deg,#894390,#65246c);color:white;border-color:#a058a7;border-bottom-color:#560e5d;transform:translateY(-12px) rotateX(14deg) rotateY(-6deg)}.hw-position.filled>span{color:#ebd8ed}
.hw-controls{display:flex;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid #cfc6c2;padding-top:14px}.hw-controls button{background:none;border:0;border-bottom:1px solid #a16aa5;padding:5px 0;font:inherit;font-size:11px;color:#75377b;cursor:pointer;min-height:32px}.hw-note{font-size:10px!important;line-height:1.6!important;margin:15px 0 0!important;color:#835587}.hw-full{display:block;font-size:12px;margin-top:12px;color:#64226b}.hw-transcript{margin-top:15px;font-size:11px;line-height:1.65}.hw-transcript summary{cursor:pointer}.hw-transcript ol{padding-left:18px}.hw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-workflow [hidden]{display:none!important}
.home-workflow[data-motion=false] .hw-track i,.home-workflow[data-present=false] *,.home-workflow[data-paused=true] *{animation-play-state:paused!important}
.home-workflow:not([data-ready]) .hw-surface>div,.home-workflow[data-static=true] .hw-surface>div,.home-workflow[data-static=true] .hw-offer{animation:none}
.hw-actions button{font-family:inherit;font-size:12px;line-height:1.35;font-weight:500}.hw-person{font-size:12px;grid-template-columns:48px 1fr 47px}.hw-fit{font-size:10px}.hw-track i{font-size:10px}.hw-axis{font-size:10px}.hw-window{font-size:11px}.hw-label,.hw-note{font-size:11px!important}.hw-top{font-size:10px}.hw-transcript{font-size:12px}.hw-person.outside{opacity:.62}
.hw-axis{grid-template-columns:48px 1fr 47px;gap:10px}.hw-axis>div{display:flex;justify-content:space-between}.hw-axis span{white-space:nowrap}
@keyframes hw-enter{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hw-overlap{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15);box-shadow:0 4px 0 #af66b6,0 8px 15px #f9b6fe45}}
@keyframes hw-deliver{from{opacity:.5;transform:perspective(850px) translateX(-24px) translateY(-8px) rotateY(-12deg)}to{opacity:1;transform:perspective(850px) translateX(8px) rotateX(5deg) rotateY(-5deg)}}
@media(max-width:720px){.home-workflow{padding:20px 16px;border-radius:22px}.hw-top{font-size:9px;letter-spacing:.04em}.hw-top>span:last-child{max-width:132px;text-align:right}.hw-stage-title h2{font-size:25px}.hw-surface{min-height:405px}.hw-brief{margin:18px 4px 28px;padding:20px}.hw-brief>strong{font-size:30px}.hw-timeline{padding:14px 10px}.hw-person{grid-template-columns:40px 1fr 36px;gap:6px}.hw-axis{grid-template-columns:46px 1fr 1fr 23px}.hw-offer{margin-left:5px;margin-right:5px;padding:20px 16px}.hw-actions button{font-size:12px}.hw-positions{gap:9px}.hw-position b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-workflow *{animation:none!important;transition:none!important}.hw-raised{transform:none}}
@media(max-width:720px){.hw-axis{grid-template-columns:40px 1fr 36px;gap:6px}}
.home-workflow:is([data-present=false],[data-paused=true]) [data-home-surface] *{opacity:1!important}
/* Shared causal map: readable labels stay flat; only the requested time moves. */
.hero:has(.home-workflow) .hero-copy,.hero .home-workflow{align-self:start}
.home-workflow .wf-map{--map-label:80px;--map-row:64px;background:#faf1ec;border:1px solid #dfb4e2;border-radius:12px;padding:18px 14px 14px;box-shadow:0 6px 0 #e6b7ea,0 18px 25px -20px #5d236277}
.home-workflow .wf-map h4{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;letter-spacing:-.02em;margin:0 0 12px}
.home-workflow .wf-map-effect{font-size:12px;line-height:1.5;padding-left:9px;border-left:2px solid #a3590d;margin:0 0 18px;min-height:36px}
.home-workflow .wf-map-help{font-size:12px;line-height:1.5;margin:0}
.home-workflow .wf-map-name>small{font-size:11px}
.home-workflow .wf-map-name button span{white-space:nowrap}
.home-workflow .wf-map-axis{font-size:10px}
.home-workflow .wf-map-legend{font-size:11px}
.home-workflow .hw-window button{min-height:44px}
.home-workflow .hw-controls button{min-height:44px}
.home-workflow[data-comparing=true] .hw-surface>div{animation:none}
@media(max-width:720px){.home-workflow .wf-map{padding:15px 10px 12px;--map-label:76px;--map-row:64px}.home-workflow .wf-map h4{font-size:16px}.home-workflow .wf-map-name button{padding:3px 5px;margin-left:-5px}.home-workflow .hw-window{flex-wrap:wrap;gap:8px}}

/* The offer changes hands, not outcomes: review stays at the Recruiter station,
   confirmation carries it to the named Jobseeker, then their choice fills a seat. */
.hw-surface>.hw-transfer{position:relative;isolation:isolate;perspective:1100px;padding:0 0 12px;animation:none}
.hw-transfer:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:66px;bottom:0;border:1px solid #d1c8c4;border-bottom:6px solid #d2a8d5;border-radius:16px;background:linear-gradient(115deg,#dbd2cd88,transparent 48%,#cfc6c288),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#a962af20 calc(25% - 1px),#a962af20 25%);transform:rotateX(9deg);box-shadow:0 18px 24px -23px #5f2964}
.hw-endpoints{margin:0 0 28px;align-items:stretch;font-size:12px;gap:12px}
.hw-endpoints>span:not(:nth-child(2)){display:flex;align-items:center;justify-content:center;max-width:45%;padding:10px 13px;border-radius:8px;border-bottom-width:4px;line-height:1.4;background:#f0e7e2;transition:background .25s,color .25s}
.hw-endpoints>span.active{background:#5d2662;border-color:#713377;border-bottom-color:#4a1450;color:#ffffff}
.hw-endpoints>span:nth-child(2){align-self:center;color:#9a54a0;font-size:22px}
.hw-transfer .hw-offer{position:relative;box-sizing:border-box;width:76%;margin:0 0 22px;padding:24px 20px;border-top:3px solid #ad6524;border-radius:5px 15px 10px 10px;transform:rotateY(-7deg) rotateX(3deg);transform-origin:center;box-shadow:3px 4px 0 #d0c7c2,6px 8px 0 #eae1dc,0 22px 24px -14px #57225c88}
.hw-offer:before{content:"";position:absolute;right:0;top:0;width:20px;height:20px;background:linear-gradient(225deg,#e1d8d3 49%,#fff7f3 50%);border-radius:0 12px 0 4px;box-shadow:-2px 2px 3px #67226e15}
.home-workflow[data-step=recipient] .hw-offer{margin-left:24%;border-top-color:#8e4895;transform:rotateY(3deg) rotateX(2deg);animation:hw-change-hands 1.5s cubic-bezier(.2,.7,.2,1) both}
.home-workflow[data-step=recipient] .hw-seal{animation:hw-pending-seal 1.8s ease both}
.home-workflow[data-step=result] .hw-position.filled{animation:hw-accepted-seat .85s cubic-bezier(.2,.75,.2,1) both}
@keyframes hw-change-hands{0%{opacity:1;transform:translateX(-31.58%) translateY(0) rotateY(-7deg) rotateX(3deg)}45%{transform:translateX(-16%) translateY(-20px) rotateY(-12deg) rotateX(5deg);box-shadow:0 32px 28px -14px #57225c55}100%{opacity:1;transform:translateX(0) translateY(0) rotateY(3deg) rotateX(2deg)}}
@keyframes hw-pending-seal{0%,55%{background:transparent}80%{background:#f9c2fe}100%{background:transparent}}
@keyframes hw-accepted-seat{from{transform:translateY(-40px) rotateX(26deg) rotateY(-6deg)}to{transform:translateY(-12px) rotateX(14deg) rotateY(-6deg)}}
@media(max-width:720px){.hw-transfer .hw-offer{padding:18px 13px}.hw-offer>strong{font-size:23px}.hw-endpoints{font-size:11px;gap:6px}.hw-endpoints>span:not(:nth-child(2)){padding:9px;max-width:46%}}
@media(prefers-reduced-motion:reduce){.home-workflow .hw-transfer .hw-offer,.home-workflow .hw-transfer:before{transform:none;animation:none!important}.home-workflow .hw-seal,.home-workflow .hw-position.filled{animation:none!important}}