brand1

brand2

From sourcing to presentation, one platform helping staffing firms and talent acquisition teams accelerate hiring, improve candidate quality and reduce manual work. 

The Platform That Turns The Right Candidates Into Hires, Faster. 

Adecco

Randstad

Design Build

Addison

Manpower

Trusted by 400+ recruitment and staffing organisations, including global enterprise leaders. 

<style>
  html,body{margin:0;padding:0;background:transparent;}
  #as-impact2{
    --navy:#1b2030; --ink:#252831; --muted:#5b6377;
    --blue:#5473E8;
    --bg:#F4F5F7; --card:#ffffff; --line:#E6E8EC;
    box-sizing:border-box; width:100%; padding:84px 24px 92px;
    background:var(--bg);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  #as-impact2 *{box-sizing:border-box;}
  #as-impact2 .inner{max-width:1080px; margin:0 auto;}
  #as-impact2 .head{text-align:center; max-width:680px; margin:0 auto 54px;}
  #as-impact2 h2{
    margin:0 0 16px; color:var(--ink);
    font-size:clamp(26px,3.4vw,38px); font-weight:700; line-height:1.2; letter-spacing:-.01em;
  }
  #as-impact2 .intro{margin:0; color:var(--muted); font-size:17px; line-height:1.6;}

  #as-impact2 .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  #as-impact2 .card{
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:30px 28px 28px;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  #as-impact2 .ico{
    width:44px; height:44px; border-radius:11px; margin-bottom:22px;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg, rgba(55,193,206,.12), rgba(84,115,232,.14));
    color:var(--navy);
  }
  #as-impact2 .ico svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
  #as-impact2 .num{
    display:inline-flex; align-items:baseline; gap:1px;
    font-size:clamp(46px,5.4vw,62px); font-weight:800; line-height:1; letter-spacing:-.02em;
    color:var(--ink); font-variant-numeric:tabular-nums;
  }
  #as-impact2 .num .pre,#as-impact2 .num .suf{font-size:.58em; font-weight:700;}
  #as-impact2 .label{margin-top:14px; color:var(--ink); font-size:17px; font-weight:600;}
  #as-impact2 .sub{margin-top:6px; color:var(--muted); font-size:14.5px; line-height:1.5;}
  #as-impact2 .card:hover{
    transform:translateY(-4px); border-color:rgba(84,115,232,.5);
    box-shadow:0 16px 36px -22px rgba(84,115,232,.5);
  }

  #as-impact2 .reveal{opacity:0; transform:translateY(20px);
    transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  #as-impact2.seen .reveal{opacity:1; transform:none;}
  #as-impact2.seen .card:nth-child(1){transition-delay:.06s;}
  #as-impact2.seen .card:nth-child(2){transition-delay:.16s;}
  #as-impact2.seen .card:nth-child(3){transition-delay:.26s;}

  @media (max-width:760px){
    #as-impact2{padding:64px 20px 70px;}
    #as-impact2 .grid{grid-template-columns:1fr; max-width:420px; margin:0 auto;}
  }
  @media (prefers-reduced-motion:reduce){
    #as-impact2 .reveal{opacity:1; transform:none; transition:none;}
    #as-impact2 .card{transition:none;}
  }
</style>

<section id="as-impact2" aria-label="Proven business impact">
  <div class="inner">
    <div class="head reveal">
      <h2>Proven Business Impact</h2>
      <p class="intro">Real results from the recruitment and talent teams already running on Allsorter.</p>
    </div>

    <div class="grid">
      <div class="card reveal">
        <div class="ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></div>
        <div class="num"><span class="val" data-target="85">85</span><span class="suf">%</span></div>
        <div class="label">Less time on manual work</div>
        <div class="sub">From sourcing to submission</div>
      </div>
      <div class="card reveal">
        <div class="ico"><svg viewBox="0 0 24 24"><ellipse cx="12" cy="6.5" rx="7" ry="3"/><path d="M5 6.5v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6"/><path d="M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3"/></svg></div>
        <div class="num"><span class="pre">$</span><span class="val" data-target="2">2</span><span class="suf">M</span></div>
        <div class="label">Saved on hiring costs</div>
        <div class="sub">Lower cost to hire</div>
      </div>
      <div class="card reveal">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M3 17 9 11l4 4 8-8"/><path d="M17 4h4v4"/></svg></div>
        <div class="num"><span class="val" data-target="6">6</span><span class="suf">x</span></div>
        <div class="label">Return on investment</div>
        <div class="sub">Pays for itself, fast</div>
      </div>
    </div>
  </div>
</section>

