/* Proportional scale follows --design-scale. Original: archive/before-scale-85-20261028/material-timeline.css */
/* The timeline is one native, responsive component. Decorative artwork is not generated here. */
.hiring-timeline{--ht-ink:#191919;--ht-muted:#666;--ht-accent:#b8453b;--ht-coral:#ff6f61;--ht-surface:#fff;--unit:clamp(calc(5px * var(--design-scale, .85)),calc(.45vw * var(--design-scale, .85)),calc(9px * var(--design-scale, .85)));--base:clamp(calc(120px * var(--design-scale, .85)),calc(8vw * var(--design-scale, .85)),calc(164px * var(--design-scale, .85)));--ease:cubic-bezier(.2,.85,.18,1);--spring:cubic-bezier(.2,.9,.25,1.2);position:relative;width:100%;padding:calc(12px * var(--design-scale, .85)) 0 0;color:var(--ht-ink);font-family:var(--sans,"neue-haas-grotesk-display",Arial,sans-serif);isolation:isolate}
.hiring-timeline *{box-sizing:border-box}
.hiring-timeline button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hiring-timeline [hidden]{display:none!important}
.hiring-timeline .tally{display:flex;flex-direction:column;align-items:center;gap:calc(10px * var(--design-scale, .85));margin:0 0 calc(58px * var(--design-scale, .85));text-align:center}
.hiring-timeline .total{font-size:max(13px, clamp(calc(64px * var(--design-scale, .85)),calc(6vw * var(--design-scale, .85)),calc(120px * var(--design-scale, .85))));font-weight:700;letter-spacing:-.07em;line-height:.95;font-variant-numeric:tabular-nums}
.hiring-timeline .unit{font-size:.47em;font-weight:600;letter-spacing:-.045em;margin-left:.12em}
.hiring-timeline .working-days{font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.4vw * var(--design-scale, .85)),calc(25px * var(--design-scale, .85))));font-weight:600;color:var(--ht-accent);margin-top:calc(7px * var(--design-scale, .85))}
.hiring-timeline .tally-label{font-size:max(13px, clamp(calc(16px * var(--design-scale, .85)),calc(1.2vw * var(--design-scale, .85)),calc(22px * var(--design-scale, .85))));color:#555;line-height:1.4}
.hiring-timeline .estimate{white-space:nowrap;color:#666}
.hiring-timeline .journey{position:relative;display:flex;width:max-content;max-width:100%;margin:0 auto;height:calc(230px * var(--design-scale, .85));align-items:stretch;isolation:isolate}
.hiring-timeline .connections,.hiring-timeline .link{position:absolute;inset:0;z-index:0;pointer-events:none}
.hiring-timeline .connections{overflow:clip}
.hiring-timeline .link{color:#aaa;transition:color 260ms,opacity 260ms}
.hiring-timeline .stroke{position:absolute;border:0 solid currentColor;box-sizing:border-box}
.hiring-timeline .stroke.arm{height:0;border-top-width:calc(2px * var(--design-scale, .85))}
.hiring-timeline .stroke.bend{border-top-width:calc(2px * var(--design-scale, .85));border-bottom-width:calc(2px * var(--design-scale, .85))}
.hiring-timeline .stroke.bend.right{border-right-width:calc(2px * var(--design-scale, .85))}
.hiring-timeline .stroke.bend.left{border-left-width:calc(2px * var(--design-scale, .85))}
.hiring-timeline .link.before,.hiring-timeline .link.excluded{color:#999}
.hiring-timeline .link.before .stroke,.hiring-timeline .link.excluded .stroke{border-style:dashed}
.hiring-timeline .link.active{color:var(--highlight,var(--ht-ink))}
.hiring-timeline .journey.exploring .link:not(.active){opacity:.45}
.hiring-timeline .stage{--tone:var(--ht-ink);position:relative;z-index:1;flex:0 1 auto;width:calc(var(--base) + var(--days)*var(--unit));min-width:calc(116px * var(--design-scale, .85));height:calc(230px * var(--design-scale, .85));padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;transition:width 760ms var(--ease)}
.hiring-timeline .stage.client,.hiring-timeline .stage.finish{--tone:var(--ht-accent)}
.hiring-timeline .stage.before{--tone:#777}
.hiring-timeline .stage.finish{width:calc(145px * var(--design-scale, .85));min-width:calc(124px * var(--design-scale, .85))}
.hiring-timeline .name{position:absolute;left:calc(10px * var(--design-scale, .85));bottom:calc(139px * var(--design-scale, .85));font-size:max(13px, clamp(calc(21px * var(--design-scale, .85)),calc(1.8vw * var(--design-scale, .85)),calc(32px * var(--design-scale, .85))));line-height:1.08;letter-spacing:-.035em;font-weight:700;transition:transform 480ms var(--spring),color 260ms;transform-origin:left bottom}
.hiring-timeline .meta{position:absolute;left:calc(10px * var(--design-scale, .85));top:calc(145px * var(--design-scale, .85));font-size:max(13px, clamp(calc(15px * var(--design-scale, .85)),calc(1.1vw * var(--design-scale, .85)),calc(19px * var(--design-scale, .85))));color:var(--ht-muted);line-height:1.3;white-space:nowrap;transition:transform 480ms var(--spring),color 260ms}
.hiring-timeline .adjustable{text-decoration:underline;text-decoration-color:#aaa;text-underline-offset:calc(5px * var(--design-scale, .85));text-decoration-thickness:calc(1px * var(--design-scale, .85))}
.hiring-timeline .node{position:absolute;left:calc(-4px * var(--design-scale, .85));top:calc(96px * var(--design-scale, .85));width:calc(40px * var(--design-scale, .85));height:calc(40px * var(--design-scale, .85));display:grid;place-items:center;z-index:3}
.hiring-timeline .node:before{content:"";position:absolute;inset:calc(3px * var(--design-scale, .85));background:var(--ht-surface);border:calc(1px * var(--design-scale, .85)) solid var(--tone);border-radius:50%;opacity:0;transform:scale(.35);transition:transform 480ms var(--spring),opacity 200ms}
.hiring-timeline .core{position:relative;width:calc(13px * var(--design-scale, .85));height:calc(13px * var(--design-scale, .85));display:block;background:var(--ht-surface);border-radius:50%;z-index:1;transition:transform 350ms var(--spring),width 350ms,height 350ms}
.hiring-timeline .core:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--tone);transition:opacity 260ms}
.hiring-timeline .stage.active .node:before{opacity:1;transform:scale(1)}
.hiring-timeline .stage.active{--tone:var(--ht-ink)}
.hiring-timeline .stage.client.active,.hiring-timeline .stage.finish.active{--tone:var(--ht-accent)}
.hiring-timeline .stage.active .core{transform:scale(1.2)}
.hiring-timeline .stage.active .name{transform:translateY(calc(-8px * var(--design-scale, .85)));color:var(--tone)}
.hiring-timeline .stage.active .meta{transform:translateY(calc(3px * var(--design-scale, .85)));color:var(--tone)}
.hiring-timeline .stage.active .adjustable{text-decoration-color:var(--tone)}
.hiring-timeline .stage:focus,.hiring-timeline .stage:focus-visible{outline:none}
.hiring-timeline .stage:focus-visible .node:before{opacity:1;transform:scale(1);border-width:calc(2px * var(--design-scale, .85));box-shadow:0 0 0 calc(4px * var(--design-scale, .85)) var(--ht-surface)}
.hiring-timeline .journey.exploring .stage:not(.active) .name,.hiring-timeline .journey.exploring .stage:not(.active) .meta{color:#777}
.hiring-timeline .journey.exploring .stage:not(.active) .core:after{opacity:.5}
.hiring-timeline .stage.before:not(.active) .name,.hiring-timeline .stage.excluded:not(.active) .name{color:#777}
.hiring-timeline .stage.excluded{--tone:#777}
.hiring-timeline .stage.excluded.active{--tone:var(--ht-ink)}
.hiring-timeline .stage.excluded .core{width:calc(15px * var(--design-scale, .85));height:calc(15px * var(--design-scale, .85))}
.hiring-timeline .stage.excluded .core:after{border:calc(1px * var(--design-scale, .85)) solid var(--tone);background:repeating-linear-gradient(135deg,var(--ht-surface) 0 calc(3px * var(--design-scale, .85)),#888 calc(3px * var(--design-scale, .85)) calc(4px * var(--design-scale, .85)),var(--ht-surface) calc(4px * var(--design-scale, .85)) calc(6px * var(--design-scale, .85)))}
.hiring-timeline .stage.excluded .node:before{border-style:dashed}
.hiring-timeline .hint{text-align:center;margin:calc(8px * var(--design-scale, .85)) 0 0;font-size:max(13px, calc(17px * var(--design-scale, .85)));color:#555;line-height:1.4;transition:opacity 200ms}
.hiring-timeline.has-open .hint{opacity:0}
.hiring-timeline .touch-hint{display:none}
.hiring-timeline .popover,.hiring-timeline .tooltip{background:#fff;border:calc(2px * var(--design-scale, .85)) solid var(--ht-ink);color:var(--ht-ink)}
.hiring-timeline .popover{position:fixed;z-index:120;padding:0;width:calc(360px * var(--design-scale, .85));max-width:calc(calc(100vw * var(--design-scale, .85)) - calc(24px * var(--design-scale, .85)));border-radius:calc(2px * var(--design-scale, .85));box-shadow:calc(6px * var(--design-scale, .85)) calc(6px * var(--design-scale, .85)) 0 var(--ht-coral);max-height:calc(100svh - calc(24px * var(--design-scale, .85)));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.hiring-timeline .popover.method{width:calc(392px * var(--design-scale, .85))}
.hiring-timeline .panel-head{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(8px * var(--design-scale, .85));margin:0;padding:calc(25px * var(--design-scale, .85)) calc(24px * var(--design-scale, .85)) calc(21px * var(--design-scale, .85))}
.hiring-timeline .panel-head>div{min-width:0}
.hiring-timeline .panel-body{padding:0 calc(24px * var(--design-scale, .85)) calc(26px * var(--design-scale, .85))}
.hiring-timeline .panel-title{font-size:max(13px, calc(28px * var(--design-scale, .85)));font-weight:700;line-height:1.05;letter-spacing:-.035em;margin:0;max-width:none}
.hiring-timeline .panel-eyebrow{font-size:max(13px, calc(15px * var(--design-scale, .85)));line-height:1.4;color:#666;margin:calc(9px * var(--design-scale, .85)) 0 0}
.hiring-timeline .panel-close{display:grid;place-items:center;border:calc(1px * var(--design-scale, .85)) solid #191919;background:#191919;color:#fff;font-size:max(13px, calc(28px * var(--design-scale, .85)));font-weight:400;line-height:1;width:calc(44px * var(--design-scale, .85));height:calc(44px * var(--design-scale, .85));flex:none;border-radius:0;box-shadow:calc(3px * var(--design-scale, .85)) calc(3px * var(--design-scale, .85)) 0 var(--ht-coral);margin:calc(-8px * var(--design-scale, .85)) calc(-10px * var(--design-scale, .85)) calc(-6px * var(--design-scale, .85)) 0;transition:transform 160ms,box-shadow 160ms}
.hiring-timeline .panel-close:hover{transform:translate(calc(-1px * var(--design-scale, .85)),calc(-1px * var(--design-scale, .85)));box-shadow:calc(4px * var(--design-scale, .85)) calc(4px * var(--design-scale, .85)) 0 var(--ht-coral)}
.hiring-timeline .panel-close:active{transform:translate(calc(2px * var(--design-scale, .85)),calc(2px * var(--design-scale, .85)));box-shadow:calc(1px * var(--design-scale, .85)) calc(1px * var(--design-scale, .85)) 0 var(--ht-coral)}
.hiring-timeline .substeps{list-style:none;margin:0;padding:0;display:grid;gap:calc(22px * var(--design-scale, .85))}
.hiring-timeline .substep{display:grid;grid-template-columns:calc(24px * var(--design-scale, .85)) minmax(0,1fr);gap:calc(10px * var(--design-scale, .85))}
.hiring-timeline .step-index{font-size:max(13px, calc(12px * var(--design-scale, .85)));font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#666;padding-top:calc(3px * var(--design-scale, .85))}
.hiring-timeline .step-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:calc(4px * var(--design-scale, .85)) calc(10px * var(--design-scale, .85));font-size:max(13px, calc(18px * var(--design-scale, .85)));font-weight:600;line-height:1.2}
.hiring-timeline .step-time{font-size:max(13px, calc(14px * var(--design-scale, .85)));font-weight:400;color:#666;white-space:nowrap}
.hiring-timeline .step-copy{font-size:max(13px, calc(17px * var(--design-scale, .85)));line-height:1.4;color:#555;margin:calc(6px * var(--design-scale, .85)) 0 0}
.hiring-timeline .panel-note{font-size:max(13px, calc(15px * var(--design-scale, .85)));line-height:1.45;color:#555;border-top:calc(1px * var(--design-scale, .85)) solid #ccc;margin:calc(22px * var(--design-scale, .85)) 0 0;padding-top:calc(16px * var(--design-scale, .85))}
.hiring-timeline .choices{display:flex;gap:calc(9px * var(--design-scale, .85));margin:0;padding-right:calc(3px * var(--design-scale, .85))}
.hiring-timeline .option{flex:1;min-width:0;min-height:calc(48px * var(--design-scale, .85));border:calc(1px * var(--design-scale, .85)) solid var(--ht-ink);border-radius:0;padding:calc(11px * var(--design-scale, .85)) calc(6px * var(--design-scale, .85));background:#fff;box-shadow:calc(3px * var(--design-scale, .85)) calc(3px * var(--design-scale, .85)) 0 #aaa;text-align:center;font-size:max(13px, calc(16px * var(--design-scale, .85)));line-height:1.2;white-space:normal;transition:background 180ms,color 180ms,box-shadow 180ms,transform 180ms}
.hiring-timeline .option:hover{background:#f2f2f2;transform:translate(calc(-1px * var(--design-scale, .85)),calc(-1px * var(--design-scale, .85)));box-shadow:calc(4px * var(--design-scale, .85)) calc(4px * var(--design-scale, .85)) 0 #aaa}
.hiring-timeline .option[aria-checked=true]{background:var(--ht-ink);border-color:var(--ht-ink);color:#fff;box-shadow:calc(3px * var(--design-scale, .85)) calc(3px * var(--design-scale, .85)) 0 var(--ht-coral)}
.hiring-timeline .option:active{transform:translate(calc(2px * var(--design-scale, .85)),calc(2px * var(--design-scale, .85)));box-shadow:calc(1px * var(--design-scale, .85)) calc(1px * var(--design-scale, .85)) 0 var(--ht-coral)}
.hiring-timeline .option:focus-visible,.hiring-timeline .panel-close:focus-visible{outline:calc(2px * var(--design-scale, .85)) solid #191919;outline-offset:calc(5px * var(--design-scale, .85))}
.hiring-timeline .popover .choices+.substeps{margin-top:calc(27px * var(--design-scale, .85))}
.hiring-timeline .simulation-steps{margin-top:calc(27px * var(--design-scale, .85))}
.hiring-timeline .popover .substep .choices{margin-top:calc(14px * var(--design-scale, .85))}
.hiring-timeline .popover .substep .option{font-size:max(13px, calc(15px * var(--design-scale, .85)))}
.hiring-timeline .interview-options .option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6px * var(--design-scale, .85));min-height:calc(78px * var(--design-scale, .85))}
.hiring-timeline .option-number{font-size:max(13px, calc(29px * var(--design-scale, .85)));font-weight:700;line-height:1}
.hiring-timeline .option-caption{font-size:max(13px, calc(14px * var(--design-scale, .85)))}
.hiring-timeline .tooltip{position:absolute;z-index:15;pointer-events:none;max-width:calc(256px * var(--design-scale, .85));padding:calc(14px * var(--design-scale, .85)) calc(17px * var(--design-scale, .85));border:calc(1px * var(--design-scale, .85)) solid #aaa;border-radius:0;box-shadow:calc(3px * var(--design-scale, .85)) calc(3px * var(--design-scale, .85)) 0 #ccc;font-size:max(13px, calc(16px * var(--design-scale, .85)));color:#555;line-height:1.4}
.hiring-timeline .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hiring-timeline[data-layout=snake] .tally{margin-bottom:calc(30px * var(--design-scale, .85))}
.hiring-timeline[data-layout=snake] .journey{width:100%;max-width:calc(600px * var(--design-scale, .85));display:block;height:var(--journey-height,calc(650px * var(--design-scale, .85)));transition:height 760ms var(--ease)}
.hiring-timeline[data-layout=snake] .stage,.hiring-timeline[data-layout=snake] .stage.finish,.hiring-timeline[data-layout=snake] .stage.excluded{position:absolute;left:var(--x);top:var(--y);width:var(--label-width,calc(112px * var(--design-scale, .85)));min-width:0;height:calc(126px * var(--design-scale, .85));translate:-50% calc(-72px * var(--design-scale, .85));text-align:center;transition:left 640ms var(--ease),top 640ms var(--ease),width 640ms var(--ease)}
.hiring-timeline[data-layout=snake] .name{left:50%;right:auto;top:0;bottom:auto;width:max-content;max-width:100%;font-size:max(13px, clamp(calc(20px * var(--design-scale, .85)),calc(5.6vw * var(--design-scale, .85)),calc(27px * var(--design-scale, .85))));height:calc(46px * var(--design-scale, .85));display:flex;align-items:flex-end;justify-content:center;translate:-50% 0;transform:none}
.hiring-timeline[data-layout=snake] .meta{left:50%;right:auto;top:calc(94px * var(--design-scale, .85));width:max-content;max-width:100%;font-size:max(13px, calc(15px * var(--design-scale, .85)));white-space:normal;translate:-50% 0;transform:none}
.hiring-timeline[data-layout=snake] .node{left:calc(50% - calc(22px * var(--design-scale, .85)));top:calc(50px * var(--design-scale, .85));width:calc(44px * var(--design-scale, .85));height:calc(44px * var(--design-scale, .85))}
.hiring-timeline[data-layout=snake] .node:before{inset:calc(4px * var(--design-scale, .85))}
.hiring-timeline[data-layout=snake] .stage.active .name{transform:translateY(calc(-4px * var(--design-scale, .85)))}
.hiring-timeline[data-layout=snake] .stage.active .meta{transform:translateY(calc(3px * var(--design-scale, .85)))}
.hiring-timeline[data-layout=snake] .hint{margin-top:calc(10px * var(--design-scale, .85));font-size:max(13px, calc(16px * var(--design-scale, .85)))}
.hiring-timeline[data-layout=snake] .desktop-hint,.hiring-timeline[data-layout=snake] .tooltip{display:none!important}
.hiring-timeline[data-layout=snake] .touch-hint{display:inline}
@media(max-width:600px){
 .hiring-timeline .total{font-size:max(13px, calc(64px * var(--design-scale, .85)))}
 .hiring-timeline .tally{gap:calc(8px * var(--design-scale, .85))}
 .hiring-timeline .tally-label{max-width:25ch;font-size:max(13px, calc(16px * var(--design-scale, .85)))}
 .hiring-timeline .working-days{font-size:max(13px, calc(19px * var(--design-scale, .85)))}
 .hiring-timeline .panel-head{padding:calc(21px * var(--design-scale, .85)) calc(18px * var(--design-scale, .85)) calc(19px * var(--design-scale, .85))}
 .hiring-timeline .panel-body{padding:0 calc(18px * var(--design-scale, .85)) calc(22px * var(--design-scale, .85))}
 .hiring-timeline .panel-title{font-size:max(13px, calc(26px * var(--design-scale, .85)))}
 .hiring-timeline .panel-eyebrow,.hiring-timeline .panel-note{font-size:max(13px, calc(15px * var(--design-scale, .85)))}
 .hiring-timeline .substep{grid-template-columns:calc(20px * var(--design-scale, .85)) minmax(0,1fr);gap:calc(8px * var(--design-scale, .85))}
 .hiring-timeline .step-heading{font-size:max(13px, calc(17px * var(--design-scale, .85)))}
 .hiring-timeline .step-copy{font-size:max(13px, calc(16px * var(--design-scale, .85)))}
 .hiring-timeline .popover .substep .option{font-size:max(13px, calc(14px * var(--design-scale, .85)))}
 .hiring-timeline .choices{gap:calc(7px * var(--design-scale, .85))}
}
@media(prefers-reduced-motion:reduce){.hiring-timeline *,.hiring-timeline *:before,.hiring-timeline *:after{animation:none!important;transition:none!important}}
.hiring-timeline:not(.is-adjusting) :is(.journey,.stage,.stage.finish,.stage.excluded){transition:none}