Account Intelligence

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&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} .serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif} .card{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:297.4px;box-sizing:border-box;background:#fff;border:.78px solid #e8e7e6;border-radius:9.4px;box-shadow:0 6.26px 18.79px -3.13px rgba(23,23,23,.08);padding:12.5px 12.5px 6.3px} .head{display:flex;flex-direction:column;gap:4.7px;padding-bottom:9.4px} .meta{display:flex;align-items:center;gap:6.26px} .chip{background:#efeeed;border-radius:999px;padding:2.35px 6.26px;font-size:8.61px;line-height:10.96px;font-weight:500;color:#545352;white-space:nowrap} .muted{font-size:8.61px;line-height:11.74px;color:#767473;white-space:nowrap} .name{font-size:13.31px;line-height:17.22px;color:#181818} .sub{font-size:8.61px;line-height:11.74px;color:#545352} .row{display:flex;align-items:center;justify-content:space-between;border-top:.78px solid #efeeed;padding:7.83px 0} .lbl{font-size:9.39px;line-height:12.52px;color:#545352;white-space:nowrap} .val{display:flex;align-items:center;gap:6.26px;font-size:8.61px;line-height:11.74px;font-weight:500;color:#181818} .bar{position:relative;width:62.6px;height:3.13px;border-radius:1.57px;background:#efeeed;overflow:hidden} .bar i{position:absolute;left:0;top:0;height:100%;border-radius:1.57px} .pill{display:flex;align-items:center;gap:4.7px;border-radius:999px;padding:2.35px 6.26px;font-size:8.61px;line-height:10.96px;font-weight:500;color:#181818} .dot{width:4.7px;height:4.7px;border-radius:50%} .txt{font-size:8.61px;line-height:11.74px;color:#545352} .strong{font-size:9.39px;line-height:12.52px;font-weight:500;color:#181818} .acc{background:#9eff78;border-radius:999px;padding:3.13px 7.83px;font-size:8.61px;line-height:11.74px;font-weight:500;color:#181818} </style></head><body> <div class="card"> <div class="head"> <div class="meta"><span class="chip">Company context</span><span class="muted">Updated today</span></div> <div class="name serif">Helix Logistics</div> <div class="sub">Logistics · 4,200 employees · 9 countries</div> </div> <div class="row"><span class="lbl">Revenue growth</span><span class="val"><span class="bar"><i style="width:86%;background:#2ebd43"></i></span>Strong</span></div> <div class="row"><span class="lbl">Cost pressure</span><span class="val"><span class="bar"><i style="width:45%;background:#ff7c1f"></i></span>Medium</span></div> <div class="row"><span class="lbl">Recent news</span><span class="pill" style="background:#e9fae3"><span class="dot" style="background:#2ebd43"></span>3 articles</span></div> <div class="row"><span class="lbl">Strategic priority</span><span class="txt">Warehouse automation</span></div> <div class="row"><span class="lbl">New signal</span><span class="pill" style="background:#fbf7f4"><span class="dot" style="background:#ff7c1f"></span>COO appointed</span></div> <div class="row"><span class="strong">Relevance to your offer</span><span class="acc">High</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&family=Instrument+Sans:wght@500&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} .serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif} .doc{position:absolute;display:flex;align-items:center;gap:7.8px;padding:5.58px 11.16px 5.58px 6.69px;border-radius:8.93px;background:rgba(255,255,255,.9);white-space:nowrap} .doc b{font-weight:500;font-size:8.93px;color:rgba(255,255,255,.9);background:rgba(170,170,170,.3);border-radius:3.35px;padding:1.12px 4.46px} .doc span{font-family:'Instrument Sans',Inter,sans-serif;font-weight:500;font-size:12.83px;color:#aaa} .card{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:321.8px;box-sizing:border-box;background:#fff;border:.84px solid #e8e7e6;border-radius:10.06px;box-shadow:0 6.7px 20.11px -3.35px rgba(23,23,23,.08);padding:13.4px 13.4px 6.7px} .head{display:flex;flex-direction:column;gap:5px;padding-bottom:10px} .meta{display:flex;align-items:center;gap:6.7px} .chip{background:#efeeed;border-radius:999px;padding:2.51px 6.7px;font-size:9.22px;line-height:11.73px;font-weight:500;color:#545352;white-space:nowrap} .muted{font-size:9.22px;line-height:12.57px;color:#767473;white-space:nowrap} .name{font-size:14.25px;line-height:18.44px;color:#181818} .row{display:flex;align-items:center;justify-content:space-between;border-top:.84px solid #efeeed;padding:8.38px 0} .docr{display:flex;align-items:center;gap:8.38px;font-size:10.06px;line-height:13.41px;font-weight:500;color:#181818;white-space:nowrap} .type{display:flex;align-items:center;justify-content:center;width:30.17px;height:16.76px;border-radius:3.35px;font-size:7.54px;line-height:10.06px;font-weight:500} .pill{display:flex;align-items:center;gap:5px;border-radius:999px;padding:2.51px 6.7px;font-size:9.22px;line-height:11.73px;font-weight:500;color:#181818;white-space:nowrap} .dot{width:5px;height:5px;border-radius:50%} .val{display:flex;align-items:center;gap:6.7px;font-size:9.22px;line-height:12.57px;font-weight:500;color:#181818} .bar{position:relative;width:50.3px;height:3.35px;border-radius:1.68px;background:#efeeed;overflow:hidden} .bar i{position:absolute;left:0;top:0;height:100%;width:95%;background:#2ebd43} .src{display:flex;align-items:center;gap:5px;padding:8.38px 0 6.7px} </style></head><body> <div class="doc" style="left:calc(50% + 2.9px);top:122.8px"><b>PDF</b><span>Implementation methodology</span></div> <div class="doc" style="left:calc(50% - 105.8px);top:-2.6px;opacity:.5"><b>PPTX</b><span>Competitive battlecards</span></div> <div class="doc" style="left:calc(50% - 171.8px);top:60.6px;opacity:.5"><b>DOCX</b><span>Win–loss review Q2</span></div> <div class="doc" style="left:calc(50% + 35.6px);top:72.4px;opacity:.7"><b>PPTX</b><span>Product architecture</span></div> <div class="doc" style="left:calc(50% - 280.7px);top:109.2px;opacity:.5"><b>XLSX</b><span>Security questionnaire (CAIQ)</span></div> <div class="doc" style="left:calc(50% + 9px);top:162.9px;opacity:.5"><b>DOCX</b><span>Sales playbook</span></div> <div class="doc" style="left:calc(50% - 308.9px);top:9.5px;opacity:.8"><b>PDF</b><span>SOC 2 Type II report</span></div> <div class="doc" style="left:calc(50% + 120.4px);top:14.3px"><b>XLSX</b><span>Pricing guidelines 2026</span></div> <div class="doc" style="left:calc(50% - 221.7px);top:159.9px"><b>PDF</b><span>Case study · Northbeam</span></div> <div class="card"> <div class="head"> <div class="meta"><span class="chip">Account context</span><span class="muted">Synced 5 min ago</span></div> <div class="name serif">Helix Logistics</div> </div> <div class="row"><span class="docr"><span class="type" style="background:#e4eaf8;color:#0839b5">CRM</span>Opportunity · €180k</span><span class="pill" style="background:#e9fae3"><span class="dot" style="background:#2ebd43"></span>Synced</span></div> <div class="row"><span class="docr"><span class="type" style="background:#fbf4f4;color:#b50808">MAIL</span>Email threads · 14</span><span class="pill" style="background:#e9fae3"><span class="dot" style="background:#2ebd43"></span>Synced</span></div> <div class="row"><span class="docr"><span class="type" style="background:#e8f4ea;color:#246b32">CALL</span>Call transcripts</span><span class="val"><span class="bar"><i></i></span>4 calls</span></div> <div class="row"><span class="docr"><span class="type" style="background:#fbf7f4;color:#b54708">DOCS</span>Company knowledge</span><span class="pill" style="background:#fbf7f4"><span class="dot" style="background:#ff7c1f"></span>12 matched</span></div> <div class="src"><span class="muted">Stakeholders</span><span class="chip">Marta K.</span><span class="chip">Tom R.</span><span class="chip">+4 more</span></div> </div> </body></html>

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400&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} .card{position:absolute;top:27px;left:calc(50% - 143.7px);width:384px;height:202px;box-sizing:border-box;display:flex;flex-direction:column;gap:13.77px;padding:18.36px;border-radius:13.77px;background:rgba(23,23,23,.94);box-shadow:0 13.77px 36.72px -6.89px rgba(0,0,0,.2)} .top{font-size:12.62px;line-height:17.21px;color:rgba(255,255,255,.7)} .q{margin-top:4.59px;font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif;font-size:19.51px;line-height:25.25px;color:#fff} .p{font-size:13.77px;line-height:19.51px;color:rgba(255,255,255,.7)} </style></head><body> <div class="card"> <div><div class="top">Open question</div><div class="q">How will the new EU hubs<br>change throughput targets?</div></div> <div class="p">For Marta K., based on your last call<br>and recent news.</div> </div> </body></html>