<script>
(function(){
  var root=document.getElementById('as-impact2');
  if(!root) return;
  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
  function count(el){
    var target=parseFloat(el.getAttribute('data-target'))||0;
    var dur=1500, start=null;
    function step(ts){
      if(!start) start=ts;
      var p=Math.min((ts-start)/dur,1), eased=1-Math.pow(1-p,3);
      el.textContent=Math.round(target*eased);
      if(p<1) requestAnimationFrame(step);
    }
    el.textContent='0'; requestAnimationFrame(step);
  }
  function run(){
    root.classList.add('seen');
    if(reduce) return;
    setTimeout(function(){ root.querySelectorAll('.val').forEach(count); }, 300);
  }
  if('IntersectionObserver' in window){
    var io=new IntersectionObserver(function(es){
      es.forEach(function(e){ if(e.isIntersecting){ run(); io.disconnect(); }});
    },{threshold:.35});
    io.observe(root);
  } else { run(); }

  function fit(){
    try{
      if(window.frameElement){
        window.frameElement.style.height=document.documentElement.scrollHeight+'px';
        window.frameElement.style.width='100%';
        window.frameElement.style.border='0';
      }
    }catch(e){}
  }
  fit();
  window.addEventListener('load',fit);
  window.addEventListener('resize',fit);
  if('ResizeObserver' in window){ try{ new ResizeObserver(fit).observe(document.body); }catch(e){} }
  setTimeout(fit,300); setTimeout(fit,1200);
})();
</script>

<style>
  html,body{margin:0;padding:0;background:transparent;}
  #as-roi{
    --ink:#252831; --muted:#5b6377; --blue:#5473E8;
    --bg:#F4F5F7; --card:#ffffff; --line:#E6E8EC;
    box-sizing:border-box; width:100%; padding:88px 24px 96px;
    background:var(--bg);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  #as-roi *{box-sizing:border-box;}
  #as-roi .inner{max-width:1080px; margin:0 auto;}
  #as-roi .head{text-align:center; max-width:760px; margin:0 auto 52px;}
  #as-roi h2{margin:0 0 18px; color:var(--ink); font-size:clamp(28px,3.6vw,40px); font-weight:700; line-height:1.18; letter-spacing:-.01em;}
  #as-roi .intro{margin:0; color:var(--muted); font-size:17px; line-height:1.65;}

  #as-roi .grid{display:flex; flex-wrap:wrap; justify-content:center; gap:24px;}
  #as-roi .card{
    flex:1 1 460px; max-width:516px;
    background:var(--card); border:1px solid var(--line); border-radius:18px;
    padding:32px 32px 30px;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  #as-roi .ico{
    width:48px; height:48px; border-radius:13px; margin-bottom:22px;
    display:flex; align-items:center; justify-content:center;
    transition:transform .3s ease;
  }
  #as-roi .ico svg{width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
  #as-roi h3{margin:0 0 10px; color:var(--ink); font-size:20px; font-weight:600; line-height:1.3;}
  #as-roi p{margin:0; color:var(--muted); font-size:15px; line-height:1.6;}
  #as-roi .card:hover{transform:translateY(-5px); border-color:rgba(84,115,232,.45); box-shadow:0 18px 40px -24px rgba(28,32,46,.32);}
  #as-roi .card:hover .ico{transform:scale(1.09);}

  /* per-card icon tile colours */
  #as-roi .c-blue  .ico{background:rgba(84,115,232,.14); color:#5473E8;}
  #as-roi .c-teal  .ico{background:rgba(55,193,206,.16); color:#1397a4;}
  #as-roi .c-pink  .ico{background:#F8DCEF; color:#D14FA0;}
  #as-roi .c-amber .ico{background:#FFF3DC; color:#C8860C;}
  #as-roi .c-indigo .ico{background:rgba(84,115,232,.14); color:#5473E8;}

  #as-roi .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  #as-roi.seen .reveal{opacity:1; transform:none;}
  #as-roi.seen .card:nth-child(1){transition-delay:.06s;}
  #as-roi.seen .card:nth-child(2){transition-delay:.14s;}
  #as-roi.seen .card:nth-child(3){transition-delay:.22s;}
  #as-roi.seen .card:nth-child(4){transition-delay:.30s;}
  #as-roi.seen .card:nth-child(5){transition-delay:.38s;}

  @media (max-width:760px){
    #as-roi{padding:64px 20px 72px;}
    #as-roi .card{flex:1 1 100%; max-width:440px;}
  }
  @media (prefers-reduced-motion:reduce){
    #as-roi .reveal{opacity:1; transform:none; transition:none;}
    #as-roi .card,#as-roi .ico{transition:none;}
  }
</style>

<section id="as-roi" aria-label="The ROI recruitment leaders care about">
  <div class="inner">
    <div class="head reveal">
      <h2>The ROI Recruitment Leaders Care About</h2>
      <p class="intro">Hiring teams are under pressure to move faster, improve candidate quality, and justify every investment they make. That's why leading staffing firms and talent acquisition teams use Allsorter to automate repetitive work, streamline recruitment workflows, and free recruiters to focus on high-value activities.</p>
    </div>

    <div class="grid">
      <div class="card reveal c-blue">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></div>
        <h3>Faster Hiring</h3>
        <p>Reduce time-to-fill by automating sourcing, screening, shortlisting and candidate presentation.</p>
      </div>

      <div class="card reveal c-teal">
        <div class="ico"><svg viewBox="0 0 24 24"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg></div>
        <h3>Stronger Security &amp; Compliance</h3>
        <p>Allsorter is built on infrastructure trusted by the world's largest recruitment and talent teams, with secure PII handling and ISO 27001 certified processes.</p>
      </div>

      <div class="card reveal c-pink">
        <div class="ico"><svg viewBox="0 0 24 24"><rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg></div>
        <h3>Higher Recruiter Productivity</h3>
        <p>Eliminate repetitive administrative work so recruiters can focus on candidates, clients and hiring managers.</p>
      </div>

      <div class="card reveal c-amber">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><circle cx="11.5" cy="14.5" r="2.4"/><path d="m15 18-1.7-1.7"/></svg></div>
        <h3>Better Candidate Quality</h3>
        <p>Identify, verify and surface the strongest candidates faster.</p>
      </div>

      <div class="card reveal c-indigo">
        <div class="ico"><svg viewBox="0 0 24 24"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.6 13.5 6.8 4M15.4 6.5l-6.8 4"/></svg></div>
        <h3>One Connected Workflow</h3>
        <p>Replace disconnected tools with one platform built for recruitment.</p>
      </div>
    </div>
  </div>
