{"id":4322,"date":"2026-04-29T09:39:50","date_gmt":"2026-04-29T07:39:50","guid":{"rendered":"https:\/\/in2dialog.com\/?page_id=4322"},"modified":"2026-07-01T11:49:33","modified_gmt":"2026-07-01T09:49:33","slug":"in2dialog-ai-notetaker-for-recruiters-2","status":"publish","type":"page","link":"https:\/\/in2dialog.com\/nl\/","title":{"rendered":"In2Dialog &#8211; AI Notetaker for Recruiters"},"content":{"rendered":"<section class=\"bde-section-4322-100 bde-section\" Preload=\"none\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-4322-246 bde-code-block\">\n\n  <canvas id=\"i2d-bg\" style=\"position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;\"><\/canvas>\n\n\n<\/div><div class=\"bde-code-block-4322-256 bde-code-block\">\n\n  <div class=\"i2d-card-wrap\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700;800&family=Instrument+Sans:wght@500;600;700&display=swap');\n\n    .i2d-card-wrap { position: relative !important; z-index: 1 !important; width: 100% !important; display: flex !important; justify-content: center !important; max-width: none !important; }\n    .i2d-card-wrap *, .i2d-card-wrap *::before, .i2d-card-wrap *::after { box-sizing: border-box !important; margin: 0; padding: 0; }\n\n    .i2d-card {\n      width: 100% !important;\n      max-width: 1040px !important;\n      min-height: auto !important;\n      background: linear-gradient(180deg, #FFFFFF 0%, #EAF4FE 100%) !important;\n      border: 1px solid rgba(255,255,255,.9) !important;\n      border-radius: 64px !important;\n      padding: 92px 80px 82px !important;\n      box-shadow: 0 24px 60px rgba(0,41,86,.18), 0 4px 14px rgba(0,41,86,.08), inset 0 1px 0 rgba(255,255,255,.8) !important;\n      font-family: 'Geist', system-ui, sans-serif !important;\n      float: none !important;\n      margin-left: auto !important;\n      margin-right: auto !important;\n      text-align: center !important;\n    }\n\n    .i2d-card .eyebrow {\n      display: inline-flex !important; align-items: center !important; gap: 8px !important;\n      font-size: 13px !important; font-weight: 600 !important; color: #3B5680 !important;\n      letter-spacing: .16em !important; text-transform: uppercase !important; margin-bottom: 22px !important;\n      padding: 0 !important; line-height: 1.4 !important;\n      justify-content: center !important;\n    }\n    .i2d-card .eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: #FFBC00; flex: none; }\n\n    .i2d-card .title {\n      font-family: 'Instrument Sans', 'Geist', sans-serif !important;\n      font-size: clamp(36px, 6vw, 74px) !important; font-weight: 700 !important; line-height: 1.04 !important;\n      letter-spacing: -.025em !important; color: #002956 !important;\n      margin-bottom: 26px !important; text-wrap: balance;\n      padding: 0 !important; margin-top: 0 !important;\n    }\n\n    .i2d-card .hl { position: relative; display: inline-block; padding: 0 .12em; }\n    .i2d-card .hl::before {\n      content: \"\"; position: absolute; left: -.04em; right: -.04em;\n      top: .16em; bottom: .02em; background: #FFBC00;\n      border-radius: 5px; z-index: 0;\n      transform: rotate(-.4deg) scaleX(0); transform-origin: left center;\n      animation: i2dHL .7s cubic-bezier(.5,0,.1,1) .45s forwards;\n    }\n    @keyframes i2dHL { to { transform: rotate(-.4deg) scaleX(1); } }\n    .i2d-card .hl > span { position: relative; z-index: 1; }\n\n    .i2d-card .lead {\n      font-size: clamp(16px, 2.5vw, 22px) !important; line-height: 1.5 !important; color: #44597C !important;\n      margin-bottom: 40px !important; max-width: 660px !important; text-wrap: pretty;\n      padding: 0 !important; margin-top: 0 !important;\n      margin-left: auto !important; margin-right: auto !important;\n    }\n\n    .i2d-card .cta-row { display: flex !important; align-items: center !important; gap: 18px !important; flex-wrap: wrap !important; margin-bottom: 0 !important; padding: 0 !important; justify-content: center !important; }\n    .i2d-card .btn {\n      position: relative; overflow: hidden;\n      display: inline-flex; align-items: center; gap: 10px;\n      background: #FFBC00; color: #002956;\n      font-size: 18px; font-weight: 700; letter-spacing: .01em;\n      padding: 19px 34px; border-radius: 999px;\n      text-decoration: none; box-shadow: 0 10px 24px rgba(255,188,0,.4);\n      transition: transform .15s ease, box-shadow .15s ease, color .15s ease;\n      animation: i2dPulse 2.4s ease-in-out infinite;\n    }\n    @keyframes i2dPulse {\n      0%, 100% { box-shadow: 0 10px 24px rgba(255,188,0,.4), 0 0 0 0 rgba(255,188,0,.45); }\n      50%      { box-shadow: 0 10px 24px rgba(255,188,0,.4), 0 0 0 10px rgba(255,188,0,0); }\n    }\n    .i2d-card .btn::after {\n      content: \"\"; position: absolute; top: 0; left: -120%; width: 60%; height: 100%;\n      background: linear-gradient(100deg, transparent, rgba(255,255,255,.65), transparent);\n      transform: skewX(-18deg);\n      animation: i2dShine 3.6s ease-in-out infinite;\n    }\n    @keyframes i2dShine {\n      0%, 22% { left: -120%; }\n      45%, 100% { left: 140%; }\n    }\n    .i2d-card .btn:hover {\n      transform: translateY(-2px);\n      color: #fff;\n      box-shadow: 0 14px 34px rgba(255,188,0,.55);\n      animation-play-state: paused;\n    }\n    .i2d-card .btn .arrow { font-size: 18px; line-height: 1; position: relative; z-index: 1; transition: transform .2s ease; }\n    .i2d-card .btn span:first-child, .i2d-card .btn { z-index: 1; }\n    .i2d-card .btn:hover .arrow { transform: translateX(4px); }\n    @media (prefers-reduced-motion: reduce) {\n      .i2d-card .btn, .i2d-card .btn::after { animation: none; }\n    }\n\n    .i2d-card .intel-tag {\n      font-size: 13px !important; font-weight: 600 !important; color: #6B7B95 !important;\n      letter-spacing: .14em !important; text-transform: uppercase !important;\n      margin-top: 24px !important; margin-bottom: 44px !important;\n    }\n\n    .i2d-card .footer {\n      display: flex !important; align-items: center !important; justify-content: space-between !important;\n      gap: 24px !important; flex-wrap: wrap !important;\n      padding-top: 26px !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important;\n      border-top: 1px solid rgba(0,41,86,.12) !important;\n      margin: 0 !important;\n    }\n    .i2d-card .rec { display: flex; align-items: center; gap: 14px; }\n    .i2d-card .rec-label { font-size: 12px; font-weight: 600; color: #6B7B95; letter-spacing: .14em; text-transform: uppercase; }\n\n    .i2d-card .badge {\n      display: inline-flex; align-items: center; gap: 10px;\n      padding: 8px 16px 8px 9px; background: #fff;\n      border: 1px solid #D8E6F0; border-radius: 999px; box-shadow: 0 2px 6px rgba(0,41,86,.06);\n    }\n    .i2d-card .badge .ring {\n      position: relative; width: 34px; height: 34px; border-radius: 50%; flex: none;\n      background: conic-gradient(from 0deg, #FFBC00, #FF7A59, #C73E8C, #4F7DF3, #1FB57A, #FFBC00);\n    }\n    .i2d-card .badge .ring::after {\n      content: \"10\"; position: absolute; inset: 4px; border-radius: 50%; background: #fff;\n      display: flex; align-items: center; justify-content: center;\n      font-family: 'Instrument Sans', sans-serif; font-weight: 700; font-size: 12px;\n      line-height: 1; color: #002956; text-align: center;\n    }\n    .i2d-card .badge .label { display: flex; flex-direction: column; line-height: 1.08; font-family: 'Instrument Sans', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: -.01em; }\n    .i2d-card .badge .label .a { color: #002956; }\n    .i2d-card .badge .label .b { color: #1FB57A; }\n\n    .i2d-card .stat { font-size: 14px; font-weight: 600; color: #002956; }\n    .i2d-card .stat b { font-size: 21px; font-weight: 700; }\n    .i2d-card .stat span { color: #6B7B95; font-weight: 500; margin-left: 8px; }\n\n    @media (max-width: 768px) {\n      .i2d-card { padding: 48px 24px 40px !important; border-radius: 32px !important; }\n      .i2d-card .lead { max-width: 100% !important; }\n      .i2d-card .btn { font-size: 16px; padding: 16px 28px; }\n      .i2d-card .footer { justify-content: center !important; text-align: center; flex-direction: column !important; gap: 20px !important; }\n      .i2d-card .rec { flex-direction: column; gap: 10px; }\n      .i2d-card .stat { text-align: center; }\n      .i2d-card .stat b { font-size: 18px; }\n      .i2d-card .stat span { display: block; margin-left: 0; margin-top: 4px; }\n    }\n\n    @media (max-width: 480px) {\n      .i2d-card { padding: 40px 20px 36px !important; border-radius: 24px !important; }\n      .i2d-card .eyebrow { font-size: 11px !important; }\n      .i2d-card .intel-tag { font-size: 11px !important; letter-spacing: .12em !important; }\n    }\n  <\/style>\n\n  <div class=\"i2d-card\">\n    <div class=\"eyebrow\">\n      <span class=\"dot\"><\/span>\n      Making you a better recruiter\n    <\/div>\n\n    <h1 class=\"title\">\n      The Interview Tool Recruiters <span class=\"hl\"><span> Trust.<\/span><\/span>\n    <\/h1>\n\n    <p class=\"lead\">\n      Quality interview data is the core of what we do \u2014 captured, structured, and ready to act on. It's how we make every recruiter on your team better, on every call.\n    <\/p>\n\n    <div class=\"cta-row\">\n      <a href=\"https:\/\/meetings-eu1.hubspot.com\/amar-cosijn\" class=\"btn\">Book a demo <span class=\"arrow\">\u2192<\/span><\/a>\n    <\/div>\n\n    <p class=\"intel-tag\">Powered by Interview Intelligence<\/p>\n\n    <div class=\"footer\">\n      <div class=\"rec\">\n        <span class=\"rec-label\">Recognised by<\/span>\n        <div class=\"badge\">\n          <div class=\"ring\"><\/div>\n          <div class=\"label\">\n            <span class=\"a\">recruitment<\/span>\n            <span class=\"b\">tech \u00b7 awards<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"stat\">\n        <b>300,000+<\/b><span>interviews conducted with In2Dialog<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-4322-269 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-4322-270 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&family=Instrument+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"i2d-tl\" aria-label=\"How In2Dialog works across your interview lifecycle\">\n  <div class=\"i2d-tl-inner\">\n    <div class=\"i2d-tl-head\">\n      <div class=\"i2d-tl-eyebrow\">HOW IT WORKS<\/div>\n      <h2 class=\"i2d-tl-title\">One Interview. <span class=\"i2d-tl-accent\">Six Ways In2Dialog Makes You A Better Recruiter.<\/span><\/h2>\n      <p class=\"i2d-tl-sub\">Follow an interview from preparation to long-term growth and see what happens at every stage.<\/p>\n    <\/div>\n\n    <!-- Timeline bar -->\n    <div class=\"i2d-tl-track\">\n      <div class=\"i2d-tl-rail\">\n        <div class=\"i2d-tl-rail-fill\" id=\"i2dRailFill\"><\/div>\n      <\/div>\n      <div class=\"i2d-tl-nodes\" id=\"i2dNodes\"><\/div>\n    <\/div>\n\n    <!-- Stage content -->\n    <div class=\"i2d-tl-stage\" id=\"i2dStage\"><\/div>\n\n    <!-- Click hint -->\n    <div class=\"i2d-tl-hint\">Click any step above to explore<\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .i2d-tl{\n    --i2d-navy:#002956;\n    --i2d-navy-soft:#3B5680;\n    --i2d-cyan:#1FC8DB;\n    --i2d-cyan-deep:#0891B2;\n    --i2d-cyan-soft:#E6FAFD;\n    --i2d-bg:#E5F4FF;\n    --i2d-white:#FFFFFF;\n    --i2d-line:#CFE0F2;\n\n    background:var(--i2d-bg);\n    color:var(--i2d-navy);\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif !important;\n    padding:88px 24px;\n  }\n  .i2d-tl, .i2d-tl *{\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;\n    box-sizing:border-box;\n    margin:0; padding:0;\n  }\n\n  .i2d-tl .i2d-tl-inner{max-width:1000px;margin:0 auto}\n\n  \/* Header *\/\n  .i2d-tl .i2d-tl-head{text-align:center;margin-bottom:56px}\n  .i2d-tl .i2d-tl-eyebrow{\n    font-size:12px !important;font-weight:700;letter-spacing:.18em;\n    color:var(--i2d-cyan-deep);margin-bottom:16px;\n  }\n  .i2d-tl .i2d-tl-title{\n    font-family:'Instrument Sans','Geist',system-ui,sans-serif !important;\n    font-size:55px !important;line-height:1.05 !important;letter-spacing:-.02em;\n    font-weight:700;color:var(--i2d-navy);margin:0 0 22px;\n  }\n  .i2d-tl .i2d-tl-accent{color:#FF6B35;font-family:inherit !important}\n  .i2d-tl .i2d-tl-sub{\n    font-size:22px !important;line-height:1.5 !important;\n    color:var(--i2d-navy-soft);max-width:640px;margin:0 auto;text-wrap:pretty;\n  }\n\n  \/* Timeline track *\/\n  .i2d-tl .i2d-tl-track{\n    position:relative;margin-bottom:40px;padding:0 20px;\n  }\n  .i2d-tl .i2d-tl-rail{\n    position:absolute;top:22px;left:20px;right:20px;height:4px;\n    background:var(--i2d-line);border-radius:2px;\n  }\n  .i2d-tl .i2d-tl-rail-fill{\n    height:100%;background:var(--i2d-cyan);border-radius:2px;\n    width:0%;transition:width .6s cubic-bezier(.22,1,.36,1);\n  }\n  .i2d-tl .i2d-tl-nodes{\n    position:relative;display:flex;justify-content:space-between;z-index:1;\n  }\n\n  \/* Node *\/\n  .i2d-tl .i2d-tl-node{\n    display:flex;flex-direction:column;align-items:center;gap:10px;\n    cursor:pointer;background:none;border:none;outline:none;\n    width:0;flex:1;\n  }\n  .i2d-tl .i2d-tl-node:focus-visible .i2d-tl-node-dot{\n    box-shadow:0 0 0 3px rgba(31,200,219,.4);\n  }\n  .i2d-tl .i2d-tl-node-dot{\n    width:46px;height:46px;border-radius:50%;\n    background:var(--i2d-white);border:3px solid var(--i2d-line);\n    display:flex;align-items:center;justify-content:center;\n    transition:all .35s cubic-bezier(.22,1,.36,1);\n    box-shadow:0 2px 8px rgba(0,41,86,.06);\n  }\n  .i2d-tl .i2d-tl-node-dot svg{\n    width:20px;height:20px;color:var(--i2d-navy-soft);\n    transition:color .3s;\n  }\n  .i2d-tl .i2d-tl-node-label{\n    font-size:13px !important;font-weight:600;color:var(--i2d-navy-soft);\n    transition:color .3s;white-space:nowrap;\n  }\n\n  \/* Node states *\/\n  .i2d-tl .i2d-tl-node.is-done .i2d-tl-node-dot{\n    border-color:var(--i2d-cyan);background:var(--i2d-cyan-soft);\n  }\n  .i2d-tl .i2d-tl-node.is-done .i2d-tl-node-dot svg{color:var(--i2d-cyan-deep)}\n  .i2d-tl .i2d-tl-node.is-done .i2d-tl-node-label{color:var(--i2d-navy)}\n\n  .i2d-tl .i2d-tl-node.is-active .i2d-tl-node-dot{\n    border-color:var(--i2d-cyan);background:var(--i2d-navy);\n    transform:scale(1.15);\n    box-shadow:0 4px 20px rgba(31,200,219,.3);\n  }\n  .i2d-tl .i2d-tl-node.is-active .i2d-tl-node-dot svg{color:var(--i2d-cyan)}\n  .i2d-tl .i2d-tl-node.is-active .i2d-tl-node-label{color:var(--i2d-cyan-deep);font-weight:700}\n\n  .i2d-tl .i2d-tl-node:hover .i2d-tl-node-dot{\n    border-color:var(--i2d-cyan);transform:scale(1.08);\n  }\n\n  \/* Stage card *\/\n  .i2d-tl .i2d-tl-card{\n    background:var(--i2d-white);\n    border:1.5px solid var(--i2d-line);\n    border-radius:24px;\n    padding:44px 48px;\n    display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;\n    animation:i2dTlFade .45s ease both;\n    box-shadow:0 8px 30px rgba(0,41,86,.07);\n  }\n  @keyframes i2dTlFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}\n\n  .i2d-tl .i2d-tl-card-step{\n    font-size:12px !important;font-weight:700;letter-spacing:.18em;\n    color:var(--i2d-cyan-deep);margin-bottom:8px;\n  }\n  .i2d-tl .i2d-tl-card-title{\n    font-family:'Instrument Sans','Geist',system-ui,sans-serif !important;\n    font-size:28px !important;font-weight:700;line-height:1.15 !important;\n    color:var(--i2d-navy);margin-bottom:14px;\n  }\n  .i2d-tl .i2d-tl-card-desc{\n    font-size:16px !important;line-height:1.6 !important;\n    color:var(--i2d-navy-soft);margin-bottom:20px;text-wrap:pretty;\n  }\n  .i2d-tl .i2d-tl-card-tags{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .i2d-tl .i2d-tl-tag{\n    font-size:13px !important;font-weight:600;\n    color:var(--i2d-cyan-deep);\n    background:var(--i2d-cyan-soft);\n    border-radius:8px;padding:6px 14px;\n  }\n\n  \/* Visual panel *\/\n  .i2d-tl .i2d-tl-visual{\n    background:linear-gradient(135deg,#f0f9ff 0%,var(--i2d-cyan-soft) 100%);\n    border-radius:18px;\n    padding:32px;\n    display:flex;flex-direction:column;gap:12px;\n    min-height:240px;\n  }\n  .i2d-tl .i2d-tl-mock-row{\n    display:flex;align-items:center;gap:12px;\n    animation:i2dTlSlide .4s ease both;\n  }\n  .i2d-tl .i2d-tl-mock-row:nth-child(2){animation-delay:.08s}\n  .i2d-tl .i2d-tl-mock-row:nth-child(3){animation-delay:.16s}\n  .i2d-tl .i2d-tl-mock-row:nth-child(4){animation-delay:.24s}\n  .i2d-tl .i2d-tl-mock-row:nth-child(5){animation-delay:.32s}\n  @keyframes i2dTlSlide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}\n\n  .i2d-tl .i2d-tl-mock-icon{\n    width:36px;height:36px;border-radius:10px;\n    display:flex;align-items:center;justify-content:center;\n    flex-shrink:0;\n  }\n  .i2d-tl .i2d-tl-mock-icon svg{width:18px;height:18px}\n  .i2d-tl .i2d-tl-mock-text{\n    font-size:14px !important;font-weight:500;color:var(--i2d-navy);line-height:1.4 !important;\n  }\n  .i2d-tl .i2d-tl-mock-text span{color:var(--i2d-cyan-deep);font-weight:600}\n\n  .i2d-tl .i2d-tl-hint{\n    text-align:center;margin-top:28px;\n    font-size:13px !important;font-weight:500;color:var(--i2d-navy-soft);\n    opacity:.7;transition:opacity .3s;\n  }\n  .i2d-tl .i2d-tl-hint.is-hidden{opacity:0}\n\n  @media(max-width:980px){\n    .i2d-tl{padding:64px 20px}\n    .i2d-tl .i2d-tl-title{font-size:36px !important}\n    .i2d-tl .i2d-tl-sub{font-size:18px !important}\n    .i2d-tl .i2d-tl-card{grid-template-columns:1fr;padding:32px 24px;gap:24px}\n    .i2d-tl .i2d-tl-node-label{font-size:11px !important}\n    .i2d-tl .i2d-tl-node-dot{width:38px;height:38px}\n    .i2d-tl .i2d-tl-node-dot svg{width:16px;height:16px}\n    .i2d-tl .i2d-tl-track{padding:0 8px}\n    .i2d-tl .i2d-tl-rail{left:8px;right:8px}\n  }\n\n  @media(max-width:520px){\n    .i2d-tl{padding:32px 16px}\n    .i2d-tl .i2d-tl-head{margin-bottom:36px}\n    .i2d-tl .i2d-tl-title{font-size:36px !important}\n    .i2d-tl .i2d-tl-sub{font-size:15px !important}\n    .i2d-tl .i2d-tl-node{gap:6px}\n    .i2d-tl .i2d-tl-node-label{font-size:9px !important;white-space:normal;text-align:center;line-height:1.2}\n    .i2d-tl .i2d-tl-node-dot{width:32px;height:32px;border-width:2px}\n    .i2d-tl .i2d-tl-node-dot svg{width:14px;height:14px}\n    .i2d-tl .i2d-tl-node.is-active .i2d-tl-node-dot{transform:scale(1.1)}\n    .i2d-tl .i2d-tl-rail{top:16px;left:4px;right:4px}\n    .i2d-tl .i2d-tl-track{padding:0 4px;margin-bottom:28px}\n    .i2d-tl .i2d-tl-card{padding:22px 16px;gap:16px;border-radius:18px}\n    .i2d-tl .i2d-tl-card-step{font-size:10px !important}\n    .i2d-tl .i2d-tl-card-title{font-size:20px !important}\n    .i2d-tl .i2d-tl-card-desc{font-size:14px !important}\n    .i2d-tl .i2d-tl-tag{font-size:11px !important;padding:5px 10px}\n    .i2d-tl .i2d-tl-visual{padding:18px;min-height:auto;border-radius:14px}\n    .i2d-tl .i2d-tl-mock-icon{width:28px;height:28px;border-radius:7px}\n    .i2d-tl .i2d-tl-mock-icon svg{width:14px;height:14px}\n    .i2d-tl .i2d-tl-mock-text{font-size:12px !important}\n    .i2d-tl .i2d-tl-hint{font-size:11px !important;margin-top:18px}\n  }\n\n  @media(prefers-reduced-motion:reduce){\n    .i2d-tl .i2d-tl-card,.i2d-tl .i2d-tl-mock-row,.i2d-tl .i2d-tl-node-dot{\n      animation:none !important;transition:none !important;\n    }\n  }\n<\/style>\n\n<script>\n(function(){\n  var STAGES = [\n    {\n      label:'Prepare',\n      step:'STEP 1 \\u2014 BEFORE THE INTERVIEW',\n      title:'Walk in ready, not winging it',\n      desc:'In2Dialog analyzes the role, the candidate profile, and your past interviews to give you a tailored preparation brief. You get suggested questions, key areas to probe, and context you would have missed.',\n      tags:['Smart prep briefs','Suggested questions','Role-specific focus areas'],\n      icon:'<path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2M9 5h6M9 14l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>',\n      mockups:[\n        {svg:'<path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><path d=\"M12 11h4M12 16h4M8 11h.01M8 16h.01\"\/>',cl:'#0891B2',bg:'#E6FAFD',text:'Prep brief generated for <span>Senior Frontend Developer<\/span>'},\n        {svg:'<path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"\/><path d=\"M9 18h6M10 22h4\"\/>',cl:'#D97706',bg:'#FEF3C7',text:'3 suggested questions based on <span>role requirements<\/span>'},\n        {svg:'<circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/>',cl:'#059669',bg:'#F0FDF4',text:'Focus area flagged: <span>team collaboration experience<\/span>'},\n        {svg:'<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\"\/>',cl:'#7C3AED',bg:'#EDE9FE',text:'Candidate profile summary <span>ready to review<\/span>'}\n      ]\n    },\n    {\n      label:'Interview',\n      step:'STEP 2 \\u2014 DURING THE INTERVIEW',\n      title:'Be fully present. In2Dialog handles the rest.',\n      desc:'While you focus on the conversation, In2Dialog records and transcribes everything in real time. No more splitting your attention between listening and note-taking.',\n      tags:['Live recording','Real-time transcription','Zero distractions'],\n      icon:'<rect x=\"9\" y=\"3\" width=\"6\" height=\"12\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"\/><path d=\"M5 11a7 7 0 0 0 14 0M12 18v3M9 21h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/>',\n      mockups:[\n        {svg:'<circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>',cl:'#DC2626',bg:'#FEE2E2',text:'Recording in progress \\u2014 <span>00:23:41<\/span>'},\n        {svg:'<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>',cl:'#0891B2',bg:'#E6FAFD',text:'Live transcription: <span>\"In my previous role I led a team of...\"<\/span>'},\n        {svg:'<path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/>',cl:'#059669',bg:'#F0FDF4',text:'You ask follow-up questions. <span>Fully engaged.<\/span>'},\n        {svg:'<rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>',cl:'#7C3AED',bg:'#EDE9FE',text:'GDPR-compliant recording with <span>candidate consent<\/span>'}\n      ]\n    },\n    {\n      label:'Summarize',\n      step:'STEP 3 \\u2014 SECONDS AFTER THE CALL',\n      title:'A structured summary before you even close the tab',\n      desc:'The moment your interview ends, In2Dialog generates a complete, structured summary. Key competencies scored, important quotes captured, red flags highlighted. Ready to share immediately.',\n      tags:['AI-generated summaries','Competency scoring','Key moments captured'],\n      icon:'<path d=\"M6 4h9l4 4v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\" fill=\"none\"\/><path d=\"M14 4v5h5M9 13h6M9 17h4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/>',\n      mockups:[\n        {svg:'<path d=\"M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\"\/>',cl:'#0891B2',bg:'#E6FAFD',text:'Summary generated \\u2014 <span>structured by competency<\/span>'},\n        {svg:'<polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>',cl:'#D97706',bg:'#FEF3C7',text:'Communication scored <span>4.2\/5<\/span> \\u2014 strong storytelling'},\n        {svg:'<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3zM12 9v4M12 17h.01\"\/>',cl:'#DC2626',bg:'#FEE2E2',text:'Flag: <span>vague on deadline management<\/span> \\u2014 probe in round 2'},\n        {svg:'<path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22z\"\/>',cl:'#059669',bg:'#F0FDF4',text:'Key quote saved: <span>\"I restructured the onboarding flow...\"<\/span>'}\n      ]\n    },\n    {\n      label:'Analyze',\n      step:'STEP 4 \\u2014 YOUR PERSONAL FEEDBACK',\n      title:'Get honest feedback on how you interviewed',\n      desc:'This is where most tools stop. In2Dialog keeps going. It analyzes your interviewing technique and gives you actionable feedback. Were your questions too leading? Did you talk more than the candidate? Did you miss a follow-up opportunity?',\n      tags:['Interview technique feedback','Talk-ratio analysis','Question quality scoring'],\n      icon:'<path d=\"M4 19V5M4 19h16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/><path d=\"M8 16v-4M12 16V9M16 16v-6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" fill=\"none\"\/>',\n      mockups:[\n        {svg:'<path d=\"M12 20V10M18 20V4M6 20v-4\"\/>',cl:'#0891B2',bg:'#E6FAFD',text:'Talk ratio: <span>You 38% \/ Candidate 62%<\/span> \\u2014 well balanced'},\n        {svg:'<circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/>',cl:'#D97706',bg:'#FEF3C7',text:'2 questions flagged as <span>slightly leading<\/span>'},\n        {svg:'<path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"\/><path d=\"M9 18h6M10 22h4\"\/>',cl:'#059669',bg:'#F0FDF4',text:'Missed follow-up opportunity at <span>12:34<\/span>'},\n        {svg:'<path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22M18 2H6v7a6 6 0 0 0 12 0V2z\"\/>',cl:'#7C3AED',bg:'#EDE9FE',text:'Strong rapport-building in <span>opening 3 minutes<\/span>'}\n      ]\n    },\n    {\n      label:'Sync',\n      step:'STEP 5 \\u2014 AUTOMATIC ATS SYNC',\n      title:'Everything lands in your ATS without lifting a finger',\n      desc:'The structured summary, the scores, the recording link. All pushed directly into your ATS. No copy-pasting, no reformatting, no forgetting to update the system two days later.',\n      tags:['One-click ATS push','Bullhorn','Salesforce','Recruitee','OTYS'],\n      icon:'<path d=\"M8 12h8M12 8v8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"\/>',\n      mockups:[\n        {svg:'<path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/><path d=\"M3 21v-5h5\"\/>',cl:'#0891B2',bg:'#E6FAFD',text:'Syncing summary to <span>Bullhorn<\/span>...'},\n        {svg:'<path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/>',cl:'#059669',bg:'#F0FDF4',text:'Candidate record <span>updated automatically<\/span>'},\n        {svg:'<path d=\"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48\"\/>',cl:'#D97706',bg:'#FEF3C7',text:'Recording link <span>attached to profile<\/span>'},\n        {svg:'<path d=\"m22 2-7 20-4-9-9-4z\"\/><path d=\"M22 2 11 13\"\/>',cl:'#7C3AED',bg:'#EDE9FE',text:'Hiring manager <span>notified with full report<\/span>'}\n      ]\n    },\n    {\n      label:'Improve',\n      step:'STEP 6 \\u2014 LONG-TERM GROWTH',\n      title:'Every interview makes you sharper than the last',\n      desc:'Over time, In2Dialog tracks your patterns. You see how your technique evolves, where your blind spots are, and how you compare to best practices. This is how good recruiters become great ones.',\n      tags:['Performance tracking','Trend analysis','Continuous improvement'],\n      icon:'<path d=\"M3 17l6-6 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><path d=\"M17 7h4v4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>',\n      mockups:[\n        {svg:'<path d=\"m22 7-8.5 8.5-5-5L2 17\"\/><path d=\"M16 7h6v6\"\/>',cl:'#0891B2',bg:'#E6FAFD',text:'Interview quality score <span>up 18% this quarter<\/span>'},\n        {svg:'<circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/>',cl:'#059669',bg:'#F0FDF4',text:'Talk ratio <span>consistently improving<\/span>'},\n        {svg:'<path d=\"M12 2a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4zM18 12a6 6 0 0 1-12 0\"\/><path d=\"M12 18v4M8 22h8\"\/>',cl:'#D97706',bg:'#FEF3C7',text:'Blind spot identified: <span>technical deep-dives run long<\/span>'},\n        {svg:'<circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"\/>',cl:'#7C3AED',bg:'#EDE9FE',text:'Top 15% of recruiters for <span>question quality<\/span>'}\n      ]\n    }\n  ];\n\n  var cur = 0;\n  var nodesEl = document.getElementById('i2dNodes');\n  var stageEl = document.getElementById('i2dStage');\n  var railFill = document.getElementById('i2dRailFill');\n\n  \/\/ Build nodes\n  STAGES.forEach(function(s,i){\n    var btn = document.createElement('button');\n    btn.className = 'i2d-tl-node' + (i===0?' is-active':'');\n    btn.innerHTML =\n      '<div class=\"i2d-tl-node-dot\"><svg viewBox=\"0 0 24 24\">'+s.icon+'<\/svg><\/div>'+\n      '<span class=\"i2d-tl-node-label\">'+s.label+'<\/span>';\n    btn.addEventListener('click',function(){ go(i); });\n    nodesEl.appendChild(btn);\n  });\n\n  function go(idx){\n    cur = idx;\n    var hint = document.querySelector('.i2d-tl-hint');\n    if(hint) hint.classList.add('is-hidden');\n\n    var nodes = nodesEl.querySelectorAll('.i2d-tl-node');\n    nodes.forEach(function(n,i){\n      n.classList.remove('is-active','is-done');\n      if(i < idx) n.classList.add('is-done');\n      if(i === idx) n.classList.add('is-active');\n    });\n\n    var pct = STAGES.length > 1 ? (idx \/ (STAGES.length - 1)) * 100 : 0;\n    railFill.style.width = pct + '%';\n\n    var s = STAGES[idx];\n    var tagsHtml = s.tags.map(function(t){return '<span class=\"i2d-tl-tag\">'+t+'<\/span>'}).join('');\n    var mockHtml = s.mockups.map(function(m){\n      return '<div class=\"i2d-tl-mock-row\">'+\n        '<div class=\"i2d-tl-mock-icon\" style=\"background:'+m.bg+'\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"'+m.cl+'\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">'+m.svg+'<\/svg><\/div>'+\n        '<div class=\"i2d-tl-mock-text\">'+m.text+'<\/div><\/div>';\n    }).join('');\n\n    stageEl.innerHTML =\n      '<div class=\"i2d-tl-card\">'+\n        '<div>'+\n          '<div class=\"i2d-tl-card-step\">'+s.step+'<\/div>'+\n          '<div class=\"i2d-tl-card-title\">'+s.title+'<\/div>'+\n          '<p class=\"i2d-tl-card-desc\">'+s.desc+'<\/p>'+\n          '<div class=\"i2d-tl-card-tags\">'+tagsHtml+'<\/div>'+\n        '<\/div>'+\n        '<div class=\"i2d-tl-visual\">'+mockHtml+'<\/div>'+\n      '<\/div>';\n  }\n\n  go(0);\n})();\n<\/script>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-4322-239 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-4322-240 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-4322-241 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&family=Instrument+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.i2d-wrap * { box-sizing: border-box !important; margin: 0; padding: 0; }\n.i2d-wrap {\n  font-family: inherit;\n  background: #002956;\n  border-radius: 16px;\n  overflow: hidden;\n  width: 100%;\n  display: block;\n  text-align: left !important;\n}\n.i2d-calc-heading {\n  font-family: 'Instrument Sans', 'Geist', system-ui, sans-serif !important;\n  font-size: 55px !important;\n  font-weight: 700 !important;\n  font-style: normal !important;\n  line-height: 1.05 !important;\n  letter-spacing: -0.02em !important;\n  color: #002956;\n  margin: 0 0 24px 0 !important;\n  text-align: center !important;\n}\n.i2d-calc-heading span {\n  color: #1FC8DB !important;\n  font-family: inherit !important;\n  font-style: normal !important;\n}\n.i2d-body {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  min-height: 460px !important;\n}\n@media (max-width: 980px) {\n  .i2d-calc-heading { font-size: 36px !important; }\n}\n@media (max-width: 600px) {\n  .i2d-body { grid-template-columns: 1fr !important; min-height: auto !important; }\n  .i2d-left { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.08); }\n}\n@media (max-width: 520px) {\n  .i2d-calc-heading { font-size: 36px !important; margin-bottom: 18px !important; }\n  .i2d-wrap .i2d-left { padding: 32px 24px !important; }\n  .i2d-wrap .i2d-right { padding: 32px 24px !important; }\n  .i2d-wrap .i2d-lbl { font-size: 13px !important; }\n  .i2d-wrap .i2d-val { font-size: 17px !important; }\n  .i2d-wrap .i2d-slider-top { margin-bottom: 22px !important; }\n  .i2d-wrap .i2d-slider-row { margin-bottom: 24px !important; }\n  .i2d-wrap .i2d-card-val { font-size: 22px !important; }\n  .i2d-wrap .i2d-card-lbl { font-size: 11px !important; }\n  .i2d-wrap .i2d-card { padding: 14px 18px !important; }\n  .i2d-wrap input[type=range]::-webkit-slider-thumb { width: 22px !important; height: 22px !important; margin-top: -7px !important; }\n  .i2d-wrap input[type=range]::-moz-range-thumb { width: 22px !important; height: 22px !important; }\n}\n.i2d-left {\n  padding: 44px 48px !important;\n  border-right: 1px solid rgba(255,255,255,0.08);\n  text-align: left !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n}\n.i2d-right {\n  padding: 44px 48px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 12px !important;\n  justify-content: center !important;\n  text-align: center !important;\n}\n.i2d-slider-row { margin-bottom: 0 !important; width: 100% !important; text-align: left !important; }\n.i2d-slider-top {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: baseline !important;\n  margin-bottom: 18px !important;\n  width: 100% !important;\n}\n.i2d-lbl {\n  font-size: 17px !important;\n  color: rgba(255,255,255,0.5) !important;\n  font-weight: 500;\n}\n.i2d-val {\n  font-size: 22px !important;\n  font-weight: 700;\n  color: #00bfda !important;\n}\n.i2d-wrap input[type=range] {\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  width: 100% !important;\n  display: block !important;\n  height: 8px !important;\n  background: rgba(255,255,255,0.15) !important;\n  border-radius: 4px !important;\n  outline: none !important;\n  border: none !important;\n  cursor: pointer;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n.i2d-wrap input[type=range]:focus { outline: none !important; box-shadow: none !important; }\n.i2d-wrap input[type=range]::-webkit-slider-container { background: transparent !important; }\n.i2d-wrap input[type=range]::-webkit-slider-runnable-track {\n  height: 8px !important;\n  background: rgba(255,255,255,0.15) !important;\n  border-radius: 4px !important;\n  border: none !important;\n}\n.i2d-wrap input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  width: 26px !important;\n  height: 26px !important;\n  border-radius: 50% !important;\n  background: #00bfda !important;\n  cursor: pointer;\n  border: none !important;\n  box-shadow: 0 0 0 0 rgba(0,191,218,0) !important;\n  margin-top: -9px !important;\n  transition: box-shadow .25s ease, transform .25s ease !important;\n}\n.i2d-wrap input[type=range]:hover::-webkit-slider-thumb {\n  box-shadow: 0 0 12px 4px rgba(0,191,218,0.4) !important;\n  transform: scale(1.2) !important;\n}\n.i2d-wrap input[type=range]:active::-webkit-slider-thumb {\n  box-shadow: 0 0 16px 6px rgba(0,191,218,0.5) !important;\n  transform: scale(1.25) !important;\n}\n.i2d-wrap input[type=range]::-moz-range-track {\n  height: 8px !important;\n  background: rgba(255,255,255,0.15) !important;\n  border-radius: 4px !important;\n  border: none !important;\n}\n.i2d-wrap input[type=range]::-moz-range-thumb {\n  width: 26px !important;\n  height: 26px !important;\n  border-radius: 50% !important;\n  background: #00bfda !important;\n  cursor: pointer;\n  border: none !important;\n  box-shadow: 0 0 0 0 rgba(0,191,218,0) !important;\n  transition: box-shadow .25s ease, transform .25s ease !important;\n}\n.i2d-wrap input[type=range]:hover::-moz-range-thumb {\n  box-shadow: 0 0 12px 4px rgba(0,191,218,0.4) !important;\n  transform: scale(1.2) !important;\n}\n.i2d-wrap input[type=range]:active::-moz-range-thumb {\n  box-shadow: 0 0 16px 6px rgba(0,191,218,0.5) !important;\n  transform: scale(1.25) !important;\n}\n.i2d-wrap input[type=range]::-moz-range-progress {\n  background: #00bfda !important;\n  height: 8px !important;\n  border-radius: 4px !important;\n}\n.i2d-card {\n  border-radius: 12px !important;\n  padding: 18px 22px !important;\n  flex-grow: 0 !important;\n  flex-shrink: 0 !important;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  text-align: center !important;\n}\n.i2d-card.loss {\n  background: rgba(255,255,255,0.05) !important;\n}\n.i2d-card.gain {\n  background: rgba(255,195,0,0.08) !important;\n  border: 1.5px solid rgba(255,195,0,0.45) !important;\n}\n.i2d-card-lbl {\n  font-size: 12px !important;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 8px !important;\n  text-align: center !important;\n}\n.i2d-card.loss .i2d-card-lbl { color: rgba(255,255,255,0.35) !important; }\n.i2d-card.gain .i2d-card-lbl { color: rgba(255,195,0,0.75) !important; }\n.i2d-card-val {\n  font-size: 28px !important;\n  font-weight: 800;\n  line-height: 1 !important;\n  text-align: center !important;\n}\n.i2d-card.loss .i2d-card-val { color: rgba(255,255,255,0.9) !important; }\n.i2d-card.gain .i2d-card-val { color: #FFC300 !important; }\n.i2d-divider {\n  height: 1px !important;\n  background: rgba(255,255,255,0.08) !important;\n  flex-grow: 0 !important;\n}\n.i2d-note {\n  font-size: 11px !important;\n  color: rgba(255,255,255,0.22) !important;\n  line-height: 1.6 !important;\n  text-align: center !important;\n}\n<\/style>\n\n<h2 class=\"i2d-calc-heading\">How Much Is Post-Interview Admin <span>Costing You?<\/span><\/h2>\n<div class=\"i2d-wrap\">\n  <div class=\"i2d-body\">\n    <div class=\"i2d-left\">\n      <div class=\"i2d-slider-row\">\n        <div class=\"i2d-slider-top\">\n          <span class=\"i2d-lbl\">Recruiters on your team<\/span>\n          <span class=\"i2d-val\" id=\"i2d-rO\">5<\/span>\n        <\/div>\n        <input type=\"range\" min=\"1\" max=\"500\" value=\"5\" step=\"1\" id=\"i2d-rS\" oninput=\"i2dCalc()\">\n      <\/div>\n      <div class=\"i2d-slider-row\">\n        <div class=\"i2d-slider-top\">\n          <span class=\"i2d-lbl\">Interviews per recruiter per week<\/span>\n          <span class=\"i2d-val\" id=\"i2d-iO\">10<\/span>\n        <\/div>\n        <input type=\"range\" min=\"1\" max=\"40\" value=\"10\" step=\"1\" id=\"i2d-iS\" oninput=\"i2dCalc()\">\n      <\/div>\n      <div class=\"i2d-slider-row\">\n        <div class=\"i2d-slider-top\">\n          <span class=\"i2d-lbl\">Admin minutes per interview<\/span>\n          <span class=\"i2d-val\" id=\"i2d-mO\">35 min<\/span>\n        <\/div>\n        <input type=\"range\" min=\"5\" max=\"60\" value=\"35\" step=\"5\" id=\"i2d-mS\" oninput=\"i2dCalc()\">\n      <\/div>\n      <div class=\"i2d-slider-row\">\n        <div class=\"i2d-slider-top\">\n          <span class=\"i2d-lbl\">Recruiter hourly cost<\/span>\n          <span class=\"i2d-val\" id=\"i2d-cO\">&#8364;50<\/span>\n        <\/div>\n        <input type=\"range\" min=\"20\" max=\"150\" value=\"50\" step=\"5\" id=\"i2d-cS\" oninput=\"i2dCalc()\">\n      <\/div>\n    <\/div>\n    <div class=\"i2d-right\">\n      <div class=\"i2d-card loss\">\n        <div class=\"i2d-card-lbl\">Hours lost per month<\/div>\n        <div class=\"i2d-card-val\" id=\"i2d-hL\">126 hrs<\/div>\n      <\/div>\n      <div class=\"i2d-card loss\">\n        <div class=\"i2d-card-lbl\">Cost of that admin<\/div>\n        <div class=\"i2d-card-val\" id=\"i2d-cL\">&#8364;6,300<\/div>\n      <\/div>\n      <div class=\"i2d-divider\"><\/div>\n      <div class=\"i2d-card gain\">\n        <div class=\"i2d-card-lbl\">Hours saved with In2Dialog<\/div>\n        <div class=\"i2d-card-val\" id=\"i2d-hS\">63 hrs<\/div>\n      <\/div>\n      <div class=\"i2d-card gain\">\n        <div class=\"i2d-card-lbl\">Money saved per month<\/div>\n        <div class=\"i2d-card-val\" id=\"i2d-mSv\">&#8364;3,150<\/div>\n      <\/div>\n      <div class=\"i2d-note\">Based on a 50% reduction in admin time across 300,000+ In2Dialog interviews.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction i2dFmt(n) {\n  if (n >= 1000) {\n    var t = Math.round(n \/ 100) * 100;\n    return t.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n  }\n  return Math.round(n).toString();\n}\nfunction i2dCalc() {\n  var r = +document.getElementById('i2d-rS').value;\n  var i = +document.getElementById('i2d-iS').value;\n  var m = +document.getElementById('i2d-mS').value;\n  var c = +document.getElementById('i2d-cS').value;\n  document.getElementById('i2d-rO').textContent = r;\n  document.getElementById('i2d-iO').textContent = i;\n  document.getElementById('i2d-mO').textContent = m + ' min';\n  document.getElementById('i2d-cO').textContent = '\\u20AC' + c;\n  var hrs = r * i * (m \/ 60) * 4.33;\n  var cost = hrs * c;\n  var hrsSaved = hrs * 0.5;\n  var saved = hrsSaved * c;\n  document.getElementById('i2d-hL').textContent = Math.round(hrs) + ' hrs';\n  document.getElementById('i2d-cL').textContent = '\\u20AC' + i2dFmt(cost);\n  document.getElementById('i2d-hS').textContent = Math.round(hrsSaved) + ' hrs';\n  document.getElementById('i2d-mSv').textContent = '\\u20AC' + i2dFmt(saved);\n}\ni2dCalc();\n<\/script>\n\n\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-4322-114 bde-section\" data-parallax=\"true\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-4322-259 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&family=Instrument+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"i2d-trusted\" aria-label=\"Trusted by leading recruitment teams\">\n  <div class=\"i2d-tr-inner\">\n    <div class=\"i2d-tr-head\">\n      <div class=\"i2d-tr-eyebrow\">Our clients<\/div>\n      <h2 class=\"i2d-tr-title\">Trusted By <span class=\"i2d-tr-accent\">Leading<\/span> Recruitment Teams.<\/h2>\n    <\/div>\n\n    <div class=\"i2d-tr-grid\">\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Blaauw-1.png\" alt=\"Blaauw\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Calco-1.png\" alt=\"Calco\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Compagnon-1.png\" alt=\"Compagnon\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Exact-pi-1.png\" alt=\"Exact PI\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/inzet-1.png\" alt=\"Inzet\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Kayak-1.png\" alt=\"Kayak\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/KEN-ONZ.png\" alt=\"KEN ONZ\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/NoMilk2Day-1.png\" alt=\"NoMilk2Day\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Talentus-1.png\" alt=\"Talentus\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/House-of-Talents-1.png\" alt=\"House of Talents\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/RGF-Staffing-1.png\" alt=\"RGF Staffing\" loading=\"lazy\"><\/div>\n      <div class=\"i2d-tr-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Welten-1.png\" alt=\"Welten\" loading=\"lazy\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .i2d-trusted{\n    --i2d-navy:#0B1E3F;\n    --i2d-navy-soft:#3B5680;\n    --i2d-cyan:#1FC8DB;\n    --i2d-cyan-deep:#0891B2;\n    --i2d-white:#FFFFFF;\n    --i2d-line:#DCE6F2;\n    --i2d-bg:#E5F4FF;\n\n    background:var(--i2d-bg);\n    color:var(--i2d-navy);\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif !important;\n    padding:88px 24px;\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .i2d-trusted, .i2d-trusted *{\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;\n    box-sizing:border-box;\n  }\n\n  .i2d-tr-inner{max-width:920px;margin:0 auto}\n  .i2d-tr-head{text-align:center;margin-bottom:56px}\n\n  .i2d-trusted .i2d-tr-eyebrow{\n    font-size:14px !important;font-weight:700;letter-spacing:.18em;\n    background:linear-gradient(90deg,#0891B2,#1FC8DB);\n    -webkit-background-clip:text;background-clip:text;\n    -webkit-text-fill-color:transparent;color:transparent;\n    text-transform:uppercase;margin-bottom:22px;\n  }\n\n  .i2d-trusted .i2d-tr-title{\n    font-family:'Instrument Sans', 'Geist', system-ui, sans-serif !important;\n    font-size:55px !important;line-height:1.05 !important;letter-spacing:-.02em;\n    font-weight:700;margin:0;color:var(--i2d-navy);\n  }\n  .i2d-trusted .i2d-tr-accent{color:var(--i2d-cyan);font-family:inherit !important}\n\n  .i2d-tr-grid{\n    display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;justify-items:center;\n  }\n  .i2d-tr-card{\n    display:flex;align-items:center;justify-content:center;\n    width:100%;min-height:100px;\n    background:var(--i2d-white);border:1px solid var(--i2d-line);\n    border-radius:16px;padding:16px 28px;\n    box-shadow:0 2px 8px rgba(11,30,63,.04);\n    transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s, border-color .3s;\n  }\n  .i2d-tr-card:hover{\n    transform:translateY(-4px);\n    box-shadow:0 12px 32px rgba(11,30,63,.1);\n    border-color:var(--i2d-cyan);\n  }\n  .i2d-tr-card img{\n    max-width:100%;max-height:80px;width:auto;height:auto;\n    object-fit:contain;transition:filter .3s;\n  }\n\n  @media (max-width:900px){\n    .i2d-trusted{padding:64px 20px}\n    .i2d-trusted .i2d-tr-title{font-size:40px !important}\n    .i2d-tr-grid{grid-template-columns:repeat(3, 1fr);gap:16px}\n    .i2d-tr-card{min-height:80px;padding:16px 24px}\n    .i2d-tr-card img{max-height:70px}\n  }\n\n  @media (max-width:520px){\n    .i2d-trusted{padding:48px 16px}\n    .i2d-trusted .i2d-tr-title{font-size:36px !important}\n    .i2d-trusted .i2d-tr-eyebrow{font-size:11px !important}\n    .i2d-tr-head{margin-bottom:36px}\n    .i2d-tr-grid{grid-template-columns:repeat(2, 1fr);gap:12px}\n    .i2d-tr-card{min-height:64px;padding:14px 18px;border-radius:12px}\n    .i2d-tr-card img{max-height:52px}\n  }\n\n  @media (prefers-reduced-motion:reduce){\n    .i2d-tr-card{transition:none !important}\n    .i2d-tr-card img{transition:none !important}\n  }\n<\/style>\n\n\n<\/div><div class=\"bde-code-block-4322-252 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&family=Instrument+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"i2d-tm\" aria-label=\"Customer testimonials\">\n  <div class=\"i2d-tm-inner\">\n    <div class=\"i2d-tm-head\">\n      <div class=\"i2d-tm-eyebrow\">TESTIMONIALS<\/div>\n      <h2 class=\"i2d-tm-title\">What Our Customers <span class=\"i2d-tm-accent\">Say About Us.<\/span><\/h2>\n    <\/div>\n\n    <div class=\"i2d-tm-stage\" data-stage=\"\">\n      <div class=\"i2d-tm-card\" data-card=\"\">\n        <img decoding=\"async\" class=\"i2d-tm-photo\" data-photo=\"\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Wim-van-de-Worp-1.png\" alt=\"Wim van de Worp\">\n        <div class=\"i2d-tm-body\">\n          <svg class=\"i2d-tm-quote\" viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M10 28c0-7 5-12 12-13v5c-4 1-7 4-7 8h7v12H10V28zm18 0c0-7 5-12 12-13v5c-4 1-7 4-7 8h7v12H28V28z\" fill=\"#1FC8DB\"><\/path>\n          <\/svg>\n          <p class=\"i2d-tm-quote-text\" data-quote=\"\">\"We save 30 minutes per interview, reduce admin, and hire better with In2Dialog.\"<\/p>\n          <div class=\"i2d-tm-meta\">\n            <div class=\"i2d-tm-rule\"><\/div>\n            <div>\n              <div class=\"i2d-tm-name\" data-name=\"\">Wim van de Worp<\/div>\n              <div class=\"i2d-tm-role\" data-role=\"\">Co-Founder \/ Managing Partner, NoMilk2Day<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"i2d-tm-dots\" data-dots=\"\"><\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .i2d-tm{\n    --i2d-navy:#002956;\n    --i2d-navy-soft:#3B5680;\n    --i2d-cyan:#1FC8DB;\n    --i2d-cyan-deep:#0891B2;\n    --i2d-cyan-soft:#E6FAFD;\n    --i2d-bg:#FDFDFD;\n    --i2d-white:#FFFFFF;\n    --i2d-line:#CFE0F2;\n\n    background:var(--i2d-bg);\n    color:var(--i2d-navy);\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif !important;\n    padding:88px 24px;\n  }\n  .i2d-tm, .i2d-tm *{\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;\n    box-sizing:border-box;\n  }\n  .i2d-tm-inner{max-width:1120px;margin:0 auto}\n  .i2d-tm-head{text-align:center;margin-bottom:56px}\n  .i2d-tm-eyebrow{\n    font-size:13px !important;font-weight:700;letter-spacing:.18em;\n    color:var(--i2d-cyan-deep);margin-bottom:16px;\n  }\n  .i2d-tm-title{\n    font-family:'Instrument Sans','Geist',system-ui,sans-serif !important;\n    font-size:55px !important;line-height:1.05 !important;letter-spacing:-.02em;\n    font-weight:700;margin:0;color:var(--i2d-navy);\n  }\n  .i2d-tm-accent{color:var(--i2d-cyan);font-family:inherit !important;}\n\n  .i2d-tm-stage{position:relative;max-width:980px;margin:0 auto}\n  .i2d-tm-card{\n    background:linear-gradient(135deg, #E6FAFD 0%, #DCEEFB 100%);\n    border:1.5px solid var(--i2d-line);\n    border-radius:28px;\n    padding:56px 80px;\n    display:grid;grid-template-columns:90px 1fr;gap:48px;align-items:center;\n    animation:i2dFade .5s ease both;\n  }\n  @keyframes i2dFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\n\n  .i2d-tm-photo{\n    width:90px;height:90px;border-radius:50%;object-fit:cover;\n    border:3px solid var(--i2d-white);\n    box-shadow:0 8px 18px rgba(0,41,86,.18);\n  }\n  .i2d-tm-quote{width:48px;height:48px;display:block}\n  .i2d-tm-quote-text{\n    font-family:'Instrument Sans','Geist',system-ui,sans-serif !important;\n    font-size:26px !important;line-height:1.4 !important;color:var(--i2d-navy);\n    font-weight:500;margin:10px 0 24px;letter-spacing:-.2px;text-wrap:pretty;\n  }\n  .i2d-tm-meta{display:flex;flex-direction:column;align-items:center;gap:4px}\n  .i2d-tm-rule{display:none}\n  .i2d-tm-name{font-size:17px !important;font-weight:700;color:var(--i2d-navy);text-align:center}\n  .i2d-tm-role{font-size:14px !important;color:var(--i2d-navy-soft);margin-top:2px;text-align:center}\n\n  .i2d-tm-dots{display:flex;gap:8px;justify-content:center;margin-top:32px;align-items:center}\n  .i2d-tm-dot{\n    width:8px;height:8px;border-radius:999px;background:var(--i2d-line);\n    cursor:pointer;transition:width .3s,background .3s;\n    position:relative;overflow:hidden;border:none;padding:0;\n  }\n  .i2d-tm-dot.is-active{width:32px;background:var(--i2d-navy)}\n  .i2d-tm-dot-prog{\n    position:absolute;inset:0;background:var(--i2d-cyan);\n    transform:scaleX(0);transform-origin:left;\n  }\n  .i2d-tm-dot.is-active .i2d-tm-dot-prog{\n    animation:i2dProg 5.5s linear forwards;\n  }\n  .i2d-tm.is-paused .i2d-tm-dot.is-active .i2d-tm-dot-prog{animation-play-state:paused}\n  @keyframes i2dProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n\n  @media (max-width:820px){\n    .i2d-tm{padding:64px 20px}\n    .i2d-tm-title{font-size:36px !important}\n    .i2d-tm-card{grid-template-columns:1fr;padding:36px 28px;gap:24px;text-align:center}\n    .i2d-tm-photo{margin:0 auto;width:80px;height:80px}\n    .i2d-tm-quote{margin:0 auto}\n    .i2d-tm-quote-text{font-size:20px !important}\n    .i2d-tm-meta{justify-content:center}\n  }\n\n  @media (max-width:520px){\n    .i2d-tm{padding:48px 16px}\n    .i2d-tm-title{font-size:36px !important}\n    .i2d-tm-eyebrow{font-size:11px !important}\n    .i2d-tm-head{margin-bottom:36px}\n    .i2d-tm-card{padding:28px 20px;gap:18px;border-radius:20px}\n    .i2d-tm-photo{width:68px;height:68px}\n    .i2d-tm-quote{width:36px;height:36px}\n    .i2d-tm-quote-text{font-size:17px !important;margin:8px 0 18px}\n    .i2d-tm-name{font-size:15px !important}\n    .i2d-tm-role{font-size:12px !important}\n  }\n\n  @media (prefers-reduced-motion:reduce){\n    .i2d-tm-card,.i2d-tm-dot,.i2d-tm-dot-prog{animation:none !important;transition:none !important}\n  }\n<\/style>\n\n<script>\n  (function(){\n    var sections = document.querySelectorAll('.i2d-tm');\n    var section = sections[sections.length - 1];\n    if(!section) return;\n    if(section.dataset.i2dInit === '1') return;\n    section.dataset.i2dInit = '1';\n\n    var QUOTES = [\n      { quote: 'We save 30 minutes per interview, reduce admin, and hire better with In2Dialog.',\n        name: 'Wim van de Worp', role: 'Co-Founder \/ Managing Partner, NoMilk2Day',\n        img: 'https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Wim-van-de-Worp-1.png' },\n      { quote: 'I use In2Dialog daily because it adds structured, professional value to my reports without any extra effort.',\n        name: 'Katia De Greve', role: 'Talent Consultant, House of Talents',\n        img: 'https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Katia-De-Greve-1.png' },\n      { quote: 'I can fully focus on the candidate, knowing everything is captured. Afterwards I can look up exactly what someone said, which helps me make better decisions.',\n        name: 'Nikita Oversteegen', role: 'Adviseur Sociaal Domein, Bender Groep',\n        img: 'https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/06\/Nikita-Oversteegen.png' }\n    ];\n\n    var photo = section.querySelector('[data-photo]');\n    var quote = section.querySelector('[data-quote]');\n    var name  = section.querySelector('[data-name]');\n    var role  = section.querySelector('[data-role]');\n    var card  = section.querySelector('[data-card]');\n    var dotsW = section.querySelector('[data-dots]');\n    dotsW.innerHTML = '';\n\n    var i = 0, timer = null, INTERVAL = 5500;\n\n    QUOTES.forEach(function(_, idx){\n      var btn = document.createElement('button');\n      btn.className = 'i2d-tm-dot' + (idx === 0 ? ' is-active' : '');\n      btn.setAttribute('aria-label', 'Go to testimonial ' + (idx+1));\n      var prog = document.createElement('span');\n      prog.className = 'i2d-tm-dot-prog';\n      btn.appendChild(prog);\n      btn.addEventListener('click', function(){ go(idx); restart(); });\n      dotsW.appendChild(btn);\n    });\n    var dots = dotsW.querySelectorAll('.i2d-tm-dot');\n\n    function render(){\n      var q = QUOTES[i];\n      photo.src = q.img; photo.alt = q.name;\n      quote.textContent = '\\u201C' + q.quote + '\\u201D';\n      name.textContent = q.name;\n      role.textContent = q.role;\n      card.style.animation = 'none';\n      dots.forEach(function(d, idx){\n        d.classList.toggle('is-active', idx === i);\n        var p = d.querySelector('.i2d-tm-dot-prog');\n        p.style.animation = 'none'; void p.offsetWidth; p.style.animation = '';\n      });\n    }\n    function next(){ i = (i + 1) % QUOTES.length; render(); }\n    function go(idx){ i = idx; render(); }\n    function start(){ stop(); timer = setInterval(next, INTERVAL); }\n    function stop(){ if(timer){ clearInterval(timer); timer = null; } }\n    function restart(){ start(); }\n\n    render();\n    start();\n\n    var visObs = new IntersectionObserver(function(entries){\n      if(entries[0].isIntersecting){\n        start();\n        section.classList.remove('is-paused');\n      } else {\n        stop();\n        section.classList.add('is-paused');\n      }\n    }, { threshold: 0.15 });\n    visObs.observe(section);\n\n    function setStableHeight(){\n      var stage = section.querySelector('[data-stage]');\n      stage.style.minHeight = '';\n      var maxH = 0;\n      QUOTES.forEach(function(q, idx){\n        go(idx);\n        var h = stage.scrollHeight;\n        if(h > maxH) maxH = h;\n      });\n      stage.style.minHeight = maxH + 'px';\n      go(0);\n    }\n    setStableHeight();\n    window.addEventListener('resize', function(){\n      setStableHeight();\n    });\n  })();\n<\/script>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-4322-157 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-4322-163 bde-columns\"><div class=\"bde-column-4322-164 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-4322-257 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&family=Instrument+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"i2d-team\" aria-label=\"Meet the team\">\n  <style>\n    .i2d-team {\n      --navy: #002956;\n      --navy-soft: #3B5680;\n      --cyan: #1FC8DB;\n      --cyan-deep: #0891B2;\n      --line: #CFE0F2;\n      --bg: #FDFDFD;\n\n      background: var(--bg);\n      color: var(--navy);\n      font-family: 'Geist', system-ui, sans-serif;\n      padding: 88px 24px;\n    }\n    .i2d-team, .i2d-team * {\n      box-sizing: border-box;\n      font-family: 'Geist', system-ui, sans-serif;\n    }\n    .i2d-team-inner { max-width: 1040px; margin: 0 auto; }\n\n    .i2d-team-head { text-align: center; margin-bottom: 48px; }\n    .i2d-team-eyebrow {\n      font-size: 13px; font-weight: 700; letter-spacing: .18em;\n      color: var(--cyan-deep); margin-bottom: 14px; text-transform: uppercase;\n    }\n    .i2d-team-title {\n      font-family: 'Instrument Sans', 'Geist', system-ui, sans-serif !important;\n      font-size: 52px !important; font-weight: 700 !important; line-height: 1.08 !important;\n      letter-spacing: -.02em; margin: 0; color: var(--navy);\n    }\n    .i2d-team-title .accent { color: var(--cyan); font-family: inherit !important; }\n\n    .i2d-team-photo-wrap {\n      border-radius: 28px; overflow: hidden;\n      box-shadow: 0 20px 50px rgba(0,41,86,.14);\n      border: 1px solid var(--line);\n      background: linear-gradient(135deg, #0a2147, #1a3a6a);\n      margin-bottom: 48px;\n    }\n    .i2d-team-photo {\n      width: 100%; display: block;\n      object-fit: cover; max-height: 520px;\n    }\n\n    .i2d-team-intro {\n      font-family: 'Instrument Sans', 'Geist', system-ui, sans-serif !important;\n      font-size: 24px !important; font-weight: 600 !important;\n      line-height: 1.4 !important; color: var(--navy);\n      text-align: center; max-width: 720px; margin: 0 auto 40px;\n    }\n\n    .i2d-team-divider {\n      width: 60px; height: 3px; border-radius: 2px;\n      background: var(--cyan); margin: 0 auto 40px;\n    }\n\n    .i2d-team-cards {\n      display: grid; grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n    .i2d-team-card {\n      background: linear-gradient(135deg, #E6FAFD 0%, #DCEEFB 100%);\n      border: 1px solid var(--line);\n      border-radius: 20px;\n      padding: 32px 28px;\n    }\n    .i2d-team-card-title {\n      font-family: 'Instrument Sans', 'Geist', system-ui, sans-serif !important;\n      font-size: 17px !important; font-weight: 700 !important;\n      color: var(--navy); margin: 0 0 10px 0;\n      display: flex; align-items: center; gap: 10px;\n    }\n    .i2d-team-card-dot {\n      width: 8px; height: 8px; border-radius: 50%;\n      background: var(--cyan); flex: none;\n    }\n    .i2d-team-card p {\n      font-size: 15px !important; line-height: 1.65 !important;\n      color: var(--navy-soft); margin: 0;\n    }\n\n    \/* \u2500\u2500 Entrance animations \u2500\u2500 *\/\n    .i2d-reveal {\n      opacity: 0;\n      transform: translateY(32px);\n      transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);\n    }\n    .i2d-reveal.is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* photo gets a subtle scale-up *\/\n    .i2d-reveal-photo {\n      opacity: 0;\n      transform: scale(.96);\n      transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1);\n    }\n    .i2d-reveal-photo.is-visible {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    \/* divider grows from center *\/\n    .i2d-reveal-line {\n      transform: scaleX(0);\n      transition: transform .6s cubic-bezier(.22,.61,.36,1);\n    }\n    .i2d-reveal-line.is-visible {\n      transform: scaleX(1);\n    }\n\n    \/* stagger delays for cards *\/\n    .i2d-delay-1 { transition-delay: .1s; }\n    .i2d-delay-2 { transition-delay: .22s; }\n    .i2d-delay-3 { transition-delay: .34s; }\n    .i2d-delay-4 { transition-delay: .46s; }\n\n    @media (max-width: 860px) {\n      .i2d-team { padding: 64px 20px; }\n      .i2d-team-title { font-size: 36px !important; }\n      .i2d-team-intro { font-size: 20px !important; }\n      .i2d-team-photo { max-height: 300px; }\n      .i2d-team-cards { grid-template-columns: 1fr; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .i2d-reveal, .i2d-reveal-photo, .i2d-reveal-line {\n        opacity: 1 !important;\n        transform: none !important;\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"i2d-team-inner\">\n    <div class=\"i2d-team-head i2d-reveal\">\n      <div class=\"i2d-team-eyebrow\">Meet the team<\/div>\n      <h2 class=\"i2d-team-title\">\n        Built by <span class=\"accent\">Recruitment Experts.<\/span><br>\n        Driven by Data. Focused on Results.\n      <\/h2>\n    <\/div>\n\n    <div class=\"i2d-team-photo-wrap i2d-reveal-photo\">\n      <img decoding=\"async\" class=\"i2d-team-photo\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/In2Dialog-Team-2.jpg\" alt=\"The In2Dialog team\">\n    <\/div>\n\n    <p class=\"i2d-team-intro i2d-reveal\">In2Dialog was built by a team that understands recruitment from the inside.<\/p>\n\n    <div class=\"i2d-team-divider i2d-reveal-line\"><\/div>\n\n    <div class=\"i2d-team-cards\">\n      <div class=\"i2d-team-card i2d-reveal i2d-delay-1\">\n        <div class=\"i2d-team-card-title\"><span class=\"i2d-team-card-dot\"><\/span> The starting point<\/div>\n        <p>Years in hiring environments where interviews are fast, decisions matter, and detail is everything. One issue kept coming up. Important information from conversations was not being captured clearly or consistently.<\/p>\n      <\/div>\n\n      <div class=\"i2d-team-card i2d-reveal i2d-delay-2\">\n        <div class=\"i2d-team-card-title\"><span class=\"i2d-team-card-dot\"><\/span> Real workflows, not assumptions<\/div>\n        <p>The team combines hands on recruitment experience with technical expertise. They understand where time disappears, where context gets lost, and where structure changes the quality of a decision. Everything is built to make every recruiter on your team better, on every call.<\/p>\n      <\/div>\n\n      <div class=\"i2d-team-card i2d-reveal i2d-delay-3\">\n        <div class=\"i2d-team-card-title\"><span class=\"i2d-team-card-dot\"><\/span> Practical by design<\/div>\n        <p>Make it easier for recruiters to stay focused, retain what matters, and work with clarity from start to finish. No unnecessary complexity. No disruption to how you already work. Just smarter support that makes you a better recruiter.<\/p>\n      <\/div>\n\n      <div class=\"i2d-team-card i2d-reveal i2d-delay-4\">\n        <div class=\"i2d-team-card-title\"><span class=\"i2d-team-card-dot\"><\/span> Accuracy & trust<\/div>\n        <p>When the information is reliable, decisions become faster and more confident. A smarter way to support better outcomes and help every recruiter perform at their best.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var observer = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n\n  document.querySelectorAll('.i2d-reveal, .i2d-reveal-photo, .i2d-reveal-line').forEach(function(el){\n    observer.observe(el);\n  });\n})();\n<\/script>\n\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-4322-261 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-4322-260 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&family=Instrument+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"i2d-ats\" aria-label=\"ATS Integrations\">\n  <style>\n    .i2d-ats {\n      --i2d-navy:#002956;\n      --i2d-cyan:#1FC8DB;\n\n      padding: 56px 24px;\n      font-family: 'Geist', system-ui, sans-serif !important;\n      width: 100%;\n      position: relative;\n      z-index: 0;\n    }\n    .i2d-ats::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 100vw;\n      background: linear-gradient(135deg, #E6FAFD 0%, #DCEEFB 100%);\n      z-index: -1;\n    }\n    .i2d-ats *, .i2d-ats *::before, .i2d-ats *::after { box-sizing: border-box; }\n\n    .i2d-ats .i2d-ats-inner {\n      max-width: 1200px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .i2d-ats .i2d-ats-head {\n      margin-bottom: 40px;\n    }\n    .i2d-ats .i2d-ats-title {\n      font-family: 'Instrument Sans', 'Geist', system-ui, sans-serif !important;\n      font-size: 55px !important;\n      line-height: 1.05 !important;\n      letter-spacing: -.02em;\n      font-weight: 700;\n      color: var(--i2d-navy);\n      margin: 0;\n      text-align: center;\n    }\n    .i2d-ats .i2d-ats-title span {\n      color: var(--i2d-cyan);\n      font-family: inherit !important;\n    }\n\n    .i2d-ats .i2d-ats-grid {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 16px;\n      padding: 6px 0;\n      margin: 0 auto;\n    }\n\n    .i2d-ats .i2d-ats-card {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255,255,255,0.65);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(255,255,255,0.8);\n      border-radius: 16px;\n      padding: 20px 24px;\n      width: 200px;\n      height: 100px;\n      flex: 0 0 200px;\n      position: relative;\n      overflow: hidden;\n      box-shadow:\n        0 4px 16px rgba(0,41,86,.05),\n        inset 0 1px 0 rgba(255,255,255,0.6);\n      transition: transform .3s, box-shadow .3s, background .3s;\n    }\n\n    .i2d-ats .i2d-ats-card::after {\n      content: '';\n      position: absolute;\n      top: 0; left: -100%; bottom: 0;\n      width: 60%;\n      background: linear-gradient(\n        105deg,\n        transparent 30%,\n        rgba(255,255,255,0.5) 50%,\n        transparent 70%\n      );\n      animation: i2dShimmer 5s ease-in-out infinite;\n    }\n    .i2d-ats .i2d-ats-card:nth-child(1)::after  { animation-delay: 0s; }\n    .i2d-ats .i2d-ats-card:nth-child(2)::after  { animation-delay: 0.35s; }\n    .i2d-ats .i2d-ats-card:nth-child(3)::after  { animation-delay: 0.7s; }\n    .i2d-ats .i2d-ats-card:nth-child(4)::after  { animation-delay: 1.05s; }\n    .i2d-ats .i2d-ats-card:nth-child(5)::after  { animation-delay: 1.4s; }\n    .i2d-ats .i2d-ats-card:nth-child(6)::after  { animation-delay: 0.2s; }\n    .i2d-ats .i2d-ats-card:nth-child(7)::after  { animation-delay: 0.55s; }\n    .i2d-ats .i2d-ats-card:nth-child(8)::after  { animation-delay: 0.9s; }\n    .i2d-ats .i2d-ats-card:nth-child(9)::after  { animation-delay: 1.25s; }\n\n    @keyframes i2dShimmer {\n      0%   { left: -100%; }\n      40%  { left: 150%; }\n      100% { left: 150%; }\n    }\n\n    .i2d-ats .i2d-ats-card:hover {\n      transform: translateY(-3px);\n      background: rgba(255,255,255,0.85);\n      box-shadow:\n        0 8px 32px rgba(0,41,86,.1),\n        inset 0 1px 0 rgba(255,255,255,0.8);\n    }\n    .i2d-ats .i2d-ats-card img {\n      height: 80px;\n      width: auto;\n      max-width: 100%;\n      display: block;\n      object-fit: contain;\n      position: relative;\n      z-index: 1;\n    }\n\n    @media (max-width:980px){\n      .i2d-ats .i2d-ats-title{font-size:40px !important}\n    }\n\n    @media (max-width:520px){\n      .i2d-ats { padding: 40px 16px; }\n      .i2d-ats .i2d-ats-title { font-size: 36px !important; }\n      .i2d-ats .i2d-ats-head { margin-bottom: 28px; }\n      .i2d-ats .i2d-ats-grid {\n        display: grid !important;\n        grid-template-columns: 1fr 1fr;\n        gap: 10px;\n      }\n      .i2d-ats .i2d-ats-card {\n        width: auto;\n        flex: unset;\n        height: 88px;\n        padding: 16px 18px;\n        border-radius: 12px;\n      }\n      .i2d-ats .i2d-ats-card:last-child:nth-child(odd) {\n        grid-column: 1 \/ -1;\n        max-width: 50%;\n        justify-self: center;\n      }\n      .i2d-ats .i2d-ats-card img {\n        height: 68px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .i2d-ats .i2d-ats-card::after { animation: none; }\n    }\n  <\/style>\n\n  <div class=\"i2d-ats-inner\">\n    <div class=\"i2d-ats-head\">\n      <h2 class=\"i2d-ats-title\">Seamless <span>ATS Integration.<\/span><br>Connect. Automate. Hire.<\/h2>\n    <\/div>\n\n    <div class=\"i2d-ats-grid\">\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/06\/Byner-New-Logo-2.png\" alt=\"Byner\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/05\/new_In2Dialog-Salesforce@2x.png\" alt=\"Salesforce\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/05\/new_In2Dialog-Bullhorn@2x.png\" alt=\"Bullhorn\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/09\/Ubeeo@2x.webp\" alt=\"Ubeeo\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/09\/otys@2x.png\" alt=\"OTYS\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/06\/Rectruitee-New-Logo.png\" alt=\"Recruitee\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/ForceFlow-Logo.png\" alt=\"ForceFlow\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/MySolution-Logo.png\" alt=\"MySolution\"><\/div>\n      <div class=\"i2d-ats-card\"><img decoding=\"async\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2026\/04\/Tigris-Logo.png\" alt=\"Tigris\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-4322-172 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-4322-175 bde-columns\"><div class=\"bde-column-4322-176 bde-column service1\" data-entrance=\"fade\">\n  \n  \n\t\n\n\n\n<div class=\"bde-lottie-animation-4322-177 bde-lottie-animation\"><\/div><div class=\"bde-lottie-animation-4322-178 bde-lottie-animation\"><\/div><h1 class=\"bde-heading-4322-173 bde-heading\">\nIn<span class=\"light-blue\">2<\/span>Dialog<br>Does Everything\n<\/h1><div class=\"bde-text-4322-174 bde-text\">\nEvery interview captured and synced to your ATS.\n<\/div><img decoding=\"async\" class=\"bde-image2-4322-179 bde-image2\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-scaled.webp\" loading=\"lazy\" srcset=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-scaled.webp 2560w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-300x191.webp 300w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-1024x652.webp 1024w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-768x489.webp 768w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-1536x978.webp 1536w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-2048x1304.webp 2048w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/08\/Record-Report-Recruit-In2Dialog-18x12.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\"><div class=\"bde-lottie-animation-4322-180 bde-lottie-animation\"><\/div>\n<\/div><div class=\"bde-column-4322-181 bde-column service1\" data-entrance=\"fade\">\n  \n  \n\t\n\n\n\n<div class=\"bde-lottie-animation-4322-182 bde-lottie-animation\"><\/div><div class=\"bde-code-block-4322-248 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Features List<\/title>\n<style>\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  .features-section {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    padding: 48px 40px;\n    max-width: 680px;\n    background: #FDFDFD;\n  }\n  .feature-item {\n    display: flex;\n    gap: 28px;\n    padding: 28px 0;\n    border-bottom: 1px solid #f0f0f0;\n    align-items: flex-start;\n  }\n  .feature-item:last-child {\n    border-bottom: none;\n  }\n  .feature-number {\n    font-size: 13px;\n    font-weight: 700;\n    color: #00BFAE;\n    min-width: 24px;\n    padding-top: 4px;\n    letter-spacing: 0.04em;\n  }\n  .feature-content {\n    flex: 1;\n  }\n  .feature-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: #0B1F3A;\n    line-height: 1.3;\n    margin-bottom: 8px;\n  }\n  .feature-desc {\n    font-size: 14px;\n    color: #5a6a7e;\n    line-height: 1.6;\n  }\n  .left-bar {\n    display: flex;\n    gap: 0;\n  }\n  .bar-line {\n    width: 5px;\n    background: #0B1F3A;\n    border-radius: 4px 0 0 4px;\n    margin-right: 0;\n    flex-shrink: 0;\n  }\n  .bar-content {\n    flex: 1;\n    padding-left: 40px;\n  }\n\n  @media (max-width: 520px) {\n    .features-section {\n      padding: 32px 20px;\n    }\n    .left-bar {\n      display: block;\n    }\n    .bar-line {\n      display: none;\n    }\n    .bar-content {\n      padding-left: 0;\n    }\n    .feature-item {\n      flex-direction: column;\n      gap: 0;\n      padding: 20px 0;\n      border-bottom: 1px solid #f0f0f0;\n    }\n    .feature-number {\n      font-size: 11px;\n      margin-bottom: 6px;\n      padding-top: 0;\n    }\n    .feature-title {\n      font-size: 17px;\n      margin-bottom: 6px;\n    }\n    .feature-desc {\n      font-size: 13px;\n    }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"features-section left-bar\">\n  <div class=\"bar-line\"><\/div>\n  <div class=\"bar-content\">\n    <div class=\"feature-item\">\n      <div class=\"feature-number\">01<\/div>\n      <div class=\"feature-content\">\n        <div class=\"feature-title\">Your ATS is filled during the interview<\/div>\n        <div class=\"feature-desc\">No post-call data entry. Fields populate as the conversation happens.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"feature-item\">\n      <div class=\"feature-number\">02<\/div>\n      <div class=\"feature-content\">\n        <div class=\"feature-title\">Captures salary, availability &amp; expectations<\/div>\n        <div class=\"feature-desc\">Money, notice period and must-haves extracted and structured automatically.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"feature-item\">\n      <div class=\"feature-number\">03<\/div>\n      <div class=\"feature-content\">\n        <div class=\"feature-title\">Builds a complete candidate profile instantly<\/div>\n        <div class=\"feature-desc\">Every detail from the call lands in one clean, searchable record.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"feature-item\">\n      <div class=\"feature-number\">04<\/div>\n      <div class=\"feature-content\">\n        <div class=\"feature-title\">Detects dates, numbers &amp; key signals in real time<\/div>\n        <div class=\"feature-desc\">Names, places and intent picked up the moment they're said.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/body>\n<\/html>\n\n\n<\/div><div class=\"bde-lottie-animation-4322-184 bde-lottie-animation\"><\/div><div class=\"bde-lottie-animation-4322-185 bde-lottie-animation\"><\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-4322-212 bde-section\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-4322-249 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" data-om-id=\"6aa548a5:8\"> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\" data-om-id=\"6aa548a5:9\"> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&amp;family=Instrument+Sans:wght@500;600;700&amp;display=swap\" rel=\"stylesheet\" data-om-id=\"6aa548a5:10\"> <section class=\"i2d-getstarted\" aria-label=\"How to get started with In2Dialog\" data-om-id=\"6aa548a5:11\">\n  <div class=\"i2d-gs-inner\" data-om-id=\"6aa548a5:12\">\n    <div class=\"i2d-gs-head\" data-om-id=\"6aa548a5:13\">\n      <div class=\"i2d-gs-eyebrow\" data-om-id=\"6aa548a5:14\">Get started<\/div>\n      <h2 class=\"i2d-gs-title\" data-om-id=\"6aa548a5:15\">See How Easy It Is To <span class=\"i2d-gs-title-accent\" data-om-id=\"6aa548a5:16\">Get Started.<\/span><\/h2>\n      <p class=\"i2d-gs-sub\" data-om-id=\"6aa548a5:17\">Three steps. From first demo to fully onboarded in under two weeks.<\/p>\n    <\/div>\n\n    <div class=\"i2d-gs-rail-wrap\" data-om-id=\"6aa548a5:18\">\n      <div class=\"i2d-gs-rail\" aria-hidden=\"true\" data-om-id=\"6aa548a5:19\">\n        <div class=\"i2d-gs-rail-fill\" data-rail-fill=\"\" data-om-id=\"6aa548a5:20\" style=\"width: 0%;\"><\/div>\n      <\/div>\n\n      <div class=\"i2d-gs-grid\" data-om-id=\"6aa548a5:21\">\n        <!-- Step 1 -->\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/amar-cosijn?__hstc=186120438.c3ca7f9f53cb0e05a9fb9625b71e7879.1771396754661.1774880764445.1774937113977.111&amp;__hssc=186120438.5.1774937113977&amp;__hsfp=31b6347f50541eb45b43f3bc46aeb53f\" target=\"_blank\" rel=\"noopener\" class=\"i2d-gs-card\" data-step=\"1\" data-om-id=\"6aa548a5:22\">\n          <div class=\"i2d-gs-icon\" data-om-id=\"6aa548a5:23\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" data-om-id=\"6aa548a5:24\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\" data-om-id=\"6aa548a5:25\"><\/rect>\n              <path d=\"M3 9h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" data-om-id=\"6aa548a5:26\"><\/path>\n              <path d=\"M8 3v4M16 3v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" data-om-id=\"6aa548a5:27\"><\/path>\n              <circle cx=\"12\" cy=\"14.5\" r=\"1.4\" fill=\"currentColor\" data-om-id=\"6aa548a5:28\"><\/circle>\n            <\/svg>\n          <\/div>\n          <div class=\"i2d-gs-step-label\" data-om-id=\"6aa548a5:29\">STEP 01<\/div>\n          <div class=\"i2d-gs-step-title\" data-om-id=\"6aa548a5:30\">Book a Demo<\/div>\n          <p class=\"i2d-gs-step-desc\" data-om-id=\"6aa548a5:31\">See how In2Dialog works inside a real recruitment workflow.<\/p>\n          <div class=\"i2d-gs-cta\" data-om-id=\"6aa548a5:32\">Pick a time<\/div>\n        <\/a>\n\n        <!-- Step 2 -->\n        <a href=\"#trial\" class=\"i2d-gs-card\" data-step=\"2\" data-om-id=\"6aa548a5:33\">\n          <div class=\"i2d-gs-icon\" data-om-id=\"6aa548a5:34\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" data-om-id=\"6aa548a5:35\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\" data-om-id=\"6aa548a5:36\"><\/circle>\n              <path d=\"M8 12.5l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-om-id=\"6aa548a5:37\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"i2d-gs-step-label\" data-om-id=\"6aa548a5:38\">STEP 02<\/div>\n          <div class=\"i2d-gs-step-title\" data-om-id=\"6aa548a5:39\">Free Trial<\/div>\n          <p class=\"i2d-gs-step-desc\" data-om-id=\"6aa548a5:40\">After the demo, start a free trial immediately.<\/p>\n          <div class=\"i2d-gs-cta\" data-om-id=\"6aa548a5:41\">Start trial<\/div>\n        <\/a>\n\n        <!-- Step 3 -->\n        <a href=\"#onboarding\" class=\"i2d-gs-card\" data-step=\"3\" data-om-id=\"6aa548a5:42\">\n          <div class=\"i2d-gs-icon\" data-om-id=\"6aa548a5:43\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" data-om-id=\"6aa548a5:44\">\n              <circle cx=\"9\" cy=\"6\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\" data-om-id=\"6aa548a5:45\"><\/circle>\n              <circle cx=\"17\" cy=\"7\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"2\" data-om-id=\"6aa548a5:46\"><\/circle>\n              <path d=\"M3 20v-1a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-om-id=\"6aa548a5:47\"><\/path>\n              <path d=\"M15 20v-1a4 4 0 0 0-1.5-3.1A3.5 3.5 0 0 1 16 15h1.5A3.5 3.5 0 0 1 21 18.5V20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-om-id=\"6aa548a5:48\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"i2d-gs-step-label\" data-om-id=\"6aa548a5:49\">STEP 03<\/div>\n          <div class=\"i2d-gs-step-title\" data-om-id=\"6aa548a5:50\">Onboarding<\/div>\n          <p class=\"i2d-gs-step-desc\" data-om-id=\"6aa548a5:51\">Our team helps you set everything up quickly, from import to first call.<\/p>\n          <div class=\"i2d-gs-cta\" data-om-id=\"6aa548a5:52\">Get onboarded<\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section> <style>\n  \/* Brand tokens \u2014 edit hex values to match your theme *\/\n  .i2d-getstarted{\n    --i2d-navy:#0B1E3F;\n    --i2d-navy-soft:#3B5680;\n    --i2d-cyan:#1FC8DB;\n    --i2d-cyan-deep:#0891B2;  \/* matches V6 gradient blue *\/\n    --i2d-cyan-soft:#E6FAFD;\n    --i2d-white:#FFFFFF;\n    --i2d-line:#DCE6F2;\n    --i2d-bg:#E5F4FF;\n\n    background:var(--i2d-bg);\n    color:var(--i2d-navy);\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif !important;\n    padding:88px 24px;\n  }\n  .i2d-getstarted, .i2d-getstarted *{\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;\n    box-sizing:border-box;\n  }\n  .i2d-gs-inner{max-width:1120px;margin:0 auto}\n  .i2d-gs-head{text-align:center;margin-bottom:72px}\n  .i2d-getstarted .i2d-gs-eyebrow{\n    font-size:14px !important;font-weight:700;letter-spacing:.18em;\n    background:linear-gradient(90deg,#0891B2,#1FC8DB);\n    -webkit-background-clip:text;background-clip:text;\n    -webkit-text-fill-color:transparent;color:transparent;\n    text-transform:uppercase;margin-bottom:22px;\n  }\n  .i2d-getstarted .i2d-gs-title{\n    font-family:'Instrument Sans', 'Geist', system-ui, sans-serif !important;\n    font-size:55px !important;line-height:1.05 !important;letter-spacing:-.02em;\n    font-weight:700;margin:0;color:var(--i2d-navy);\n  }\n  .i2d-getstarted .i2d-gs-title-accent{\n    color:var(--i2d-cyan);\n    font-family:inherit !important;\n  }\n  .i2d-getstarted .i2d-gs-sub{\n    font-size:22px !important;line-height:1.5 !important;color:var(--i2d-navy-soft);\n    margin:22px auto 0;max-width:640px;text-wrap:pretty;\n  }\n\n  .i2d-gs-rail-wrap{position:relative}\n  .i2d-gs-rail{\n    position:absolute;top:56px;left:14%;right:14%;\n    height:2px;background:var(--i2d-line);border-radius:2px;z-index:0;\n  }\n  .i2d-gs-rail-fill{\n    height:100%;width:0%;\n    background:linear-gradient(90deg,var(--i2d-cyan),var(--i2d-cyan-deep));\n    border-radius:2px;\n    transition:width 1s cubic-bezier(.2,.7,.3,1);\n  }\n\n  .i2d-gs-grid{\n    display:grid;grid-template-columns:repeat(3,1fr);gap:28px;\n    position:relative;z-index:1;\n  }\n\n  .i2d-gs-card{\n    display:flex;flex-direction:column;align-items:center;text-align:center;\n    background:var(--i2d-white);\n    border:1px solid var(--i2d-line);\n    border-radius:20px;\n    padding:44px 36px 38px;\n    margin-top:42px;\n    text-decoration:none;color:inherit;\n    box-shadow:0 4px 14px rgba(11,30,63,.06);\n    cursor:pointer;\n    transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s, border-color .3s;\n    will-change:transform;\n  }\n  .i2d-gs-card:hover{\n    transform:translateY(-8px);\n    box-shadow:0 24px 50px rgba(11,30,63,.16);\n    border-color:var(--i2d-cyan);\n  }\n\n  .i2d-gs-icon{\n    width:80px;height:80px;border-radius:20px;\n    background:var(--i2d-cyan-soft);\n    color:var(--i2d-cyan-deep);\n    display:flex;align-items:center;justify-content:center;\n    margin:-68px 0 26px;\n    border:5px solid var(--i2d-bg);\n    transition:transform .4s cubic-bezier(.2,.7,.3,1), background .3s, color .3s;\n  }\n  .i2d-gs-icon svg{width:36px;height:36px}\n  .i2d-gs-card:hover .i2d-gs-icon,\n  .i2d-gs-card.is-active .i2d-gs-icon{\n    background:var(--i2d-navy);\n    color:var(--i2d-cyan);\n    transform:scale(1.08) rotate(-4deg);\n  }\n\n  .i2d-getstarted .i2d-gs-step-label{\n    font-size:13px !important;font-weight:700;letter-spacing:.18em;\n    color:var(--i2d-cyan-deep);margin-bottom:10px;\n  }\n  .i2d-getstarted .i2d-gs-step-title{\n    font-size:28px !important;font-weight:700;line-height:1.2 !important;letter-spacing:-.01em;\n    margin-bottom:14px;color:#002956;\n  }\n  .i2d-getstarted .i2d-gs-step-desc{\n    font-size:18px !important;line-height:1.55 !important;color:var(--i2d-navy-soft);\n    text-wrap:pretty;max-width:320px;margin:0 0 22px;\n  }\n  .i2d-getstarted .i2d-gs-cta{\n    display:inline-flex;align-items:center;gap:6px;\n    font-size:18px !important;font-weight:600;color:var(--i2d-navy);\n    opacity:0;transform:translateY(6px);\n    transition:opacity .25s .05s, transform .25s .05s;\n  }\n  .i2d-gs-card:hover .i2d-gs-cta{opacity:1;transform:translateY(0)}\n\n  \/* Tablet *\/\n  @media (max-width:900px){\n    .i2d-getstarted{padding:64px 20px}\n    .i2d-gs-rail{display:none}\n    .i2d-gs-grid{grid-template-columns:1fr;gap:52px}\n    .i2d-gs-card{margin-top:42px}\n    .i2d-getstarted .i2d-gs-title{font-size:40px !important}\n    .i2d-getstarted .i2d-gs-sub{font-size:18px !important}\n  }\n\n  \/* Reduced motion *\/\n  @media (prefers-reduced-motion:reduce){\n    .i2d-gs-card,.i2d-gs-icon,.i2d-gs-cta,.i2d-gs-arrow,.i2d-gs-rail-fill{\n      transition:none !important;\n    }\n  }\n<\/style> <script>\n  (function(){\n    var section = document.currentScript.previousElementSibling;\n    while (section && !section.matches || !section.matches('.i2d-getstarted')){\n      section = section.previousElementSibling;\n    }\n    if(!section) return;\n    var cards = section.querySelectorAll('.i2d-gs-card');\n    var fill  = section.querySelector('[data-rail-fill]');\n    var total = cards.length;\n\n    cards.forEach(function(card, i){\n      card.addEventListener('mouseenter', function(){\n        var pct = ((i + 1) \/ total) * 100;\n        if (fill) fill.style.width = pct + '%';\n        cards.forEach(function(c, j){\n          c.classList.toggle('is-active', j <= i);\n        });\n      });\n    });\n    section.querySelector('.i2d-gs-rail-wrap').addEventListener('mouseleave', function(){\n      if (fill) fill.style.width = '0%';\n      cards.forEach(function(c){ c.classList.remove('is-active'); });\n    });\n  })();\n<\/script>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-4322-215 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-4322-251 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" data-om-id=\"0f444ad4:5\"> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\" data-om-id=\"0f444ad4:6\">  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700&amp;family=Instrument+Sans:wght@500;600;700&amp;display=swap\" rel=\"stylesheet\" data-om-id=\"0f444ad4:7\">  <section class=\"i2d-trust\" aria-label=\"Your data is protected\" data-om-id=\"0f444ad4:8\">\n  <div class=\"i2d-tr-panel\" data-om-id=\"0f444ad4:9\">\n    <div class=\"i2d-tr-left\" data-om-id=\"0f444ad4:10\">\n      <div class=\"i2d-tr-eyebrow\" data-om-id=\"0f444ad4:11\">SECURITY &amp; COMPLIANCE<\/div>\n      <h2 class=\"i2d-tr-title\" data-om-id=\"0f444ad4:12\">\n        Your Data Is <span class=\"i2d-tr-title-accent\" data-om-id=\"0f444ad4:13\">Protected.<\/span>\n      <\/h2>\n      <p class=\"i2d-tr-sub\" data-om-id=\"0f444ad4:14\">Audited, encrypted, and stored exactly where it should be.<\/p>\n    <\/div>\n\n    <div class=\"i2d-tr-items\" data-om-id=\"0f444ad4:15\">\n      <!-- GDPR -->\n      <div class=\"i2d-tr-item\" data-om-id=\"0f444ad4:16\">\n        <span class=\"i2d-tr-glyph\" aria-hidden=\"true\" data-om-id=\"0f444ad4:17\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" data-om-id=\"0f444ad4:18\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.6\" data-om-id=\"0f444ad4:19\"><\/circle>\n            <circle cx=\"12\" cy=\"5\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:20\"><\/circle>\n            <circle cx=\"16.95\" cy=\"7.05\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:21\"><\/circle>\n            <circle cx=\"19\" cy=\"12\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:22\"><\/circle>\n            <circle cx=\"16.95\" cy=\"16.95\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:23\"><\/circle>\n            <circle cx=\"12\" cy=\"19\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:24\"><\/circle>\n            <circle cx=\"7.05\" cy=\"16.95\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:25\"><\/circle>\n            <circle cx=\"5\" cy=\"12\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:26\"><\/circle>\n            <circle cx=\"7.05\" cy=\"7.05\" r=\".7\" fill=\"currentColor\" data-om-id=\"0f444ad4:27\"><\/circle>\n            <rect x=\"9.5\" y=\"11\" width=\"5\" height=\"4\" rx=\".7\" stroke=\"currentColor\" stroke-width=\"1.4\" data-om-id=\"0f444ad4:28\"><\/rect>\n            <path d=\"M10.5 11V9.7a1.5 1.5 0 0 1 3 0V11\" stroke=\"currentColor\" stroke-width=\"1.4\" data-om-id=\"0f444ad4:29\"><\/path>\n          <\/svg>\n        <\/span>\n        <div class=\"i2d-tr-label\" data-om-id=\"0f444ad4:30\">GDPR Compliant<\/div>\n        <div class=\"i2d-tr-detail\" data-om-id=\"0f444ad4:31\">Full GDPR alignment, including DPA on request.<\/div>\n      <\/div>\n\n      <!-- EU hosting -->\n      <div class=\"i2d-tr-item\" data-om-id=\"0f444ad4:32\">\n        <span class=\"i2d-tr-glyph\" aria-hidden=\"true\" data-om-id=\"0f444ad4:33\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" data-om-id=\"0f444ad4:34\">\n            <rect x=\"4\" y=\"11\" width=\"16\" height=\"4\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.5\" data-om-id=\"0f444ad4:35\"><\/rect>\n            <rect x=\"4\" y=\"16.5\" width=\"16\" height=\"4\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.5\" data-om-id=\"0f444ad4:36\"><\/rect>\n            <circle cx=\"7\" cy=\"13\" r=\".9\" fill=\"currentColor\" data-om-id=\"0f444ad4:37\"><\/circle>\n            <circle cx=\"7\" cy=\"18.5\" r=\".9\" fill=\"currentColor\" data-om-id=\"0f444ad4:38\"><\/circle>\n            <circle cx=\"5.6\" cy=\"8\" r=\".85\" fill=\"currentColor\" data-om-id=\"0f444ad4:39\"><\/circle>\n            <circle cx=\"8.5\" cy=\"5.5\" r=\".85\" fill=\"currentColor\" data-om-id=\"0f444ad4:40\"><\/circle>\n            <circle cx=\"12\" cy=\"4.6\" r=\".85\" fill=\"currentColor\" data-om-id=\"0f444ad4:41\"><\/circle>\n            <circle cx=\"15.5\" cy=\"5.5\" r=\".85\" fill=\"currentColor\" data-om-id=\"0f444ad4:42\"><\/circle>\n            <circle cx=\"18.4\" cy=\"8\" r=\".85\" fill=\"currentColor\" data-om-id=\"0f444ad4:43\"><\/circle>\n          <\/svg>\n        <\/span>\n        <div class=\"i2d-tr-label\" data-om-id=\"0f444ad4:44\">Hosted in the EU<\/div>\n        <div class=\"i2d-tr-detail\" data-om-id=\"0f444ad4:45\">Your data stays inside the European Union.<\/div>\n      <\/div>\n\n      <!-- SSL -->\n      <div class=\"i2d-tr-item\" data-om-id=\"0f444ad4:46\">\n        <span class=\"i2d-tr-glyph\" aria-hidden=\"true\" data-om-id=\"0f444ad4:47\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" data-om-id=\"0f444ad4:48\">\n            <path d=\"M12 3l8 3v5c0 5-3.4 8.6-8 10-4.6-1.4-8-5-8-10V6l8-3z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\" data-om-id=\"0f444ad4:49\"><\/path>\n            <rect x=\"9\" y=\"11\" width=\"6\" height=\"5\" rx=\".8\" stroke=\"currentColor\" stroke-width=\"1.4\" data-om-id=\"0f444ad4:50\"><\/rect>\n            <path d=\"M10.2 11V9.5a1.8 1.8 0 0 1 3.6 0V11\" stroke=\"currentColor\" stroke-width=\"1.4\" data-om-id=\"0f444ad4:51\"><\/path>\n          <\/svg>\n        <\/span>\n        <div class=\"i2d-tr-label\" data-om-id=\"0f444ad4:52\">SSL Encrypted<\/div>\n        <div class=\"i2d-tr-detail\" data-om-id=\"0f444ad4:53\">End-to-end HTTPS encryption on every request.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>  <style>\n  .i2d-trust{\n    --i2d-navy:#002956;\n    --i2d-navy-soft:#3B5680;\n    --i2d-cyan:#1FC8DB;\n    --i2d-cyan-deep:#0891B2;\n    --i2d-white:#FFFFFF;\n    --i2d-line:#CFE0F2;\n    --i2d-bg:#E5F4FF;\n\n    background:var(--i2d-bg);\n    color:var(--i2d-navy);\n    padding:88px 24px;\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif !important;\n  }\n  .i2d-trust, .i2d-trust *{\n    font-family:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;\n    box-sizing:border-box;\n  }\n\n  .i2d-tr-panel{\n    max-width:1120px;margin:0 auto;\n    background:var(--i2d-white);\n    border:1.5px solid var(--i2d-line);\n    border-radius:24px;\n    padding:44px 48px;\n    display:grid;\n    grid-template-columns:1fr 1.4fr;\n    gap:56px;\n    align-items:center;\n  }\n\n  .i2d-trust .i2d-tr-eyebrow{\n    font-size:12px !important;font-weight:700;letter-spacing:.18em;\n    color:var(--i2d-cyan-deep);margin-bottom:12px;\n  }\n  .i2d-trust .i2d-tr-title{\n    font-family:'Instrument Sans','Geist',system-ui,sans-serif !important;\n    font-size:42px !important;line-height:1.05 !important;letter-spacing:-.02em;\n    font-weight:700;margin:0;color:var(--i2d-navy);\n  }\n  .i2d-trust .i2d-tr-title-accent{color:var(--i2d-cyan);font-family:inherit !important}\n  .i2d-trust .i2d-tr-sub{\n    font-size:16px !important;line-height:1.55 !important;\n    color:var(--i2d-navy-soft);margin:14px 0 0;max-width:360px;text-wrap:pretty;\n  }\n\n  .i2d-tr-items{\n    display:grid;grid-template-columns:repeat(3,1fr);\n    border-left:1px solid var(--i2d-line);\n  }\n  .i2d-tr-item{\n    padding:12px 24px;\n    display:flex;flex-direction:column;align-items:flex-start;gap:12px;\n    border-right:1px solid var(--i2d-line);\n    border-radius:8px;\n    transition:background .3s;\n  }\n  .i2d-tr-item:last-child{border-right:none}\n  .i2d-tr-item:hover{background:rgba(31,200,219,.08)}\n\n  .i2d-tr-glyph{\n    color:var(--i2d-cyan-deep);\n    display:inline-flex;align-items:center;justify-content:center;\n    transition:color .3s, transform .3s;\n  }\n  .i2d-tr-glyph svg{width:28px;height:28px}\n  .i2d-tr-item:hover .i2d-tr-glyph{color:var(--i2d-cyan);transform:scale(1.06)}\n\n  .i2d-trust .i2d-tr-label{\n    font-size:15px !important;font-weight:600;color:var(--i2d-navy);line-height:1.3 !important;\n  }\n  .i2d-trust .i2d-tr-detail{\n    font-size:13px !important;line-height:1.45 !important;\n    color:var(--i2d-navy-soft);text-wrap:pretty;\n  }\n\n  \/* Tablet & mobile *\/\n  @media (max-width:980px){\n    .i2d-tr-panel{\n      grid-template-columns:1fr;gap:32px;padding:36px 28px;\n    }\n    .i2d-tr-items{\n      grid-template-columns:1fr;\n      border-left:none;border-top:1px solid var(--i2d-line);\n    }\n    .i2d-tr-item{\n      border-right:none;border-bottom:1px solid var(--i2d-line);\n      padding:20px 4px;\n    }\n    .i2d-tr-item:last-child{border-bottom:none}\n    .i2d-trust .i2d-tr-title{font-size:34px !important}\n  }\n\n  \/* Reduced motion *\/\n  @media (prefers-reduced-motion:reduce){\n    .i2d-tr-item,.i2d-tr-glyph{transition:none !important}\n  }\n<\/style>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-4322-225 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><a class=\"bde-container-link-4322-226 bde-container-link breakdance-link\" href=\"https:\/\/in2dialog.com\/nl\/in2dialog-wins-two-awards-in-recruitment-tech\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-4322-227 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-icon-4322-228 bde-icon\">\n\n    \n            <div class=\"bde-icon-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d=\"M223.75 130.75L154.62 15.54A31.997 31.997 0 0 0 127.18 0H16.03C3.08 0-4.5 14.57 2.92 25.18l111.27 158.96c29.72-27.77 67.52-46.83 109.56-53.39zM495.97 0H384.82c-11.24 0-21.66 5.9-27.44 15.54l-69.13 115.21c42.04 6.56 79.84 25.62 109.56 53.38L509.08 25.18C516.5 14.57 508.92 0 495.97 0zM256 160c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm92.52 157.26l-37.93 36.96 8.97 52.22c1.6 9.36-8.26 16.51-16.65 12.09L256 393.88l-46.9 24.65c-8.4 4.45-18.25-2.74-16.65-12.09l8.97-52.22-37.93-36.96c-6.82-6.64-3.05-18.23 6.35-19.59l52.43-7.64 23.43-47.52c2.11-4.28 6.19-6.39 10.28-6.39 4.11 0 8.22 2.14 10.33 6.39l23.43 47.52 52.43 7.64c9.4 1.36 13.17 12.95 6.35 19.59z\"\/><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n\n<\/div><div class=\"bde-text-4322-229 bde-text\">\n<span style=\"text-decoration:underline;\">Multi-award-winning<\/span> solution in Recruitment Tech\n<\/div>\n<\/div><div class=\"bde-div-4322-230 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-4322-231 bde-image2\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/11\/Award_Best_Tool.webp\" alt=\"award badge best tool\" loading=\"lazy\" srcset=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/11\/Award_Best_Tool.webp 301w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/11\/Award_Best_Tool-18x12.webp 18w\" sizes=\"(max-width: 301px) 100vw, 301px\"><img decoding=\"async\" class=\"bde-image2-4322-232 bde-image2\" src=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/11\/Award_AI_In_Recruitment.webp\" alt=\"award badge ai in recruitment tech\" loading=\"lazy\" srcset=\"https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/11\/Award_AI_In_Recruitment.webp 301w, https:\/\/in2dialog.com\/wp-content\/uploads\/2024\/11\/Award_AI_In_Recruitment-18x12.webp 18w\" sizes=\"(max-width: 301px) 100vw, 301px\">\n<\/div>\n\n<\/a><\/div>\n<\/section><section class=\"bde-section-4322-233 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-4322-234 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-4322-235 bde-heading\">\nAI for Recruiters\n<\/h4><h2 class=\"bde-heading-4322-236 bde-heading\">\nThe New Recruitment Standard\n<\/h2><div class=\"bde-text-4322-237 bde-text\">\nWe help recruiters specialise in what they do best: focus on candidate connection by giving them the time and insight to excel. <br>Are you ready for next-level recruitment?<br>\n<\/div><div class=\"bde-button-4322-238 bde-button\">\n        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"https:\/\/meetings-eu1.hubspot.com\/amar-cosijn\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Try For Free<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Making you a better recruiter The Interview Tool Recruiters Trust. Quality interview data is the core of what we do [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-4322","page","type-page","status-publish","hentry"],"acf":[],"featured_image_src":null,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AI Notetaker for Recruiters | In2Dialog<\/title>\n<meta name=\"description\" content=\"AI Notetaker for Recruiters that records interviews, creates structured hiring summaries, and integrates directly with your ATS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/in2dialog.com\/nl\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI Notetaker for Recruiters | In2Dialog\" \/>\n<meta property=\"og:description\" content=\"AI Notetaker for Recruiters that records interviews, creates structured hiring summaries, and integrates directly with your ATS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/in2dialog.com\/nl\/\" \/>\n<meta property=\"og:site_name\" content=\"In2Dialog\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-01T09:49:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/in2dialog.com\\\/\",\"url\":\"https:\\\/\\\/in2dialog.com\\\/\",\"name\":\"AI Notetaker for Recruiters | In2Dialog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#website\"},\"datePublished\":\"2026-04-29T07:39:50+00:00\",\"dateModified\":\"2026-07-01T09:49:33+00:00\",\"description\":\"AI Notetaker for Recruiters that records interviews, creates structured hiring summaries, and integrates directly with your ATS.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/in2dialog.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/in2dialog.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"In2Dialog &#8211; AI Notetaker for Recruiters\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#website\",\"url\":\"https:\\\/\\\/in2dialog.com\\\/\",\"name\":\"In2Dialog.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/in2dialog.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#organization\",\"name\":\"In2Dialog\",\"url\":\"https:\\\/\\\/in2dialog.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/in2dialog.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/logo-email-dark.png\",\"contentUrl\":\"https:\\\/\\\/in2dialog.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/logo-email-dark.png\",\"width\":146,\"height\":22,\"caption\":\"In2Dialog\"},\"image\":{\"@id\":\"https:\\\/\\\/in2dialog.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/in2dialog\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI Notetaker for Recruiters | In2Dialog","description":"AI Notetaker for Recruiters that records interviews, creates structured hiring summaries, and integrates directly with your ATS.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/in2dialog.com\/nl\/","og_locale":"nl_NL","og_type":"article","og_title":"AI Notetaker for Recruiters | In2Dialog","og_description":"AI Notetaker for Recruiters that records interviews, creates structured hiring summaries, and integrates directly with your ATS.","og_url":"https:\/\/in2dialog.com\/nl\/","og_site_name":"In2Dialog","article_modified_time":"2026-07-01T09:49:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"8 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/in2dialog.com\/","url":"https:\/\/in2dialog.com\/","name":"AI Notetaker for Recruiters | In2Dialog","isPartOf":{"@id":"https:\/\/in2dialog.com\/#website"},"datePublished":"2026-04-29T07:39:50+00:00","dateModified":"2026-07-01T09:49:33+00:00","description":"AI Notetaker for Recruiters that records interviews, creates structured hiring summaries, and integrates directly with your ATS.","breadcrumb":{"@id":"https:\/\/in2dialog.com\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/in2dialog.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/in2dialog.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/in2dialog.com\/"},{"@type":"ListItem","position":2,"name":"In2Dialog &#8211; AI Notetaker for Recruiters"}]},{"@type":"WebSite","@id":"https:\/\/in2dialog.com\/#website","url":"https:\/\/in2dialog.com\/","name":"In2Dialog.com","description":"","publisher":{"@id":"https:\/\/in2dialog.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/in2dialog.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/in2dialog.com\/#organization","name":"In2Dialog","url":"https:\/\/in2dialog.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/in2dialog.com\/#\/schema\/logo\/image\/","url":"https:\/\/in2dialog.com\/wp-content\/uploads\/2025\/05\/logo-email-dark.png","contentUrl":"https:\/\/in2dialog.com\/wp-content\/uploads\/2025\/05\/logo-email-dark.png","width":146,"height":22,"caption":"In2Dialog"},"image":{"@id":"https:\/\/in2dialog.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/in2dialog\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/in2dialog.com\/nl\/wp-json\/wp\/v2\/pages\/4322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in2dialog.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in2dialog.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in2dialog.com\/nl\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/in2dialog.com\/nl\/wp-json\/wp\/v2\/comments?post=4322"}],"version-history":[{"count":0,"href":"https:\/\/in2dialog.com\/nl\/wp-json\/wp\/v2\/pages\/4322\/revisions"}],"wp:attachment":[{"href":"https:\/\/in2dialog.com\/nl\/wp-json\/wp\/v2\/media?parent=4322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}