Sales Forecasting Software

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><style>html,body{margin:0;height:100%;overflow:hidden;background:transparent;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#181818}.c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif}.mono{font-family:ui-monospace,'SF Mono',Menlo,monospace}.f{background:#fff;border-radius:14px;padding:14px 22px 16px;box-shadow:0 6px 20px -6px rgba(23,23,23,.10)}.f .k{font-size:12px;color:#767473}.f .v{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:15px}.f s{color:#a3a19f;text-decoration:none;position:relative}.f .ar{color:#a3a19f;font-size:14px}.p{background:#9eff78;color:#181818;border-radius:99px;padding:4px 10px;font-size:13px;font-weight:600;white-space:nowrap}.f s:after{content:'';position:absolute;left:-2px;right:-2px;top:54%;height:1.5px;background:#a3a19f;transform-origin:left;animation:strike 5s ease-out infinite}@keyframes strike{0%,25%{transform:scaleX(0)}42%,92%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="f"><div class="k">Helix Logistics · no call in 41 days</div><div class="v"><s>Close Nov 30</s><span class="ar">→</span><span class="p">Likely Q1</span></div></div></div></body></html>

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><style>html,body{margin:0;height:100%;overflow:hidden;background:transparent;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#181818}.c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif}.mono{font-family:ui-monospace,'SF Mono',Menlo,monospace}.sh{width:300px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #e8e7e6,0 6px 20px -6px rgba(23,23,23,.10);font-size:12.5px}.bar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #e8e7e6;font-size:12.5px;font-weight:600;white-space:nowrap}.ft{font-size:9px;font-weight:700;padding:3px 5px;border-radius:4px;background:#dcf5e4;color:#137a41}.r{display:grid;grid-template-columns:26px 1fr 96px;border-bottom:1px solid #efeeed}.r:last-child{border-bottom:0}.r>div{padding:10px 9px;border-left:1px solid #efeeed;white-space:nowrap}.r>div:first-child{border-left:0;color:#a6a4a2;text-align:center;background:#fafafa}.w{background:#fff3e4;color:#b54708;font-weight:600}.w{animation:flag 5s infinite}@keyframes flag{0%,25%{background:#fff;color:#fff}34%{background:#fff3e4;color:#b54708;transform:translateX(-2px)}38%{transform:translateX(2px)}42%,92%{background:#fff3e4;color:#b54708;transform:none}100%{background:#fff;color:#fff}}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="sh"><div class="bar"><span class="ft">XLSX</span>Q4-Forecast.xlsx</div><div class="r"><div>4</div><div>Helix Logistics · €180k</div><div class="w">⚠ Slipping</div></div><div class="r"><div>5</div><div>Northbeam · €95k</div><div>Commit</div></div></div></div></body></html>

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><style>html,body{margin:0;height:100%;overflow:hidden;background:transparent;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#181818}.c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif}.mono{font-family:ui-monospace,'SF Mono',Menlo,monospace}.sl{position:relative;width:270px;height:152px;box-sizing:border-box;background:#fff;border-radius:6px;padding:20px 20px 16px 30px;box-shadow:0 6px 20px -6px rgba(23,23,23,.10);overflow:hidden}.sl:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:#0f4c5c}.t{font-size:16px}.n{font-size:40px;line-height:1;margin-top:14px;color:#0f4c5c}.f{position:absolute;right:16px;bottom:12px;font-size:8.5px;color:#a6a4a2}.m{position:absolute;left:30px;bottom:14px;width:14px;height:14px;border-radius:3px;background:#e0a526}.cnt{--n:840;counter-reset:n var(--n);animation:c840 5s ease-out infinite;font-variant-numeric:tabular-nums}.cnt:after{content:counter(n)}@keyframes c840{0%,15%{--n:0}45%,100%{--n:840}}@property --n{syntax:'<integer>';inherits:false;initial-value:0}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="sl"><div class="t serif">Q4 commit</div><div class="n serif">€<span class="cnt"></span>k</div><span class="m"></span><span class="f">2 / 9</span></div></div></body></html>