{"id":9,"date":"2026-07-08T03:51:07","date_gmt":"2026-07-08T03:51:07","guid":{"rendered":"https:\/\/lynadigital.nl\/?page_id=9"},"modified":"2026-07-08T05:47:36","modified_gmt":"2026-07-08T05:47:36","slug":"homepage","status":"publish","type":"page","link":"https:\/\/lynadigital.nl\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<div class=\"ly-homepage\" id=\"ly-home\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n.ly-homepage {\n  --ly-dark-green: #0B1220;\n  --ly-bright-green: #2B59FF;\n  --ly-bright-green-hover: #1D40CC;\n  --ly-light-green: #8FC3FF;\n  --ly-light-green-soft: rgba(143, 195, 255, 0.20);\n  --ly-beige: #F2F4F7;\n  --ly-white: #ffffff;\n  --ly-shadow: 0 18px 45px rgba(11, 18, 32, 0.14);\n  font-family: 'Manrope', Arial, sans-serif;\n  width: 100%;\n  overflow-x: hidden;\n  background: var(--ly-beige);\n  color: var(--ly-dark-green);\n}\n.ly-homepage * { box-sizing: border-box; }\n.ly-homepage a { color: inherit; text-decoration: none; }\n\n.ly-container {\n  width: min(1180px, calc(100% - 40px));\n  margin: 0 auto;\n}\n\n\/* ---------- Header ---------- *\/\n.ly-header-wrap {\n  position: fixed !important;\n  top: 0; left: 0; right: 0;\n  z-index: 999999;\n  width: 100%;\n  padding: 0;\n  pointer-events: none;\n}\n.ly-header-wrap .ly-container { pointer-events: auto; }\n.ly-header {\n  position: relative;\n  min-height: 64px;\n  padding: 8px 14px 8px 20px;\n  border-radius: 0 0 24px 24px;\n  background: rgba(242, 244, 247, 0.97);\n  border: 1px solid rgba(11, 18, 32, 0.10);\n  box-shadow: 0 14px 30px rgba(11, 18, 32, 0.10);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n.ly-logo { display: inline-flex; align-items: center; flex: 0 0 auto; max-width: 128px; }\n.ly-logo img { display: block; width: 100%; max-width: 122px; height: auto; }\n.ly-nav-toggle { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }\n.ly-nav-trigger {\n  width: 42px; height: 42px;\n  border: 1px solid rgba(11, 18, 32, 0.12);\n  border-radius: 13px;\n  background: rgba(255, 255, 255, 0.55);\n  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;\n  gap: 5px; cursor: pointer; flex: 0 0 auto;\n}\n.ly-nav-trigger span {\n  display: block; width: 18px; height: 2px; border-radius: 999px;\n  background: var(--ly-dark-green);\n  transition: transform 180ms ease, opacity 180ms ease;\n}\n.ly-nav-toggle:checked + .ly-nav-trigger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n.ly-nav-toggle:checked + .ly-nav-trigger span:nth-child(2) { opacity: 0; }\n.ly-nav-toggle:checked + .ly-nav-trigger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n.ly-nav {\n  position: absolute;\n  top: calc(100% + 10px);\n  left: 0; right: 0;\n  display: grid; gap: 0;\n  padding: 10px;\n  border-radius: 20px;\n  background: rgba(242, 244, 247, 0.98);\n  border: 1px solid rgba(11, 18, 32, 0.10);\n  box-shadow: var(--ly-shadow);\n  opacity: 0; pointer-events: none; transform: translateY(-8px);\n  max-height: 0; overflow: hidden;\n  transition: opacity 180ms ease, transform 180ms ease, max-height 180ms ease;\n}\n.ly-nav-toggle:checked ~ .ly-nav { opacity: 1; pointer-events: auto; transform: translateY(0); max-height: 560px; }\n.ly-homepage .ly-header .ly-nav .ly-nav-link {\n  padding: 14px 14px; border-radius: 14px; font-size: 15px; font-weight: 700;\n  color: var(--ly-dark-green) !important;\n}\n.ly-homepage .ly-header .ly-nav .ly-nav-link:hover { background: rgba(255, 255, 255, 0.55); }\n.ly-button {\n  display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n  min-height: 50px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent;\n  font-size: 15px; font-weight: 800; line-height: 1;\n  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;\n  white-space: nowrap;\n}\n.ly-button:hover { transform: translateY(-2px); }\n.ly-button-icon { display: inline-flex; font-size: 16px; line-height: 1; }\n.ly-button-primary {\n  background: var(--ly-bright-green); color: var(--ly-white) !important;\n  box-shadow: 0 12px 26px rgba(43, 89, 255, 0.24);\n}\n.ly-button-primary:hover { background: var(--ly-bright-green-hover); color: var(--ly-white) !important; }\n.ly-nav-cta { width: 100%; margin-top: 8px; min-height: 46px; }\n\n\/* ---------- Hero ---------- *\/\n.ly-hero {\n  position: relative;\n  min-height: 560px;\n  overflow: hidden;\n  isolation: isolate;\n  background-color: var(--ly-dark-green);\n  color: var(--ly-white);\n  border-bottom-left-radius: 30px;\n  border-bottom-right-radius: 30px;\n}\n.ly-hero-bg {\n  position: absolute;\n  left: 0; right: 0;\n  top: 0px;\n  height: 700px;\n  background-image: url('https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Foto-Founders-landscape.png');\n  background-size: cover;\n  background-position: center 4%;\n  background-repeat: no-repeat;\n  z-index: 0;\n}\n.ly-hero::before {\n  content: \"\";\n  position: absolute; inset: 0; z-index: 1;\n  background: linear-gradient(\n    180deg,\n    rgba(11, 18, 32, 0.30) 0%,\n    rgba(11, 18, 32, 0.42) 22%,\n    rgba(11, 18, 32, 0.52) 48%,\n    rgba(11, 18, 32, 0.40) 70%,\n    rgba(11, 18, 32, 0.55) 100%\n  );\n  pointer-events: none;\n}\n.ly-hero-content {\n  position: relative; z-index: 2;\n  padding-top: 128px;\n  padding-bottom: 84px;\n}\n.ly-hero-main { max-width: 640px; }\n.ly-eyebrow {\n  display: inline-flex; align-items: center; gap: 10px;\n  margin-bottom: 16px;\n  color: var(--ly-light-green);\n  font-size: 13px; line-height: 1; font-weight: 800;\n  letter-spacing: 0.035em; text-transform: uppercase;\n}\n.ly-eyebrow::after { content: \"\u2192\"; font-size: 15px; color: var(--ly-light-green); }\n.ly-hero-title {\n  max-width: 600px; margin: 0;\n  color: var(--ly-white);\n  font-size: clamp(38px, 5.6vw, 62px);\n  line-height: 0.98;\n  letter-spacing: -0.055em;\n  font-weight: 800;\n  text-shadow: 0 2px 18px rgba(11, 18, 32, 0.35);\n}\n.ly-hero-title em { font-style: italic; font-weight: 800; }\n.ly-hero-subtitle {\n  margin: 18px 0 0;\n  max-width: 480px;\n  color: rgba(255, 255, 255, 0.96);\n  font-size: clamp(19px, 1.9vw, 24px);\n  line-height: 1.3;\n  letter-spacing: -0.03em;\n  font-weight: 700;\n  text-shadow: 0 2px 14px rgba(11, 18, 32, 0.3);\n}\n.ly-hero-checks {\n  display: grid; gap: 11px;\n  margin: 22px 0 0; padding: 0; list-style: none;\n}\n.ly-hero-check {\n  display: flex; align-items: flex-start; gap: 11px;\n  color: rgba(255, 255, 255, 0.92);\n  font-size: 15px; line-height: 1.5; font-weight: 600;\n}\n.ly-hero-check-icon {\n  width: 21px; height: 21px; margin-top: 1px; flex: 0 0 auto;\n  display: inline-flex; align-items: center; justify-content: center;\n  border-radius: 999px;\n  background: var(--ly-light-green-soft);\n  color: var(--ly-light-green);\n  font-size: 13px; font-weight: 800;\n}\n.ly-hero-actions {\n  display: flex; flex-wrap: wrap; gap: 14px;\n  margin-top: 26px;\n}\n\n\/* ---------- Trust card \/ social proof ---------- *\/\n.ly-trust-card {\n  position: relative; z-index: 10;\n  width: min(1020px, calc(100% - 40px));\n  margin: -54px auto 0;\n  padding: 32px 0 36px;\n  border-radius: 30px 30px 0 0;\n  background:\n    radial-gradient(circle at 18% 0%, rgba(43, 89, 255, 0.08), transparent 32%),\n    radial-gradient(circle at 84% 20%, rgba(255, 255, 255, 0.70), transparent 30%),\n    var(--ly-beige);\n  border: 1px solid rgba(11, 18, 32, 0.10);\n  box-shadow: 0 -16px 44px rgba(11, 18, 32, 0.12);\n  text-align: center;\n  overflow: hidden;\n}\n.ly-trust-card-text {\n  max-width: 700px; margin: 0 auto; padding: 0 28px;\n  color: var(--ly-dark-green);\n  font-size: clamp(19px, 2vw, 28px);\n  line-height: 1.2; font-weight: 500; letter-spacing: -0.04em;\n}\n.ly-trust-card-text strong { font-weight: 800; }\n.ly-logo-slider { position: relative; width: 100%; margin-top: 26px; padding: 4px 0; overflow: hidden; }\n.ly-logo-slider::before, .ly-logo-slider::after {\n  content: \"\"; position: absolute; top: 0; bottom: 0; width: 90px; z-index: 2; pointer-events: none;\n}\n.ly-logo-slider::before { left: 0; background: linear-gradient(to right, var(--ly-beige), rgba(242,244,247,0)); }\n.ly-logo-slider::after { right: 0; background: linear-gradient(to left, var(--ly-beige), rgba(242,244,247,0)); }\n.ly-logo-track {\n  display: flex; align-items: center; gap: 14px; width: max-content;\n  animation: lyLogoScroll 28s linear infinite; will-change: transform;\n}\n.ly-logo-slider:hover .ly-logo-track { animation-play-state: paused; }\n.ly-logo-box {\n  flex: 0 0 auto; width: 148px; height: 66px; padding: 12px 16px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.46);\n  border: 1px solid rgba(11, 18, 32, 0.10);\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 8px 20px rgba(11, 18, 32, 0.045);\n  transition: transform 200ms ease, background 200ms ease;\n}\n.ly-logo-box:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.78); }\n.ly-logo-img { display: block; width: 100%; height: 100%; max-width: 118px; max-height: 38px; object-fit: contain; opacity: 0.86; }\n.ly-logo-box:hover .ly-logo-img { opacity: 1; }\n@keyframes lyLogoScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n@media (prefers-reduced-motion: reduce) {\n  .ly-logo-track { animation-duration: 70s; }\n  .ly-logo-box, .ly-button { transition: none; }\n  .ly-logo-box:hover, .ly-button:hover { transform: none; }\n}\n\n\/* ---------- Tablet ---------- *\/\n@media (max-width: 1023px) {\n  .ly-container { width: min(100% - 32px, 1180px); }\n  .ly-nav-trigger { display: inline-flex; }\n  .ly-nav { padding: 10px; }\n  .ly-hero { min-height: 520px; }\n  .ly-hero-content { padding-top: 108px; padding-bottom: 74px; }\n  .ly-hero-main { max-width: 560px; }\n}\n\n\/* ---------- Mobile ---------- *\/\n@media (max-width: 767px) {\n  .ly-container { width: min(100% - 22px, 1180px); }\n  .ly-header { min-height: 58px; padding: 8px 8px 8px 14px; border-radius: 0 0 20px 20px; }\n  .ly-logo { max-width: 112px; }\n  .ly-logo img { max-width: 106px; }\n  .ly-hero {\n    min-height: auto;\n    background-image: url('https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Founder-1.png');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center 12%;\n    border-bottom-left-radius: 22px;\n    border-bottom-right-radius: 22px;\n  }\n  .ly-hero-bg { display: none; }\n  .ly-hero-content { padding-top: 86px; padding-bottom: 56px; }\n  .ly-hero-main { max-width: 100%; }\n  .ly-eyebrow { font-size: 11px; margin-bottom: 12px; }\n  .ly-hero-title { font-size: clamp(34px, 10vw, 44px); letter-spacing: -0.045em; }\n  .ly-hero-subtitle { font-size: 19px; }\n  .ly-hero-check { font-size: 14px; }\n  .ly-hero-actions { margin-top: 22px; }\n  .ly-button { width: 100%; min-height: 52px; }\n  .ly-trust-card { width: min(100% - 22px, 1020px); margin-top: -40px; padding: 26px 0 30px; border-radius: 24px 24px 0 0; }\n  .ly-trust-card-text { padding: 0 18px; }\n  .ly-logo-box { width: 132px; height: 58px; padding: 11px 13px; border-radius: 14px; }\n  .ly-logo-img { max-width: 106px; max-height: 32px; }\n}\n<\/style>\n\n<div class=\"ly-header-wrap\">\n  <div class=\"ly-container\">\n    <header class=\"ly-header\" aria-label=\"Lyna navigatie\">\n      <a class=\"ly-logo\" href=\"#ly-home\" aria-label=\"Lyna home\">\n        <img decoding=\"async\" src=\"https:\/\/lynadigital.nl\/wp-content\/uploads\/2026\/07\/Logos-21.png\" alt=\"Lyna logo\">\n      <\/a>\n      <input class=\"ly-nav-toggle\" type=\"checkbox\" id=\"ly-nav-toggle\" aria-label=\"Menu openen\">\n      <label class=\"ly-nav-trigger\" for=\"ly-nav-toggle\" aria-label=\"Menu openen\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/label>\n      <nav class=\"ly-nav\" aria-label=\"Hoofdnavigatie\">\n        <a class=\"ly-nav-link\" href=\"#ly-probleem\">Probleem<\/a>\n        <a class=\"ly-nav-link\" href=\"#ly-oplossing\">Oplossing<\/a>\n        <a class=\"ly-nav-link\" href=\"#ly-white-label\">Diensten<\/a>\n        <a class=\"ly-nav-link\" href=\"#ly-vacatures\">Cases<\/a>\n        <a class=\"ly-nav-link\" href=\"#ly-hoe-het-werkt\">Werkwijze<\/a>\n        <a class=\"ly-nav-link\" href=\"#ly-reviews\">Reviews<\/a>\n        <a class=\"ly-nav-link\" href=\"#ly-faq\">FAQ<\/a>\n        <a class=\"ly-button ly-button-primary ly-nav-cta\" href=\"#calendly\">\n          <span class=\"ly-button-icon\">\u2192<\/span><span>Plan kennismaking<\/span>\n        <\/a>\n      <\/nav>\n    <\/header>\n  <\/div>\n<\/div>\n\n<section class=\"ly-hero\" aria-label=\"Hero sectie\">\n  <div class=\"ly-hero-bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"ly-container\">\n    <div class=\"ly-hero-content\">\n      <div class=\"ly-hero-main\">\n        <div class=\"ly-eyebrow\">Digital Efficiency Partner voor groeiende bedrijven<\/div>\n        <h1 class=\"ly-hero-title\">Minder handwerk. <em>Meer momentum.<\/em><\/h1>\n        <p class=\"ly-hero-subtitle\">Systemen die jouw bedrijf soepel laten draaien.<\/p>\n        <ul class=\"ly-hero-checks\" aria-label=\"Belangrijkste voordelen\">\n          <li class=\"ly-hero-check\">\n            <span class=\"ly-hero-check-icon\">\u2713<\/span>\n            <span>Automatisering die het handwerk overneemt.<\/span>\n          <\/li>\n          <li class=\"ly-hero-check\">\n            <span class=\"ly-hero-check-icon\">\u2713<\/span>\n            <span>E\u00e9n systeem voor al je processen en data.<\/span>\n          <\/li>\n        <\/ul>\n        <div class=\"ly-hero-actions\">\n          <a class=\"ly-button ly-button-primary\" href=\"#calendly\">\n            <span class=\"ly-button-icon\">\u2192<\/span><span>Plan een kennismaking<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"ly-trust-card\">\n  <p class=\"ly-trust-card-text\">Vertrouwd door <strong>groeiende MKB-bedrijven<\/strong><\/p>\n  <div class=\"ly-logo-slider\" aria-label=\"Logo slider met partners\">\n    <div class=\"ly-logo-track\">\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/SIP-klantlogo-TalentTraffic-Groen.png\" alt=\"SIP logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Rexen-klantlogo-TalentTraffic-Groen.png\" alt=\"Rexen logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Moovment-klantlogo-TalentTraffic-Groen.png\" alt=\"Moovment logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Henk-klantlogo-TalentTraffic-Groen.png\" alt=\"Henk logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Gig-klantlogo-TalentTraffic-Groen.png\" alt=\"Gig logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Finesse-klantlogo-TalentTraffic-Groen.png\" alt=\"Finesse logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Ciquel-klantlogo-TalentTraffic-Groen.png\" alt=\"Ciquel logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Attentix-klantlogo-TalentTraffic-Groen.png\" alt=\"Attentix logo\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/SIP-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Rexen-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Moovment-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Henk-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Gig-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Finesse-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Ciquel-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n      <div class=\"ly-logo-box\" aria-hidden=\"true\"><img decoding=\"async\" class=\"ly-logo-img\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Attentix-klantlogo-TalentTraffic-Groen.png\" alt=\"\" loading=\"lazy\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"tt-homepage tt-solution-block\" id=\"tt-oplossing\">\n<style>\n.tt-solution-block {\n  --tt-dark-green: #0b2405;\n  --tt-bright-green: #248010;\n  --tt-bright-green-hover: #1d670d;\n  --tt-light-green: #9fe870;\n  --tt-beige: #f0ebe6;\n  --tt-white: #ffffff;\n  --tt-muted: rgba(11, 36, 5, 0.68);\n  --tt-border: rgba(11, 36, 5, 0.10);\n  --tt-shadow: 0 30px 80px rgba(11, 36, 5, 0.14);\n  position: relative;\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  font-family: 'Manrope', Arial, sans-serif;\n  background: var(--tt-beige);\n  color: var(--tt-dark-green);\n  overflow: hidden;\n}\n.tt-solution-block * { box-sizing: border-box; }\n.tt-solution-block a { color: inherit; text-decoration: none; }\n\n.tt-solution-section { position: relative; padding: 92px 0 96px; overflow: hidden; }\n.tt-solution-container { position: relative; z-index: 2; width: min(1180px, calc(100% - 48px)); margin: 0 auto; }\n\n.tt-solution-header { max-width: 760px; margin: 0 auto 28px; text-align: center; }\n.tt-solution-eyebrow {\n  display: inline-flex; align-items: center; gap: 9px;\n  margin-bottom: 16px; padding: 8px 14px;\n  border-radius: 999px; background: rgba(255, 255, 255, 0.62);\n  border: 1px solid var(--tt-border);\n  color: var(--tt-bright-green);\n  font-size: 13px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase;\n}\n.tt-solution-eyebrow-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--tt-bright-green); box-shadow: 0 0 0 6px rgba(36,128,16,0.12); }\n.tt-solution-title {\n  margin: 0; color: var(--tt-dark-green);\n  font-size: clamp(34px, 3.8vw, 50px);\n  line-height: 1.04; letter-spacing: -0.045em; font-weight: 800;\n}\n.tt-solution-subtitle-wrap { min-height: 56px; margin: 16px auto 0; max-width: 620px; }\n.tt-solution-subtitle {\n  margin: 0; color: var(--tt-muted);\n  font-size: clamp(16px, 1.3vw, 18px); line-height: 1.4; font-weight: 600;\n  transition: opacity 220ms ease;\n}\n\n\/* Tabs *\/\n.tt-solution-tabs-wrap { position: relative; margin: 26px auto 36px; overflow: hidden; }\n.tt-solution-tabs-wrap::before, .tt-solution-tabs-wrap::after {\n  content: \"\"; position: absolute; top: 0; bottom: 0; width: 70px; z-index: 2; pointer-events: none;\n}\n.tt-solution-tabs-wrap::before { left: 0; background: linear-gradient(to right, var(--tt-beige), rgba(240,235,230,0)); }\n.tt-solution-tabs-wrap::after { right: 0; background: linear-gradient(to left, var(--tt-beige), rgba(240,235,230,0)); }\n.tt-solution-tabs {\n  display: flex; justify-content: center; gap: 9px;\n  padding: 4px 66px 10px; overflow-x: auto; scrollbar-width: none;\n}\n.tt-solution-tabs::-webkit-scrollbar { display: none; }\n.tt-solution-tab {\n  position: relative; flex: 0 0 auto;\n  display: inline-flex; align-items: center; gap: 8px;\n  border: 1px solid var(--tt-border); background: rgba(255, 255, 255, 0.62);\n  color: rgba(11, 36, 5, 0.72);\n  border-radius: 14px; min-height: 48px; padding: 0 18px;\n  font-family: inherit; font-size: 15px; font-weight: 800; cursor: pointer;\n  box-shadow: 0 10px 22px rgba(11,36,5,0.04);\n  transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;\n}\n.tt-solution-tab:hover { transform: translateY(-2px); color: var(--tt-dark-green); }\n.tt-solution-tab.is-active {\n  color: var(--tt-dark-green);\n  background: rgba(159, 232, 112, 0.34);\n  border-color: rgba(36, 128, 16, 0.25);\n  box-shadow: 0 16px 30px rgba(36,128,16,0.12);\n}\n.tt-solution-tab-flag {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-height: 21px; padding: 0 9px; border-radius: 999px;\n  background: var(--tt-bright-green); color: var(--tt-white);\n  font-size: 10px; font-weight: 900; letter-spacing: 0.02em; text-transform: uppercase;\n}\n\n\/* Stage *\/\n.tt-solution-stage { position: relative; }\n.tt-solution-panel { display: none; }\n.tt-solution-panel.is-active { display: block; }\n\n.tt-stage-visual {\n  position: relative;\n  width: 100%;\n  padding: 6px;\n  border-radius: 28px;\n}\n.tt-stage-main { position: relative; width: 100%; }\n.tt-stage-main.is-narrow { max-width: 300px; margin: 0 auto; }\n.tt-stage-badge {\n  position: absolute;\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 12px 16px; border-radius: 16px;\n  background: var(--tt-white);\n  border: 1px solid var(--tt-border);\n  box-shadow: 0 16px 34px rgba(11,36,5,0.14);\n  font-size: 12.5px; font-weight: 800; color: var(--tt-dark-green);\n  white-space: nowrap; z-index: 4; max-width: 230px;\n}\n.tt-stage-badge img { width: 20px; height: 20px; object-fit: contain; flex: 0 0 auto; }\n.tt-stage-badge--tl { left: -14px; top: -14px; }\n.tt-stage-badge--tr { right: -14px; top: -14px; }\n.tt-stage-badge--br { right: -14px; bottom: -14px; }\n.tt-stage-photo {\n  position: absolute; z-index: 4;\n  width: clamp(120px, 15%, 170px);\n  aspect-ratio: 4 \/ 3;\n  border-radius: 18px; overflow: hidden;\n  box-shadow: 0 18px 36px rgba(11,36,5,0.18);\n  border: 3px solid var(--tt-white);\n}\n.tt-stage-photo--bl { left: -16px; bottom: -16px; }\n.tt-stage-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.tt-stage-photo--overview img { object-position: center top; }\n.tt-stage-photo--followup img { object-position: center top; }\n.tt-stage-photo-caption {\n  position: absolute; left: 0; right: 0; bottom: 0;\n  padding: 7px 9px; font-size: 10.5px; font-weight: 800; color: var(--tt-white);\n  background: rgba(11,36,5,0.68);\n}\n\n\/* Window mockup *\/\n.tt-window { width: 100%; border-radius: 26px; background: rgba(255,255,255,0.9); border: 1px solid var(--tt-border); box-shadow: 0 22px 54px rgba(11,36,5,0.12); overflow: hidden; }\n.tt-window-top { height: 56px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--tt-border); }\n.tt-window-top img { width: 112px; height: auto; }\n.tt-pill { display: inline-flex; align-items: center; min-height: 27px; padding: 0 11px; border-radius: 999px; background: rgba(36,128,16,0.10); color: var(--tt-bright-green); font-size: 12px; font-weight: 800; white-space: nowrap; }\n.tt-window-body { display: grid; grid-template-columns: 190px 1fr; min-height: 260px; }\n.tt-window-sidebar { padding: 18px; border-right: 1px solid var(--tt-border); background: rgba(240,235,230,0.5); }\n.tt-window-side-label { margin: 0 0 12px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: rgba(11,36,5,0.5); letter-spacing: 0.03em; }\n.tt-window-side-item { display: flex; align-items: center; gap: 9px; min-height: 36px; padding: 0 10px; border-radius: 11px; font-size: 13px; font-weight: 700; color: rgba(11,36,5,0.62); }\n.tt-window-side-item.is-active { background: rgba(255,255,255,0.9); color: var(--tt-dark-green); box-shadow: 0 8px 18px rgba(11,36,5,0.05); }\n.tt-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--tt-bright-green); flex: 0 0 auto; }\n.tt-window-main { padding: 20px; }\n.tt-window-main-title { margin: 0 0 14px; font-size: 17px; font-weight: 800; letter-spacing: -0.02em; }\n.tt-metric-grid, .tt-overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }\n.tt-overview-grid { grid-template-columns: repeat(4, 1fr); }\n.tt-metric { padding: 13px; border-radius: 15px; background: rgba(240,235,230,0.6); border: 1px solid rgba(11,36,5,0.06); }\n.tt-metric strong { display: block; font-size: 21px; font-weight: 900; letter-spacing: -0.04em; }\n.tt-metric span { display: block; margin-top: 5px; font-size: 11px; font-weight: 800; color: rgba(11,36,5,0.55); }\n.tt-table { display: grid; gap: 7px; }\n.tt-row { display: grid; grid-template-columns: 1.2fr 1fr 0.8fr; gap: 8px; align-items: center; min-height: 38px; padding: 0 12px; border-radius: 12px; background: rgba(255,255,255,0.55); font-size: 12px; font-weight: 700; color: rgba(11,36,5,0.66); }\n.tt-row.is-strong { background: rgba(159,232,112,0.22); }\n.tt-status { font-size: 12px; font-weight: 800; color: var(--tt-bright-green); text-align: right; }\n\n\/* Phone mockup *\/\n.tt-phone { width: min(250px, 90%); margin: 0 auto; padding: 11px; border-radius: 32px; background: var(--tt-dark-green); box-shadow: 0 26px 54px rgba(11,36,5,0.22); }\n.tt-phone-screen { padding: 18px; border-radius: 23px; background: var(--tt-white); }\n.tt-phone-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }\n.tt-phone-top img { width: 104px; }\n.tt-phone-step { font-size: 11px; font-weight: 900; color: var(--tt-bright-green); }\n.tt-phone-question { margin: 0 0 15px; font-size: 18px; font-weight: 900; letter-spacing: -0.03em; line-height: 1.15; }\n.tt-phone-option { display: flex; align-items: center; gap: 9px; min-height: 44px; margin-bottom: 9px; padding: 0 11px; border-radius: 13px; background: rgba(240,235,230,0.7); font-size: 12.5px; font-weight: 800; color: rgba(11,36,5,0.72); }\n.tt-phone-option.is-selected { background: rgba(159,232,112,0.3); }\n.tt-phone-check { width: 17px; height: 17px; border-radius: 999px; background: var(--tt-bright-green); color: var(--tt-white); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; flex: 0 0 auto; }\n.tt-phone-btn { margin-top: 15px; min-height: 44px; border-radius: 999px; background: var(--tt-bright-green); color: var(--tt-white); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; }\n\n\/* Score bar (used inside a window main area) *\/\n.tt-score-bar { height: 9px; border-radius: 999px; background: rgba(11,36,5,0.08); overflow: hidden; margin-top: 10px; }\n.tt-score-fill { display: block; height: 100%; width: 82%; background: var(--tt-bright-green); border-radius: 999px; }\n\n\/* No cure no pay flow (rendered inside a standard .tt-window, same visual weight as other tabs) *\/\n.tt-pay-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; width: 100%; }\n.tt-pay-step { position: relative; padding: 18px 12px; border-radius: 18px; background: rgba(240,235,230,0.55); border: 1px solid var(--tt-border); text-align: center; }\n.tt-pay-step:not(:last-child)::after { content: \"\u2192\"; position: absolute; right: -13px; top: 50%; transform: translateY(-50%); color: var(--tt-bright-green); font-weight: 900; font-size: 16px; }\n.tt-pay-icon { width: 34px; height: 34px; margin: 0 auto 9px; border-radius: 11px; background: rgba(36,128,16,0.12); color: var(--tt-bright-green); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; }\n.tt-pay-step strong { display: block; font-size: 12.5px; font-weight: 900; }\n.tt-pay-step span { display: block; margin-top: 5px; font-size: 10.5px; font-weight: 700; color: rgba(11,36,5,0.55); line-height: 1.3; }\n\n\/* CTA row *\/\n.tt-solution-cta-row { display: flex; justify-content: center; margin-top: 52px; }\n.tt-solution-button {\n  display: inline-flex; align-items: center; gap: 10px;\n  min-height: 56px; padding: 0 28px; border-radius: 999px;\n  background: var(--tt-bright-green); color: var(--tt-white) !important;\n  font-size: 15px; font-weight: 800;\n  box-shadow: 0 14px 28px rgba(36, 128, 16, 0.24);\n  transition: transform 180ms ease, background 180ms ease;\n}\n.tt-solution-button:hover { transform: translateY(-2px); background: var(--tt-bright-green-hover); }\n\n@media (max-width: 1023px) {\n  .tt-stage-main { width: 100%; }\n  .tt-window-body { grid-template-columns: 1fr; }\n  .tt-window-sidebar { display: none; }\n  .tt-pay-flow { grid-template-columns: repeat(3, 1fr); }\n  .tt-pay-step:nth-child(3)::after { display: none; }\n}\n@media (max-width: 767px) {\n  .tt-solution-section { padding: 64px 0 68px; }\n  .tt-solution-container { width: min(100% - 24px, 1180px); }\n  .tt-solution-header { margin-bottom: 22px; }\n  .tt-solution-title { font-size: clamp(28px, 8vw, 36px); }\n  .tt-solution-subtitle-wrap { min-height: 78px; }\n  .tt-solution-tabs { justify-content: flex-start; padding: 4px 24px 8px; }\n  .tt-solution-tab { min-height: 44px; padding: 0 14px; font-size: 13px; }\n\n  .tt-stage-visual { padding: 4px 4px 60px; }\n  .tt-stage-badge { display: none; }\n  .tt-stage-photo { left: 10px; bottom: 10px; width: 84px; }\n  .tt-stage-photo--overview { bottom: -4px; }\n  .tt-stage-photo-caption { display: none; }\n  .tt-metric-grid, .tt-overview-grid { grid-template-columns: repeat(2, 1fr); }\n\n  .tt-pay-flow { grid-template-columns: 1fr; gap: 10px; min-width: 0; }\n  .tt-pay-step {\n    min-width: 0;\n    text-align: left;\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    grid-template-rows: auto auto;\n    column-gap: 14px;\n    row-gap: 2px;\n    align-items: center;\n    padding: 14px 16px;\n    border-radius: 16px;\n  }\n  .tt-pay-icon {\n    grid-column: 1;\n    grid-row: 1 \/ span 2;\n    width: 36px;\n    height: 36px;\n    border-radius: 11px;\n    margin: 0;\n    align-self: center;\n  }\n  .tt-pay-step strong {\n    grid-column: 2;\n    grid-row: 1;\n    font-size: 14px;\n    line-height: 1.18;\n    align-self: end;\n  }\n  .tt-pay-step span {\n    grid-column: 2;\n    grid-row: 2;\n    margin-top: 2px;\n    font-size: 12px;\n    line-height: 1.35;\n    overflow-wrap: normal;\n    word-break: normal;\n  }\n  .tt-pay-step:not(:last-child)::after { display: none; }\n  .tt-solution-panel[data-tt-panel=\"0\"] .tt-stage-visual { padding: 4px; }\n  .tt-solution-panel[data-tt-panel=\"0\"] .tt-window { padding: 18px 14px !important; }\n\n  .tt-solution-cta-row { margin-top: 30px; }\n  .tt-solution-button { width: 100%; justify-content: center; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .tt-solution-tab, .tt-solution-button { transition: none; }\n}\n<\/style>\n\n<section class=\"tt-solution-section\" aria-label=\"TalentTraffic kandidaatmachine\">\n  <div class=\"tt-solution-container\">\n    <div class=\"tt-solution-header\">\n      <div class=\"tt-solution-eyebrow\"><span class=\"tt-solution-eyebrow-dot\"><\/span>Kandidaatmachine<\/div>\n      <h2 class=\"tt-solution-title\">Recruiters vullen vacatures met TalentTraffic<\/h2>\n      <div class=\"tt-solution-subtitle-wrap\">\n        <p class=\"tt-solution-subtitle\" data-tt-subtitle=\"\">We spreken van succes pas wanneer er een plaatsing is. Geen risico, geen verrassingen.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tt-solution-tabs-wrap\">\n      <div class=\"tt-solution-tabs\" role=\"tablist\" aria-label=\"Onderdelen van de kandidaatmachine\">\n        <button class=\"tt-solution-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-tt-tab=\"0\">No cure no pay<\/button>\n        <button class=\"tt-solution-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-tt-tab=\"1\">Recruitmentcampagnes<\/button>\n        <button class=\"tt-solution-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-tt-tab=\"2\">Interactief solliciteren<\/button>\n        <button class=\"tt-solution-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-tt-tab=\"3\">Pre-screening<\/button>\n        <button class=\"tt-solution-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-tt-tab=\"4\">Opvolging<\/button>\n        <button class=\"tt-solution-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-tt-tab=\"5\">Kandidatenoverzicht<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"tt-solution-stage\">\n\n      <div class=\"tt-solution-panel is-active\" data-tt-panel=\"0\">\n        <div class=\"tt-stage-visual\">\n          <div class=\"tt-stage-main\">\n            <div class=\"tt-window\" style=\"padding: 32px 26px;\">\n              <div class=\"tt-pay-flow\">\n                <div class=\"tt-pay-step\"><div class=\"tt-pay-icon\">1<\/div><strong>Vacature<\/strong><span>Input en criteria aanleveren.<\/span><\/div>\n                <div class=\"tt-pay-step\"><div class=\"tt-pay-icon\">2<\/div><strong>Campagne<\/strong><span>Wij bouwen en starten.<\/span><\/div>\n                <div class=\"tt-pay-step\"><div class=\"tt-pay-icon\">3<\/div><strong>Kandidaten<\/strong><span>Komen binnen via de funnel.<\/span><\/div>\n                <div class=\"tt-pay-step\"><div class=\"tt-pay-icon\">4<\/div><strong>Gesprekken<\/strong><span>Recruiters pakken op.<\/span><\/div>\n                <div class=\"tt-pay-step\"><div class=\"tt-pay-icon\">\u2713<\/div><strong>Plaatsing<\/strong><span>Nu ontstaat de succesfee.<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tl\">Geen risico, vaste staffel<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-solution-panel\" data-tt-panel=\"1\">\n        <div class=\"tt-stage-visual\">\n          <div class=\"tt-stage-main\">\n            <div class=\"tt-window\">\n              <div class=\"tt-window-top\">\n                <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic logo\">\n                <span class=\"tt-pill\">Live campagne<\/span>\n              <\/div>\n              <div class=\"tt-window-body\">\n                <div class=\"tt-window-sidebar\">\n                  <p class=\"tt-window-side-label\">Vacatures<\/p>\n                  <div class=\"tt-window-side-item is-active\"><span class=\"tt-dot\"><\/span>Transportplanner<\/div>\n                  <div class=\"tt-window-side-item\"><span class=\"tt-dot\"><\/span>Accountmanager<\/div>\n                  <div class=\"tt-window-side-item\"><span class=\"tt-dot\"><\/span>Planner zorg<\/div>\n                <\/div>\n                <div class=\"tt-window-main\">\n                  <h3 class=\"tt-window-main-title\">Campagneprestaties<\/h3>\n                  <div class=\"tt-metric-grid\">\n                    <div class=\"tt-metric\"><strong>42,8k<\/strong><span>bereikte kandidaten<\/span><\/div>\n                    <div class=\"tt-metric\"><strong>1.284<\/strong><span>campagnekliks<\/span><\/div>\n                    <div class=\"tt-metric\"><strong>86<\/strong><span>nieuwe kandidaten<\/span><\/div>\n                  <\/div>\n                  <div class=\"tt-table\">\n                    <div class=\"tt-row is-strong\"><span>Transportplanner Venlo<\/span><span>Meta + TikTok<\/span><span class=\"tt-status\">Actief<\/span><\/div>\n                    <div class=\"tt-row\"><span>Accountmanager B2B<\/span><span>Meta Ads<\/span><span class=\"tt-status\">Optimalisatie<\/span><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tl\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/Meta-Ads-logo.png\" alt=\"Meta Ads\">Meta Ads<\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tr\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TikTok-Logo-scaled.png\" alt=\"TikTok\">TikTok Ads<\/div>\n          <div class=\"tt-stage-photo tt-stage-photo--bl\">\n            <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Campagne-voering.png\" alt=\"Campagnevoering onder jullie merk\">\n            <div class=\"tt-stage-photo-caption\">Campagnes uit jullie naam<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-solution-panel\" data-tt-panel=\"2\">\n        <div class=\"tt-stage-visual\">\n          <div class=\"tt-stage-main is-narrow\">\n            <div class=\"tt-phone\">\n              <div class=\"tt-phone-screen\">\n                <div class=\"tt-phone-top\">\n                  <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic logo\">\n                  <span class=\"tt-phone-step\">Stap 2\/5<\/span>\n                <\/div>\n                <p class=\"tt-phone-question\">Hoeveel ervaring heb je met deze functie?<\/p>\n                <div class=\"tt-phone-option is-selected\"><span class=\"tt-phone-check\">\u2713<\/span><span>Ervaren en direct inzetbaar<\/span><\/div>\n                <div class=\"tt-phone-option\"><span class=\"tt-phone-check\" style=\"background:rgba(11,36,5,0.16); color:#0b2405;\">2<\/span><span>Basiservaring<\/span><\/div>\n                <div class=\"tt-phone-option\"><span class=\"tt-phone-check\" style=\"background:rgba(11,36,5,0.16); color:#0b2405;\">3<\/span><span>Geen ervaring<\/span><\/div>\n                <div class=\"tt-phone-btn\">Volgende vraag \u2192<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tl\" style=\"white-space: normal;\">Geen saaie vacaturepagina, maar een korte flow<\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--br\" style=\"white-space: normal;\">Minder afhakers, meer instappers<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-solution-panel\" data-tt-panel=\"3\">\n        <div class=\"tt-stage-visual\">\n          <div class=\"tt-stage-main\">\n            <div class=\"tt-window\">\n              <div class=\"tt-window-top\">\n                <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic logo\">\n                <span class=\"tt-pill\">Knock-out logica<\/span>\n              <\/div>\n              <div class=\"tt-window-body\">\n                <div class=\"tt-window-sidebar\">\n                  <p class=\"tt-window-side-label\">Criteria<\/p>\n                  <div class=\"tt-window-side-item is-active\"><span class=\"tt-dot\"><\/span>Ervaring<\/div>\n                  <div class=\"tt-window-side-item\"><span class=\"tt-dot\"><\/span>Beschikbaarheid<\/div>\n                  <div class=\"tt-window-side-item\"><span class=\"tt-dot\"><\/span>Regio<\/div>\n                <\/div>\n                <div class=\"tt-window-main\">\n                  <h3 class=\"tt-window-main-title\">Kandidaatkwaliteit<\/h3>\n                  <div class=\"tt-table\">\n                    <div class=\"tt-row is-strong\"><span>Sander Jansen<\/span><span>5 jaar ervaring<\/span><span class=\"tt-status\">Match<\/span><\/div>\n                    <div class=\"tt-row\"><span>Lisa de Vries<\/span><span>Beschikbaar in 4 wk<\/span><span class=\"tt-status\">Twijfel<\/span><\/div>\n                    <div class=\"tt-row\"><span>Youssef Amrani<\/span><span>Geen ervaring<\/span><span class=\"tt-status\">No match<\/span><\/div>\n                  <\/div>\n                  <div class=\"tt-score-bar\" style=\"margin-top:14px;\"><span class=\"tt-score-fill\"><\/span><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tl\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/N8N-png.png\" alt=\"n8n\">Slimme workflow<\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tr\">Screening score 82%<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-solution-panel\" data-tt-panel=\"4\">\n        <div class=\"tt-stage-visual\">\n          <div class=\"tt-stage-main\">\n            <div class=\"tt-window\">\n              <div class=\"tt-window-top\">\n                <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic logo\">\n                <span class=\"tt-pill\">E-mail notificatie<\/span>\n              <\/div>\n              <div class=\"tt-window-body\">\n                <div class=\"tt-window-sidebar\">\n                  <p class=\"tt-window-side-label\">Opvolging<\/p>\n                  <div class=\"tt-window-side-item is-active\"><span class=\"tt-dot\"><\/span>AI-check<\/div>\n                  <div class=\"tt-window-side-item\"><span class=\"tt-dot\"><\/span>Gmail alert<\/div>\n                <\/div>\n                <div class=\"tt-window-main\">\n                  <h3 class=\"tt-window-main-title\">Nieuwe kandidaat binnen<\/h3>\n                  <div class=\"tt-table\">\n                    <div class=\"tt-row is-strong\"><span>Kandidaat aangemeld<\/span><span>Screening klaar<\/span><span class=\"tt-status\">Direct<\/span><\/div>\n                    <div class=\"tt-row\"><span>Gmail notificatie<\/span><span>Naar recruiter<\/span><span class=\"tt-status\">Verstuurd<\/span><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tl\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/gmail-logo.png\" alt=\"Gmail\">Gmail<\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tr\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/N8N-png.png\" alt=\"n8n\">AI-workflow<\/div>\n          <div class=\"tt-stage-photo tt-stage-photo--bl tt-stage-photo--followup\">\n            <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Beschermen-de-voorkant-1.png\" alt=\"Joep en Jochem monitoren kandidaatinstroom\">\n            <div class=\"tt-stage-photo-caption\">Wij bewaken de voorkant<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-solution-panel\" data-tt-panel=\"5\">\n        <div class=\"tt-stage-visual\">\n          <div class=\"tt-stage-main\">\n            <div class=\"tt-window\">\n              <div class=\"tt-window-top\">\n                <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic logo\">\n                <span class=\"tt-pill\">Realtime<\/span>\n              <\/div>\n              <div class=\"tt-window-main\">\n                <div class=\"tt-overview-grid\">\n                  <div class=\"tt-metric\"><strong>86<\/strong><span>nieuwe kandidaten<\/span><\/div>\n                  <div class=\"tt-metric\"><strong>31<\/strong><span>matches<\/span><\/div>\n                  <div class=\"tt-metric\"><strong>18<\/strong><span>gesprekken<\/span><\/div>\n                  <div class=\"tt-metric\"><strong>4<\/strong><span>vacatures actief<\/span><\/div>\n                <\/div>\n                <div class=\"tt-table\">\n                  <div class=\"tt-row is-strong\"><span>Romy Peters<\/span><span>Transportplanner<\/span><span class=\"tt-status\">Geplaatst<\/span><\/div>\n                  <div class=\"tt-row\"><span>Sander Jansen<\/span><span>Accountmanager<\/span><span class=\"tt-status\">Gescreend<\/span><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tt-stage-badge tt-stage-badge--tl\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Google-sheets-logo.png\" alt=\"Google Sheets\">Realtime overzicht<\/div>\n          <div class=\"tt-stage-photo tt-stage-photo--bl tt-stage-photo--overview\">\n            <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Kandidaten-recruiter.png\" alt=\"Recruiter bekijkt kandidatenoverzicht\">\n            <div class=\"tt-stage-photo-caption\">Klaar voor recruiter<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n\n\n    <\/div>\n\n    <div class=\"tt-solution-cta-row\">\n      <a class=\"tt-solution-button\" href=\"https:\/\/calendly.com\/team-talenttraffic\/30min\"><span>\u2192<\/span><span>Plan een kennismaking<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.currentScript.closest('.tt-solution-block');\n  if (!root) return;\n  var tabs = Array.from(root.querySelectorAll('.tt-solution-tab'));\n  var panels = Array.from(root.querySelectorAll('.tt-solution-panel'));\n  var subtitleEl = root.querySelector('[data-tt-subtitle]');\n  var subtitles = [\n    'Jullie betalen pas wanneer er een plaatsing is. Geen risico, geen verrassingen.',\n    'We zetten vacatures actief onder de aandacht via gerichte social campagnes op Meta en TikTok.',\n    'Kandidaten solliciteren via een korte, laagdrempelige flow die beter converteert dan een lange vacaturepagina.',\n    'Kandidaten worden automatisch gefilterd op ervaring, motivatie, beschikbaarheid en regio.',\n    'Nieuwe kandidaten komen automatisch binnen en worden direct doorgestuurd naar jullie team.',\n    'Jullie zien in \u00e9\u00e9n overzicht wie er binnenkomt, wat de status is en wie opgevolgd moet worden.'\n  ];\n  var activeIndex = 0;\n  var intervalId = null;\n  var intervalTime = 8000;\n\n  function setActive(index) {\n    activeIndex = index;\n    tabs.forEach(function (tab, i) {\n      var isActive = i === activeIndex;\n      tab.classList.toggle('is-active', isActive);\n      tab.setAttribute('aria-selected', isActive ? 'true' : 'false');\n    });\n    panels.forEach(function (panel) {\n      var isActive = panel.getAttribute('data-tt-panel') === String(activeIndex);\n      panel.classList.toggle('is-active', isActive);\n    });\n    if (subtitleEl) {\n      subtitleEl.style.opacity = 0;\n      setTimeout(function () {\n        subtitleEl.textContent = subtitles[activeIndex] || '';\n        subtitleEl.style.opacity = 1;\n      }, 150);\n    }\n  }\n\n  function startAutoplay() {\n    stopAutoplay();\n    intervalId = setInterval(function () {\n      setActive((activeIndex + 1) % tabs.length);\n    }, intervalTime);\n  }\n  function stopAutoplay() {\n    if (intervalId) clearInterval(intervalId);\n  }\n\n  tabs.forEach(function (tab, i) {\n    tab.addEventListener('click', function () {\n      setActive(i);\n      startAutoplay();\n    });\n  });\n\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (!reduceMotion) startAutoplay();\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"tt-homepage tt-roles-block\" id=\"tt-vacatures\">\n<style>\n.tt-roles-block {\n  --tt-dark-green: #0b2405;\n  --tt-bright-green: #248010;\n  --tt-light-green: #9fe870;\n  --tt-beige: #f0ebe6;\n  --tt-white: #ffffff;\n  position: relative;\n  font-family: 'Manrope', Arial, sans-serif;\n  background: var(--tt-beige);\n}\n.tt-roles-block * { box-sizing: border-box; }\n.tt-roles-block a { color: inherit; text-decoration: none; }\n\n.tt-roles-section { position: relative; padding: 48px 0 56px; }\n.tt-roles-panel {\n  position: relative;\n  width: min(1240px, calc(100% - 48px));\n  margin: 0 auto;\n  border-radius: 36px;\n  background: var(--tt-dark-green);\n  color: var(--tt-white);\n  padding: 64px 0 68px;\n  overflow: hidden;\n}\n.tt-roles-container { width: min(920px, calc(100% - 48px)); margin: 0 auto; }\n\n.tt-roles-header { max-width: 700px; margin: 0 auto 32px; text-align: center; }\n.tt-roles-eyebrow {\n  display: inline-flex; align-items: center; gap: 9px;\n  margin-bottom: 16px; padding: 7px 13px;\n  border-radius: 999px; background: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  color: var(--tt-light-green);\n  font-size: 12.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase;\n}\n.tt-roles-eyebrow-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--tt-light-green); }\n.tt-roles-title {\n  margin: 0; color: rgba(255,255,255,0.82);\n  font-size: clamp(19px, 2.1vw, 24px);\n  line-height: 1.5; letter-spacing: -0.01em; font-weight: 500;\n}\n.tt-roles-title strong { font-weight: 800; color: var(--tt-white); }\n\n.tt-roles-mask { position: relative; display: grid; gap: 12px; }\n.tt-roles-mask::before, .tt-roles-mask::after {\n  content: \"\"; position: absolute; top: 0; bottom: 0; width: 130px; z-index: 3; pointer-events: none;\n}\n.tt-roles-mask::before { left: 0; background: linear-gradient(to right, var(--tt-dark-green), rgba(11,36,5,0)); }\n.tt-roles-mask::after { right: 0; background: linear-gradient(to left, var(--tt-dark-green), rgba(11,36,5,0)); }\n\n.tt-roles-row { overflow: hidden; }\n.tt-roles-track {\n  display: flex; align-items: stretch; gap: 12px; width: max-content;\n  animation: tt-roles-scroll 56s linear infinite; will-change: transform;\n}\n.tt-roles-row:nth-child(2) .tt-roles-track { animation-duration: 64s; }\n.tt-roles-row:nth-child(3) .tt-roles-track { animation-duration: 60s; }\n.tt-roles-mask:hover .tt-roles-track { animation-play-state: paused; }\n@keyframes tt-roles-scroll { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }\n\n.tt-roles-card {\n  flex: 0 0 auto;\n  height: 84px;\n  padding: 10px 18px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.10);\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center;\n  transition: transform 200ms ease, background 200ms ease;\n}\n.tt-roles-card:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.11); }\n\n.tt-roles-card--logo { width: 148px; }\n.tt-roles-card--logo img { max-width: 104px; max-height: 26px; object-fit: contain; opacity: 0.88; filter: brightness(0) invert(1); }\n.tt-roles-card--logo:hover img { opacity: 1; }\n\n.tt-roles-card--role { width: 172px; }\n.tt-roles-role-name { margin: 0; font-size: 13.5px; font-weight: 800; letter-spacing: -0.005em; color: var(--tt-white); }\n.tt-roles-role-status { margin: 4px 0 0; display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--tt-light-green); }\n.tt-roles-role-status::before { content: \"\u2713\"; display: inline-flex; align-items: center; justify-content: center; width: 13px; height: 13px; border-radius: 999px; background: rgba(159,232,112,0.18); font-size: 7px; }\n\n.tt-roles-card--combo { width: 226px; flex-direction: row; gap: 12px; text-align: left; }\n.tt-roles-card--combo img { width: 30px; height: 30px; object-fit: contain; flex: 0 0 auto; filter: brightness(0) invert(1); opacity: 0.9; }\n.tt-roles-combo-text strong { display: block; font-size: 13px; font-weight: 800; color: var(--tt-white); }\n.tt-roles-combo-text span { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 600; color: rgba(255,255,255,0.6); }\n\n.tt-roles-card--stat { width: 152px; }\n.tt-roles-stat-value { margin: 0; font-size: 22px; font-weight: 900; letter-spacing: -0.02em; color: var(--tt-light-green); }\n.tt-roles-stat-label { margin: 3px 0 0; font-size: 10.5px; font-weight: 700; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 0.02em; }\n\n@media (max-width: 767px) {\n  .tt-roles-section { padding: 0; }\n  .tt-roles-panel { width: 100%; margin: 0; border-radius: 0; padding: 60px 0 64px; }\n  .tt-roles-container { width: min(100% - 24px, 920px); }\n  .tt-roles-header { margin-bottom: 30px; }\n  .tt-roles-title { font-size: clamp(17px, 5vw, 20px); }\n  .tt-roles-mask::before, .tt-roles-mask::after { width: 44px; }\n  .tt-roles-card { height: 72px; padding: 8px 14px; }\n  .tt-roles-card--logo { width: 122px; }\n  .tt-roles-card--role { width: 148px; }\n  .tt-roles-card--combo { width: 190px; }\n  .tt-roles-card--stat { width: 128px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .tt-roles-track { animation-duration: 200s !important; }\n}\n<\/style>\n\n<section class=\"tt-roles-section\" aria-label=\"Vacaturegebieden en bewezen resultaat\">\n  <div class=\"tt-roles-panel\">\n  <div class=\"tt-roles-container\">\n    <div class=\"tt-roles-header\">\n      <div class=\"tt-roles-eyebrow\"><span class=\"tt-roles-eyebrow-dot\"><\/span>Resultaat<\/div>\n      <h2 class=\"tt-roles-title\">Recruiters en detacheerders schakelen ons in voor <strong>resultaat<\/strong>. Samen met onze partners vulden we al meer dan <strong>500 vacatures<\/strong>.<\/h2>\n    <\/div>\n  <\/div>\n\n  <div class=\"tt-roles-mask\">\n\n    <div class=\"tt-roles-row\">\n      <div class=\"tt-roles-track\">\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/SIP-klantlogo-TalentTraffic-Groen.png\" alt=\"SIP\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Monteur<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--combo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Rexen-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><span class=\"tt-roles-combo-text\"><strong>Rexen<\/strong><span>Binnen 3 weken geplaatst<\/span><\/span><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Moovment-klantlogo-TalentTraffic-Groen.png\" alt=\"Moovment\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--stat\"><p class=\"tt-roles-stat-value\">3x<\/p><p class=\"tt-roles-stat-label\">meer instroom<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Accountmanager<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Henk-klantlogo-TalentTraffic-Groen.png\" alt=\"Henk\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Werkvoorbereider<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/SIP-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Monteur<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--combo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Rexen-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><span class=\"tt-roles-combo-text\"><strong>Rexen<\/strong><span>Binnen 3 weken geplaatst<\/span><\/span><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Moovment-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--stat\"><p class=\"tt-roles-stat-value\">3x<\/p><p class=\"tt-roles-stat-label\">meer instroom<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Accountmanager<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Henk-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Werkvoorbereider<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tt-roles-row\">\n      <div class=\"tt-roles-track\">\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Verzorgende IG<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Gig-klantlogo-TalentTraffic-Groen.png\" alt=\"Gig\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--stat\"><p class=\"tt-roles-stat-value\">+140%<\/p><p class=\"tt-roles-stat-label\">kandidaatinstroom<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--combo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Finesse-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><span class=\"tt-roles-combo-text\"><strong>Finesse<\/strong><span>Direct kandidaten binnen<\/span><\/span><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Sales consultant<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Ciquel-klantlogo-TalentTraffic-Groen.png\" alt=\"Ciquel\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Orderpicker<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Attentix-klantlogo-TalentTraffic-Groen.png\" alt=\"Attentix\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Verzorgende IG<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Gig-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--stat\"><p class=\"tt-roles-stat-value\">+140%<\/p><p class=\"tt-roles-stat-label\">kandidaatinstroom<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--combo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Finesse-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><span class=\"tt-roles-combo-text\"><strong>Finesse<\/strong><span>Direct kandidaten binnen<\/span><\/span><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Sales consultant<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Ciquel-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Orderpicker<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Attentix-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tt-roles-row\">\n      <div class=\"tt-roles-track\">\n        <div class=\"tt-roles-card tt-roles-card--combo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Henk-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><span class=\"tt-roles-combo-text\"><strong>Henk<\/strong><span>Structurele instroom<\/span><\/span><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Business developer<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--stat\"><p class=\"tt-roles-stat-value\">2,5x<\/p><p class=\"tt-roles-stat-label\">sneller gevuld<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">HR-medewerker<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Moovment-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Heftruckchauffeur<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Marketing co\u00f6rdinator<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Verpleegkundige<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--combo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Henk-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><span class=\"tt-roles-combo-text\"><strong>Henk<\/strong><span>Structurele instroom<\/span><\/span><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Business developer<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--stat\"><p class=\"tt-roles-stat-value\">2,5x<\/p><p class=\"tt-roles-stat-label\">sneller gevuld<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">HR-medewerker<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--logo\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Moovment-klantlogo-TalentTraffic-Groen.png\" alt=\"\"><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Heftruckchauffeur<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Marketing co\u00f6rdinator<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n        <div class=\"tt-roles-card tt-roles-card--role\"><p class=\"tt-roles-role-name\">Verpleegkundige<\/p><p class=\"tt-roles-role-status\">Geplaatst<\/p><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"tt-homepage tt-process-block\" id=\"tt-werkwijze\">\n<style>\n.tt-process-block {\n  --tt-dark-green: #0b2405;\n  --tt-bright-green: #248010;\n  --tt-light-green: #9fe870;\n  --tt-beige: #f0ebe6;\n  --tt-white: #ffffff;\n  --tt-border: rgba(11, 36, 5, 0.10);\n  --tt-shadow: 0 28px 80px rgba(11, 36, 5, 0.11);\n  position: relative;\n  font-family: 'Manrope', Arial, sans-serif;\n  background: var(--tt-beige);\n  color: var(--tt-dark-green);\n}\n.tt-process-block * { box-sizing: border-box; }\n.tt-process-block a { color: inherit; text-decoration: none; }\n.tt-process-section { position: relative; padding: 96px 0 0; }\n.tt-process-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }\n.tt-process-header { max-width: 700px; margin: 0 auto 56px; text-align: center; }\n.tt-process-eyebrow {\n  display: inline-flex; align-items: center; gap: 9px;\n  margin-bottom: 16px; padding: 7px 13px;\n  border-radius: 999px; background: rgba(255, 255, 255, 0.62);\n  border: 1px solid var(--tt-border);\n  color: var(--tt-bright-green);\n  font-size: 12.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase;\n}\n.tt-process-eyebrow-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--tt-bright-green); }\n.tt-process-title {\n  margin: 0; color: var(--tt-dark-green);\n  font-size: clamp(32px, 4vw, 52px);\n  line-height: 1.02; letter-spacing: -0.04em; font-weight: 800;\n}\n.tt-process-subtitle {\n  max-width: 560px; margin: 16px auto 0;\n  color: rgba(11,36,5,0.62);\n  font-size: clamp(15.5px, 1.3vw, 17.5px); font-weight: 600; line-height: 1.5;\n}\n\n\/* ---- Kaarten-stack: CSS sticky + JS-garantie tegen \"doorschemeren\" ---- *\/\n.tt-process-stack { position: relative; isolation: isolate; padding-bottom: clamp(60px, 10vh, 110px); }\n.tt-process-slot { position: relative; min-height: 820px; margin-bottom: -360px; }\n.tt-process-slot:last-child { min-height: 460px; margin-bottom: 0; }\n.tt-process-slot:nth-child(1) { z-index: 1; }\n.tt-process-slot:nth-child(2) { z-index: 2; }\n.tt-process-slot:nth-child(3) { z-index: 3; }\n.tt-process-slot:nth-child(4) { z-index: 4; }\n.tt-process-slot:nth-child(5) { z-index: 5; }\n.tt-process-card {\n  \/* GEEN position:sticky meer -> WordPress-thema's\/pagebuilders zetten vaak\n     overflow of transform op een parent, en dat breekt sticky volledig.\n     De \"pin\" wordt hieronder in JS berekend via transform (werkt altijd). *\/\n  position: relative;\n  will-change: transform;\n  min-height: 460px;\n  display: grid;\n  grid-template-columns: 0.95fr 1.05fr;\n  gap: 36px;\n  align-items: stretch;\n  padding: 100px 42px 42px;\n  border-radius: 38px;\n  border: 1px solid var(--tt-border);\n  box-shadow: var(--tt-shadow);\n  overflow: hidden;\n  transition: visibility 0s linear;\n}\n\/* NIEUW: harde garantie \u2014 eenmaal bedekt = onzichtbaar, tot je terugscrollt *\/\n.tt-process-card.is-covered { visibility: hidden; }\n\n.tt-process-slot:nth-child(1) .tt-process-card { background: #eef7e8; z-index: 1; }\n.tt-process-slot:nth-child(2) .tt-process-card { background: #f7efe6; z-index: 2; }\n.tt-process-slot:nth-child(3) .tt-process-card { background: #edf4ef; z-index: 3; }\n.tt-process-slot:nth-child(4) .tt-process-card { background: #f8f3eb; z-index: 4; }\n.tt-process-slot:nth-child(5) .tt-process-card { background: #eff8e9; z-index: 5; }\n.tt-process-card::before {\n  content: \"\"; position: absolute; inset: 0;\n  background:\n    radial-gradient(circle at 16% 14%, rgba(159, 232, 112, 0.22), transparent 34%),\n    radial-gradient(circle at 86% 18%, rgba(255, 255, 255, 0.7), transparent 30%);\n  opacity: 0.7; pointer-events: none;\n}\n.tt-process-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; }\n.tt-process-label {\n  display: inline-flex; align-items: center; gap: 8px; width: fit-content;\n  margin-bottom: 20px; padding: 0 13px; min-height: 32px;\n  border-radius: 999px; background: rgba(11,36,5,0.08);\n  font-size: 12px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tt-dark-green);\n}\n.tt-process-label span { width: 7px; height: 7px; border-radius: 999px; background: var(--tt-bright-green); }\n.tt-process-card-title { margin: 0; max-width: 460px; font-size: clamp(26px, 3vw, 38px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.05; }\n.tt-process-card-title em { font-style: normal; color: var(--tt-bright-green); }\n.tt-process-card-text { max-width: 460px; margin: 18px 0 0; font-size: clamp(14.5px, 1.15vw, 16px); line-height: 1.5; color: rgba(11,36,5,0.68); font-weight: 600; }\n.tt-process-points { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }\n.tt-process-points li { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px; font-weight: 700; color: rgba(11,36,5,0.72); }\n.tt-process-points li::before {\n  content: \"\u2713\"; flex: 0 0 auto; width: 17px; height: 17px; border-radius: 999px; margin-top: 1px;\n  background: rgba(36,128,16,0.14); color: var(--tt-bright-green);\n  display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 900;\n}\n.tt-process-visual { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; }\n\n.tt-mini-window { width: 100%; border-radius: 20px; background: rgba(255,255,255,0.92); border: 1px solid var(--tt-border); box-shadow: 0 14px 32px rgba(11,36,5,0.08); overflow: hidden; }\n.tt-mini-top { height: 46px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--tt-border); }\n.tt-mini-top img { width: 92px; height: auto; }\n.tt-mini-pill { display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; border-radius: 999px; background: rgba(36,128,16,0.10); color: var(--tt-bright-green); font-size: 11px; font-weight: 800; }\n.tt-mini-body { padding: 16px; }\n.tt-mini-row { display: grid; grid-template-columns: 1.2fr 1fr 0.7fr; gap: 7px; align-items: center; min-height: 36px; padding: 0 10px; border-radius: 11px; background: rgba(240,235,230,0.65); font-size: 11px; font-weight: 700; color: rgba(11,36,5,0.65); margin-bottom: 7px; }\n.tt-mini-row.is-strong { background: rgba(159,232,112,0.26); }\n.tt-mini-status { text-align: right; font-size: 10.5px; font-weight: 800; color: var(--tt-bright-green); }\n.tt-mini-metric-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 12px; }\n.tt-mini-metric { padding: 11px; border-radius: 13px; background: rgba(240,235,230,0.65); text-align: center; }\n.tt-mini-metric strong { display: block; font-size: 18px; font-weight: 900; letter-spacing: -0.03em; }\n.tt-mini-metric span { display: block; margin-top: 3px; font-size: 9.5px; font-weight: 800; color: rgba(11,36,5,0.5); }\n.tt-mini-phone { width: min(200px, 100%); margin: 0 auto; padding: 9px; border-radius: 26px; background: var(--tt-dark-green); box-shadow: 0 18px 36px rgba(11,36,5,0.2); }\n.tt-mini-phone-screen { padding: 14px; border-radius: 19px; background: var(--tt-white); }\n.tt-mini-phone-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }\n.tt-mini-phone-top img { width: 78px; }\n.tt-mini-phone-step { font-size: 10px; font-weight: 900; color: var(--tt-bright-green); }\n.tt-mini-phone-q { margin: 0 0 11px; font-size: 14.5px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }\n.tt-mini-phone-opt { display: flex; align-items: center; gap: 7px; min-height: 36px; margin-bottom: 7px; padding: 0 9px; border-radius: 10px; background: rgba(240,235,230,0.7); font-size: 11px; font-weight: 800; color: rgba(11,36,5,0.72); }\n.tt-mini-phone-opt.is-sel { background: rgba(159,232,112,0.3); }\n.tt-mini-phone-check { width: 13px; height: 13px; border-radius: 999px; background: var(--tt-bright-green); color: var(--tt-white); display: inline-flex; align-items: center; justify-content: center; font-size: 8px; flex: 0 0 auto; }\n.tt-mini-phone-btn { margin-top: 11px; min-height: 36px; border-radius: 999px; background: var(--tt-bright-green); color: var(--tt-white); display: flex; align-items: center; justify-content: center; font-size: 11.5px; font-weight: 900; }\n.tt-mini-score-bar { height: 8px; border-radius: 999px; background: rgba(11,36,5,0.08); overflow: hidden; margin: 12px 0; }\n.tt-mini-score-fill { display: block; height: 100%; width: 82%; background: var(--tt-bright-green); border-radius: 999px; }\n.tt-mini-notice { display: flex; align-items: center; gap: 14px; padding: 20px; border-radius: 18px; background: rgba(255,255,255,0.92); border: 1px solid var(--tt-border); width: 100%; }\n.tt-mini-notice-icon { width: 44px; height: 44px; border-radius: 13px; background: rgba(36,128,16,0.10); color: var(--tt-bright-green); display: flex; align-items: center; justify-content: center; font-size: 18px; flex: 0 0 auto; }\n.tt-mini-notice strong { display: block; font-size: 14.5px; font-weight: 800; }\n.tt-mini-notice span { display: block; margin-top: 3px; font-size: 12.5px; font-weight: 600; color: rgba(11,36,5,0.55); }\n\n@media (max-width: 1023px) {\n  .tt-process-card { grid-template-columns: 1fr; min-height: auto; padding: 100px 36px 36px; gap: 26px; }\n  .tt-process-copy { justify-content: flex-start; }\n  .tt-process-card-title, .tt-process-card-text { max-width: none; }\n}\n\n\/* Mobiel: sticky-stack uitzetten, horizontaal doorschuivend in plaats daarvan *\/\n@media (max-width: 767px) {\n  .tt-process-section { padding: 64px 0 56px; }\n  .tt-process-container { width: min(100% - 24px, 1180px); }\n  .tt-process-header { margin-bottom: 28px; }\n  .tt-process-title { font-size: clamp(26px, 8vw, 34px); }\n  .tt-process-stack {\n    display: flex; gap: 14px; padding: 0 12px 10px; margin: 0 -12px;\n    overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n  .tt-process-stack::-webkit-scrollbar { display: none; }\n  .tt-process-slot { display: contents; }\n  .tt-process-card {\n    transform: none !important;\n    z-index: auto !important;\n    flex: 0 0 min(88vw, 380px); min-height: auto;\n    display: flex; flex-direction: column; justify-content: flex-start;\n    padding: 24px; border-radius: 28px; scroll-snap-align: center;\n  }\n  \/* NIEUW: op mobiel bestaat de stack-dekking niet, dus nooit forceren *\/\n  .tt-process-card.is-covered { visibility: visible; }\n  .tt-process-card-title { font-size: 21px; }\n  .tt-process-visual { margin-top: 20px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .tt-process-card { transition: none; }\n}\n<\/style>\n\n<section class=\"tt-process-section\" aria-label=\"Werkwijze TalentTraffic\">\n<div class=\"tt-process-container\">\n  <div class=\"tt-process-header\">\n    <div class=\"tt-process-eyebrow\"><span class=\"tt-process-eyebrow-dot\"><\/span>Werkwijze<\/div>\n    <h2 class=\"tt-process-title\">Van vacature naar plaatsing.<\/h2>\n    <p class=\"tt-process-subtitle\">Vaste, bewezen methodiek voor snelle livegang en vlotte invulling.<\/p>\n  <\/div>\n\n  <div class=\"tt-process-stack\">\n\n    <!-- Stap 1: Strategie -->\n    <div class=\"tt-process-slot\">\n      <article class=\"tt-process-card\">\n        <div class=\"tt-process-copy\">\n          <div class=\"tt-process-label\"><span><\/span>Stap 01 \u00b7 Strategie<\/div>\n          <h3 class=\"tt-process-card-title\">We maken de vacature <em>campagneklaar.<\/em><\/h3>\n          <p class=\"tt-process-card-text\">Eerst vertalen we de vacature naar een scherpe campagne-aanpak: doelgroep, regio, harde eisen en de redenen waarom iemand w\u00e9l zou reageren.<\/p>\n          <ul class=\"tt-process-points\">\n            <li>Doelgroep en regio scherp<\/li>\n            <li>Knock-out criteria bepalen<\/li>\n            <li>Advertentiehoeken uitwerken<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tt-process-visual\">\n          <div class=\"tt-mini-window\">\n            <div class=\"tt-mini-top\">\n              <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic\">\n              <span class=\"tt-mini-pill\">Vacature intake<\/span>\n            <\/div>\n            <div class=\"tt-mini-body\">\n              <div class=\"tt-mini-row is-strong\"><span>Transportplanner<\/span><span>Venlo + 35 km<\/span><span class=\"tt-mini-status\">Prioriteit<\/span><\/div>\n              <div class=\"tt-mini-row\"><span>Ervaring<\/span><span>Planning\/klantcontact<\/span><span class=\"tt-mini-status\">Eis<\/span><\/div>\n              <div class=\"tt-mini-row\"><span>Beschikbaarheid<\/span><span>Binnen 4 weken<\/span><span class=\"tt-mini-status\">Filter<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- Stap 2: Campagne -->\n    <div class=\"tt-process-slot\">\n      <article class=\"tt-process-card\">\n        <div class=\"tt-process-copy\">\n          <div class=\"tt-process-label\"><span><\/span>Stap 02 \u00b7 Campagne<\/div>\n          <h3 class=\"tt-process-card-title\">We bereiken kandidaten <em>buiten jobboards om.<\/em><\/h3>\n          <p class=\"tt-process-card-text\">We draaien social campagnes onder jullie merk. Niet wachten tot iemand actief zoekt, maar zichtbaar worden bij kandidaten die openstaan voor een betere stap.<\/p>\n          <ul class=\"tt-process-points\">\n            <li>Campagnes onder jullie vlag<\/li>\n            <li>Meta en TikTok als instroomkanaal<\/li>\n            <li>Actief \u00e9n latent bereik<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tt-process-visual\">\n          <div class=\"tt-mini-window\">\n            <div class=\"tt-mini-top\">\n              <span style=\"font-size:12.5px;font-weight:800;\">Social campagne<\/span>\n              <span class=\"tt-mini-pill\">Live<\/span>\n            <\/div>\n            <div class=\"tt-mini-body\">\n              <div class=\"tt-mini-metric-grid\">\n                <div class=\"tt-mini-metric\"><strong>38k<\/strong><span>bereikt<\/span><\/div>\n                <div class=\"tt-mini-metric\"><strong>912<\/strong><span>kliks<\/span><\/div>\n                <div class=\"tt-mini-metric\"><strong>74<\/strong><span>leads<\/span><\/div>\n              <\/div>\n              <div class=\"tt-mini-row is-strong\"><span>Latent werkzoekend<\/span><span>Regio + interesse<\/span><span class=\"tt-mini-status\">Actief<\/span><\/div>\n              <div class=\"tt-mini-row\"><span>Retargeting<\/span><span>Funnelbezoekers<\/span><span class=\"tt-mini-status\">Aan<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- Stap 3: Funnel -->\n    <div class=\"tt-process-slot\">\n      <article class=\"tt-process-card\">\n        <div class=\"tt-process-copy\">\n          <div class=\"tt-process-label\"><span><\/span>Stap 03 \u00b7 Funnel<\/div>\n          <h3 class=\"tt-process-card-title\">We maken solliciteren <em>laagdrempelig.<\/em><\/h3>\n          <p class=\"tt-process-card-text\">Geen lange vacaturepagina waar kandidaten afhaken. We sturen ze naar een korte interactieve sollicitatiefunnel met slimme vragen.<\/p>\n          <ul class=\"tt-process-points\">\n            <li>Korte flow i.p.v. lange vacaturetekst<\/li>\n            <li>Vragen over ervaring en motivatie<\/li>\n            <li>Gebouwd voor conversie op mobiel<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tt-process-visual\">\n          <div class=\"tt-mini-phone\">\n            <div class=\"tt-mini-phone-screen\">\n              <div class=\"tt-mini-phone-top\">\n                <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic\">\n                <span class=\"tt-mini-phone-step\">Stap 2\/5<\/span>\n              <\/div>\n              <p class=\"tt-mini-phone-q\">Hoeveel ervaring heb je met deze functie?<\/p>\n              <div class=\"tt-mini-phone-opt is-sel\"><span class=\"tt-mini-phone-check\">\u2713<\/span><span>Ervaren en direct inzetbaar<\/span><\/div>\n              <div class=\"tt-mini-phone-opt\"><span class=\"tt-mini-phone-check\" style=\"background:rgba(11,36,5,0.16);color:#0b2405;\">2<\/span><span>Basiservaring<\/span><\/div>\n              <div class=\"tt-mini-phone-opt\"><span class=\"tt-mini-phone-check\" style=\"background:rgba(11,36,5,0.16);color:#0b2405;\">3<\/span><span>Geen ervaring<\/span><\/div>\n              <div class=\"tt-mini-phone-btn\">Volgende vraag \u2192<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- Stap 4: Screening -->\n    <div class=\"tt-process-slot\">\n      <article class=\"tt-process-card\">\n        <div class=\"tt-process-copy\">\n          <div class=\"tt-process-label\"><span><\/span>Stap 04 \u00b7 Screening<\/div>\n          <h3 class=\"tt-process-card-title\">Jullie krijgen context <em>v\u00f3\u00f3r het eerste gesprek.<\/em><\/h3>\n          <p class=\"tt-process-card-text\">Kandidaten worden vooraf gefilterd op de criteria die voor jullie vacature belangrijk zijn. Zo zien recruiters sneller wie wel en niet interessant is.<\/p>\n          <ul class=\"tt-process-points\">\n            <li>Match \/ twijfel \/ no-match<\/li>\n            <li>Ervaring, motivatie en beschikbaarheid<\/li>\n            <li>Knock-out vragen mogelijk<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tt-process-visual\">\n          <div class=\"tt-mini-window\">\n            <div class=\"tt-mini-top\">\n              <span style=\"font-size:12.5px;font-weight:800;\">Kandidaatkwaliteit<\/span>\n              <span class=\"tt-mini-pill\">Screening<\/span>\n            <\/div>\n            <div class=\"tt-mini-body\">\n              <div class=\"tt-mini-score-bar\"><span class=\"tt-mini-score-fill\"><\/span><\/div>\n              <div class=\"tt-mini-row is-strong\"><span>Sander<\/span><span>5 jaar ervaring<\/span><span class=\"tt-mini-status\">Match<\/span><\/div>\n              <div class=\"tt-mini-row\"><span>Lisa<\/span><span>Twijfel regio<\/span><span class=\"tt-mini-status\">Twijfel<\/span><\/div>\n              <div class=\"tt-mini-row\"><span>Youssef<\/span><span>Geen ervaring<\/span><span class=\"tt-mini-status\">No-match<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- Stap 5: Aanlevering -->\n    <div class=\"tt-process-slot\">\n      <article class=\"tt-process-card\">\n        <div class=\"tt-process-copy\">\n          <div class=\"tt-process-label\"><span><\/span>Stap 05 \u00b7 Aanlevering<\/div>\n          <h3 class=\"tt-process-card-title\">Recruiters kunnen <em>direct doorpakken.<\/em><\/h3>\n          <p class=\"tt-process-card-text\">Nieuwe kandidaten komen overzichtelijk binnen met antwoorden, status en notificatie. Jullie team houdt de relatie en pakt de opvolging op.<\/p>\n          <ul class=\"tt-process-points\">\n            <li>Directe melding bij nieuwe kandidaat<\/li>\n            <li>Status en context in \u00e9\u00e9n overzicht<\/li>\n            <li>Jullie recruiters blijven eigenaar<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tt-process-visual\">\n          <div class=\"tt-mini-notice\">\n            <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/Romy-peters.png\" alt=\"Romy Peters\" style=\"width:72px;height:72px;border-radius:16px;object-fit:cover;object-position:center;flex:0 0 auto;\" loading=\"lazy\">\n            <span>\n              <strong>Nieuwe kandidaat binnen<\/strong>\n              <span>Romy Peters \u2014 direct beschikbaar, doorgestuurd naar recruiter.<\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/section>\n<\/div>\n\n<script>\n(function () {\n  function initProcessStack(root) {\n    var stack = root.querySelector('.tt-process-stack');\n    if (!stack) return;\n    var slots = Array.prototype.slice.call(stack.querySelectorAll('.tt-process-slot'));\n    if (slots.length < 2) return;\n    var cards = slots.map(function (s) { return s.querySelector('.tt-process-card'); });\n\n    var mq = window.matchMedia('(max-width: 767px)');\n    var ticking = false;\n\n    function resetMobile() {\n      cards.forEach(function (card) {\n        if (!card) return;\n        card.style.transform = '';\n        card.classList.remove('is-covered');\n      });\n    }\n\n    function update() {\n      ticking = false;\n      if (mq.matches) { resetMobile(); return; }\n\n      for (var i = 0; i < slots.length; i++) {\n        var slot = slots[i];\n        var card = cards[i];\n        if (!card) continue;\n\n        var rect = slot.getBoundingClientRect();\n        var cardHeight = card.offsetHeight;\n        var slotHeight = rect.height;\n        var translate;\n\n        if (rect.top >= 0) {\n          translate = 0;\n        } else if (rect.bottom - cardHeight <= 0) {\n          translate = slotHeight - cardHeight;\n        } else {\n          translate = -rect.top;\n        }\n        card.style.transform = 'translateY(' + Math.round(translate) + 'px)';\n\n        var nextSlot = slots[i + 1];\n        var covered = false;\n        if (nextSlot) {\n          var nextTop = nextSlot.getBoundingClientRect().top;\n          covered = nextTop <= 1;\n        }\n        card.classList.toggle('is-covered', covered);\n      }\n    }\n\n    function onScroll() {\n      if (!ticking) {\n        ticking = true;\n        window.requestAnimationFrame(update);\n      }\n    }\n\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', onScroll);\n    if (mq.addEventListener) { mq.addEventListener('change', onScroll); }\n    else if (mq.addListener) { mq.addListener(onScroll); }\n    update();\n  }\n\n  function boot() {\n    var block = document.getElementById('tt-werkwijze');\n    if (block) initProcessStack(block);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', boot);\n  } else {\n    boot();\n  }\n})();\n<\/script>\n\n\n\n<div class=\"tt-homepage tt-proof-block\" id=\"tt-reviews\">\n<style>\n.tt-proof-block {\n  --tt-dark-green: #0b2405;\n  --tt-bright-green: #248010;\n  --tt-bright-green-hover: #1d670d;\n  --tt-light-green: #9fe870;\n  --tt-white: #ffffff;\n  position: relative;\n  font-family: 'Manrope', Arial, sans-serif;\n  background: var(--tt-dark-green);\n  color: var(--tt-white);\n}\n.tt-proof-block * { box-sizing: border-box; }\n.tt-proof-block a { color: inherit; text-decoration: none; }\n\n.tt-proof-section { padding: 88px 0 92px; }\n.tt-proof-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }\n\n.tt-proof-header { max-width: 700px; margin: 0 auto 40px; text-align: center; }\n.tt-proof-eyebrow {\n  display: inline-flex; align-items: center; gap: 8px;\n  min-height: 32px; padding: 0 13px; margin-bottom: 18px;\n  border-radius: 999px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);\n  color: var(--tt-light-green); font-size: 12px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;\n}\n.tt-proof-eyebrow::before { content: \"\"; width: 7px; height: 7px; border-radius: 999px; background: var(--tt-bright-green); }\n.tt-proof-title { margin: 0; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.05; letter-spacing: -0.035em; font-weight: 800; }\n.tt-proof-subtitle { max-width: 520px; margin: 14px auto 0; color: rgba(255,255,255,0.7); font-size: 15.5px; font-weight: 600; line-height: 1.5; }\n\n.tt-proof-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 22px; }\n.tt-proof-badge {\n  min-height: 36px; padding: 0 14px; border-radius: 999px;\n  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);\n  display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 800; color: rgba(255,255,255,0.82);\n}\n.tt-proof-badge.is-highlight { background: rgba(159,232,112,0.14); border-color: rgba(159,232,112,0.22); color: #d9ffbf; }\n\n.tt-proof-mask { position: relative; }\n.tt-proof-mask::before, .tt-proof-mask::after {\n  content: \"\"; position: absolute; top: 0; bottom: 0; width: 110px; z-index: 3; pointer-events: none;\n}\n.tt-proof-mask::before { left: 0; background: linear-gradient(to right, var(--tt-dark-green), rgba(11,36,5,0)); }\n.tt-proof-mask::after { right: 0; background: linear-gradient(to left, var(--tt-dark-green), rgba(11,36,5,0)); }\n.tt-proof-row { overflow: hidden; padding: 6px 0; }\n.tt-proof-track {\n  display: flex; align-items: stretch; gap: 20px; width: max-content;\n  animation: tt-proof-scroll 42s linear infinite; will-change: transform;\n}\n.tt-proof-mask:hover .tt-proof-track { animation-play-state: paused; }\n@keyframes tt-proof-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n.tt-proof-card {\n  flex: 0 0 auto; width: min(400px, 84vw);\n  padding: 26px; border-radius: 24px; background: var(--tt-white); color: var(--tt-dark-green);\n  border: 1px solid rgba(11,36,5,0.06); box-shadow: 0 20px 44px rgba(0,0,0,0.16);\n  display: flex; flex-direction: column; justify-content: space-between;\n}\n.tt-proof-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }\n.tt-proof-tag {\n  min-height: 27px; padding: 0 11px; border-radius: 999px; background: rgba(36,128,16,0.10); color: var(--tt-bright-green);\n  display: inline-flex; align-items: center; font-size: 11px; font-weight: 900; letter-spacing: 0.03em; text-transform: uppercase;\n}\n.tt-proof-stars { color: var(--tt-bright-green); font-size: 13px; letter-spacing: 0.08em; font-weight: 900; }\n.tt-proof-quote { margin: 0 0 20px; font-size: 15.5px; line-height: 1.55; font-weight: 600; color: rgba(11,36,5,0.84); }\n.tt-proof-person { display: flex; align-items: center; gap: 12px; margin-top: auto; }\n.tt-proof-avatar { width: 50px; height: 50px; border-radius: 999px; overflow: hidden; flex: 0 0 auto; background: #e7e2db; box-shadow: 0 8px 16px rgba(11,36,5,0.10); }\n.tt-proof-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }\n.tt-proof-name { font-size: 14.5px; font-weight: 800; letter-spacing: -0.01em; }\n.tt-proof-role { margin-top: 2px; font-size: 12px; font-weight: 700; color: rgba(11,36,5,0.55); }\n\n.tt-proof-cta { text-align: center; margin-top: 40px; }\n.tt-proof-button {\n  display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 26px; border-radius: 999px;\n  background: var(--tt-bright-green); color: var(--tt-white) !important; font-size: 15px; font-weight: 800;\n  box-shadow: 0 14px 28px rgba(36,128,16,0.28); transition: transform 180ms ease, background 180ms ease;\n}\n.tt-proof-button:hover { transform: translateY(-2px); background: var(--tt-bright-green-hover); }\n\n@media (max-width: 767px) {\n  .tt-proof-section { padding: 64px 0 68px; }\n  .tt-proof-container { width: min(100% - 24px, 1180px); }\n  .tt-proof-header { margin-bottom: 28px; }\n  .tt-proof-title { font-size: clamp(26px, 8vw, 32px); }\n  .tt-proof-mask::before, .tt-proof-mask::after { width: 40px; }\n  .tt-proof-card { width: min(320px, 82vw); padding: 20px; border-radius: 20px; }\n  .tt-proof-cta { margin-top: 30px; }\n  .tt-proof-button { width: 100%; justify-content: center; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .tt-proof-track { animation-duration: 160s; }\n  .tt-proof-button { transition: none; }\n}\n<\/style>\n\n<section class=\"tt-proof-section\" aria-label=\"Partnership en reviews\">\n  <div class=\"tt-proof-container\">\n    <div class=\"tt-proof-header\">\n      <div class=\"tt-proof-eyebrow\">Partnership<\/div>\n      <h2 class=\"tt-proof-title\">Succes vieren we samen<\/h2>\n      <p class=\"tt-proof-subtitle\">Wat onze partners zeggen over de samenwerking met TalentTraffic.<\/p>\n      <div class=\"tt-proof-badges\">\n        <div class=\"tt-proof-badge is-highlight\">White-label campagnes<\/div>\n        <div class=\"tt-proof-badge is-highlight\">No cure no pay<\/div>\n        <div class=\"tt-proof-badge\">Korte lijnen<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tt-proof-mask\">\n    <div class=\"tt-proof-row\">\n    <div class=\"tt-proof-track\">\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Continu\u00efteit<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"We hebben eindelijk continu\u00efteit in onze werving en we zien direct wie wel\/niet geschikt is. Scheelt ons veel tijd.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/Arjan-van-Houtum-Pieter-Smit.jpeg\" alt=\"Arjan van Houtum\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Arjan van Houtum<\/div>\n            <div class=\"tt-proof-role\">Chief Crew Operations | Pieter Smit<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Tempo<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"Wij hebben tempo nodig. TalentTraffic levert reacties zonder dat wij er elke dag achteraan hoeven. Dat is het.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2025\/11\/Dave-klant-YourAIgency.png\" alt=\"Dave van Stenis\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Dave van Stenis<\/div>\n            <div class=\"tt-proof-role\">Eigenaar | Gig Works<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Plaatsingen<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"Niet elke reactie was raak, maar er zaten zeker sterke kandidaten tussen. Uiteindelijk heeft dit tot meerdere plaatsingen geleid.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/Kristiaan-Moovment.jpeg\" alt=\"Kristiaan van der Weijde\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Kristiaan van der Weijde<\/div>\n            <div class=\"tt-proof-role\">Oprichter | Moovment<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Samenwerking<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"De lijnen zijn kort, waardoor ik snel kan schakelen. Een fijne en betrouwbare partner om mee samen te werken.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/Jasmijn-klant-TalentTraffic.jpeg\" alt=\"Jasmijn\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Jasmijn<\/div>\n            <div class=\"tt-proof-role\">Recruitment | Finesse Werving<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- duplicate set voor naadloze loop -->\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Continu\u00efteit<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"We hebben eindelijk continu\u00efteit in onze werving en we zien direct wie wel\/niet geschikt is. Scheelt ons veel tijd.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/Arjan-van-Houtum-Pieter-Smit.jpeg\" alt=\"\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Arjan van Houtum<\/div>\n            <div class=\"tt-proof-role\">Chief Crew Operations | Pieter Smit<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Tempo<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"Wij hebben tempo nodig. TalentTraffic levert reacties zonder dat wij er elke dag achteraan hoeven. Dat is het.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2025\/11\/Dave-klant-YourAIgency.png\" alt=\"\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Dave van Stenis<\/div>\n            <div class=\"tt-proof-role\">Eigenaar | Gig Works<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Plaatsingen<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"Niet elke reactie was raak, maar er zaten zeker sterke kandidaten tussen. Uiteindelijk heeft dit tot meerdere plaatsingen geleid.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/Kristiaan-Moovment.jpeg\" alt=\"\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Kristiaan van der Weijde<\/div>\n            <div class=\"tt-proof-role\">Oprichter | Moovment<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"tt-proof-card\">\n        <div>\n          <div class=\"tt-proof-card-top\">\n            <div class=\"tt-proof-tag\">Samenwerking<\/div>\n            <div class=\"tt-proof-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n          <p class=\"tt-proof-quote\">\"De lijnen zijn kort, waardoor ik snel kan schakelen. Een fijne en betrouwbare partner om mee samen te werken.\"<\/p>\n        <\/div>\n        <div class=\"tt-proof-person\">\n          <div class=\"tt-proof-avatar\"><img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/03\/Jasmijn-klant-TalentTraffic.jpeg\" alt=\"\" loading=\"lazy\"><\/div>\n          <div>\n            <div class=\"tt-proof-name\">Jasmijn<\/div>\n            <div class=\"tt-proof-role\">Recruitment | Finesse Werving<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n    <\/div>\n    <\/div>\n\n    <div class=\"tt-proof-cta\">\n      <a class=\"tt-proof-button\" href=\"https:\/\/calendly.com\/team-talenttraffic\/30min\"><span>Plan een kennismaking<\/span><span>\u2192<\/span><\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"tt-homepage tt-faq-block\" id=\"tt-faq\">\n<style>\n.tt-faq-block {\n  --tt-dark-green: #0b2405;\n  --tt-bright-green: #248010;\n  --tt-light-green: #9fe870;\n  --tt-beige: #f0ebe6;\n  --tt-white: #ffffff;\n  --tt-border: rgba(11, 36, 5, 0.10);\n  --tt-shadow: 0 22px 50px rgba(11, 36, 5, 0.08);\n  position: relative;\n  font-family: 'Manrope', Arial, sans-serif;\n  background: var(--tt-beige);\n  color: var(--tt-dark-green);\n}\n.tt-faq-block * { box-sizing: border-box; }\n.tt-faq-block a { color: inherit; text-decoration: none; }\n\n.tt-faq-section { padding: 88px 0 92px; }\n.tt-faq-container { width: min(880px, calc(100% - 48px)); margin: 0 auto; }\n\n.tt-faq-header { max-width: 620px; margin: 0 auto 36px; text-align: center; }\n.tt-faq-eyebrow {\n  display: inline-flex; align-items: center; gap: 9px;\n  margin-bottom: 16px; padding: 7px 13px;\n  border-radius: 999px; background: rgba(255, 255, 255, 0.62);\n  border: 1px solid var(--tt-border);\n  color: var(--tt-bright-green);\n  font-size: 12.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase;\n}\n.tt-faq-eyebrow-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--tt-bright-green); }\n.tt-faq-title { margin: 0; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.08; letter-spacing: -0.03em; font-weight: 800; }\n.tt-faq-subtitle { margin: 14px 0 0; color: rgba(11,36,5,0.6); font-size: 15.5px; font-weight: 600; line-height: 1.5; }\n\n.tt-faq-list { display: grid; gap: 12px; }\n.tt-faq-item {\n  border-radius: 22px; background: var(--tt-white); border: 1px solid var(--tt-border);\n  overflow: hidden; transition: border-color 180ms ease, box-shadow 180ms ease;\n}\n.tt-faq-item.is-open { border-color: rgba(36,128,16,0.2); box-shadow: var(--tt-shadow); }\n.tt-faq-question {\n  width: 100%; min-height: 68px; padding: 20px 22px; border: 0; background: transparent;\n  color: var(--tt-dark-green); cursor: pointer; font-family: inherit;\n  display: flex; align-items: center; justify-content: space-between; gap: 18px; text-align: left;\n}\n.tt-faq-question-text { font-size: clamp(16px, 1.4vw, 19px); line-height: 1.25; letter-spacing: -0.02em; font-weight: 800; }\n.tt-faq-icon {\n  width: 30px; height: 30px; border-radius: 999px; flex: 0 0 auto;\n  background: rgba(36,128,16,0.10); color: var(--tt-bright-green);\n  display: inline-flex; align-items: center; justify-content: center;\n  font-size: 18px; font-weight: 900; transition: transform 180ms ease, background 180ms ease, color 180ms ease;\n}\n.tt-faq-item.is-open .tt-faq-icon { transform: rotate(45deg); background: var(--tt-bright-green); color: var(--tt-white); }\n.tt-faq-answer { max-height: 0; overflow: hidden; transition: max-height 240ms ease; }\n.tt-faq-answer-inner { padding: 0 22px 22px; color: rgba(11,36,5,0.68); font-size: 15px; line-height: 1.55; font-weight: 600; max-width: 760px; }\n\n.tt-faq-bottom { margin-top: 26px; text-align: center; }\n.tt-faq-note {\n  display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 0 15px;\n  border-radius: 999px; background: rgba(255,255,255,0.62); border: 1px solid var(--tt-border);\n  color: rgba(11,36,5,0.68); font-size: 13px; font-weight: 800;\n}\n.tt-faq-note span { width: 7px; height: 7px; border-radius: 999px; background: var(--tt-bright-green); flex: 0 0 auto; }\n\n@media (max-width: 767px) {\n  .tt-faq-section { padding: 64px 0 68px; }\n  .tt-faq-container { width: min(100% - 24px, 880px); }\n  .tt-faq-header { margin-bottom: 26px; }\n  .tt-faq-title { font-size: clamp(24px, 7.5vw, 30px); }\n  .tt-faq-question { min-height: 62px; padding: 17px 18px; gap: 12px; }\n  .tt-faq-question-text { font-size: 15.5px; }\n  .tt-faq-icon { width: 27px; height: 27px; font-size: 16px; }\n  .tt-faq-answer-inner { padding: 0 18px 18px; font-size: 14px; }\n  .tt-faq-note { width: 100%; justify-content: center; padding: 12px 14px; line-height: 1.35; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .tt-faq-item, .tt-faq-icon, .tt-faq-answer { transition: none; }\n}\n<\/style>\n\n<section class=\"tt-faq-section\" aria-label=\"Veelgestelde vragen\">\n  <div class=\"tt-faq-container\">\n    <div class=\"tt-faq-header\">\n      <div class=\"tt-faq-eyebrow\"><span class=\"tt-faq-eyebrow-dot\"><\/span>FAQ<\/div>\n      <h2 class=\"tt-faq-title\">Veelgestelde vragen<\/h2>\n      <p class=\"tt-faq-subtitle\">Twijfels over white-label, no cure no pay of hoe kandidaten binnenkomen? Dit zijn de vragen die we vaak krijgen van recruiters en detacheerders.<\/p>\n    <\/div>\n\n    <div class=\"tt-faq-list\">\n      <div class=\"tt-faq-item is-open\">\n        <button class=\"tt-faq-question\" type=\"button\" aria-expanded=\"true\">\n          <span class=\"tt-faq-question-text\">Werken jullie echt no cure no pay?<\/span>\n          <span class=\"tt-faq-icon\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"tt-faq-answer\">\n          <div class=\"tt-faq-answer-inner\">Ja. We spreken vooraf duidelijke voorwaarden af. Jullie betalen ons pas wanneer er resultaat uit de samenwerking komt. De enige kosten die je vooraf maakt, zijn voor het advertentiebudget. Zo blijft de samenwerking laagdrempelig en gericht op hetzelfde doel: meer plaatsingen.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-faq-item\">\n        <button class=\"tt-faq-question\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"tt-faq-question-text\">Blijft alles onder ons merk draaien?<\/span>\n          <span class=\"tt-faq-icon\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"tt-faq-answer\">\n          <div class=\"tt-faq-answer-inner\">Ja. Campagnes en funnels kunnen onder jullie naam en uitstraling draaien. De kandidaat ziet jullie merk, jullie houden de klantrelatie en TalentTraffic werkt achter de schermen als campagnepartner.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-faq-item\">\n        <button class=\"tt-faq-question\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"tt-faq-question-text\">Werken jullie ook met andere bureaus in mijn regio of sector?<\/span>\n          <span class=\"tt-faq-icon\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"tt-faq-answer\">\n          <div class=\"tt-faq-answer-inner\">We bespreken dit altijd vooraf per vacaturegebied, zodat er geen onduidelijkheid ontstaat over met wie we samenwerken. Ons doel is dat de samenwerking voor beide partijen waarde oplevert, niet dat we jullie eigen kandidaten aan een directe concurrent aanbieden.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-faq-item\">\n        <button class=\"tt-faq-question\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"tt-faq-question-text\">Nemen jullie recruitment van ons over?<\/span>\n          <span class=\"tt-faq-icon\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"tt-faq-answer\">\n          <div class=\"tt-faq-answer-inner\">Nee. Jullie recruiters houden de selectie, opvolging en klantrelatie. Wij vullen vooral de voorkant van de funnel: campagne, sollicitatiefunnel, pre-screening en kandidaatinstroom.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-faq-item\">\n        <button class=\"tt-faq-question\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"tt-faq-question-text\">Voor welke vacatures werkt dit het best?<\/span>\n          <span class=\"tt-faq-icon\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"tt-faq-answer\">\n          <div class=\"tt-faq-answer-inner\">Vooral voor vacatures waar snelheid, volume of bereik belangrijk is. Denk aan functies in logistiek, commercie, techniek, zorg en office waar LinkedIn, jobboards of eigen sourcing niet genoeg opleveren.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-faq-item\">\n        <button class=\"tt-faq-question\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"tt-faq-question-text\">Hoe snel kan een campagne live staan?<\/span>\n          <span class=\"tt-faq-icon\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"tt-faq-answer\">\n          <div class=\"tt-faq-answer-inner\">Vaak kunnen we binnen enkele werkdagen starten. Dat hangt af van de vacature, doelgroep, huisstijl en input die beschikbaar is. We houden het proces bewust kort en praktisch.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tt-faq-item\">\n        <button class=\"tt-faq-question\" type=\"button\" aria-expanded=\"false\">\n          <span class=\"tt-faq-question-text\">Wat krijgen wij precies aangeleverd?<\/span>\n          <span class=\"tt-faq-icon\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"tt-faq-answer\">\n          <div class=\"tt-faq-answer-inner\">Jullie ontvangen kandidaten overzichtelijk met antwoorden uit de sollicitatiefunnel, matchstatus en relevante context. Zo kan jullie recruiter sneller bepalen wie opgevolgd moet worden.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var scope = document.currentScript.closest('.tt-faq-block');\n  if (!scope) return;\n  var items = scope.querySelectorAll('.tt-faq-item');\n\n  function setHeight(item) {\n    var answer = item.querySelector('.tt-faq-answer');\n    if (!answer) return;\n    answer.style.maxHeight = item.classList.contains('is-open') ? answer.scrollHeight + 'px' : '0px';\n  }\n\n  items.forEach(function (item) {\n    var button = item.querySelector('.tt-faq-question');\n    var answer = item.querySelector('.tt-faq-answer');\n    if (!button || !answer) return;\n    setHeight(item);\n\n    button.addEventListener('click', function () {\n      var isOpen = item.classList.contains('is-open');\n      items.forEach(function (other) {\n        other.classList.remove('is-open');\n        var otherButton = other.querySelector('.tt-faq-question');\n        if (otherButton) otherButton.setAttribute('aria-expanded', 'false');\n        setHeight(other);\n      });\n      if (!isOpen) {\n        item.classList.add('is-open');\n        button.setAttribute('aria-expanded', 'true');\n        setHeight(item);\n      }\n    });\n  });\n\n  window.addEventListener('resize', function () {\n    items.forEach(setHeight);\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"tt-homepage tt-convert-block\" id=\"tt-footer\">\n<style>\n.tt-convert-block {\n  --tt-dark-green: #0b2405;\n  --tt-bright-green: #248010;\n  --tt-bright-green-hover: #1d670d;\n  --tt-light-green: #9fe870;\n  --tt-beige: #f0ebe6;\n  --tt-white: #ffffff;\n  position: relative;\n  font-family: 'Manrope', Arial, sans-serif;\n  background: var(--tt-beige);\n  color: var(--tt-dark-green);\n}\n.tt-convert-block * { box-sizing: border-box; }\n.tt-convert-block a { color: inherit; text-decoration: none; }\n\n.tt-convert-section { position: relative; padding: 88px 0 44px; }\n.tt-convert-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }\n\n\/* ---- CTA ---- *\/\n.tt-convert-cta {\n  position: relative; overflow: hidden;\n  padding: 68px 48px 84px; border-radius: 36px;\n  background:\n    radial-gradient(circle at 50% 120%, rgba(36,128,16,0.45), transparent 34%),\n    radial-gradient(circle at 16% 20%, rgba(159,232,112,0.12), transparent 28%),\n    linear-gradient(180deg, #16390f 0%, var(--tt-dark-green) 100%);\n  color: var(--tt-white); text-align: center;\n  box-shadow: 0 28px 64px rgba(11,36,5,0.22);\n}\n.tt-convert-cta-content { position: relative; z-index: 2; max-width: 720px; margin: 0 auto; }\n.tt-convert-kicker {\n  display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px;\n  color: var(--tt-light-green); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;\n}\n.tt-convert-kicker::after { content: \"\u2192\"; }\n.tt-convert-title { margin: 0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.02; letter-spacing: -0.03em; font-weight: 800; }\n.tt-convert-title em { font-style: normal; color: var(--tt-light-green); }\n.tt-convert-text { max-width: 520px; margin: 18px auto 0; color: rgba(255,255,255,0.78); font-size: 16px; line-height: 1.55; font-weight: 500; }\n.tt-convert-actions { display: flex; justify-content: center; margin-top: 28px; }\n.tt-convert-button {\n  display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 26px; border-radius: 999px;\n  background: var(--tt-bright-green); color: var(--tt-white) !important; font-size: 15px; font-weight: 800;\n  box-shadow: 0 14px 28px rgba(36,128,16,0.3); transition: transform 180ms ease, background 180ms ease;\n}\n.tt-convert-button:hover { transform: translateY(-2px); background: var(--tt-bright-green-hover); }\n\n\/* ---- Footer card ---- *\/\n.tt-convert-card {\n  position: relative; z-index: 3;\n  width: min(1060px, calc(100% - 40px)); margin: -40px auto 0;\n  border-radius: 30px; background: rgba(255,255,255,0.98);\n  border: 1px solid rgba(11,36,5,0.10); box-shadow: 0 26px 60px rgba(0,0,0,0.14);\n  overflow: hidden;\n}\n.tt-convert-footer-content { padding: 44px; }\n.tt-convert-footer-top {\n  display: grid; grid-template-columns: minmax(260px, 1.15fr) minmax(160px, 0.6fr) minmax(250px, 0.9fr);\n  gap: 40px; align-items: start;\n}\n.tt-convert-brand { max-width: 400px; }\n.tt-convert-logo { display: inline-flex; width: 170px; max-width: 100%; margin-bottom: 20px; }\n.tt-convert-logo img { display: block; width: 100%; height: auto; }\n.tt-convert-brand-text { margin: 0; color: rgba(11,36,5,0.66); font-size: 15px; line-height: 1.6; font-weight: 500; }\n.tt-convert-proof-list { display: grid; gap: 9px; margin-top: 20px; }\n.tt-convert-proof-item { display: flex; align-items: center; gap: 10px; color: rgba(11,36,5,0.74); font-size: 13.5px; font-weight: 700; }\n.tt-convert-proof-check { width: 19px; height: 19px; border-radius: 999px; background: rgba(36,128,16,0.12); color: var(--tt-bright-green); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: 11px; font-weight: 900; }\n\n.tt-convert-heading { margin: 0 0 15px; color: var(--tt-dark-green); font-size: 11px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; }\n.tt-convert-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }\n.tt-convert-link { color: rgba(11,36,5,0.7) !important; font-size: 14.5px; font-weight: 600; width: fit-content; transition: color 180ms ease, transform 180ms ease; }\n.tt-convert-link:hover { color: var(--tt-bright-green) !important; transform: translateX(3px); }\n\n.tt-convert-contact-card { padding: 22px; border-radius: 22px; background: rgba(240,235,230,0.55); border: 1px solid rgba(11,36,5,0.08); }\n.tt-convert-contact-title { margin: 0 0 10px; font-size: 20px; line-height: 1.1; letter-spacing: -0.03em; font-weight: 800; }\n.tt-convert-contact-text { margin: 0 0 16px; color: rgba(11,36,5,0.64); font-size: 14px; line-height: 1.5; font-weight: 500; }\n.tt-convert-mail { display: inline-flex; align-items: center; gap: 8px; color: var(--tt-dark-green) !important; font-size: 14.5px; font-weight: 800; transition: color 180ms ease, transform 180ms ease; }\n.tt-convert-mail:hover { color: var(--tt-bright-green) !important; transform: translateX(3px); }\n.tt-convert-small-button {\n  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 17px; margin-top: 16px; border-radius: 999px;\n  background: var(--tt-bright-green); color: var(--tt-white) !important; font-size: 13.5px; font-weight: 800;\n  transition: background 180ms ease, transform 180ms ease;\n}\n.tt-convert-small-button:hover { background: var(--tt-bright-green-hover); transform: translateY(-2px); }\n\n.tt-convert-divider { height: 1px; width: 100%; margin: 30px 0 20px; background: rgba(11,36,5,0.10); }\n.tt-convert-bottom { display: flex; align-items: center; justify-content: flex-end; }\n.tt-convert-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px; color: rgba(11,36,5,0.6); font-size: 12.5px; font-weight: 600; text-align: right; }\n.tt-convert-legal a { color: rgba(11,36,5,0.72) !important; font-weight: 700; }\n.tt-convert-legal a:hover { color: var(--tt-dark-green) !important; }\n.tt-convert-dot { color: rgba(11,36,5,0.3); }\n\n@media (max-width: 1023px) {\n  .tt-convert-section { padding: 72px 0 34px; }\n  .tt-convert-cta { padding: 56px 32px 76px; border-radius: 30px; }\n  .tt-convert-card { width: min(100% - 32px, 1060px); margin-top: -34px; }\n  .tt-convert-footer-content { padding: 34px 28px; }\n  .tt-convert-footer-top { grid-template-columns: 1fr 1fr; gap: 30px 26px; }\n  .tt-convert-brand { grid-column: 1 \/ -1; max-width: 600px; }\n  .tt-convert-contact-card { grid-column: 1 \/ -1; }\n  .tt-convert-bottom { justify-content: flex-start; }\n  .tt-convert-legal { justify-content: flex-start; text-align: left; }\n}\n@media (max-width: 767px) {\n  .tt-convert-section { padding: 56px 0 26px; }\n  .tt-convert-cta { padding: 44px 20px 62px; border-radius: 24px; }\n  .tt-convert-title { font-size: clamp(28px, 9vw, 36px); }\n  .tt-convert-text { font-size: 15px; }\n  .tt-convert-actions { display: grid; }\n  .tt-convert-button { width: 100%; justify-content: center; }\n  .tt-convert-card { width: min(100% - 22px, 1060px); margin-top: -30px; border-radius: 22px; }\n  .tt-convert-footer-content { padding: 28px 20px; }\n  .tt-convert-footer-top { grid-template-columns: 1fr; gap: 26px; }\n  .tt-convert-logo { width: 150px; }\n  .tt-convert-contact-card { grid-column: auto; }\n  .tt-convert-mail { white-space: normal; overflow-wrap: anywhere; }\n  .tt-convert-legal { display: grid; gap: 5px; }\n  .tt-convert-dot { display: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .tt-convert-button, .tt-convert-link, .tt-convert-mail, .tt-convert-small-button { transition: none; }\n  .tt-convert-button:hover, .tt-convert-link:hover, .tt-convert-mail:hover, .tt-convert-small-button:hover { transform: none; }\n}\n<\/style>\n\n<section class=\"tt-convert-section\" aria-label=\"Afsluitende call to action en footer\">\n  <div class=\"tt-convert-container\">\n\n    <div class=\"tt-convert-cta\">\n      <div class=\"tt-convert-cta-content\">\n        <p class=\"tt-convert-kicker\">Klaar om te starten<\/p>\n        <h2 class=\"tt-convert-title\">Zet vandaag de eerste stap naar meer plaatsingen.<\/h2>\n        <p class=\"tt-convert-text\">We kijken samen naar jullie vacatures, bepalen de beste aanpak en zetten bij een match de eerste campagne binnen 3 werkdagen klaar.<\/p>\n        <div class=\"tt-convert-actions\">\n          <a class=\"tt-convert-button\" href=\"https:\/\/calendly.com\/team-talenttraffic\/30min\"><span aria-hidden=\"true\">\u2192<\/span><span>Plan een kennismaking<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <footer class=\"tt-convert-card\" aria-label=\"Footer\">\n      <div class=\"tt-convert-footer-content\">\n        <div class=\"tt-convert-footer-top\">\n          <div class=\"tt-convert-brand\">\n            <a class=\"tt-convert-logo\" href=\"#tt-home\" aria-label=\"TalentTraffic home\">\n              <img decoding=\"async\" src=\"https:\/\/talenttraffic.nl\/wp-content\/uploads\/2026\/07\/TalentTraffic-Logo-Website.png\" alt=\"TalentTraffic logo\">\n            <\/a>\n            <p class=\"tt-convert-brand-text\">De kandidaatmachine voor recruiters en detacheerders. Wij helpen jullie sneller passende kandidaten spreken.<\/p>\n            <div class=\"tt-convert-proof-list\">\n              <div class=\"tt-convert-proof-item\"><span class=\"tt-convert-proof-check\">\u2713<\/span><span>White-label onder jullie merk<\/span><\/div>\n              <div class=\"tt-convert-proof-item\"><span class=\"tt-convert-proof-check\">\u2713<\/span><span>No cure no pay volgens vaste staffel<\/span><\/div>\n            <\/div>\n          <\/div>\n\n          <div>\n            <p class=\"tt-convert-heading\">Menu<\/p>\n            <ul class=\"tt-convert-list\">\n              <li><a class=\"tt-convert-link\" href=\"#tt-oplossing\">Oplossing<\/a><\/li>\n              <li><a class=\"tt-convert-link\" href=\"#tt-werkwijze\">Werkwijze<\/a><\/li>\n              <li><a class=\"tt-convert-link\" href=\"#tt-vacatures\">Vacaturegebieden<\/a><\/li>\n              <li><a class=\"tt-convert-link\" href=\"#tt-reviews\">Reviews<\/a><\/li>\n              <li><a class=\"tt-convert-link\" href=\"#tt-faq\">FAQ<\/a><\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"tt-convert-contact-card\">\n            <p class=\"tt-convert-heading\">Contact<\/p>\n            <h3 class=\"tt-convert-contact-title\">Samen kijken naar jullie vacatures?<\/h3>\n            <p class=\"tt-convert-contact-text\">Stuur ons een mail of plan direct een korte kennismaking.<\/p>\n            <a class=\"tt-convert-mail\" href=\"mailto:team@talenttraffic.nl\">team@talenttraffic.nl <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <div>\n              <a class=\"tt-convert-small-button\" href=\"https:\/\/calendly.com\/team-talenttraffic\/30min\">Plan kennismaking <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tt-convert-divider\"><\/div>\n\n        <div class=\"tt-convert-bottom\">\n          <div class=\"tt-convert-legal\">\n            <span>\u00a9 2026 TalentTraffic. Alle rechten voorbehouden.<\/span>\n            <span class=\"tt-convert-dot\">\u00b7<\/span>\n            <span>KvK: 82340897<\/span>\n            <span class=\"tt-convert-dot\">\u00b7<\/span>\n            <a href=\"\/algemene-voorwaarden\/\">Algemene voorwaarden<\/a>\n            <span class=\"tt-convert-dot\">\u00b7<\/span>\n            <a href=\"\/privacy-policy\/\">Privacy policy<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/footer>\n\n  <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Probleem Oplossing Diensten Cases Werkwijze Reviews FAQ \u2192Plan kennismaking Digital Efficiency Partner voor groeiende bedrijven Minder handwerk. Meer momentum. Systemen die jouw bedrijf soepel laten draaien. \u2713 Automatisering die het handwerk overneemt. \u2713 E\u00e9n systeem voor al je processen en data. \u2192Plan een kennismaking Vertrouwd door groeiende MKB-bedrijven Kandidaatmachine Recruiters vullen vacatures met TalentTraffic We &#8230; <a title=\"Homepage\" class=\"read-more\" href=\"https:\/\/lynadigital.nl\/\" aria-label=\"Lees meer over Homepage\">Lees verder<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lynadigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lynadigital.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lynadigital.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lynadigital.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lynadigital.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":4,"href":"https:\/\/lynadigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/lynadigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/lynadigital.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}