QBR deck

<!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 58px 62px;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}.hd>div{color:#767473;font-weight:500}.v{text-align:right;font-variant-numeric:tabular-nums}.ok{background:#ecfde3;color:#137a41;font-weight:600;animation:cellOk 5s infinite}@keyframes cellOk{0%,25%{background:#fff;color:#181818}40%,92%{background:#ecfde3;color:#137a41}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>Helix-QBR-Q3.xlsx</div><div class="r hd"><div>1</div><div>KPI</div><div class="v">Goal</div><div class="v">Actual</div></div><div class="r"><div>2</div><div>On-time delivery</div><div class="v">95%</div><div class="v ok">98%</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}.r{background:rgba(23,23,23,.94);color:#fff;border-radius:14px;box-shadow:0 14px 36px -8px rgba(0,0,0,.25);padding:16px 20px;width:300px;box-sizing:border-box}.h{display:flex;align-items:center;justify-content:space-between;gap:10px}.t{white-space:nowrap;font-size:11.5px;color:rgba(255,255,255,.6)}.n{font-size:18px;line-height:1.3;margin-top:8px}.p{background:#9eff78;color:#181818;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;white-space:nowrap}.p{animation:pop 5s infinite}@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="r"><div class="h"><span class="t">Q3 issue · Rennes site</span><span class="p">Plan agreed</span></div><div class="n serif">Go-live came 3 weeks late</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}.a{width:300px;box-sizing:border-box;background:#fff;border-radius:14px;padding:16px 20px;font-size:16px;line-height:1.5;box-shadow:0 6px 20px -6px rgba(23,23,23,.10)}.a .h{padding:0 4px;white-space:nowrap;background:linear-gradient(#9eff78,#9eff78) 0 0/100% 100% no-repeat;animation:hl 5s ease-in-out infinite}@keyframes hl{0%,18%{background-size:0% 100%}40%,92%{background-size:100% 100%}100%{background-size:0% 100%}}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="a serif">Our ask for next quarter:<br><span class="h">a sponsor for Lyon</span>.</div></div></body></html>