</section>

<script>
(function(){
  var root=document.getElementById('as-roi');
  if(!root) return;
  if('IntersectionObserver' in window){
    var io=new IntersectionObserver(function(es){
      es.forEach(function(e){ if(e.isIntersecting){ root.classList.add('seen'); io.disconnect(); }});
    },{threshold:.15});
    io.observe(root);
  } else { root.classList.add('seen'); }
  function fit(){
    try{
      if(window.frameElement){
        window.frameElement.style.height=document.documentElement.scrollHeight+'px';
        window.frameElement.style.width='100%';
        window.frameElement.style.border='0';
      }
    }catch(e){}
  }
  fit();
  window.addEventListener('load',fit);
  window.addEventListener('resize',fit);
  if('ResizeObserver' in window){ try{ new ResizeObserver(fit).observe(document.body); }catch(e){} }
  setTimeout(fit,300); setTimeout(fit,1200);
})();
</script>

<style>
  html,body{margin:0;padding:0;background:transparent;}
  #as-platform{
    --navy:#1b2030; --ink:#252831; --muted:#5b6377;
    --blue:#5473E8; --teal:#37C1CE; --tealink:#1397a4;
    --bg:#FFFFFF; --card:#ffffff; --line:#E6E8EC; --soft:#F4F5F7;
    box-sizing:border-box; width:100%; padding:88px 24px 96px;
    background:radial-gradient(720px 340px at 50% -8%, rgba(84,115,232,.05), transparent 60%), var(--bg);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  #as-platform *{box-sizing:border-box;}
  #as-platform .inner{max-width:1080px; margin:0 auto;}
  #as-platform .head{text-align:center; max-width:680px; margin:0 auto 50px;}
  #as-platform h2{margin:0 0 16px; color:var(--ink); font-size:clamp(28px,3.6vw,40px); font-weight:700; line-height:1.18; letter-spacing:-.01em;}
  #as-platform .intro{margin:0; color:var(--muted); font-size:17px; line-height:1.6;}

  /* shared pill */
  #as-platform .pill{
    display:inline-flex; align-items:center; gap:6px;
    font-size:11.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
    padding:5px 11px; border-radius:999px;
  }
  #as-platform .blue .pill{background:rgba(84,115,232,.1); color:var(--blue);}
  #as-platform .teal .pill{background:rgba(55,193,206,.14); color:var(--tealink);}
  #as-platform .badge{
    font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
    padding:3px 9px; border-radius:999px; color:#fff; background:linear-gradient(120deg,#37C1CE,#5473E8);
  }

  /* hero products */
  #as-platform .products{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  #as-platform .product{
    display:flex; flex-direction:column; overflow:hidden;
    background:var(--card); border:1px solid var(--line); border-radius:20px;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  #as-platform .product:hover{transform:translateY(-5px); box-shadow:0 24px 48px -28px rgba(28,32,46,.3);}
  #as-platform .product.blue:hover{border-color:rgba(84,115,232,.5);}
  #as-platform .product.teal:hover{border-color:rgba(55,193,206,.6);}
  #as-platform .media{
    height:204px; border-bottom:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; padding:24px 28px; overflow:hidden;
  }
  #as-platform .blue .media{background:linear-gradient(160deg, rgba(84,115,232,.07), rgba(84,115,232,.02));}
  #as-platform .teal .media{background:linear-gradient(160deg, rgba(55,193,206,.08), rgba(84,115,232,.04));}

  /* Allsorter profile mock */
  #as-platform .pf{width:100%; max-width:300px; background:#fff; border:1px solid #EAECF1; border-radius:12px; box-shadow:0 12px 26px -18px rgba(28,32,46,.35); overflow:hidden;}
  #as-platform .pf-bar{background:linear-gradient(120deg,#5473E8,#6f8bff); padding:13px 16px; color:#fff;}
  #as-platform .pf-name{display:block; font-size:13px; font-weight:700;}
  #as-platform .pf-role{display:block; font-size:10.5px; opacity:.85; margin-top:1px;}
  #as-platform .pf-body{display:flex; gap:16px; padding:14px 16px 16px;}
  #as-platform .pf-col{flex:1;}
  #as-platform .pf-lbl{font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#9aa3b5; margin-bottom:8px;}
  #as-platform .ln{display:block; height:6px; border-radius:3px; background:#E7E9EF; margin-bottom:7px;}
  #as-platform .w80{width:80%;} #as-platform .w75{width:75%;} #as-platform .w70{width:70%;}
  #as-platform .w65{width:65%;} #as-platform .w60{width:60%;} #as-platform .w55{width:55%;}

  /* Nexus chat + flow mock */
  #as-platform .nx{display:flex; flex-direction:column; align-items:center; gap:18px; width:100%;}
  #as-platform .nx-chat{
    align-self:flex-start; max-width:270px; background:#fff; border:1px solid #DCE6EC;
    border-radius:12px; border-bottom-left-radius:4px; padding:9px 14px;
    font-size:12px; color:var(--navy); box-shadow:0 8px 18px -12px rgba(28,32,46,.4);
  }
  #as-platform .flow{display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center;}
  #as-platform .node{font-size:11.5px; font-weight:600; color:var(--navy); background:#fff; border:1px solid #DCE6EC; border-radius:999px; padding:7px 13px; box-shadow:0 6px 14px -10px rgba(28,32,46,.4);}
  #as-platform .node.on{background:linear-gradient(120deg,#37C1CE,#5473E8); color:#fff; border-color:transparent;}
  #as-platform .lnk{width:14px; height:2px; border-radius:2px; background:linear-gradient(90deg,#37C1CE,#5473E8); opacity:.55;}

  #as-platform .body{padding:24px 28px 28px; display:flex; flex-direction:column; flex:1;}
  #as-platform .eyebrow{display:flex; align-items:center; gap:9px; margin-bottom:14px;}
  #as-platform h3{margin:0 0 8px; color:var(--ink); font-size:23px; font-weight:700; letter-spacing:-.01em;}
  #as-platform .desc{margin:0 0 18px; color:var(--muted); font-size:15px; line-height:1.55; min-height:3em;}
  #as-platform .feats{list-style:none; margin:0 0 18px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:9px 14px;}
  #as-platform .feats li{display:flex; align-items:center; gap:8px; color:var(--ink); font-size:14px;}
  #as-platform .feats svg{width:15px; height:15px; flex:0 0 auto; fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}
  #as-platform .blue .feats svg{stroke:var(--blue);} #as-platform .teal .feats svg{stroke:var(--tealink);}
  #as-platform .foot{margin-top:auto; padding-top:16px; border-top:1px solid var(--line); color:var(--ink); font-size:14px; font-weight:600;}
  #as-platform .foot span{color:var(--muted); font-weight:500;}

  /* suite (add-on) row */
  #as-platform .suite-cap{text-align:center; margin:34px 0 18px; color:var(--muted); font-size:14px;}
  #as-platform .suite{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  #as-platform .mini{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;}
  #as-platform .mini:hover{transform:translateY(-4px); border-color:rgba(84,115,232,.4); box-shadow:0 16px 34px -24px rgba(28,32,46,.32);}
  #as-platform .mini-ico{width:42px; height:42px; border-radius:11px; margin-bottom:16px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(55,193,206,.12), rgba(84,115,232,.14)); color:var(--navy);}
  #as-platform .mini-ico svg{width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
  #as-platform .mini .pillrow{display:flex; align-items:center; gap:8px; margin-bottom:10px;}
  #as-platform .mini .pill{background:rgba(84,115,232,.09); color:var(--blue);}
  #as-platform .mini h4{margin:0 0 6px; color:var(--ink); font-size:17px; font-weight:700;}
  #as-platform .mini p{margin:0; color:var(--muted); font-size:14px; line-height:1.5;}
  #as-platform .soon-badge{font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; padding:3px 9px; border-radius:999px; color:var(--muted); background:var(--soft); border:1px solid var(--line);}

  #as-platform .reveal{opacity:0; transform:translateY(20px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  #as-platform.seen .reveal{opacity:1; transform:none;}
  #as-platform.seen .product:nth-child(1){transition-delay:.06s;}
  #as-platform.seen .product:nth-child(2){transition-delay:.14s;}
  #as-platform.seen .mini:nth-child(1){transition-delay:.22s;}
  #as-platform.seen .mini:nth-child(2){transition-delay:.30s;}
  #as-platform.seen .mini:nth-child(3){transition-delay:.38s;}

  @media (max-width:820px){
    #as-platform{padding:64px 20px 72px;}
    #as-platform .products{grid-template-columns:1fr; max-width:440px; margin:0 auto;}
    #as-platform .media{height:auto; min-height:180px;}
    #as-platform .desc{min-height:0;}
    #as-platform .suite{grid-template-columns:1fr; max-width:440px; margin:0 auto;}
  }
  @media (prefers-reduced-motion:reduce){
    #as-platform .reveal{opacity:1; transform:none; transition:none;}
    #as-platform .product,#as-platform .mini{transition:none;}
  }
