Implementation Plan

<!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}.tl{position:relative;margin-top:34px}.tr,.fl{position:absolute;left:6px;right:6px;top:5px;height:2px;background:#e8e7e6}.fl{background:#0f4c5c;animation:wrX 5s ease-out infinite}.ds{position:relative;display:flex;justify-content:space-between}.ds i{width:12px;height:12px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 2px #0f4c5c}.ds i:last-child{background:#0f4c5c}.lb{display:flex;justify-content:space-between;margin-top:8px;font-size:10.5px;color:#545352}.lb b{font-weight:600;color:#181818}.f{position:absolute;right:16px;bottom:12px;font-size:8.5px;color:#a6a4a2}@keyframes wrX{0%,20%{clip-path:inset(0 100% 0 0)}42%,92%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="sl"><div class="t serif">From kick-off to go-live</div><div class="tl"><span class="tr"></span><span class="fl"></span><div class="ds"><i></i><i></i><i></i><i></i></div></div><div class="lb"><span><b>W1</b> Kick-off</span><span><b>W14</b> Go-live</span></div><span class="f">4 / 11</span></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}.pp{width:270px;box-sizing:border-box;background:#fff;border-radius:14px;padding:8px 16px;box-shadow:0 6px 20px -6px rgba(23,23,23,.10)}.r{display:flex;align-items:center;gap:10px;padding:9px 0}.r+.r{border-top:1px solid #f0efee}.av{width:28px;height:28px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:none}.nm{font-size:14px;font-weight:500;white-space:nowrap}.nm span{color:#767473;font-weight:400}.ro{margin-left:auto;font-size:12px;font-weight:500;color:#545352;background:#f3f2f1;border-radius:99px;padding:3px 9px;white-space:nowrap}.ro.g{background:#9eff78;color:#181818}.ro{animation:pop 5s infinite backwards}.r:nth-child(2) .ro{animation-delay:.25s}@keyframes pop{0%,24%{opacity:0;transform:scale(.6)}32%{opacity:1;transform:scale(1.08)}38%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="pp"><div class="r"><span class="av" style="background:#e2ebff;color:#1c4ed8">MK</span><span class="nm">Marta K. <span>Helix</span></span><span class="ro">Site access</span></div><div class="r"><span class="av" style="background:#dcf5e4;color:#137a41">NS</span><span class="nm">Nina S. <span>Your team</span></span><span class="ro g">Rollout</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-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 84px;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:cellW 5s infinite}@keyframes cellW{0%,25%{background:#fff;color:#181818}40%,92%{background:#fff3e4;color:#b54708}100%{background:#fff;color:#181818}}@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>Deployment-Plan.xlsx</div><div class="r"><div>4</div><div>Site access by Helix</div><div class="w">Blocks W4</div></div><div class="r"><div>5</div><div>Data migration</div><div>W4 to W6</div></div></div></div></body></html>