<head><meta charset='utf-8'><meta name='viewport' content='width=device-width,initial-scale=1'><title>Arkite ROI Calculator</title><style>:root{ --arkite:#005CB7; --ink:#111827; --muted:#6b7785; --line:#e6ecf2; --ok:#0e9f6e;}*{box-sizing:border-box}body{ margin:0; font:15px/1.45 system-ui; color:var(--ink);}.container{max-width:980px;margin:24px auto;padding:0 16px}.h1{font-size:26px;font-weight:800;color:var(--arkite);margin-bottom:6px}.sub{color:var(--muted);margin-bottom:18px}.wrap{ border:1px solid var(--line); border-radius:20px; padding:18px;}.section-title{ font-size:14px; font-weight:800; margin:14px 0 10px;}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){ .grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){ .grid-4,.grid-3{grid-template-columns:1fr}}.field label{ font-size:12px; color:var(--muted);}.field input{ width:100%; padding:11px; border:1px solid var(--line); border-radius:12px;}.kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:18px;}.card{ background:#f7fbff; border:1px solid #cfe0f5; border-radius:16px; padding:14px;}.kpi{ font-size:24px; font-weight:900; color:var(--muted); transition:.2s;}.kpi.active{color:var(--arkite)}.hero{ margin-top:16px; border:1px solid #cfe0f5; border-radius:18px; padding:16px;}.big{ font-size:34px; font-weight:900; color:var(--muted); transition:.2s;}.big.active{color:var(--arkite)}.actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:16px;}.btn{ padding:10px 14px; border-radius:12px; font-weight:700; text-decoration:none;}.primary{background:var(--arkite);color:#fff}.secondary{ background:#fff; color:var(--arkite); border:1px solid var(--arkite);}</style></head><body><div class='container'> <div class='h1'>Arkite ROI Calculator</div> <div class='sub'>Estimate the impact of reduced errors, faster training and improved productivity</div> <div class='wrap'> <div class='section-title'>Production inputs</div> <div class='grid-4'> <div class='field'><label>Currency</label><input id='currency' value='€'></div> <div class='field'><label>Annual units</label><input id='units' type='number' value='100000'></div> <div class='field'><label>Unit cost</label><input id='unitCost' type='number' value='30'></div> <div class='field'><label>Labour €/h</label><input id='labour' type='number' value='12'></div> </div> <div class='section-title'>Performance</div> <div class='grid-4'> <div class='field'><label>Scrap %</label><input id='scrapBase' type='number' value='1.5'></div> <div class='field'><label>Rework %</label><input id='reworkBase' type='number' value='2.5'></div> <div class='field'><label>Rework cost %</label><input id='reworkCost' type='number' value='25'></div> <div class='field'><label>Operators/year</label><input id='operators' type='number' value='10'></div> </div> <div class='section-title'>Expected improvements</div> <div class='grid-4'> <div class='field'><label>Scrap reduction %</label><input id='scrapRed' type='number' value='90'></div> <div class='field'><label>Rework reduction %</label><input id='reworkRed' type='number' value='70'></div> <div class='field'><label>Productivity gain %</label><input id='prodPct' type='number' value='7'></div> <div class='field'><label>Training hours saved</label><input id='trainHoursSaved' type='number' value='8'></div> </div> <div class='section-title'>Arkite scope</div> <div class='grid-3'> <div class='field'><label>Arkite GUIDE</label><input id='guide' type='number' value='0'></div> <div class='field'><label>Arkite VALIDATE</label><input id='validate' type='number' value='5'></div> <div class='field'><label>Arkite VISION</label><input id='vision' type='number' value='0'></div> </div> <div class='kpis'> <div class='card'><div>Total stations</div><div id='kStations' class='kpi'>-</div></div> <div class='card'><div>Annual savings</div><div id='kSavings' class='kpi'>-</div></div> <div class='card'><div>Payback</div><div id='kPayback' class='kpi'>-</div></div> <div class='card'><div>3-year ROI</div><div id='kROI' class='kpi'>-</div></div> </div> <div class='hero'> <div id='kNet' class='big'>-</div> </div> <div class='actions'> <button class='btn secondary' id='calc'>Calculate ROI</button> <a class='btn primary' href='https://arkite.com/de/plan-a-demo/' target='_top'>Book a demo</a> </div> </div></div><script>(function(){const q=id=>document.getElementById(id)const PRICING={g:1050,v:3167,vi:4164,hw:4000,svc:1150}function m(c,v){return c+Math.round(v).toLocaleString()}q('calc').onclick=function(){let c=q('currency').value||'€'let u=+q('units').value||0let uc=+q('unitCost').value||0let l=+q('labour').value||0let sb=q('scrapBase').value/100||0let rb=q('reworkBase').value/100||0let rc=q('reworkCost').value/100||0let sr=q('scrapRed').value/100||0let rr=q('reworkRed').value/100||0let p=q('prodPct').value/100||0let th=+q('trainHoursSaved').value||0let op=+q('operators').value||0let g=+q('guide').value||0let v=+q('validate').value||0let vi=+q('vision').value||0let stations=g+v+vilet investment=(g*PRICING.g)+(v*PRICING.v)+(vi*PRICING.vi)+stations*(PRICING.hw+PRICING.svc)let savings=(u*uc*(sb*sr))+(u*uc*rc*(rb*rr))+((u/60)*l*p)+(th*op*l)let payback=investment/(savings/12)let roi=((3*savings)-investment)/investmentq('kStations').textContent=stationsq('kSavings').textContent=m(c,savings)q('kPayback').textContent=payback.toFixed(1)+' months'q('kROI').textContent=Math.round(roi*100)+'%'q('kNet').textContent=m(c,savings)document.querySelectorAll('.kpi').forEach(e=>e.classList.add('active'))q('kNet').classList.add('active')}})();</script></body></html>">