</style>

<section id="as-platform" aria-label="One platform for modern recruitment">
  <div class="inner">
    <div class="head reveal">
      <h2>One Platform for Modern Recruitment</h2>
      <p class="intro">Everything staffing firms and talent teams need to source, screen and present candidates, brought together in one place.</p>
    </div>

    <div class="products">
      
      <div class="product blue reveal">
        <div class="media">
          <div class="pf">
            <div class="pf-bar"><span class="pf-name">Kate Mitchell</span><span class="pf-role">Software Engineer</span></div>
            <div class="pf-body">
              <div class="pf-col"><div class="pf-lbl">Skills</div><span class="ln w70"></span><span class="ln w55"></span><span class="ln w60"></span></div>
              <div class="pf-col"><div class="pf-lbl">Experience</div><span class="ln w80"></span><span class="ln w65"></span><span class="ln w75"></span></div>
            </div>
          </div>
        </div>
        <div class="body">
          <div class="eyebrow"><span class="pill">Presentation</span></div>
          <h3>Allsorter</h3>
          <p class="desc">Transform candidate data into recruiter-ready profiles in seconds.</p>
          <ul class="feats">
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Resume formatting</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Candidate profiles</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Summaries</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Data extraction</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>ATS integration</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Auto redaction</li>
          </ul>
          <p class="foot">Save up to 85% of the time spent preparing candidate submissions.</p>
        </div>
      </div>

      
      <div class="product teal reveal">
        <div class="media">
          <div class="nx">
            <div class="nx-chat">Source 5 senior SDRs in Dublin</div>
            <div class="flow">
              <span class="node">Source</span><span class="lnk"></span>
              <span class="node">Screen</span><span class="lnk"></span>
              <span class="node">Shortlist</span><span class="lnk"></span>
              <span class="node on">Present</span>
            </div>
          </div>
        </div>
        <div class="body">
          <div class="eyebrow"><span class="pill">End to end</span><span class="badge">Beta</span></div>
          <h3>Nexus</h3>
          <p class="desc">Connect sourcing, screening, verification, shortlisting and presentation into one chat-driven workflow.</p>
          <ul class="feats">
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Chat-based workflows</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Candidate verification</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Screening &amp; scoring</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Shortlisting</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Candidate presentation</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Connects the suite</li>
          </ul>
          <p class="foot">Your team stays in control. <span>Nexus handles the repetitive work.</span></p>
        </div>
      </div>
    </div>

    <p class="suite-cap">Add-ons that plug into Nexus to extend your workflow.</p>
    <div class="suite">
      
      <div class="mini reveal">
        <div class="mini-ico"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg></div>
        <div class="pillrow"><span class="pill">Sourcing</span></div>
        <h4>Nexus Sourcing</h4>
        <p>Plug in a sourcing tool and find the right candidates from a vast talent pool.</p>
      </div>
      
      <div class="mini reveal">
        <div class="mini-ico"><svg viewBox="0 0 24 24"><path d="M12 3 5 6v5c0 4.2 2.8 6.4 7 8 4.2-1.6 7-3.8 7-8V6l-7-3Z"/><path d="m9 11.5 2 2 4-4"/></svg></div>
        <div class="pillrow"><span class="pill">Verification</span><span class="soon-badge">Coming soon</span></div>
        <h4>Resume Guard</h4>
        <p>Candidate verification and fraud detection, built to protect every submission.</p>
      </div>
      
      <div class="mini reveal">
        <div class="mini-ico"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8"/><path d="m9.5 10.5 1.8 1.8 3.2-3.2"/></svg></div>
        <div class="pillrow"><span class="pill">Client review</span></div>
        <h4>Hiring Manager Portal</h4>
        <p>Send shortlisted candidates to clients, or share with hiring managers internally, in one portal.</p>
      </div>
    </div>
  </div>
