body{margin:0;background:#FFFFFF}
.u{--ink:#18201B;--ink-2:#3F4842;--muted:#58615C;--line:#E2E5E1;--line-2:#CBD1CC;--paper:#FFFFFF;--desk:#F3F4F1;
  --act:#2B59FF;--act-ink:color-mix(in oklab,var(--act) 82%,#000);--act-tint:color-mix(in oklab,var(--act) 10%,#fff);
  --hire:#E1EEE4;--hire-i:#23523A;--hire-t:#5FA67A;
  --people:#F6E3DA;--people-i:#8A3A22;--people-t:#DD8462;
  --pay:#F6ECCF;--pay-i:#6A4A06;--pay-t:#DDAE3C;
  --agency:#E0E8F2;--agency-i:#2B4460;--agency-t:#7C9CC4;
  --danger:#B42318;--danger-tint:#FDECEA;
  --ease:cubic-bezier(.23,1,.32,1);--move:cubic-bezier(.77,0,.175,1);
  font-family:'Figtree',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:clip}
.a-hire{--a:var(--hire);--ai:var(--hire-i);--at:var(--hire-t)}
.a-people{--a:var(--people);--ai:var(--people-i);--at:var(--people-t)}
.a-pay{--a:var(--pay);--ai:var(--pay-i);--at:var(--pay-t)}
.a-agency{--a:var(--agency);--ai:var(--agency-i);--at:var(--agency-t)}
.u *,.u *::before,.u *::after{box-sizing:border-box}
.u :where(a){color:inherit;text-underline-offset:3px;text-decoration-thickness:1.5px}
.u :where(h1,h2,h3,h4,p,ul,ol,figure,dl,dd,fieldset,legend){margin:0}
.u :where(fieldset){border:0;padding:0;min-width:0}
.u :where(input,textarea,select,button){font:inherit;color:inherit}
.u :where(input,textarea){caret-color:var(--act)}
.u :where(input[type=checkbox],input[type=radio]){accent-color:var(--act)}
.u ::selection{background:#D6E0FF;color:var(--ink)}
.u :focus-visible{outline:2px solid var(--act);outline-offset:3px;border-radius:8px}
.mono{font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-ligatures:none}
.wrap{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-s{width:16px;height:16px}
.ic-l{width:24px;height:24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.h1{font-size:clamp(2.3rem,1.3rem + 3.1cqi,4.1rem);line-height:1.02;letter-spacing:-.038em;font-weight:780;text-wrap:balance}
.h2{font-size:clamp(1.6rem,1.2rem + 1.3cqi,2.35rem);line-height:1.08;letter-spacing:-.03em;font-weight:760;text-wrap:balance}
.h3{font-size:20px;line-height:1.25;letter-spacing:-.015em;font-weight:720}
.lead{font-size:clamp(1.05rem,.95rem + .35cqi,1.22rem);line-height:1.5;color:var(--ink-2);max-width:34em;text-wrap:pretty}
.muted{color:var(--muted)}
.lnk{color:var(--act-ink);font-weight:650;text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--act) 35%,transparent);text-underline-offset:4px}
.sec{padding-top:88px}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
/* header */
.hd{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.hd-in{height:68px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.025em;color:var(--ink);flex:none}
.mk{width:28px;height:28px;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;transform:rotate(-20deg);flex:none}
.mk i:nth-child(1){background:var(--hire-i)}
.mk i:nth-child(2){background:var(--pay-i)}
.mk i:nth-child(3){background:var(--people-i)}
.mk i:nth-child(4){background:var(--agency-i)}
.nav{display:flex;gap:2px;flex:1;min-width:0;margin-left:12px}
.nav a{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15.5px;color:var(--ink-2);white-space:nowrap}
.nav a[aria-current=page]{background:var(--desk);color:var(--ink)}
.cmd{display:flex;align-items:center;gap:10px;height:44px;width:290px;text-decoration:none;padding:0 8px 0 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--paper);color:var(--muted);font-size:15px;cursor:pointer;text-align:left}
.cmd span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kbd{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:24px;height:24px;padding:0 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;background:var(--paper);font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;font-weight:500;color:var(--ink-2);line-height:1}
.kbd .ic{width:13px;height:13px}
.iconb{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none;flex:none;padding:0}
.iconb b{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--act);color:#fff;font-size:12px;font-weight:750;display:grid;place-items:center;line-height:1}
.only-t,.only-m{display:none}
/* buttons, chips, tags */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;border:0;font-weight:700;font-size:16px;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .14s var(--ease),background-color .18s ease,box-shadow .18s ease}
.btn:active{transform:scale(.97)}
.btn-act{background:var(--act);color:#fff}
.btn-ink{background:var(--ink);color:#fff}
.btn-line{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn-sm{height:40px;padding:0 14px;font-size:14.5px}
.btn-block{width:100%}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--paper);color:var(--ink);font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .14s var(--ease)}
.chip:active{transform:scale(.97)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chip-sm{height:36px;padding:0 12px;font-size:14px}
.dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--at)}
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--desk);flex-wrap:wrap}
.seg button{height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-weight:650;font-size:14.5px;cursor:pointer;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.seg button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(24,32,27,.12),0 0 0 1px rgba(24,32,27,.05)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--desk);color:var(--ink-2);font-size:13px;font-weight:650;white-space:nowrap}
.tag .ic{width:14px;height:14px}
.tag-a{background:var(--a);color:var(--ai)}
.tag-o{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2)}
.stamp{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2);white-space:nowrap}
.stamp .ic{width:16px;height:16px;color:var(--hire-i)}
.stamps{display:flex;flex-wrap:wrap;gap:8px 18px}
/* document thumbnails */
.thumb{position:relative;display:block;background:var(--a,var(--desk));border-radius:16px;aspect-ratio:5/4;overflow:hidden;container-type:inline-size}
.thumb-link{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:10% 14% 0;text-decoration:none}
.paper{position:relative;width:100%;height:100%;background:#fff;border-radius:5px 5px 0 0;box-shadow:0 1px 2px rgba(24,32,27,.08),0 14px 30px -16px rgba(24,32,27,.38);padding:9cqi 8cqi 0;display:flex;flex-direction:column;gap:2.3cqi;transition:transform .4s var(--ease)}
.paper::after{content:"";position:absolute;top:15%;right:-2.6cqi;width:2.6cqi;height:20%;border-radius:0 4px 4px 0;background:var(--at,var(--line-2))}
.pl{height:1.5cqi;min-height:3px;border-radius:2px;background:#E2E6E2;flex:none}
.pt{height:2.8cqi;min-height:5px;width:58%;border-radius:2px;background:var(--ink);flex:none}
.w20{width:20%}
.w30{width:30%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.pgap{height:1.4cqi;flex:none}
.plh{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4cqi}
.plogo{width:6.5cqi;height:6.5cqi;border-radius:50%;background:var(--at)}
.prow{display:flex;align-items:center;gap:2cqi}
.prow .pl{flex:1}
.pdots{display:flex;gap:1.2cqi}
.pdots i{width:3cqi;height:3cqi;border-radius:50%;box-shadow:inset 0 0 0 1px #C9D0CB}
.pdots i.f{background:var(--ai);box-shadow:none}
.pbox{width:3.2cqi;height:3.2cqi;border-radius:1cqi;box-shadow:inset 0 0 0 1.2px #C4CBC6;flex:none}
.pbox.f{background:var(--ai);box-shadow:none}
.plabel{height:1.4cqi;width:30%;background:#AFB7B1;border-radius:2px;flex:none}
.pfield{height:5cqi;border-radius:1cqi;box-shadow:inset 0 0 0 1px #D1D7D2;flex:none}
.pmeta{display:flex;gap:2cqi;align-items:center}
.pmeta b{width:8cqi;height:1.4cqi;background:#AFB7B1;border-radius:2px;flex:none}
.pmeta .pl{flex:1}
.pbtn{width:30%;height:5cqi;border-radius:999px;background:var(--act);flex:none}
.pcode{display:flex;gap:1.2cqi;align-items:center;flex-wrap:wrap}
.pcode i{height:2.2cqi;border-radius:2px;background:#D5DBD6}
.pcode i.k{background:var(--act)}
.pcode i.s{background:var(--ink)}
.pcode i.g{background:var(--at)}
.pnum{font-weight:800;font-size:13cqi;line-height:1;letter-spacing:-.04em;color:var(--ink);margin-top:1cqi}
.pbar{display:flex;height:3cqi;border-radius:999px;overflow:hidden;gap:.6cqi;flex:none}
.pbar i{display:block;height:100%}
.pcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1cqi}
.pcal i{aspect-ratio:1;border-radius:1cqi;background:#EEF0ED}
.pcal i.h{background:var(--at)}
.psheet{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;border-top:1px solid #E1E5E1;border-left:1px solid #E1E5E1}
.psheet i{height:4cqi;border-right:1px solid #E1E5E1;border-bottom:1px solid #E1E5E1}
.psheet i.h{background:var(--a)}
.ppol{display:flex;gap:2cqi;align-items:flex-start}
.ppol b{width:3cqi;height:1.8cqi;background:var(--ai);border-radius:2px;flex:none}
.ppol div{flex:1;display:flex;flex-direction:column;gap:1.4cqi}
.ptab{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1cqi}
.ptab i{height:4cqi;border-radius:1cqi;background:#EEF0ED}
.ptab i.h{background:var(--a)}
/* cards */
.card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.card h3{font-size:16.5px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.card h3 a{text-decoration:none}
.card .sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;color:var(--muted)}
.acts{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .25s var(--ease);z-index:2}
.acts .btn{height:36px;padding:0 12px;font-size:13.5px;background:rgba(255,255,255,.97);color:var(--ink);box-shadow:0 1px 3px rgba(24,32,27,.18)}
.acts .iconb{width:36px;height:36px;border-radius:999px;border:0;box-shadow:0 1px 3px rgba(24,32,27,.18)}
.card:focus-within .acts{opacity:1;transform:none}
/* folder panels */
.folder{position:relative;background:var(--a);border-radius:0 24px 24px 24px}
.ftab{position:absolute;left:0;bottom:100%;display:flex;align-items:center;gap:8px;height:42px;padding:0 18px;background:var(--a);border-radius:16px 16px 0 0;color:var(--ai);font-weight:750;font-size:14.5px;white-space:nowrap}
.ftab::after{content:"";position:absolute;left:100%;bottom:0;width:16px;height:16px;background:radial-gradient(circle at 100% 0,transparent 15.5px,var(--a) 16px)}
/* play steps */
.steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.step{display:grid;grid-template-columns:34px minmax(0,1fr) auto 20px;gap:14px;align-items:center;min-height:62px;padding:10px 12px;border-radius:14px;background:var(--paper);text-decoration:none;color:var(--ink);transition:box-shadow .2s ease}
.sn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:750;font-size:14.5px;color:var(--ai);box-shadow:inset 0 0 0 1.5px var(--ai)}
.step.done .sn{background:var(--ai);color:#fff;box-shadow:none}
.step b{font-weight:650;font-size:16px;line-height:1.3}
.sty{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--muted);white-space:nowrap}
.step > .ic{color:var(--muted)}
/* callouts */
.calls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.call{border-radius:16px;padding:18px 20px;background:var(--desk)}
.call b{display:flex;align-items:center;gap:8px;font-size:15.5px;margin-bottom:6px}
.call p{font-size:15px;line-height:1.5}
.call.good b .ic{color:var(--hire-i)}
.call.check b .ic{color:var(--pay-i)}
.call.legal{background:var(--danger-tint)}
.call.legal b{color:var(--danger)}
/* forms */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label,.flabel{font-size:14px;font-weight:650;color:var(--ink)}
.inp{height:48px;width:100%;border:1.5px solid var(--line-2);border-radius:12px;padding:0 14px;font-size:16.5px;background:var(--paper);color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease}
.inp:focus{outline:none;border-color:var(--act);box-shadow:0 0 0 3px color-mix(in oklab,var(--act) 18%,transparent)}
textarea.inp{height:auto;min-height:88px;padding:12px 14px;line-height:1.45;resize:vertical}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:40px}
.hint{font-size:13.5px;color:var(--muted)}
/* footer */
.ft{background:var(--desk);margin-top:104px;padding:56px 0 32px;font-size:15px}
.ft-g{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:32px}
.ft h3{font-size:14.5px;font-weight:750;margin-bottom:12px}
.ft ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.ft a{text-decoration:none;color:var(--ink-2)}
.ft p{color:var(--ink-2);max-width:26em;margin-top:12px}
.ft-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line-2);color:var(--muted);font-size:14px}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (hover:hover) and (pointer:fine){
  .nav a:hover{background:var(--desk);color:var(--ink)}
  .cmd:hover,.iconb:hover{border-color:var(--ink-2)}
  .btn-act:hover{background:var(--act-ink)}
  .btn-ink:hover{background:#2E3832}
  .btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--ink-2)}
  .chip:not(.on):hover{border-color:var(--ink-2)}
  .seg button:not(.on):hover{color:var(--ink)}
  .lnk:hover{text-decoration-color:currentColor}
  .card:hover .paper{transform:translateY(-5px) rotate(-1.2deg)}
  .card:hover .acts{opacity:1;transform:none}
  .step:hover{box-shadow:0 0 0 1.5px var(--ai)}
  .ft a:hover{color:var(--ink);text-decoration:underline}
}
@media (prefers-reduced-motion:reduce){.u *,.u *::before,.u *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
@media (max-width:1100px){
  .nav{display:none}
  .cmd{width:auto;flex:1}
  .only-t{display:grid}
}
@media (max-width:720px){
  .wrap{padding-left:16px;padding-right:16px}
  .hd-in{height:60px;gap:8px}
  .brand{margin-right:auto}
  .cmd{display:none}
  .only-m{display:grid}
  .sec{padding-top:64px}
  .calls{grid-template-columns:minmax(0,1fr)}
  .acts{display:none}
  .ft{margin-top:72px;padding:40px 0 28px}
  .ft-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .ft-g > div:first-child{grid-column:1 / -1}
}
/* HR Riant theme additions on top of the canvas CSS (base). */
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:300 900;src:url(../fonts/figtree-latin-wght.woff2) format('woff2-variations'),url(../fonts/figtree-latin-wght.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/geist-mono-latin-wght.woff2) format('woff2-variations'),url(../fonts/geist-mono-latin-wght.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Neutral area values for central pages (no area class), so folders and papers still have colours. */
:where(.u){--a:var(--desk);--ai:var(--ink-2);--at:var(--line-2)}
.u > main{display:block;min-height:60vh}
.hrrt{background:#fff}

.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}
.skip:focus{top:12px}

/* Header search is a real form (the command palette comes with V02). */
.cmd{cursor:text}
.cmd .kbd{flex:none}
.cmd input{flex:1;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);outline:none;padding:0}
.cmd input::placeholder{color:var(--muted);opacity:1}
.cmd input::-webkit-search-cancel-button{display:none}
.cmd:focus-within{border-color:var(--act);box-shadow:0 0 0 3px color-mix(in oklab,var(--act) 18%,transparent)}
.admin-bar .hd{top:32px}
@media screen and (max-width:782px){.admin-bar .hd{top:46px}}
@media screen and (max-width:600px){.admin-bar .hd{top:0}}

/* Mobile menu. */
.mnav{border-top:1px solid var(--line);background:#fff}
.mnav .wrap{display:flex;flex-direction:column;padding-top:8px;padding-bottom:12px}
.mnav a{display:flex;align-items:center;min-height:48px;padding:0 4px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:650;font-size:17px;color:var(--ink)}
.mnav a:last-child{border-bottom:0}
.mnav a[aria-current=page]{color:var(--act-ink)}
@media (min-width:1101px){.mnav{display:none !important}}

/* Footer columns follow the number of link groups that exist. */
.ft-g{grid-template-columns:1.5fr repeat(var(--fc,4),minmax(0,1fr))}
@media (max-width:720px){.ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ft .brand{color:var(--ink)}

/* Pagination. */
.pagination{margin-top:40px}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line-2);text-decoration:none;font-weight:650}
.pagination .page-numbers.current{background:var(--ink);color:#fff;box-shadow:none}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Geist Mono loads only where code is shown (Boolean, kit, code in guides): the "/" key cap uses the system monospace font (v4 section 8). */
.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}