{"id":57642,"date":"2026-07-26T11:26:56","date_gmt":"2026-07-26T09:26:56","guid":{"rendered":"https:\/\/truescreen.io\/custom-certification-workflows\/"},"modified":"2026-07-26T20:36:34","modified_gmt":"2026-07-26T18:36:34","slug":"custom-certification-workflows","status":"publish","type":"page","link":"https:\/\/truescreen.io\/de\/custom-certification-workflows\/","title":{"rendered":"Custom Certification Workflows"},"content":{"rendered":"<\/p>\n<div id=\"ts-workflows\">\n<style>\nbody.page-id-57642 #main{padding:0 !important}\nbody.page-id-57642 #main .fusion-row{max-width:100% !important}\nbody.page-id-57642 #content{width:100% !important;margin:0 !important;padding:0 !important}\nbody.page-id-57642 .post-content{margin:0 !important;padding:0 !important}\n#ts-workflows{font-family:'DM Sans',system-ui,sans-serif;color:#52525b;font-size:16px;line-height:1.6;overflow-x:clip}\n#ts-workflows *,#ts-workflows *::before,#ts-workflows *::after{box-sizing:border-box}\n#ts-workflows h1,#ts-workflows h2,#ts-workflows h3{font-family:'Raleway',system-ui,sans-serif;color:#081122;margin:0;text-wrap:balance}\n#ts-workflows p{margin:0;text-wrap:pretty}\n#ts-workflows img{max-width:100%;height:auto;display:block}\n#ts-workflows .wf-wrap{max-width:1240px;margin:0 auto;padding:0 24px}\n#ts-workflows .wf-mono{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace}\n#ts-workflows .wf-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#007afe}\n#ts-workflows .wf-eyebrow::before{content:\"\";width:24px;height:2px;background:#007afe;display:inline-block}\n#ts-workflows .wf-btn{display:inline-flex;align-items:center;gap:10px;background:#007afe;color:#fff !important;font-size:15px;font-weight:600;padding:15px 30px;border-radius:8px;text-decoration:none;transition:background .2s,box-shadow .2s}\n#ts-workflows .wf-btn:hover{background:#006fe5;box-shadow:0 4px 16px rgba(0,122,254,.25)}\n#ts-workflows .wf-btn-ghost{display:inline-flex;align-items:center;gap:8px;color:#fff !important;font-size:15px;font-weight:500;padding:15px 8px;text-decoration:none;opacity:.85;transition:opacity .2s}\n#ts-workflows .wf-btn-ghost:hover{opacity:1}\n\/* ============ HERO ============ *\/\n#ts-workflows .wf-hero{background:linear-gradient(160deg,#07204e 0%,#081122 100%);padding:96px 0 104px;position:relative;overflow:hidden}\n#ts-workflows .wf-hero::before{content:\"\";position:absolute;inset:0;background-image:url('https:\/\/truescreen.io\/wp-content\/uploads\/2026\/07\/home-3\/assets\/lines-pattern-Dxhd_3km.png');background-repeat:no-repeat;background-position:top left;opacity:.55;pointer-events:none}\n#ts-workflows .wf-hero .wf-wrap{position:relative}\n#ts-workflows .wf-hero .wf-eyebrow{color:#4ea3ff}\n#ts-workflows .wf-hero .wf-eyebrow::before{background:#4ea3ff}\n#ts-workflows .wf-hero h1{color:#fff;font-size:52px;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:18px 0 20px;max-width:20ch}\n#ts-workflows .wf-hero-sub{color:#b9c6dd;font-size:19px;line-height:1.55;max-width:62ch}\n#ts-workflows .wf-hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:34px}\n\/* ---- hero visual: processo orizzontale ---- *\/\n#ts-workflows .wf-stage{margin-top:52px}\n#ts-workflows .wf-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}\n#ts-workflows .wf-picklabel{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7b8ca8;margin-right:4px}\n#ts-workflows .wf-tab{position:relative;font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:11px;color:#8fa3c4;background:rgba(255,255,255,.03);border:1px solid rgba(125,180,255,.18);border-radius:8px;padding:8px 13px 9px;cursor:pointer;overflow:hidden;transition:color .25s,border-color .25s,background .25s;-webkit-appearance:none;appearance:none}\n#ts-workflows .wf-tab:hover{color:#c8d6ef;border-color:rgba(125,180,255,.34)}\n#ts-workflows .wf-tab.is-on{color:#4ea3ff;border-color:rgba(78,163,255,.5);background:rgba(0,122,254,.1)}\n#ts-workflows .wf-tab i{position:absolute;left:0;bottom:0;height:2px;width:0;background:#4ea3ff;border-radius:2px}\n#ts-workflows .wf-tab.is-on.is-running i{animation:wfBar var(--wf-dur,6s) linear forwards}\n@keyframes wfBar{from{width:0}to{width:100%}}\n#ts-workflows .wf-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}\n#ts-workflows .wf-node{position:relative;background:rgba(13,25,48,.75);border:1px solid rgba(125,180,255,.2);border-radius:12px;padding:12px 13px 13px;min-height:98px;display:flex;flex-direction:column;transition:opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1),border-color .35s,box-shadow .35s}\n#ts-workflows .wf-node::after{content:\"\";position:absolute;top:50%;right:-22px;width:22px;height:10px;margin-top:-5px;background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 22 10'%3E%3Cpath d='M1.5 5h13.2' stroke='%237db4ff' stroke-width='1.1' stroke-linecap='round'\/%3E%3Cpath d='m14.9 1.9 3.2 3.1-3.2 3.1' fill='none' stroke='%237db4ff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") no-repeat center\/22px 10px;opacity:.8}\n#ts-workflows .wf-node:last-child::after{display:none}\n#ts-workflows .wf-node.is-swap{opacity:0;transform:translateY(-7px) scale(.97)}\n#ts-workflows .wf-node.is-fresh{border-color:rgba(78,163,255,.62);box-shadow:0 0 0 1px rgba(78,163,255,.18),0 10px 26px rgba(0,122,254,.16)}\n#ts-workflows .wf-node.is-out{background:rgba(13,149,122,.08);border-color:rgba(62,207,174,.34)}\n#ts-workflows .wf-nodetop{display:flex;align-items:center;gap:9px;margin-bottom:11px}\n#ts-workflows .wf-nodeico{width:28px;height:28px;border-radius:8px;background:rgba(78,163,255,.12);color:#4ea3ff;display:flex;align-items:center;justify-content:center;flex:none}\n#ts-workflows .wf-node.is-out .wf-nodeico{background:rgba(62,207,174,.13);color:#3ecfae}\n#ts-workflows .wf-nodeico svg{width:15px;height:15px;display:block}\n#ts-workflows .wf-nodenum{margin-right:auto}\n#ts-workflows .wf-aibadge{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:8.5px;letter-spacing:.1em;color:#4ea3ff;border:1px solid rgba(78,163,255,.4);background:rgba(78,163,255,.1);border-radius:4px;padding:2px 5px;margin-right:6px;flex:none}\n#ts-workflows .wf-aibadge[hidden]{display:none}\n#ts-workflows .wf-nodenum{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:10px;letter-spacing:.06em;color:#4ea3ff}\n#ts-workflows .wf-node.is-out .wf-nodenum{color:#3ecfae}\n#ts-workflows .wf-grip{display:flex;align-items:center;justify-content:center;color:rgba(143,163,196,.55);cursor:grab;background:none;border:0;padding:4px 2px;margin:-4px -2px;border-radius:5px;touch-action:none;-webkit-appearance:none;appearance:none;transition:color .2s,background .2s}\n#ts-workflows .wf-grip:hover,#ts-workflows .wf-grip:focus-visible{color:#4ea3ff;background:rgba(78,163,255,.12);outline:none}\n#ts-workflows .wf-grip:focus-visible{box-shadow:0 0 0 2px rgba(78,163,255,.45)}\n#ts-workflows .wf-grip svg{width:11px;height:13px;display:block;pointer-events:none}\n#ts-workflows .wf-node.is-dragging{transition:none;z-index:6;cursor:grabbing;border-color:rgba(78,163,255,.7);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(78,163,255,.3);background:rgba(16,30,56,.96)}\n#ts-workflows .wf-node.is-dragging .wf-grip{cursor:grabbing;color:#4ea3ff}\n#ts-workflows .wf-rail.is-dragging-on{user-select:none;-webkit-user-select:none}\n#ts-workflows .wf-nodetitle{font-family:'Raleway',system-ui,sans-serif;font-size:13.5px;font-weight:600;color:#fff;line-height:1.3;text-wrap:balance}\n#ts-workflows .wf-nodechip{margin-top:auto;padding-top:11px;font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:9.5px;color:#8fa3c4;line-height:1.45}\n#ts-workflows .wf-node.is-fresh .wf-nodechip{color:#4ea3ff}\n#ts-workflows .wf-node.is-out .wf-nodechip{color:#3ecfae}\n@media (prefers-reduced-motion:reduce){\n#ts-workflows .wf-node,#ts-workflows .wf-tab i{transition:none;animation:none}\n}\n\/* ============ BLOCCHI ============ *\/\n#ts-workflows .wf-block{padding:100px 0;position:relative;overflow:hidden}\n#ts-workflows .wf-block.is-light{background:#f7f9fd}\n#ts-workflows .wf-block.is-dark{background:#081122}\n#ts-workflows .wf-block.is-dark::before{content:\"\";position:absolute;inset:0;background-image:url('https:\/\/truescreen.io\/wp-content\/uploads\/2026\/07\/home-3\/assets\/lines-pattern-Dxhd_3km.png');background-repeat:no-repeat;background-position:top left;opacity:.5;pointer-events:none}\n#ts-workflows .wf-block .wf-wrap{position:relative}\n#ts-workflows .wf-block.is-dark .wf-eyebrow{color:#4ea3ff}\n#ts-workflows .wf-block.is-dark .wf-eyebrow::before{background:#4ea3ff}\n#ts-workflows .wf-block h2{font-size:36px;line-height:1.25;font-weight:700;letter-spacing:-.015em;max-width:24ch;margin:16px 0 18px}\n#ts-workflows .wf-block.is-dark h2{color:#fff}\n#ts-workflows .wf-lead{font-size:17px;max-width:64ch}\n#ts-workflows .wf-block.is-dark .wf-lead{color:#b9c6dd}\n\/* ---- catalogo componenti ---- *\/\n#ts-workflows .wf-kits{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:56px}\n#ts-workflows .wf-kit{background:#fff;border:1px solid #e2e8ee;border-radius:18px;padding:30px 30px 32px}\n#ts-workflows .wf-kithead{display:flex;align-items:center;gap:14px}\n#ts-workflows .wf-kitico{width:44px;height:44px;border-radius:12px;background:rgba(0,122,254,.09);color:#007afe;display:flex;align-items:center;justify-content:center;flex:none}\n#ts-workflows .wf-kitico svg{width:21px;height:21px;display:block}\n#ts-workflows .wf-kit h3{font-size:19px;font-weight:600;line-height:1.3}\n#ts-workflows .wf-kit p{font-size:15px;margin-top:16px}\n#ts-workflows .wf-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #eef1f6}\n#ts-workflows .wf-pill{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:11px;color:#52525b;background:#f7f9fd;border:1px solid #e4e9f1;border-radius:7px;padding:6px 10px;white-space:nowrap}\n\/* ---- benefici ---- *\/\n#ts-workflows .wf-gains{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 64px;margin-top:60px}\n#ts-workflows .wf-gain{position:relative;padding-top:30px}\n#ts-workflows .wf-gain::before{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(78,163,255,.75),rgba(78,163,255,.06) 60%,rgba(78,163,255,0))}\n#ts-workflows .wf-gainhead{display:flex;align-items:center;gap:16px}\n#ts-workflows .wf-gainico{width:46px;height:46px;border-radius:13px;background:rgba(78,163,255,.09);border:1px solid rgba(125,180,255,.2);color:#4ea3ff;display:flex;align-items:center;justify-content:center;flex:none}\n#ts-workflows .wf-gainico svg{width:22px;height:22px;display:block}\n#ts-workflows .wf-gain h3{color:#fff;font-size:20px;font-weight:600;line-height:1.3}\n#ts-workflows .wf-gain p{color:#b9c6dd;font-size:15.5px;margin-top:16px;max-width:46ch}\n\/* ---- distribuzione: chi esegue ---- *\/\n#ts-workflows .wf-split{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center}\n#ts-workflows .wf-runner{position:relative;background:#fff;border:1px solid #e4eaf2;border-radius:20px;padding:30px 34px 34px;box-shadow:0 26px 60px rgba(8,17,34,.1);overflow:hidden}\n#ts-workflows .wf-runner::before{content:\"\";position:absolute;top:-90px;right:-70px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(0,122,254,.07),rgba(0,122,254,0) 70%);pointer-events:none}\n#ts-workflows .wf-rhead{position:relative;display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8b97a8;padding-bottom:24px;border-bottom:1px solid #eef1f6;margin-bottom:30px}\n#ts-workflows .wf-rhead::before{content:\"\";width:18px;height:2px;background:#007afe}\n#ts-workflows .wf-timeline{position:relative;padding-left:56px}\n#ts-workflows .wf-timeline::before{content:\"\";position:absolute;left:18px;top:10px;bottom:34px;width:2px;border-radius:2px;background:linear-gradient(180deg,#007afe,#0d957a);opacity:.24;transform:scaleY(0);transform-origin:top;transition:transform 1.1s cubic-bezier(.22,.61,.36,1) .1s}\n#ts-workflows .wf-timeline.is-in::before{transform:scaleY(1)}\n#ts-workflows .wf-stage2{position:relative;padding-bottom:34px}\n#ts-workflows .wf-stage2:last-child{padding-bottom:0}\n#ts-workflows .wf-sn{position:absolute;left:-56px;top:-2px;width:38px;height:38px;border-radius:999px;background:#fff;border:2px solid rgba(0,122,254,.22);color:#007afe;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:11px;box-shadow:0 4px 12px rgba(8,17,34,.06)}\n#ts-workflows .wf-stage2.is-end .wf-sn{border-color:rgba(13,149,122,.32);color:#0d957a}\n#ts-workflows .wf-sname{display:block;font-family:'Raleway',system-ui,sans-serif;font-size:18px;font-weight:600;color:#081122;line-height:1.35}\n#ts-workflows .wf-ssub{display:block;font-size:14.5px;color:#7a8798;margin-top:8px;max-width:44ch}\n#ts-workflows .wf-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}\n#ts-workflows .wf-card{border:1px solid #e6ebf3;border-radius:14px;padding:16px 18px 17px;background:#fff;box-shadow:0 6px 18px rgba(8,17,34,.04)}\n#ts-workflows .wf-card.is-out{background:linear-gradient(180deg,rgba(13,149,122,.05),rgba(13,149,122,0));border-color:rgba(13,149,122,.24)}\n#ts-workflows .wf-cardico{width:32px;height:32px;border-radius:9px;background:rgba(0,122,254,.09);color:#007afe;display:flex;align-items:center;justify-content:center;margin-bottom:13px}\n#ts-workflows .wf-card.is-out .wf-cardico{background:rgba(13,149,122,.1);color:#0d957a}\n#ts-workflows .wf-cardico svg{width:16px;height:16px;display:block}\n#ts-workflows .wf-cardname{font-family:'Raleway',system-ui,sans-serif;font-size:15px;font-weight:600;color:#081122}\n#ts-workflows .wf-cardsub{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:10.5px;color:#8b97a8;margin-top:7px}\n#ts-workflows .wf-endcard{margin-top:16px;display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(13,149,122,.07),rgba(13,149,122,.02));border:1px solid rgba(13,149,122,.22);border-radius:14px;padding:15px 18px}\n#ts-workflows .wf-endcard svg{width:19px;height:19px;color:#0d957a;flex:none}\n#ts-workflows .wf-endcard span{font-family:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;font-size:11px;color:#0d957a;line-height:1.6}\n\/* ---- entrata in cascata ---- *\/\n#ts-workflows .wf-anim.is-armed>*{opacity:0;transform:translateY(14px)}\n#ts-workflows .wf-anim.is-armed.is-in>*{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1)}\n#ts-workflows .wf-anim.is-armed.is-in>*:nth-child(1){transition-delay:.05s}\n#ts-workflows .wf-anim.is-armed.is-in>*:nth-child(2){transition-delay:.14s}\n#ts-workflows .wf-anim.is-armed.is-in>*:nth-child(3){transition-delay:.23s}\n#ts-workflows .wf-anim.is-armed.is-in>*:nth-child(4){transition-delay:.32s}\n#ts-workflows .wf-anim.is-armed.is-in>*:nth-child(5){transition-delay:.41s}\n#ts-workflows .wf-anim.is-armed.is-in>*:nth-child(6){transition-delay:.5s}\n@media (prefers-reduced-motion:reduce){\n#ts-workflows .wf-anim.is-armed>*{opacity:1;transform:none;transition:none}\n#ts-workflows .wf-timeline::before{transform:scaleY(1);transition:none}\n}\n@media (max-width:1024px){\n#ts-workflows .wf-hero h1{font-size:40px;max-width:24ch}\n#ts-workflows .wf-rail{grid-template-columns:repeat(3,1fr);gap:20px 22px}\n#ts-workflows .wf-node:nth-child(3n)::after{display:none}\n#ts-workflows .wf-kits,#ts-workflows .wf-gains{grid-template-columns:1fr;gap:24px}\n#ts-workflows .wf-gains{gap:28px}\n#ts-workflows .wf-split{grid-template-columns:1fr;gap:40px}\n}\n@media (max-width:760px){\n#ts-workflows .wf-hero{padding:72px 0 80px}\n#ts-workflows .wf-hero h1{font-size:33px;max-width:100%}\n#ts-workflows .wf-hero-sub{font-size:17px}\n#ts-workflows .wf-block{padding:76px 0}\n#ts-workflows .wf-block h2{font-size:28px;max-width:100%}\n#ts-workflows .wf-stage{margin-top:38px}\n#ts-workflows .wf-rail{grid-template-columns:1fr;gap:26px}\n#ts-workflows .wf-node{min-height:0;padding:13px 14px 14px}\n#ts-workflows .wf-node::after{top:auto;bottom:-26px;right:auto;left:20px;width:10px;height:26px;margin-top:0;background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 10 26'%3E%3Cpath d='M5 1.5v17.4' stroke='%237db4ff' stroke-width='1.1' stroke-linecap='round'\/%3E%3Cpath d='M1.9 18.6 5 21.8l3.1-3.2' fill='none' stroke='%237db4ff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") no-repeat center\/10px 26px}\n#ts-workflows .wf-node:nth-child(3n)::after{display:block}\n#ts-workflows .wf-node:last-child::after{display:none}\n#ts-workflows .wf-nodechip{padding-top:9px}\n#ts-workflows .wf-picklabel{width:100%}\n#ts-workflows .wf-kit{padding:26px 22px}\n#ts-workflows .wf-gain p{max-width:none}\n#ts-workflows .wf-runner{padding:24px 20px 26px}\n#ts-workflows .wf-rhead{padding-bottom:18px;margin-bottom:24px}\n#ts-workflows .wf-timeline{padding-left:44px}\n#ts-workflows .wf-timeline::before{left:14px}\n#ts-workflows .wf-sn{left:-44px;width:32px;height:32px;font-size:10px}\n#ts-workflows .wf-sname{font-size:16px}\n#ts-workflows .wf-two{grid-template-columns:1fr;gap:10px}\n#ts-workflows .wf-stage2{padding-bottom:28px}\n}\n<\/style>\n<section class=\"wf-hero\">\n<div class=\"wf-wrap\">\n<p class=\"wf-eyebrow\">Feature<\/p>\n<h1>Turn your procedure into a guided process<\/h1>\n<p class=\"wf-hero-sub\">Design the steps your organisation follows, and everyone who runs them collects the same information, in the same order, with legal value.<\/p>\n<div class=\"wf-hero-cta\"><a class=\"wf-btn\" href=\"https:\/\/portal.truescreen.io\/signin\/\">Start now<\/a><a class=\"wf-btn-ghost\" href=\"https:\/\/truescreen.io\/contact-us\/\">Talk to an Expert \u2192<\/a><\/div>\n<div class=\"wf-stage\">\n<div class=\"wf-picker\">\n<span class=\"wf-picklabel\">Process<\/span><br \/>\n<button class=\"wf-tab is-on\" type=\"button\">Site handover<i><\/i><\/button><br \/>\n<button class=\"wf-tab\" type=\"button\">Damage claim<i><\/i><\/button><br \/>\n<button class=\"wf-tab\" type=\"button\">Supplier onboarding<i><\/i><\/button>\n<\/div>\n<div class=\"wf-rail\" id=\"wf-flow\">\n<div class=\"wf-node\" data-i=\"0\"><span class=\"wf-nodetop\"><span class=\"wf-nodeico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6.4\" y=\"2.8\" width=\"11.2\" height=\"18.4\" rx=\"2.4\"\/><path d=\"M10.4 5.6h3.2\"\/><path d=\"M9.2 11.4h5.6M9.2 14.6h3.4\"\/><\/svg><\/span><span class=\"wf-nodenum\">01<\/span><span class=\"wf-aibadge\" hidden>AI<\/span><button class=\"wf-grip\" type=\"button\" aria-label=\"Move this block\"><svg viewBox=\"0 0 11 13\" fill=\"currentColor\"><circle cx=\"2.6\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"10.8\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"10.8\" r=\"1.15\"\/><\/svg><\/button><\/span><span class=\"wf-nodetitle\">Who is on site<\/span><span class=\"wf-nodechip\">sms code<\/span><\/div>\n<div class=\"wf-node\" data-i=\"1\"><span class=\"wf-nodetop\"><span class=\"wf-nodeico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.6\" y=\"3.6\" width=\"16.8\" height=\"16.8\" rx=\"2.4\"\/><path d=\"m6.8 8.8 1.4 1.4 2.4-2.6\"\/><path d=\"m6.8 15.2 1.4 1.4 2.4-2.6\"\/><path d=\"M13.8 9.2h4M13.8 15.6h4\"\/><\/svg><\/span><span class=\"wf-nodenum\">02<\/span><span class=\"wf-aibadge\" hidden>AI<\/span><button class=\"wf-grip\" type=\"button\" aria-label=\"Move this block\"><svg viewBox=\"0 0 11 13\" fill=\"currentColor\"><circle cx=\"2.6\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"10.8\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"10.8\" r=\"1.15\"\/><\/svg><\/button><\/span><span class=\"wf-nodetitle\">Site checklist<\/span><span class=\"wf-nodechip\">text, multiple choice<\/span><\/div>\n<div class=\"wf-node\" data-i=\"2\"><span class=\"wf-nodetop\"><span class=\"wf-nodeico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3.8 8.6a2 2 0 0 1 2-2h2.2l1.4-2h5.2l1.4 2h2.2a2 2 0 0 1 2 2v8.8a2 2 0 0 1-2 2H5.8a2 2 0 0 1-2-2Z\"\/><circle cx=\"12\" cy=\"12.6\" r=\"3.3\"\/><\/svg><\/span><span class=\"wf-nodenum\">03<\/span><span class=\"wf-aibadge\">AI<\/span><button class=\"wf-grip\" type=\"button\" aria-label=\"Move this block\"><svg viewBox=\"0 0 11 13\" fill=\"currentColor\"><circle cx=\"2.6\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"10.8\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"10.8\" r=\"1.15\"\/><\/svg><\/button><\/span><span class=\"wf-nodetitle\">State of the site<\/span><span class=\"wf-nodechip\">photo, gps, ai analysis<\/span><\/div>\n<div class=\"wf-node\" data-i=\"3\"><span class=\"wf-nodetop\"><span class=\"wf-nodeico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3.6 19.8h16.8\"\/><path d=\"m6.6 15.6 8.6-8.6a2.3 2.3 0 0 1 3.2 3.2l-8.6 8.6-4 .8Z\"\/><\/svg><\/span><span class=\"wf-nodenum\">04<\/span><span class=\"wf-aibadge\" hidden>AI<\/span><button class=\"wf-grip\" type=\"button\" aria-label=\"Move this block\"><svg viewBox=\"0 0 11 13\" fill=\"currentColor\"><circle cx=\"2.6\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"10.8\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"10.8\" r=\"1.15\"\/><\/svg><\/button><\/span><span class=\"wf-nodetitle\">Handover conditions<\/span><span class=\"wf-nodechip\">signature<\/span><\/div>\n<div class=\"wf-node is-out\" data-i=\"4\"><span class=\"wf-nodetop\"><span class=\"wf-nodeico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13.4 3.2H6.6a2 2 0 0 0-2 2v13.6a2 2 0 0 0 2 2h4.4\"\/><path d=\"M13.4 3.2v6h6\"\/><path d=\"M8.2 8.6h2.2M8.2 12h5\"\/><circle cx=\"16.4\" cy=\"16.6\" r=\"4.2\"\/><path d=\"m14.6 16.7 1.3 1.3 2.3-2.5\"\/><\/svg><\/span><span class=\"wf-nodenum\">05<\/span><span class=\"wf-aibadge\" hidden>AI<\/span><button class=\"wf-grip\" type=\"button\" aria-label=\"Move this block\"><svg viewBox=\"0 0 11 13\" fill=\"currentColor\"><circle cx=\"2.6\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"10.8\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"10.8\" r=\"1.15\"\/><\/svg><\/button><\/span><span class=\"wf-nodetitle\">Certified report<\/span><span class=\"wf-nodechip\">pdf and json<\/span><\/div>\n<div class=\"wf-node is-out\" data-i=\"5\"><span class=\"wf-nodetop\"><span class=\"wf-nodeico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"12\" r=\"2.4\"\/><circle cx=\"18\" cy=\"6.8\" r=\"2.4\"\/><circle cx=\"18\" cy=\"17.2\" r=\"2.4\"\/><path d=\"m8.2 11 7.6-3.2M8.2 13l7.6 3.2\"\/><\/svg><\/span><span class=\"wf-nodenum\">06<\/span><span class=\"wf-aibadge\" hidden>AI<\/span><button class=\"wf-grip\" type=\"button\" aria-label=\"Move this block\"><svg viewBox=\"0 0 11 13\" fill=\"currentColor\"><circle cx=\"2.6\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"2.2\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"6.5\" r=\"1.15\"\/><circle cx=\"2.6\" cy=\"10.8\" r=\"1.15\"\/><circle cx=\"8.4\" cy=\"10.8\" r=\"1.15\"\/><\/svg><\/button><\/span><span class=\"wf-nodetitle\">Delivered and archived<\/span><span class=\"wf-nodechip\">api, TrueScreen archive<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"wf-block is-light\">\n<div class=\"wf-wrap\">\n<p class=\"wf-eyebrow\">Components<\/p>\n<h2>Build the process out of parts that already certify<\/h2>\n<p class=\"wf-lead\">A step asks for what you need and nothing else: a number, a photo taken on the spot, a signature, a document read and accepted. Whatever a step collects arrives certified, because the seal is applied while the person is collecting it.<\/p>\n<div class=\"wf-kits wf-anim\">\n<div class=\"wf-kit\">\n<div class=\"wf-kithead\">\n<span class=\"wf-kitico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.4\" y=\"4.4\" width=\"17.2\" height=\"15.2\" rx=\"2.4\"\/><path d=\"M7 9.2h6.4M7 12.6h9M7 16h4.4\"\/><\/svg><\/span><\/p>\n<h3>Data the person fills in<\/h3>\n<\/div>\n<p>Short answers, long descriptions, dates, amounts, a list to choose from. Each step decides what is mandatory, so a form comes back complete or does not come back at all.<\/p>\n<div class=\"wf-pills\">\n<span class=\"wf-pill\">text<\/span><span class=\"wf-pill\">long text<\/span><span class=\"wf-pill\">email<\/span><span class=\"wf-pill\">phone<\/span><span class=\"wf-pill\">number<\/span><span class=\"wf-pill\">date and time<\/span><span class=\"wf-pill\">single choice<\/span><span class=\"wf-pill\">multiple choice<\/span><span class=\"wf-pill\">barcode scanner<\/span><span class=\"wf-pill\">address<\/span>\n<\/div>\n<\/div>\n<div class=\"wf-kit\">\n<div class=\"wf-kithead\">\n<span class=\"wf-kitico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3.8 8.6a2 2 0 0 1 2-2h2.2l1.4-2h5.2l1.4 2h2.2a2 2 0 0 1 2 2v8.8a2 2 0 0 1-2 2H5.8a2 2 0 0 1-2-2Z\"\/><circle cx=\"12\" cy=\"12.6\" r=\"3.3\"\/><\/svg><\/span><\/p>\n<h3>Material captured or uploaded<\/h3>\n<\/div>\n<p>Photos, a video, a recording, a document scanned in front of you, a web page as it appeared. Files that already exist go in too: a PDF, a contract, a spreadsheet, an export from another system.<\/p>\n<div class=\"wf-pills\">\n<span class=\"wf-pill\">photo<\/span><span class=\"wf-pill\">video<\/span><span class=\"wf-pill\">audio<\/span><span class=\"wf-pill\">screen recording<\/span><span class=\"wf-pill\">web page<\/span><span class=\"wf-pill\">document scan<\/span><span class=\"wf-pill\">pdf and documents<\/span><span class=\"wf-pill\">any file upload<\/span><span class=\"wf-pill\">file with hash check<\/span><span class=\"wf-pill\">photo read by AI<\/span>\n<\/div>\n<\/div>\n<div class=\"wf-kit\">\n<div class=\"wf-kithead\">\n<span class=\"wf-kitico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.6 10.4V7.6a3.4 3.4 0 0 1 6.8 0v2.8\"\/><rect x=\"3\" y=\"10.4\" width=\"10\" height=\"9.2\" rx=\"2.2\"\/><path d=\"M15.6 12h5.4M15.6 15.4h5.4M15.6 18.8h3.4\"\/><\/svg><\/span><\/p>\n<h3>Identity and signature<\/h3>\n<\/div>\n<p>You decide how sure you need to be about who is on the other side: a code by text message, a signature, a contract read and accepted, more than one person signing the same file.<\/p>\n<div class=\"wf-pills\">\n<span class=\"wf-pill\">code by sms<\/span><span class=\"wf-pill\">login<\/span><span class=\"wf-pill\">video signature<\/span><span class=\"wf-pill\">terms read aloud<\/span><span class=\"wf-pill\">signature with otp<\/span><span class=\"wf-pill\">several signers<\/span><span class=\"wf-pill\">contract acceptance<\/span><span class=\"wf-pill\">documents to read<\/span>\n<\/div>\n<\/div>\n<div class=\"wf-kit\">\n<div class=\"wf-kithead\">\n<span class=\"wf-kitico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20.6s6.6-5.2 6.6-10a6.6 6.6 0 0 0-13.2 0c0 4.8 6.6 10 6.6 10Z\"\/><circle cx=\"12\" cy=\"10.4\" r=\"2.4\"\/><\/svg><\/span><\/p>\n<h3>Context and rules<\/h3>\n<\/div>\n<p>Around the steps you set the conditions: where the capture has to happen, what cannot be skipped, what is already filled in for the person, how the report is named and laid out.<\/p>\n<div class=\"wf-pills\">\n<span class=\"wf-pill\">gps<\/span><span class=\"wf-pill\">free notes<\/span><span class=\"wf-pill\">mandatory or optional<\/span><span class=\"wf-pill\">prefilled fields<\/span><span class=\"wf-pill\">automatic title<\/span><span class=\"wf-pill\">report layout<\/span><span class=\"wf-pill\">receipt by email<\/span><span class=\"wf-pill\">app, web or both<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"wf-block is-dark\">\n<div class=\"wf-wrap\">\n<p class=\"wf-eyebrow\">Why it changes the work<\/p>\n<h2>The procedure stops living in someone\u2019s head<\/h2>\n<p class=\"wf-lead\">Most information is still collected by memory and goodwill: a checklist in a drawer, a colleague who knows what to photograph, an email that arrives with half the attachments. A guided process replaces all of that with steps everyone follows the same way.<\/p>\n<div class=\"wf-gains wf-anim\">\n<div class=\"wf-gain\">\n<div class=\"wf-gainhead\">\n<span class=\"wf-gainico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8.4\" r=\"3.2\"\/><path d=\"M3.2 19.4a5.8 5.8 0 0 1 11.6 0\"\/><path d=\"M16.2 5.6a2.9 2.9 0 0 1 0 5.6M17.4 13.6a5 5 0 0 1 3.4 4.6\"\/><\/svg><\/span><\/p>\n<h3>Everyone works the same way<\/h3>\n<\/div>\n<p>The order of the steps is the procedure. A colleague on their first day collects what an experienced one collects.<\/p>\n<\/div>\n<div class=\"wf-gain\">\n<div class=\"wf-gainhead\">\n<span class=\"wf-gainico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6.6 5.6 8.2 8.4 5.4\"\/><path d=\"M4 12.4 5.6 14l2.8-2.8\"\/><path d=\"M4 18.2 5.6 19.8l2.8-2.8\"\/><path d=\"M11.6 7h8.8M11.6 12.8h8.8M11.6 18.6h5.6\"\/><\/svg><\/span><\/p>\n<h3>Nothing is missing at the end<\/h3>\n<\/div>\n<p>What cannot be skipped is not skipped, so nobody has to go back on site for the photo that was never taken.<\/p>\n<\/div>\n<div class=\"wf-gain\">\n<div class=\"wf-gainhead\">\n<span class=\"wf-gainico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"13.4\" r=\"7.4\"\/><path d=\"M12 9.8v3.6l2.4 1.6\"\/><path d=\"M9.4 2.8h5.2M19.4 6.6l1.6-1.6\"\/><\/svg><\/span><\/p>\n<h3>Faster where it costs most<\/h3>\n<\/div>\n<p>Data, material, identity and signature are gathered in one pass, on the spot, instead of travelling between mailboxes for days.<\/p>\n<\/div>\n<div class=\"wf-gain\">\n<div class=\"wf-gainhead\">\n<span class=\"wf-gainico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"9.4\" r=\"5.6\"\/><path d=\"m9.4 9.4 1.8 1.8 3.4-3.6\"\/><path d=\"m8.4 14.6-1.2 6.6 4.8-2.4 4.8 2.4-1.2-6.6\"\/><\/svg><\/span><\/p>\n<h3>Compliant by construction<\/h3>\n<\/div>\n<p>Consent, acceptance and signature sit inside the steps that need them, and the record shows each one happened before the process could move on.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"wf-block is-light\">\n<div class=\"wf-wrap\">\n<div class=\"wf-split\">\n<div>\n<p class=\"wf-eyebrow\">In the field<\/p>\n<h2>Anyone you authorise can collect certified data<\/h2>\n<p class=\"wf-lead\">A person in your workspace decides who has to collect: a colleague, or a customer, a supplier, a technician outside the organisation. Whoever it is receives a link, follows the steps on their own phone, and what they collect comes back sealed into your archive.<\/p>\n<\/div>\n<div class=\"wf-runner\">\n<p class=\"wf-rhead\">Access and execution<\/p>\n<div class=\"wf-timeline wf-anim\">\n<div class=\"wf-stage2\">\n<span class=\"wf-sn\">01<\/span><br \/>\n<span class=\"wf-sname\">A workspace user gives access<\/span><br \/>\n<span class=\"wf-ssub\">From the portal, choosing who has to run the process.<\/span>\n<\/div>\n<div class=\"wf-stage2\">\n<span class=\"wf-sn\">02<\/span><br \/>\n<span class=\"wf-sname\">The person receives a link and runs the steps<\/span><\/p>\n<div class=\"wf-two\">\n<div class=\"wf-card\">\n<span class=\"wf-cardico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8.2\" r=\"3.6\"\/><path d=\"M5 19.4a7 7 0 0 1 14 0\"\/><\/svg><\/span><\/p>\n<p class=\"wf-cardname\">A colleague<\/p>\n<p class=\"wf-cardsub\">already in the workspace<\/p>\n<\/div>\n<div class=\"wf-card is-out\">\n<span class=\"wf-cardico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.4\"\/><path d=\"M3.6 12h16.8M12 3.6a13 13 0 0 1 0 16.8 13 13 0 0 1 0-16.8\"\/><\/svg><\/span><\/p>\n<p class=\"wf-cardname\">Someone outside<\/p>\n<p class=\"wf-cardsub\">no account to create<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wf-stage2 is-end\">\n<span class=\"wf-sn\">03<\/span><br \/>\n<span class=\"wf-sname\">Everything returns to the workspace archive<\/span><\/p>\n<div class=\"wf-endcard\">\n<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3.2 5 6v6c0 4.2 2.9 7.4 7 8.8 4.1-1.4 7-4.6 7-8.8V6Z\"\/><path d=\"m9 12.2 2.1 2.1 4-4.2\"\/><\/svg><br \/>\n<span>sealed at the source \u00b7 filed by case \u00b7 with the collector\u2019s name<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><script>\n(function(){\n  var root=document.getElementById(\"ts-workflows\");\n  if(!root||!(\"IntersectionObserver\" in window))return;\n  var reduce=window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  if(!reduce){\n    var groups=root.querySelectorAll(\".wf-anim\");\n    var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){x.target.classList.add(\"is-in\");io.unobserve(x.target);}});},{threshold:0.2});\n    Array.prototype.forEach.call(groups,function(g){g.classList.add(\"is-armed\");io.observe(g);});\n  }\n  var rail=document.getElementById(\"wf-flow\");\n  if(!rail)return;\n  var DUR=6000;\n  var ICO={\n    otp:'<rect x=\"6.4\" y=\"2.8\" width=\"11.2\" height=\"18.4\" rx=\"2.4\"\/><path d=\"M10.4 5.6h3.2\"\/><path d=\"M9.2 11.4h5.6M9.2 14.6h3.4\"\/>',\n    form:'<rect x=\"3.6\" y=\"3.6\" width=\"16.8\" height=\"16.8\" rx=\"2.4\"\/><path d=\"m6.8 8.8 1.4 1.4 2.4-2.6\"\/><path d=\"m6.8 15.2 1.4 1.4 2.4-2.6\"\/><path d=\"M13.8 9.2h4M13.8 15.6h4\"\/>',\n    photo:'<path d=\"M3.8 8.6a2 2 0 0 1 2-2h2.2l1.4-2h5.2l1.4 2h2.2a2 2 0 0 1 2 2v8.8a2 2 0 0 1-2 2H5.8a2 2 0 0 1-2-2Z\"\/><circle cx=\"12\" cy=\"12.6\" r=\"3.3\"\/>',\n    text:'<rect x=\"3.4\" y=\"6.6\" width=\"17.2\" height=\"10.8\" rx=\"2.2\"\/><path d=\"M7.2 10.4h7.2M7.2 13.8h4\"\/>',\n    sign:'<path d=\"M3.6 19.8h16.8\"\/><path d=\"m6.6 15.6 8.6-8.6a2.3 2.3 0 0 1 3.2 3.2l-8.6 8.6-4 .8Z\"\/>',\n    upload:'<path d=\"M13.4 3.2H6.6a2 2 0 0 0-2 2v13.6a2 2 0 0 0 2 2h10.8a2 2 0 0 0 2-2V9.2Z\"\/><path d=\"M13.4 3.2v6h6\"\/><path d=\"M12 18.4v-5.8M9.6 15l2.4-2.4 2.4 2.4\"\/>',\n    accept:'<path d=\"M13.4 3.2H6.6a2 2 0 0 0-2 2v13.6a2 2 0 0 0 2 2h10.8a2 2 0 0 0 2-2V9.2Z\"\/><path d=\"M13.4 3.2v6h6\"\/><path d=\"m8.8 15.2 1.9 1.9 3.7-3.9\"\/>',\n    report:'<path d=\"M13.4 3.2H6.6a2 2 0 0 0-2 2v13.6a2 2 0 0 0 2 2h4.4\"\/><path d=\"M13.4 3.2v6h6\"\/><path d=\"M8.2 8.6h2.2M8.2 12h5\"\/><circle cx=\"16.4\" cy=\"16.6\" r=\"4.2\"\/><path d=\"m14.6 16.7 1.3 1.3 2.3-2.5\"\/>',\n    api:'<circle cx=\"6\" cy=\"12\" r=\"2.4\"\/><circle cx=\"18\" cy=\"6.8\" r=\"2.4\"\/><circle cx=\"18\" cy=\"17.2\" r=\"2.4\"\/><path d=\"m8.2 11 7.6-3.2M8.2 13l7.6 3.2\"\/>',\n    mail:'<rect x=\"3.4\" y=\"5.6\" width=\"17.2\" height=\"12.8\" rx=\"2.2\"\/><path d=\"m4 7.8 8 5.8 8-5.8\"\/>'\n  };\n  function svg(k){return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">'+(ICO[k]||\"\")+'<\/svg>';}\n  var V=[\n    [[\"Who is on site\",\"sms code\",\"otp\"],[\"Site checklist\",\"text, multiple choice\",\"form\"],[\"State of the site\",\"photo, gps, ai analysis\",\"photo\"],\n     [\"Handover conditions\",\"signature\",\"sign\"],[\"Certified report\",\"pdf and json\",\"report\"],[\"Delivered and archived\",\"api, TrueScreen archive\",\"api\"]],\n    [[\"Who is reporting\",\"text\",\"text\"],[\"Claim details\",\"text, multiple choice\",\"form\"],[\"The damage\",\"photo, video, ai analysis\",\"photo\"],\n     [\"Statement\",\"signature\",\"sign\"],[\"Certified report\",\"pdf and json\",\"report\"],[\"Delivered and archived\",\"smtp, TrueScreen archive\",\"mail\"]],\n    [[\"Company details\",\"text\",\"text\"],[\"Qualification form\",\"text, multiple choice\",\"form\"],[\"Documents\",\"pdf, upload, ai analysis\",\"upload\"],\n     [\"Framework agreement\",\"acceptance\",\"accept\"],[\"Certified report\",\"pdf and json\",\"report\"],[\"Delivered and archived\",\"api, TrueScreen archive\",\"api\"]]\n  ];\n  var VT={\n  it:[\n    [[\"Chi \\u00e8 in cantiere\",\"codice sms\",\"otp\"],[\"Checklist di cantiere\",\"testo, scelta multipla\",\"form\"],[\"Stato dei luoghi\",\"foto, gps, analisi ai\",\"photo\"],[\"Condizioni di consegna\",\"firma\",\"sign\"],[\"Report certificato\",\"pdf e json\",\"report\"],[\"Consegnato e archiviato\",\"api, archivio TrueScreen\",\"api\"]],\n    [[\"Chi segnala\",\"testo\",\"text\"],[\"Dettagli del sinistro\",\"testo, scelta multipla\",\"form\"],[\"Il danno\",\"foto, video, analisi ai\",\"photo\"],[\"Dichiarazione\",\"firma\",\"sign\"],[\"Report certificato\",\"pdf e json\",\"report\"],[\"Consegnato e archiviato\",\"smtp, archivio TrueScreen\",\"mail\"]],\n    [[\"Dati aziendali\",\"testo\",\"text\"],[\"Questionario di qualifica\",\"testo, scelta multipla\",\"form\"],[\"Documenti\",\"pdf, caricamento, analisi ai\",\"upload\"],[\"Contratto quadro\",\"accettazione\",\"accept\"],[\"Report certificato\",\"pdf e json\",\"report\"],[\"Consegnato e archiviato\",\"api, archivio TrueScreen\",\"api\"]]\n  ],\n  es:[\n    [[\"Qui\\u00e9n est\\u00e1 en la obra\",\"c\\u00f3digo sms\",\"otp\"],[\"Lista de comprobaci\\u00f3n\",\"texto, opci\\u00f3n m\\u00faltiple\",\"form\"],[\"Estado del lugar\",\"foto, gps, an\\u00e1lisis ia\",\"photo\"],[\"Condiciones de entrega\",\"firma\",\"sign\"],[\"Informe certificado\",\"pdf y json\",\"report\"],[\"Entregado y archivado\",\"api, archivo TrueScreen\",\"api\"]],\n    [[\"Qui\\u00e9n declara\",\"texto\",\"text\"],[\"Detalles del siniestro\",\"texto, opci\\u00f3n m\\u00faltiple\",\"form\"],[\"El da\\u00f1o\",\"foto, v\\u00eddeo, an\\u00e1lisis ia\",\"photo\"],[\"Declaraci\\u00f3n\",\"firma\",\"sign\"],[\"Informe certificado\",\"pdf y json\",\"report\"],[\"Entregado y archivado\",\"smtp, archivo TrueScreen\",\"mail\"]],\n    [[\"Datos de la empresa\",\"texto\",\"text\"],[\"Cuestionario de calificaci\\u00f3n\",\"texto, opci\\u00f3n m\\u00faltiple\",\"form\"],[\"Documentos\",\"pdf, carga, an\\u00e1lisis ia\",\"upload\"],[\"Contrato marco\",\"aceptaci\\u00f3n\",\"accept\"],[\"Informe certificado\",\"pdf y json\",\"report\"],[\"Entregado y archivado\",\"api, archivo TrueScreen\",\"api\"]]\n  ],\n  de:[\n    [[\"Wer auf der Baustelle ist\",\"SMS-Code\",\"otp\"],[\"Baustellen-Checkliste\",\"Text, Mehrfachauswahl\",\"form\"],[\"Zustand der Baustelle\",\"Foto, GPS, KI-Analyse\",\"photo\"],[\"\\u00dcbergabebedingungen\",\"Unterschrift\",\"sign\"],[\"Zertifizierter Bericht\",\"pdf und json\",\"report\"],[\"Zugestellt und archiviert\",\"api, TrueScreen Archiv\",\"api\"]],\n    [[\"Wer meldet\",\"Text\",\"text\"],[\"Angaben zum Schaden\",\"Text, Mehrfachauswahl\",\"form\"],[\"Der Schaden\",\"Foto, Video, KI-Analyse\",\"photo\"],[\"Erkl\\u00e4rung\",\"Unterschrift\",\"sign\"],[\"Zertifizierter Bericht\",\"pdf und json\",\"report\"],[\"Zugestellt und archiviert\",\"smtp, TrueScreen Archiv\",\"mail\"]],\n    [[\"Angaben zum Unternehmen\",\"Text\",\"text\"],[\"Qualifizierungsbogen\",\"Text, Mehrfachauswahl\",\"form\"],[\"Dokumente\",\"pdf, Upload, KI-Analyse\",\"upload\"],[\"Rahmenvertrag\",\"Annahme\",\"accept\"],[\"Zertifizierter Bericht\",\"pdf und json\",\"report\"],[\"Zugestellt und archiviert\",\"api, TrueScreen Archiv\",\"api\"]]\n  ]};\n  var LANG=(document.documentElement.getAttribute(\"lang\")||\"en\").slice(0,2).toLowerCase();\n  if(VT[LANG]){V=VT[LANG];}\n  var nodes=rail.querySelectorAll(\".wf-node[data-i]\"),\n      tabEls=root.querySelectorAll(\".wf-tab\"),\n      cur=-1,timer=null,pending=[];\n  function later(fn,ms){pending.push(setTimeout(fn,ms));}\n  function clearPending(){pending.forEach(clearTimeout);pending=[];}\n  function fill(el,row){\n    el.querySelector(\".wf-nodetitle\").textContent=row[0];\n    el.querySelector(\".wf-nodechip\").textContent=row[1];\n    el.querySelector(\".wf-nodeico\").innerHTML=svg(row[2]);\n    el.querySelector(\".wf-aibadge\").hidden=row[1].indexOf(\"ai analysis\")<0;\n  }\n  function show(v,animate){\n    if(v===cur)return;\n    cur=v;clearPending();\n    Array.prototype.forEach.call(tabEls,function(el,i){\n      el.classList.toggle(\"is-on\",i===v);\n      el.classList.remove(\"is-running\");\n      if(i===v){el.style.setProperty(\"--wf-dur\",(DUR\/1000)+\"s\");void el.offsetWidth;if(!reduce)el.classList.add(\"is-running\");}\n    });\n    var d=V[v];\n    if(!animate||reduce){Array.prototype.forEach.call(nodes,function(el,i){if(d[i])fill(el,d[i]);});return;}\n    Array.prototype.forEach.call(nodes,function(el,i){\n      if(!d[i])return;\n      if(el.querySelector(\".wf-nodetitle\").textContent===d[i][0]&&el.querySelector(\".wf-nodechip\").textContent===d[i][1])return;\n      later(function(){\n        el.classList.add(\"is-swap\");\n        later(function(){\n          fill(el,d[i]);\n          el.classList.remove(\"is-swap\");\n          el.classList.add(\"is-fresh\");\n          later(function(){el.classList.remove(\"is-fresh\");},1200);\n        },300);\n      },i*100);\n    });\n  }\n  function play(){if(timer||reduce||manual)return;timer=setInterval(function(){show((cur+1)%V.length,true);},DUR);}\n  function pause(){if(timer){clearInterval(timer);timer=null;}}\n  Array.prototype.forEach.call(tabEls,function(el,i){\n    el.addEventListener(\"click\",function(){pause();show(i,true);play();});\n    el.addEventListener(\"mouseenter\",function(){pause();show(i,true);play();});\n  });\n  \/* riordino: drag della maniglia o frecce da tastiera *\/\n  function stopAuto(){manual=true;pause();Array.prototype.forEach.call(tabEls,function(el){el.classList.remove(\"is-running\");});}\n  function renumber(){\n    Array.prototype.forEach.call(rail.querySelectorAll(\".wf-node\"),function(n,i){\n      n.querySelector(\".wf-nodenum\").textContent=(i<9?\"0\":\"\")+(i+1);\n    });\n  }\n  function isColumn(){\n    var c=getComputedStyle(rail).gridTemplateColumns.split(\" \").length;\n    return c<=1;\n  }\n  var drag=null;\n  function place(e,skipSwap){\n    var n=drag.node;\n    n.style.transform=\"\";\n    var r=n.getBoundingClientRect();\n    n.style.transform=\"translate(\"+(e.clientX-r.left-drag.gx)+\"px,\"+(e.clientY-r.top-drag.gy)+\"px)\";\n    if(skipSwap)return;\n    var all=rail.querySelectorAll(\".wf-node\"),hit=null;\n    Array.prototype.forEach.call(all,function(o){\n      if(o===n)return;\n      var ro=o.getBoundingClientRect();\n      if(e.clientX>=ro.left&&e.clientX<=ro.right&&e.clientY>=ro.top&&e.clientY<=ro.bottom)hit=o;\n    });\n    if(hit){\n      var rh=hit.getBoundingClientRect(),\n          after=isColumn()?(e.clientY>rh.top+rh.height\/2):(e.clientX>rh.left+rh.width\/2);\n      rail.insertBefore(n,after?hit.nextSibling:hit);\n      renumber();\n      place(e,true);\n    }\n  }\n  rail.addEventListener(\"pointerdown\",function(e){\n    var grip=e.target.closest(\".wf-grip\");\n    if(!grip)return;\n    var n=grip.closest(\".wf-node\");\n    if(!n)return;\n    e.preventDefault();\n    stopAuto();\n    var r=n.getBoundingClientRect();\n    drag={node:n,gx:e.clientX-r.left,gy:e.clientY-r.top};\n    n.classList.add(\"is-dragging\");\n    rail.classList.add(\"is-dragging-on\");\n    try{n.setPointerCapture(e.pointerId);}catch(err){}\n    place(e,true);\n  });\n  rail.addEventListener(\"pointermove\",function(e){if(drag)place(e,false);});\n  function endDrag(){\n    if(!drag)return;\n    drag.node.style.transform=\"\";\n    drag.node.classList.remove(\"is-dragging\");\n    rail.classList.remove(\"is-dragging-on\");\n    drag=null;renumber();\n  }\n  rail.addEventListener(\"pointerup\",endDrag);\n  rail.addEventListener(\"pointercancel\",endDrag);\n  rail.addEventListener(\"keydown\",function(e){\n    var grip=e.target.closest(\".wf-grip\");\n    if(!grip)return;\n    var n=grip.closest(\".wf-node\"),back=(e.key===\"ArrowLeft\"||e.key===\"ArrowUp\"),fwd=(e.key===\"ArrowRight\"||e.key===\"ArrowDown\");\n    if(!back&&!fwd)return;\n    e.preventDefault();stopAuto();\n    if(back&&n.previousElementSibling)rail.insertBefore(n,n.previousElementSibling);\n    if(fwd&&n.nextElementSibling)rail.insertBefore(n.nextElementSibling,n);\n    renumber();grip.focus();\n  });\n  show(0,false);\n  var vio=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){play();}else{pause();}});},{threshold:0.2});\n  vio.observe(rail);\n})();\n<\/script>\n<\/div>\n<p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-57642","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/truescreen.io\/de\/wp-json\/wp\/v2\/pages\/57642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truescreen.io\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truescreen.io\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truescreen.io\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/truescreen.io\/de\/wp-json\/wp\/v2\/comments?post=57642"}],"version-history":[{"count":0,"href":"https:\/\/truescreen.io\/de\/wp-json\/wp\/v2\/pages\/57642\/revisions"}],"wp:attachment":[{"href":"https:\/\/truescreen.io\/de\/wp-json\/wp\/v2\/media?parent=57642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}