</section>

<script>
(function(){
  var root=document.getElementById('as-platform');
  if(!root) return;
  if('IntersectionObserver' in window){
    var io=new IntersectionObserver(function(es){
      es.forEach(function(e){ if(e.isIntersecting){ root.classList.add('seen'); io.disconnect(); }});
    },{threshold:.15});
    io.observe(root);
  } else { root.classList.add('seen'); }
  function fit(){
    try{
      if(window.frameElement){
        window.frameElement.style.height=document.documentElement.scrollHeight+'px';
        window.frameElement.style.width='100%';
        window.frameElement.style.border='0';
      }
    }catch(e){}
  }
  fit();
  window.addEventListener('load',fit);
  window.addEventListener('resize',fit);
  if('ResizeObserver' in window){ try{ new ResizeObserver(fit).observe(document.body); }catch(e){} }
  setTimeout(fit,300); setTimeout(fit,1200);
})();
</script>

<style>
  html,body{margin:0;padding:0;background:transparent;}
  #as-pain{
    --navy:#1b2030; --ink:#252831; --muted:#5b6377;
    --blue:#5473E8; --teal:#37C1CE;
    --bg:#F4F5F7; --card:#ffffff; --line:#E6E8EC;
    box-sizing:border-box; width:100%; padding:84px 24px 92px;
    background:var(--bg);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  #as-pain *{box-sizing:border-box;}
  #as-pain .inner{max-width:1120px; margin:0 auto;}
  #as-pain .head{text-align:center; max-width:680px; margin:0 auto 54px;}
  #as-pain h2{
    margin:0 0 16px; color:var(--ink);
    font-size:clamp(26px,3.4vw,38px); font-weight:700; line-height:1.2; letter-spacing:-.01em;
  }
  #as-pain .intro{margin:0; color:var(--muted); font-size:17px; line-height:1.6;}

  /* centered flex so the last row of 3 centers under the row of 4 */
  #as-pain .grid{
    display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:20px;
  }
  #as-pain .card{
    flex:1 1 230px; max-width:262px;
    display:flex; flex-direction:column;
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:26px 24px 24px;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  #as-pain .ico{
    width:44px; height:44px; border-radius:11px; margin-bottom:18px;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg, rgba(55,193,206,.12), rgba(84,115,232,.14));
    color:var(--navy); flex:0 0 auto;
  }
  #as-pain .ico svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
  /* reserve 2 lines for every title so all descriptions start on the same baseline */
  #as-pain .card h3{
    margin:0 0 8px; color:var(--ink); font-size:18px; font-weight:600; line-height:1.3;
    min-height:2.6em; display:flex; align-items:flex-end;
  }
  #as-pain .card p{margin:0; color:var(--muted); font-size:14.5px; line-height:1.55;}
  #as-pain .card:hover{
    transform:translateY(-4px); border-color:rgba(84,115,232,.5);
    box-shadow:0 16px 36px -22px rgba(84,115,232,.5);
  }

  #as-pain .result{text-align:center; margin-top:56px;}
  #as-pain .result-label{
    display:inline-block; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
    color:var(--blue); margin-bottom:12px;
  }
  #as-pain .result-line{
    margin:0 auto; max-width:760px; color:var(--ink);
    font-size:clamp(19px,2.4vw,24px); font-weight:600; line-height:1.4;
  }
  #as-pain .result-line span{color:var(--muted); font-weight:500;}

  @media (max-width:720px){
    #as-pain{padding:64px 20px 70px;}
    #as-pain .card{flex:1 1 100%; max-width:420px;}
    #as-pain .card h3{min-height:0;}
  }
  @media (prefers-reduced-motion:reduce){ #as-pain .card{transition:none;} }
</style>

<section id="as-pain" aria-label="The manual work in recruitment">
  <div class="inner">
    <div class="head">
      <h2>Recruitment Teams Are Drowning in Manual Work</h2>
      <p class="intro">Recruiters and talent acquisition teams spend hours every day switching between disconnected tools.</p>
    </div>

    <div class="grid">
      <div class="card">
        <div class="ico"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg></div>
        <h3>Searching for candidates</h3>
        <p>Trawling job boards and databases by hand to find the right people.</p>
      </div>
      <div class="card">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M12 3 5 6v5c0 4.2 2.8 6.4 7 8 4.2-1.6 7-3.8 7-8V6l-7-3Z"/><path d="m9 11.5 2 2 4-4"/></svg></div>
        <h3>Checking candidate authenticity</h3>
        <p>Verifying that every CV claim and credential actually checks out.</p>
      </div>
      <div class="card">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><path d="m9.5 14.5 1.5 1.5 3-3"/></svg></div>
        <h3>Screening resumes</h3>
        <p>Reading through stacks of CVs to spot who is worth a shortlist.</p>
      </div>
      <div class="card">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><path d="M8.5 13h7"/><path d="M8.5 16.5h5"/></svg></div>
        <h3>Creating summaries</h3>
        <p>Writing candidate summaries from scratch, one profile at a time.</p>
      </div>
      <div class="card">
        <div class="ico"><svg viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M4 9h16"/><path d="M9 9v11"/></svg></div>
        <h3>Formatting profiles</h3>
        <p>Reformatting and rebranding every CV before it reaches a client.</p>
      </div>
      <div class="card">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M9 6h11"/><path d="M9 12h11"/><path d="M9 18h11"/><path d="m4 5.5.9.9L7 4.5"/><path d="m4 11.5.9.9L7 10.5"/><path d="m4 17.5.9.9L7 16.5"/></svg></div>
        <h3>Building shortlists</h3>
        <p>Pulling the strongest candidates together into a shortlist by hand.</p>
      </div>
      <div class="card">
        <div class="ico"><svg viewBox="0 0 24 24"><path d="M22 2 11 13"/><path d="M22 2 15 22l-4-9-9-4 20-7Z"/></svg></div>
        <h3>Preparing hiring manager submissions</h3>
        <p>Packaging it all up to send to the hiring manager for review.</p>
      </div>
    </div>

    <div class="result">
      <span class="result-label">The result?</span>
      <p class="result-line">Slower hiring. Higher operating costs. Lost recruiter productivity. <span>Roles left unfilled.</span></p>
    </div>
  </div>
</section>

<script>
(function(){
  var root=document.getElementById('as-pain');
  if(!root) return;
  function fit(){
    try{
      if(window.frameElement){
        window.frameElement.style.height=document.documentElement.scrollHeight+'px';
        window.frameElement.style.width='100%';
        window.frameElement.style.border='0';
      }
    }catch(e){}
  }
  fit();
  window.addEventListener('load',fit);
  window.addEventListener('resize',fit);
  if('ResizeObserver' in window){ try{ new ResizeObserver(fit).observe(document.body); }catch(e){} }
  setTimeout(fit,300); setTimeout(fit,1200);
})();
</script>

<style>
  html,body{margin:0;padding:0;background:transparent;}
  #as-for{
    --navy:#1b2030; --ink:#252831; --muted:#5b6377;
    --blue:#5473E8; --bluedk:#4763d6; --teal:#37C1CE; --tealink:#1397a4; --tealdk:#159aa8;
    --bg:#FFFFFF; --card:#ffffff; --line:#E6E8EC; --soft:#F4F5F7;
    box-sizing:border-box; width:100%; padding:88px 24px 96px;
    background:radial-gradient(720px 340px at 50% -8%, rgba(84,115,232,.05), transparent 60%), var(--bg);
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  #as-for *{box-sizing:border-box;}
  #as-for .inner{max-width:1080px; margin:0 auto;}
  #as-for .head{text-align:center; max-width:660px; margin:0 auto 50px;}
  #as-for h2{margin:0 0 16px; color:var(--ink); font-size:clamp(28px,3.6vw,40px); font-weight:700; line-height:1.18; letter-spacing:-.01em;}
  #as-for .intro{margin:0; color:var(--muted); font-size:17px; line-height:1.6;}

  #as-for .split{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  #as-for .aud{
    display:flex; flex-direction:column; overflow:hidden;
    background:var(--card); border:1px solid var(--line); border-radius:20px;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  #as-for .aud:hover{transform:translateY(-5px); box-shadow:0 24px 48px -28px rgba(28,32,46,.3);}
  #as-for .aud.blue{color:var(--blue);} #as-for .aud.teal{color:var(--tealink);}
  #as-for .aud.blue:hover{border-color:rgba(84,115,232,.5);}
  #as-for .aud.teal:hover{border-color:rgba(55,193,206,.6);}

  #as-for .media{height:168px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line);}
  #as-for .blue .media{background:linear-gradient(160deg, rgba(84,115,232,.07), rgba(84,115,232,.02));}
  #as-for .teal .media{background:linear-gradient(160deg, rgba(55,193,206,.08), rgba(84,115,232,.04));}
  #as-for .media svg{width:230px; height:120px;}

  #as-for .body{padding:26px 30px 30px; display:flex; flex-direction:column; flex:1;}
  #as-for .pill{display:inline-flex; align-self:flex-start; align-items:center; font-size:11.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; padding:5px 11px; border-radius:999px; margin-bottom:14px;}
  #as-for .blue .pill{background:rgba(84,115,232,.1); color:var(--blue);}
  #as-for .teal .pill{background:rgba(55,193,206,.14); color:var(--tealink);}
  #as-for h3{margin:0 0 18px; color:var(--ink); font-size:22px; font-weight:700; letter-spacing:-.01em;}
  #as-for ul{list-style:none; margin:0 0 24px; padding:0;}
  #as-for ul li{display:flex; align-items:center; gap:11px; color:var(--ink); font-size:15.5px; padding:7px 0;}
  #as-for ul svg{width:18px; height:18px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}
  #as-for .btn{
    margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:8px;
    padding:12px 22px; border-radius:11px; font-weight:600; font-size:14.5px; color:#fff; text-decoration:none;
    transition:transform .2s ease, filter .2s ease;
  }
  #as-for .blue .btn{background:var(--blue);} #as-for .teal .btn{background:var(--tealink);}
  #as-for .btn:hover{transform:translateX(2px); filter:brightness(1.06);}
  #as-for .btn svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}

  /* Book a demo band */
  #as-for .demo{
    margin-top:24px; border-radius:20px; padding:34px 38px;
    display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;
    background:linear-gradient(135deg, rgba(55,193,206,.10), rgba(84,115,232,.12));
    border:1px solid rgba(84,115,232,.16);
  }
  #as-for .demo-txt{flex:1; min-width:260px;}
  #as-for .demo-txt h3{margin:0 0 6px; color:var(--ink); font-size:22px; font-weight:700;}
  #as-for .demo-txt p{margin:0; color:var(--muted); font-size:15.5px; line-height:1.55;}
  #as-for .demo .btn{margin:0; color:#fff; background:var(--blue); padding:14px 26px; font-size:15px; white-space:nowrap;}

  #as-for .reveal{opacity:0; transform:translateY(20px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
  #as-for.seen .reveal{opacity:1; transform:none;}
  #as-for.seen .aud:nth-child(1){transition-delay:.06s;}
  #as-for.seen .aud:nth-child(2){transition-delay:.16s;}
  #as-for.seen .demo{transition-delay:.26s;}

  @media (max-width:820px){
    #as-for{padding:64px 20px 72px;}
    #as-for .split{grid-template-columns:1fr; max-width:440px; margin:0 auto;}
    #as-for .demo{padding:28px 24px;}
  }
  @media (prefers-reduced-motion:reduce){
    #as-for .reveal{opacity:1; transform:none; transition:none;}
    #as-for .aud,#as-for .btn{transition:none;}
  }
</style>

<section id="as-for" aria-label="Designed for staffing firms and talent teams">
  <div class="inner">
    <div class="head reveal">
      <h2>Built for How You Hire</h2>
      <p class="intro">Whether you place candidates for clients or hire for your own team, Allsorter and Nexus fit the way you work.</p>
    </div>

    <div class="split">
      
      <div class="aud blue reveal">
        <div class="media">
          <svg viewBox="0 0 230 120" aria-hidden="true">
            <path d="M70 60 L150 32" stroke="currentColor" stroke-width="2" opacity=".4"/>
            <path d="M70 60 L150 60" stroke="currentColor" stroke-width="2" opacity=".4"/>
            <path d="M70 60 L150 88" stroke="currentColor" stroke-width="2" opacity=".4"/>
            <circle cx="58" cy="60" r="17" fill="currentColor"/>
            <circle cx="58" cy="55" r="4.5" fill="#fff"/>
            <path d="M50 69c1.6-4 14.4-4 16 0" stroke="#fff" stroke-width="2.4" fill="none" stroke-linecap="round"/>
            <circle cx="160" cy="32" r="11" fill="#fff" stroke="currentColor" stroke-width="2"/>
            <circle cx="160" cy="60" r="11" fill="#fff" stroke="currentColor" stroke-width="2"/>
            <circle cx="160" cy="88" r="11" fill="#fff" stroke="currentColor" stroke-width="2"/>
          </svg>
        </div>
        <div class="body">
          <span class="pill">Staffing &amp; recruitment firms</span>
          <h3>Place candidates for your clients, faster</h3>
          <ul>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Place candidates faster</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Increase recruiter productivity</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Reduce administrative work</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Win more placements</li>
          </ul>
          <a class="btn" href="#">Learn more <svg viewBox="0 0 24 24"><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></svg></a>
        </div>
      </div>

      
      <div class="aud teal reveal">
        <div class="media">
          <svg viewBox="0 0 230 120" aria-hidden="true">
            <path d="M80 32 L160 60" stroke="currentColor" stroke-width="2" opacity=".4"/>
            <path d="M80 60 L160 60" stroke="currentColor" stroke-width="2" opacity=".4"/>
            <path d="M80 88 L160 60" stroke="currentColor" stroke-width="2" opacity=".4"/>
            <circle cx="70" cy="32" r="11" fill="#fff" stroke="currentColor" stroke-width="2"/>
            <circle cx="70" cy="60" r="11" fill="#fff" stroke="currentColor" stroke-width="2"/>
            <circle cx="70" cy="88" r="11" fill="#fff" stroke="currentColor" stroke-width="2"/>
            <rect x="153" y="46" width="28" height="28" rx="7" fill="currentColor"/>
            <path d="M161 74V62h6v12" stroke="#fff" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M158 56h12" stroke="#fff" stroke-width="2.2" stroke-linecap="round"/>
          </svg>
        </div>
        <div class="body">
          <span class="pill">Talent acquisition teams</span>
          <h3>Hire for your own team, with less effort</h3>
          <ul>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Reduce time to hire</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Improve candidate quality</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Consolidate recruiting tools</li>
            <li><svg viewBox="0 0 24 24"><path d="m5 12 5 5L20 7"/></svg>Scale hiring without adding headcount</li>
          </ul>
          <a class="btn" href="#">Learn more <svg viewBox="0 0 24 24"><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></svg></a>
        </div>
      </div>
    </div>

    
    <div class="demo reveal">
      <div class="demo-txt">
        <h3>Book a demo</h3>
        <p>See how leading recruitment and talent teams use Allsorter and Nexus to cut manual work and hire faster.</p>
      </div>
      <a class="btn" href="#">Book a demo</a>
    </div>
  </div>
</section>

<script>
(function(){
  var root=document.getElementById('as-for');
  if(!root) return;
  if('IntersectionObserver' in window){
    var io=new IntersectionObserver(function(es){
      es.forEach(function(e){ if(e.isIntersecting){ root.classList.add('seen'); io.disconnect(); }});
    },{threshold:.15});
    io.observe(root);
  } else { root.classList.add('seen'); }
  function fit(){
    try{
      if(window.frameElement){
        window.frameElement.style.height=document.documentElement.scrollHeight+'px';
        window.frameElement.style.width='100%';
        window.frameElement.style.border='0';
      }
    }catch(e){}
  }
  fit();
  window.addEventListener('load',fit);
  window.addEventListener('resize',fit);
  if('ResizeObserver' in window){ try{ new ResizeObserver(fit).observe(document.body); }catch(e){} }
  setTimeout(fit,300); setTimeout(fit,1200);
})();
</script>

Hexagon

Grid

Our rigorous security and compliance standards are at the heart of all we do. We work tirelessly to protect you and your customers.

Protect yourself against data breaches

Lower insurance costs 

Reduce auditing costs

The only resume formatting app with ISO27001*

We know Allsorter is the best resume and CV formatting tool in the world. How? Because you told us so 😊