<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Turn every conversation into the next move</title><style>@font-face{font-family:"STK Bureau Serif Variable Complete";src:url(https://cdn.prod.website-files.com/68ee0ef582e0631038583e04/6a85b5fbe174d6db1359e4af_STKBureauSerifVariableComplete.woff2) format("woff2");font-weight:150 700;font-style:normal;font-display:swap}</style><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Instrument+Sans:wght@400;500&display=swap" rel="stylesheet"><style>:root{--tp:#181818;--ts:#545352;--tt:#767473;--bs:#efeeed;--se:#f8f8f8;--sk:#e8e7e6;--line:rgba(10,10,10,.09);--ac:#9eff78;--ok:#2ebd43;--oktx:#216b2e;--lime:#e9fae3;--risk:#d9453d;--risktx:#a82e29;--riskbg:rgba(217,69,61,.09);--warn:#f08a24;--warntx:#994d0d;--warnbg:rgba(255,153,51,.15);--serif:"STK Bureau Serif Variable Complete","STK Bureau Serif",Georgia,serif;--ui:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--meta:"Instrument Sans",Inter,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--io:cubic-bezier(.65,0,.35,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg)}body{font-family:var(--ui);color:var(--tp);-webkit-font-smoothing:antialiased}.serif{font-family:var(--serif);font-weight:400}#bg{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}#stage{position:absolute;left:50%;top:50%;transform-origin:center;transition:opacity .4s ease;will-change:opacity}.rs #stage{opacity:0}.nt *,.nt{transition:none!important}#stage>*{position:absolute}[data-a]{opacity:0}.play [data-a]{animation-duration:calc(var(--t,550) * 1ms);animation-delay:calc(var(--d,0) * 1ms);animation-fill-mode:both;animation-timing-function:var(--ease);animation-iteration-count:1}.play [data-a="rise"]{animation-name:rise}.play [data-a="fade"]{animation-name:fade}.play [data-a="pop"]{animation-name:pop}.play [data-a="left"]{animation-name:fromleft}@keyframes rise{from{opacity:0;translate:0 calc(var(--y,10) * 1px)}to{opacity:1}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes pop{from{opacity:0;scale:var(--sc,.88)}to{opacity:1}}@keyframes fromleft{from{opacity:0;translate:calc(var(--x,-12) * 1px) 0}to{opacity:1}}.type-ch{opacity:0}.type-ch.is-typed{opacity:1}.type-ch.is-caret{position:relative}.type-ch.is-caret::after{content:"";position:absolute;left:100%;top:.12em;bottom:.08em;width:1.5px;margin-left:1px;background:currentColor;border-radius:1px;animation:caret 900ms steps(1,end) infinite}.type-ch.is-caret.is-typing::after{animation:none}@keyframes caret{50%{opacity:0}}#cur{left:0;top:0;width:22px;height:30px;z-index:50;pointer-events:none;opacity:0;transition:transform 850ms var(--io),opacity 300ms ease}#cur.on{opacity:1}#cur svg{width:20px;height:auto;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));transform-origin:3px 3px;transition:transform 140ms var(--ease)}#cur.down svg{transform:scale(.86)}.ic{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-a]{opacity:1}#cur{display:none}}:root{--bg:#e8e7e6}#bg .ph{position:absolute;inset:0;background:url(https://cdn.prod.website-files.com/68ee0ef582e0631038583e04/6acceaf7b1538396cdd2ab1e_solutions-focus-hero-bg.jpg) center/100% 100% no-repeat}#bg .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.18) 100%)}.ic{width:15px;height:15px}#stage{--z:.8;--lime5:#69ff1f}.app{left:150px;top:30px;width:calc(1040px / var(--z));height:calc(509px / var(--z));transform:scale(var(--z));transform-origin:0 0;display:flex;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.6);box-shadow:0 30px 80px rgba(0,0,0,.26),0 2px 10px rgba(0,0,0,.08);font-size:13px;line-height:18px}.sb{flex:none;width:236px;height:100%;padding:14px 12px 0;background:#fbfbfb;border-right:1px solid var(--line);display:flex;flex-direction:column}.sbt{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px 8px}.cobl-logo{height:24px;width:auto;display:block}.bell{position:relative;display:grid;place-items:center;color:#3a3938}.bell i{position:absolute;right:0;top:0;width:6px;height:6px;border-radius:50%;background:#e5372b;border:1px solid #fbfbfb}.sbs{display:flex;gap:6px;margin-bottom:12px}.srch{flex:1;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#a9a6a3}.dsh{flex:none;width:32px;height:32px;border:1px dashed #c9c7c5;border-radius:8px;display:grid;place-items:center;color:#5a5856}.gl{margin:8px 0 5px;padding:1px 0 1px 8px;border-left:2px solid #545352;font-size:10px;line-height:13px;letter-spacing:.9px;text-transform:uppercase;font-weight:600;color:#545352}.gl.g-pr{border-color:#6e3eff;color:#6e3eff}.grp{margin:0 0 6px;padding-left:8px;border-left:1px solid #e4e3e2}.grp.g-pr{border-color:#cfc6f6}.it{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:6px;color:#2b2a29;white-space:nowrap;transition:background-color 300ms var(--ease)}.it span{flex:1;overflow:hidden;text-overflow:ellipsis}.it em{font-style:normal;font-size:11.5px;color:#8a8887}.it .ic{width:14px;height:14px;color:#5a5856}.it.d1{padding-left:24px}.it-wa{color:#1e8e3e}.it-wa .ic{color:#25d366}.usr{margin:auto -12px 0;display:flex;align-items:center;gap:9px;height:50px;padding:0 16px;border-top:1px solid var(--line)}.usr b{flex:1;font-weight:500}.usr .ic{color:#5a5856}.uav{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#d9b38c,#8a6448);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:600}.rl{display:none}.cobl-mark{width:28px;height:28px;display:block}.it.s-th{font-weight:500;color:var(--tp)}.it .lv{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ok);animation:live 1800ms ease-out infinite}#stage.st-end .it .lv{animation:none;background:#c9c7c5}@keyframes live{0%{box-shadow:0 0 0 0 rgba(46,189,67,.45)}80%,100%{box-shadow:0 0 0 6px rgba(46,189,67,0)}}.it.s-feed,#stage.st-tasks .it.s-tasks,#stage.st-doc .it.s-doc{background:#efeeec;font-weight:500}#stage.st-tasks .it.s-feed{background:none;font-weight:400}#stage.st-doc .it.s-tasks{background:none;font-weight:400}.it.s-doc{height:0;opacity:0;overflow:hidden;transition:height 400ms var(--ease),opacity 300ms var(--ease) 150ms,background-color 300ms var(--ease)}#stage.st-doc .it.s-doc{height:28px;opacity:1}.th{flex:none;width:330px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.thh{flex:none;height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--line);font-weight:500;white-space:nowrap}.thh .ic{color:#5a5856}.thh em{margin-left:auto;font-style:normal;font-size:11px;font-weight:500;color:#4b3a7a;background:#ece6fb;border-radius:999px;padding:0 8px;line-height:18px}.tbd{flex:1;min-height:0;padding:18px 16px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.ev{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ebeae8;border-radius:12px;background:#fcfcfb}.evi{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--oktx);display:grid;place-items:center}.evi .ic{width:14px;height:14px}.ev p{font-weight:500}.ev small{display:block;font-size:11.5px;line-height:15px;color:var(--tt)}.run{display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity 300ms var(--ease)}#stage.st-run .run{opacity:1}.rs0{position:relative;display:flex;align-items:center;gap:8px;height:22px;font-size:13.5px;white-space:nowrap}.rmk{flex:none;width:16px;height:16px;display:grid;place-items:center}.rmk .cobl-mark{width:16px;height:16px;animation:spin 2.4s linear infinite}#stage.st-end .rmk .cobl-mark{animation:none}@keyframes spin{to{rotate:360deg}}.rl0,.rl1{position:absolute;left:24px;top:2px;transition:opacity 300ms var(--ease)}.rl1{opacity:0;color:var(--ts)}#stage.st-end .rl0{opacity:0}#stage.st-end .rl1{opacity:1}.shim{background:linear-gradient(90deg,#181818 0%,#181818 40%,#b9b7b5 50%,#181818 60%,#181818 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 1.6s linear infinite}@keyframes shim{from{background-position:100% 0}to{background-position:-120% 0}}.ars{display:flex;flex-direction:column;gap:2px;padding-left:24px}.ar{display:flex;align-items:center;gap:8px;height:0;opacity:0;overflow:hidden;font-size:12.5px;color:var(--ts);white-space:nowrap;transition:height 300ms var(--ease),opacity 300ms var(--ease)}.ar.on{height:24px;opacity:1}.ai{position:relative;flex:none;width:14px;height:14px}.ai .sp{position:absolute;inset:1px;border-radius:50%;border:1.6px solid #d6d4d1;border-top-color:#545352;animation:spin 800ms linear infinite}.ai .ic{position:absolute;inset:0;width:14px;height:14px;color:var(--ok);stroke-width:2.4;opacity:0}.ar.ok .sp{opacity:0;animation:none}.ar.ok .ic{opacity:1}.ar.ok{color:var(--tt)}.al{overflow:hidden;text-overflow:ellipsis}.ar em{font-style:normal;color:#a9a6a3}.msg{font-size:13.5px;line-height:20px;color:var(--tp);opacity:0;translate:0 6px;transition:opacity 400ms var(--ease),translate 450ms var(--ease)}#stage.st-end .msg{opacity:1;translate:none}.cmp{flex:none;margin:0 12px 12px;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 14px;border:1px solid #e6e5e3;border-radius:12px;color:#a9a6a3}.cmp .ic{width:15px;height:15px}.mn{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.bar{flex:none;height:48px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line);overflow:hidden}.tab{display:flex;align-items:center;gap:7px;height:32px;padding:0 9px;border-radius:7px;color:var(--tt);white-space:nowrap;transition:background-color 300ms var(--ease),color 300ms var(--ease)}.tab>.ic:last-child{width:12px;height:12px;color:#a9a6a3;margin-left:4px}.t-feed{background:#f1f0ef;color:var(--tp);font-weight:500}#stage.st-tasks .t-feed{background:none;color:var(--tt);font-weight:400}#stage.st-tasks .t-tasks{background:#f1f0ef;color:var(--tp);font-weight:500}#stage.st-doc .t-tasks{background:none;color:var(--tt);font-weight:400}.t-doc{max-width:0;padding:0;opacity:0;overflow:hidden;transition:max-width 500ms var(--ease),padding 500ms var(--ease),opacity 300ms var(--ease) 150ms,background-color 300ms var(--ease)}#stage.st-doc .t-doc{max-width:260px;padding:0 9px;opacity:1;background:#f1f0ef;color:var(--tp);font-weight:500}.tpl{display:grid;place-items:center;width:30px;height:30px;color:#5a5856}.cnt{display:inline-grid;min-width:20px;padding:0 6px;border-radius:999px;background:#e4e3e1;color:var(--ts);font:500 11px/17px var(--ui);text-align:center}.cnt span{grid-area:1/1;transition:opacity 300ms var(--ease),translate 350ms var(--ease)}.cnt .c1{opacity:0;translate:0 6px}#stage.st-new .t-feed .c0,#stage.st-made .t-tasks .c0{opacity:0;translate:0 -6px}#stage.st-new .t-feed .c1,#stage.st-made .t-tasks .c1{opacity:1;translate:none}#stage.st-new .t-feed .cnt,#stage.st-made .t-tasks .cnt{background:var(--ac);color:#000}.body{position:relative;flex:1;min-height:0;background:#fcfcfb;overflow:hidden}.feed,.tasks,.doc{position:absolute;inset:0;transition:opacity 320ms var(--ease),translate 420ms var(--ease)}.tasks,.doc{opacity:0;translate:14px 0}#stage.st-tasks .feed{opacity:0;translate:-14px 0}#stage.st-tasks .tasks{opacity:1;translate:none}#stage.st-doc .tasks{opacity:0;translate:-14px 0}#stage.st-doc .doc{opacity:1;translate:none}.col{width:520px;margin:0 auto;padding-top:20px}.fi{display:flex;align-items:flex-start;gap:12px;padding:13px 16px 14px 14px;margin-bottom:10px;border:1px solid #ebeae8;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}.src{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;overflow:hidden}.src .li{width:36px;height:36px;display:block}.src .ic{width:16px;height:16px}.s-news{background:#181818}.fb{flex:1;min-width:0}.fh{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;white-space:nowrap}.fh b{font-weight:600}.fh em{font-style:normal;color:var(--tt)}.fti{margin-top:2px;font-size:16px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw{margin-top:3px;display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:17px;color:var(--ts);white-space:nowrap}.fw .ic{width:13px;height:13px;color:var(--ok)}.fw span{overflow:hidden;text-overflow:ellipsis}.nw{display:grid;grid-template-rows:0fr;transition:grid-template-rows 650ms cubic-bezier(.65,0,.25,1)}.nwi{min-height:0;overflow:hidden}#stage.st-new .nw{grid-template-rows:1fr}.call{margin-bottom:10px;padding:14px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;background:#fff;border:1px solid #cfe9c5;border-radius:14px;box-shadow:0 0 0 3px rgba(46,189,67,.1);opacity:0;translate:0 -10px;transition:opacity 450ms var(--ease) 250ms,translate 500ms var(--ease) 250ms}#stage.st-new .call{opacity:1;translate:none}.cmeta{align-self:stretch;display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:15px;color:var(--tt);white-space:nowrap}.cchip{padding:3px 8px;border-radius:6px;background:#efeeed;font-weight:500;color:var(--tp)}.nwt{margin-left:auto;padding:0 8px;border-radius:999px;background:var(--ac);color:#000;font-size:11px;line-height:17px;font-weight:500}.ctitle{font-size:18px;line-height:21px;white-space:nowrap}.cwave{align-self:stretch;height:26px;display:flex;align-items:center;justify-content:space-between}.cwave i{display:block;flex:none;width:3px;height:var(--h);border-radius:1.5px;background:#e8e7e6;--lo:.55;animation:audio var(--dr) ease-in-out var(--dl) infinite alternate}.cwave i.live{background:var(--lime5);--lo:.3}@keyframes audio{from{transform:scaleY(var(--lo))}to{transform:scaleY(1)}}.cobj{align-self:stretch;padding-left:10px;border-left:2px solid var(--ok);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cquote{font-size:14.5px;line-height:20px}.cready{padding:3px 8px;border-radius:6px;background:rgba(74,212,92,.14);font-size:11px;line-height:14px;font-weight:500;color:var(--oktx)}.clab{align-self:stretch;display:flex;align-items:center;font-size:11.5px;line-height:15px;font-weight:500;color:var(--tt)}.cmade{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:var(--ac);color:#000;opacity:0;scale:.85;transition:opacity 300ms var(--ease),scale 350ms var(--ease)}.cmade .ic{width:12px;height:12px;stroke-width:2.4}#stage.st-made .cmade{opacity:1;scale:1}.brd{position:absolute;left:24px;top:22px;width:648px;height:400px;--cw:208px;--gap:12px;--rh:104px}.cols{position:absolute;inset:0;display:flex;gap:var(--gap)}.bc{width:var(--cw);border-radius:12px;background:#f4f3f2;padding:10px}.bh{display:flex;align-items:center;gap:7px;font-size:12px;line-height:16px;font-weight:500;color:var(--ts);white-space:nowrap}.bh i{width:8px;height:8px;border-radius:50%;background:#c9c7c5}.bc1 .bh i{background:#2d69ff}.bc2 .bh i{background:var(--ok)}.k{display:inline-grid;min-width:18px;padding:0 5px;border-radius:999px;background:#e4e3e1;font:500 10.5px/16px var(--ui);text-align:center;color:var(--ts)}.k span{grid-area:1/1;transition:opacity 300ms var(--ease)}.k .k1{opacity:0}#stage.st-prog .k .k0{opacity:0}#stage.st-prog .k .k1{opacity:1}.tk{position:absolute;left:calc(var(--c) * (var(--cw) + var(--gap)) + 8px);top:calc(36px + var(--s) * var(--rh));width:calc(var(--cw) - 16px);transition:left 600ms cubic-bezier(.65,0,.25,1),top 600ms cubic-bezier(.65,0,.25,1),opacity 250ms var(--ease)}.tki{padding:10px 11px;border-radius:10px;background:#fff;border:1px solid #e9e8e6;box-shadow:0 2px 6px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:6px;transition:box-shadow 300ms var(--ease),border-color 300ms var(--ease),rotate 300ms var(--ease)}.tkt{font-size:13px;line-height:17px;font-weight:500;white-space:nowrap}.tkm{display:flex;align-items:center;gap:6px;font-size:11.5px;line-height:15px;color:var(--tt);white-space:nowrap}.tkm .ic{width:13px;height:13px}.tkf{display:flex;align-items:center;justify-content:space-between;gap:6px}.tkp{font-size:10.5px;line-height:16px;padding:0 6px;border-radius:5px;background:var(--lime);color:var(--oktx);font-weight:500;white-space:nowrap}.tk-pr .tkp{background:#efeeed;color:var(--tt)}.tk-pr .tkt{color:var(--tt);text-decoration:line-through;text-decoration-color:#c9c7c5}.ag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;line-height:16px;font-weight:500;color:#4b3a7a;opacity:0;translate:4px 0;transition:opacity 300ms var(--ease),translate 350ms var(--ease);white-space:nowrap}.ag .cobl-mark{width:13px;height:13px}#stage.st-pick .tk-qt .tki{box-shadow:0 0 0 3px rgba(110,62,255,.16),0 8px 18px rgba(0,0,0,.08);border-color:#cfc6f6}#stage.st-pick .tk-qt .ag,.tk-qp .ag{opacity:1;translate:none}#stage.st-prog .tk-qt{opacity:0}#stage.st-prog .tk-bc{--s:1}.tk-qp{opacity:0;scale:.96;transition:opacity 350ms var(--ease) 120ms,scale 400ms var(--ease) 120ms}#stage.st-prog .tk-qp{opacity:1;scale:1}.tk-qp .tki{border-color:#cfc6f6;box-shadow:0 0 0 3px rgba(110,62,255,.1),0 2px 6px rgba(0,0,0,.05)}.tk-qp .tkm{color:#4b3a7a}.tk-qp .sp{flex:none;width:12px;height:12px;border-radius:50%;border:1.6px solid #d9d2f7;border-top-color:#6e3eff;animation:spin 800ms linear infinite}.pb{height:4px;border-radius:2px;background:#efeeed;overflow:hidden}.pb i{display:block;height:100%;width:8%;border-radius:2px;background:#6e3eff;transition:width 2600ms cubic-bezier(.3,0,.2,1) 300ms}#stage.st-prog .pb i{width:62%}.doc{overflow:hidden}.pgw{padding-top:22px;transition:translate 1400ms cubic-bezier(.45,0,.25,1)}#stage.st-scroll .pgw{translate:0 -190px}.qa4{width:540px;min-height:764px;margin:0 auto;padding:30px 38px 26px;background:#fff;border:1px solid #ebeae8;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.07);display:flex;flex-direction:column;gap:20px;font-size:11.5px;line-height:16px;color:var(--ts)}.a4h{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ebeae8;font-size:9.5px;line-height:12px;letter-spacing:.6px;font-weight:600;color:var(--tp)}.acme{display:inline-flex;align-items:center;gap:7px;font:700 17px/1 var(--ui);letter-spacing:-.4px;color:#181818;text-transform:none}.acme i{width:18px;height:18px;border-radius:5px;background:#181818;box-shadow:inset -6px -6px 0 #9eff78}.og{display:grid;grid-template-columns:1fr 1fr;gap:24px}.eb{display:block;font-size:9px;line-height:12px;letter-spacing:.8px;text-transform:uppercase;font-weight:600;color:var(--tt)}.qa4 h4{margin:4px 0 3px;font-family:var(--serif);font-weight:400;font-size:15px;line-height:19px;color:var(--tp)}.dts{display:flex;gap:40px}.dts p{margin-top:3px;color:var(--tp)}.qtab{width:100%;border-collapse:collapse;font-size:11px;line-height:15px}.qtab th{padding:7px 8px;background:#f4f3f2;font-size:9px;line-height:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:var(--ts);text-align:left;white-space:nowrap}.qtab td:first-child{width:44%}.qtab td{padding:9px 8px;border-bottom:1px solid #efeeed;vertical-align:top;color:var(--ts)}.qtab td b{font-weight:600;color:var(--tp)}.qtab .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tp)}.tot{width:250px;margin-left:auto;display:flex;flex-direction:column;gap:2px}.tr{display:flex;justify-content:space-between;padding:5px 8px;font-variant-numeric:tabular-nums}.tr b{font-weight:500;color:var(--tp)}.tr.gr{margin-top:2px;padding:8px;border-radius:6px;background:#181818;color:#fff}.tr.gr b{color:#fff;font-weight:600}.cnd{display:flex;flex-direction:column;gap:6px}.cnd h4{margin:0}.cnd b{color:var(--tp);font-weight:600}.a4f{margin-top:auto;padding-top:10px;border-top:1px solid #ebeae8;display:flex;justify-content:space-between;font-size:9px;line-height:12px;color:var(--tt)}.L-m .app{left:20px;top:20px;width:calc(860px / var(--z));height:calc(520px / var(--z))}.L-m .sb{display:none}.L-m .rl{display:flex;flex:none;width:58px;flex-direction:column;align-items:center;gap:8px;padding:14px 0;background:#fbfbfb;border-right:1px solid var(--line)}.L-m .rl .rlo{margin-bottom:6px}.L-m .th{width:300px}.L-m .brd{left:20px;--cw:214px}.L-m .col{width:520px}.L-c #stage{--z:.86}.L-c .app{left:12px;top:12px;width:calc(396px / var(--z));height:calc(406px / var(--z))}.L-c .sb,.L-c .rl,.L-c .th,.L-c .tpl,.L-c .tab>.ic:last-child,.L-c .t-feed>.ic:first-child,.L-c .t-tasks>.ic:first-child,.L-c .t-doc>.ic:first-child{display:none}.L-c .t-doc span{max-width:124px;overflow:hidden;text-overflow:ellipsis}.L-c .col{width:auto;padding:14px 12px 0}.L-c .ctitle{font-size:16px}.L-c .brd{left:10px;top:14px;--cw:142px;--gap:6px;--rh:116px}.L-c .tkt{white-space:normal}.L-c .tkm{display:none}.L-c .tkf{flex-wrap:wrap}.L-c .pgw{padding-top:12px}.L-c .qa4{width:auto;margin:0 10px;padding:18px 16px;gap:14px}.L-c .qtab .c2,.L-c .qtab .c4{display:none}.L-c .og{gap:12px}.L-c #stage.st-scroll .pgw{translate:0 -240px}@media (prefers-reduced-motion:reduce){.cwave i,.shim,.rmk .cobl-mark,.ai .sp,.tk-qp .sp,.it .lv{animation:none}}.tk-qp{--c:1;--s:0}.tk-fu{--c:0;--s:0}.tk-qt{--c:0;--s:1}.tk-bc{--c:0;--s:2}.tk-pr{--c:2;--s:0}</style></head><body><div id="bg" aria-hidden="true"><div class="ph"></div></div><svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs><mask id="mask0_r" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="31" height="32"><path d="M18.7946 3.89411C27.149 3.89411 33.9214 10.6667 33.9215 19.0211C33.9215 27.3756 27.1491 34.148 18.7946 34.148C10.4401 34.1479 3.6676 27.3755 3.6676 19.0211C3.66772 10.6667 10.4402 3.89423 18.7946 3.89411ZM24.0895 18.5455C21.9817 18.5455 20.2733 20.2542 20.2731 22.3619C20.2731 24.4698 21.9816 26.1793 24.0895 26.1793C26.1973 26.1792 27.9059 24.4698 27.9059 22.3619C27.9056 20.2542 26.1972 18.5455 24.0895 18.5455Z" fill="#D7D6D5"/></mask><clipPath id="clip0_r"><rect width="29.1456" height="24.982" fill="white" transform="translate(3.73132 3.50902)"/></clipPath></defs><symbol id="ros" viewBox="3 3 31 32"><g clip-path="url(#clip0_r)"><g mask="url(#mask0_r)"><path d="M23.5704 1.17863L25.8687 43.3989" stroke="#0C0C0C" stroke-width="0.902126"/><path d="M38.3215 43.1413L11.1179 1.43636" stroke="#0C0C0C" stroke-width="0.902126"/><path d="M3.86743 35.8913L45.5724 8.6877" stroke="#0C0C0C" stroke-width="0.902126"/><path d="M23.8672 22.5342L20.4264 35.9259" stroke="#2D69FF" stroke-width="5.75973"/><path d="M22.6978 1.05368L23.9048 23.227" stroke="#2D69FF" stroke-width="3.6779"/><path d="M27.2203 22.2772L2.96823 23.5974" stroke="#F79797" stroke-width="6.93943"/><path d="M25.6162 23.2476L3.13122 11.8482" stroke="#FF3131" stroke-width="6.45367"/><path d="M23.3252 25.3431L32.4365 1.2181" stroke="#5934FF" stroke-width="2.98396"/><path d="M37.6289 43.1794L10.4253 1.47442" stroke="#4AD35B" stroke-width="5.06578"/><path d="M3.17432 35.929L44.8793 8.72543" stroke="#FFCB31" stroke-width="6.24549"/></g></g></symbol></svg><div id="stage"><div class="app" data-a="rise" style="--d:0;--t:700;--y:16" role="img" aria-label="Cobl workspace on the Meridian deal project. A call with Sarah and Ben just ended. The agent adds it to the deal's news feed, creates 3 tasks on the Tasks board, assigns Create the quote to itself, which puts it In progress, and opens the quote, which writes itself: 240 thousand euros excluding VAT for 38 sites, ready before the board meets. Thread #1 on the left shows each step, without anyone typing."><aside class="sb"><div class="sbt"><svg class="cobl-logo" aria-hidden="true" viewBox="0 0 100 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_c1)"><mask id="mask0_c1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="31" height="32"><path d="M18.7946 3.89411C27.149 3.89411 33.9214 10.6667 33.9215 19.0211C33.9215 27.3756 27.1491 34.148 18.7946 34.148C10.4401 34.1479 3.6676 27.3755 3.6676 19.0211C3.66772 10.6667 10.4402 3.89423 18.7946 3.89411ZM24.0895 18.5455C21.9817 18.5455 20.2733 20.2542 20.2731 22.3619C20.2731 24.4698 21.9816 26.1793 24.0895 26.1793C26.1973 26.1792 27.9059 24.4698 27.9059 22.3619C27.9056 20.2542 26.1972 18.5455 24.0895 18.5455Z" fill="#D7D6D5"/></mask><g mask="url(#mask0_c1)"><path d="M23.5704 1.17863L25.8687 43.3989" stroke="#0C0C0C" stroke-width="0.902126"/><path d="M38.3215 43.1413L11.1179 1.43636" stroke="#0C0C0C" stroke-width="0.902126"/><path d="M3.86743 35.8913L45.5724 8.6877" stroke="#0C0C0C" stroke-width="0.902126"/><path d="M23.8672 22.5342L20.4264 35.9259" stroke="#2D69FF" stroke-width="5.75973"/><path d="M22.6978 1.05368L23.9048 23.227" stroke="#2D69FF" stroke-width="3.6779"/><path d="M27.2203 22.2772L2.96823 23.5974" stroke="#F79797" stroke-width="6.93943"/><path d="M25.6162 23.2476L3.13122 11.8482" stroke="#FF3131" stroke-width="6.45367"/><path d="M23.3252 25.3431L32.4365 1.2181" stroke="#5934FF" stroke-width="2.98396"/><path d="M37.6289 43.1794L10.4253 1.47442" stroke="#4AD35B" stroke-width="5.06578"/><path d="M3.17432 35.929L44.8793 8.72543" stroke="#FFCB31" stroke-width="6.24549"/></g></g><path d="M45.6162 28.491C44.2885 28.491 43.1016 28.1691 42.0555 27.5254C41.0095 26.8615 40.1847 25.9462 39.5811 24.7794C38.9978 23.6126 38.7061 22.2648 38.7061 20.7359C38.7061 19.1064 39.038 17.668 39.7018 16.4208C40.3858 15.1534 41.3313 14.1677 42.5383 13.4636C43.7454 12.7394 45.1536 12.3773 46.7629 12.3773C47.7084 12.3773 48.6338 12.508 49.5391 12.7695C50.4443 13.0311 51.2289 13.3529 51.8927 13.7352V17.9899H50.4745C50.4141 17.2053 50.2029 16.5314 49.8408 15.9681C49.4988 15.4049 49.0361 14.9724 48.4527 14.6706C47.8895 14.3688 47.2457 14.218 46.5215 14.218C45.6162 14.218 44.7914 14.4493 44.0471 14.912C43.3229 15.3546 42.7496 15.9883 42.3271 16.8131C41.9047 17.6379 41.6934 18.6135 41.6934 19.7401C41.6934 21.0075 41.9248 22.0938 42.3875 22.999C42.8502 23.8842 43.4637 24.5581 44.2282 25.0208C44.9926 25.4835 45.8375 25.7148 46.7629 25.7148C47.7285 25.7148 48.6338 25.4734 49.4787 24.9906C50.3437 24.5078 51.0277 23.8138 51.5306 22.9085L52.5264 23.331C51.9632 24.8599 51.0981 26.1071 49.9313 27.0727C48.7646 28.0182 47.3262 28.491 45.6162 28.491Z" fill="#0C0C0C"/><path d="M61.4421 28.491C59.9333 28.491 58.6056 28.1389 57.459 27.4348C56.3324 26.7307 55.4473 25.7651 54.8035 24.538C54.1799 23.3108 53.8681 21.9228 53.8681 20.3738C53.8681 19.207 54.0491 18.1408 54.4112 17.1752C54.7733 16.1894 55.2863 15.3445 55.9502 14.6404C56.6342 13.9162 57.4388 13.363 58.3642 12.9808C59.2896 12.5784 60.3156 12.3773 61.4421 12.3773C62.9509 12.3773 64.2786 12.7192 65.4253 13.4032C66.5719 14.0872 67.4571 15.0327 68.0807 16.2397C68.7245 17.4266 69.0463 18.8046 69.0463 20.3738C69.0463 21.5406 68.8552 22.6168 68.473 23.6025C68.1109 24.5883 67.5879 25.4533 66.9039 26.1976C66.2199 26.9219 65.4152 27.4851 64.4898 27.8875C63.5645 28.2898 62.5485 28.491 61.4421 28.491ZM61.4421 26.6201C62.106 26.6201 62.6994 26.4692 63.2225 26.1675C63.7455 25.8657 64.1981 25.4433 64.5804 24.9001C64.9626 24.3569 65.2543 23.7031 65.4555 22.9387C65.6566 22.1541 65.7572 21.2991 65.7572 20.3738C65.7572 19.1265 65.5762 18.0503 65.2141 17.145C64.8721 16.2196 64.3792 15.5055 63.7355 15.0025C63.0917 14.4996 62.3273 14.2481 61.4421 14.2481C60.7783 14.2481 60.1848 14.389 59.6618 14.6706C59.1387 14.9522 58.6861 15.3646 58.3039 15.9078C57.9216 16.451 57.6299 17.0947 57.4288 17.839C57.2276 18.5834 57.127 19.4283 57.127 20.3738C57.127 21.621 57.298 22.7174 57.64 23.6629C58.0021 24.5883 58.505 25.3125 59.1488 25.8355C59.8126 26.3586 60.5771 26.6201 61.4421 26.6201Z" fill="#0C0C0C"/><path d="M78.1631 28.491C77.3786 28.491 76.5839 28.4105 75.7793 28.2496C74.9947 28.0886 74.2504 27.8774 73.5463 27.6159C72.8422 27.3342 72.2387 27.0526 71.7357 26.771V7.09655L73.2143 8.45444L69.6234 7.42848V6.40251L74.1498 5.34637H74.6929V23.3611C74.6929 24.0451 74.8539 24.6386 75.1757 25.1415C75.5177 25.6243 75.9704 25.9965 76.5336 26.258C77.0969 26.4994 77.7004 26.6201 78.3442 26.6201C79.1086 26.6201 79.7725 26.4793 80.3358 26.1976C80.899 25.916 81.3718 25.5036 81.754 24.9604C82.1563 24.4173 82.448 23.7735 82.6291 23.0292C82.8303 22.2648 82.9308 21.3997 82.9308 20.4341C82.9308 18.7845 82.5386 17.4568 81.754 16.451C80.9694 15.425 79.8529 14.912 78.4045 14.912C77.6401 14.912 76.8957 15.0729 76.1715 15.3948C75.4674 15.6966 74.884 16.0587 74.4214 16.4811V15.0327C75.0651 14.2884 75.8396 13.6647 76.7449 13.1618C77.6702 12.6388 78.6962 12.3773 79.8228 12.3773C81.0097 12.3773 82.0658 12.6991 82.9912 13.3429C83.9367 13.9665 84.671 14.8416 85.194 15.9681C85.7372 17.0746 86.0087 18.3721 86.0087 19.8608C86.0087 21.0879 85.8277 22.2245 85.4656 23.2706C85.1035 24.3167 84.5804 25.232 83.8965 26.0166C83.2326 26.8011 82.4078 27.4147 81.4221 27.8573C80.4565 28.2797 79.3701 28.491 78.1631 28.491Z" fill="#0C0C0C"/><path d="M87.3971 26.7106C87.9804 26.6503 88.4532 26.5296 88.8153 26.3485C89.1774 26.1675 89.3585 25.7249 89.3585 25.0208V6.85514L90.8371 8.48462L87.216 7.42848V6.40251L91.7725 5.34637H92.3157V25.0208C92.3157 25.7249 92.4967 26.1675 92.8588 26.3485C93.241 26.5296 93.7138 26.6503 94.2771 26.7106V28.1289H87.3971V26.7106Z" fill="#0C0C0C"/><defs><clipPath id="clip0_c1"><rect width="29.1456" height="24.982" fill="white" transform="translate(3.73132 3.50902)"/></clipPath></defs></svg><span class="bell"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg><i></i></span></div><div class="sbs"><span class="srch"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.3-4.3"/></svg>Search</span><span class="dsh"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg></span></div><p class="gl g-pr">Projects</p><div class="grp g-pr"><div class="it"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="2.6"/></svg><span>EMEA territory</span></div><div class="it"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg><span>Meridian deal</span></div><div class="it d1 s-th"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg><span>Thread #1</span><i class="lv"></i></div><div class="it d1 s-feed"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/><path d="M18 14h-8M15 18h-5M10 6h8v4h-8z"/></svg><span>News feed</span></div><div class="it d1 s-tasks"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18M15 3v18"/></svg><span>Tasks</span></div><div class="it d1 s-doc"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4M16 13H8M16 17H8M10 9H8"/></svg><span>Quote_Meridian</span></div><div class="it"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="2.6"/></svg><span>Q4 pipeline</span></div></div><p class="gl">Unsorted threads</p><div class="grp"><div class="it it-wa"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" stroke="none" d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg><span>WhatsApp</span></div><div class="it"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 9h16M4 15h16M10 3 8 21M16 3l-2 18"/></svg><span>Prep Meridian call</span><em>2d</em></div></div><p class="gl">Drive</p><div class="grp"><div class="it"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg><span>knowledge</span></div><div class="it"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg><span>skills</span></div></div><div class="usr"><span class="uav">MS</span><b>Miguel Schuppan</b><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></div></aside><aside class="rl"><span class="rlo"><svg class="cobl-mark" viewBox="3 3 31 32" aria-hidden="true"><use href="#ros"/></svg></span><span class="sq"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg></span><span class="sq"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.3-4.3"/></svg></span><span class="sq"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg></span></aside><aside class="th"><div class="thh"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg><span>Thread #1</span></div><div class="tbd"><div class="ev" data-a="rise" style="--d:500;--y:8"><span class="evi"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2Z"/></svg></span><div><p>Call ended</p><small>Sarah Klein, Ben Hart · 38 min</small></div></div><div class="run"><p class="rs0"><span class="rmk"><svg class="cobl-mark" viewBox="3 3 31 32" aria-hidden="true"><use href="#ros"/></svg></span><span class="rl0 shim">Working on the call…</span><span class="rl1">Worked for 9s</span></p><div class="ars"><div class="ar a1"><span class="ai"><i class="sp"></i><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span><span class="al">Read the call transcript</span><em>38 min</em></div><div class="ar a2"><span class="ai"><i class="sp"></i><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span><span class="al">Added the call to the news feed</span></div><div class="ar a3"><span class="ai"><i class="sp"></i><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span><span class="al">Created 3 tasks from the commitments</span></div><div class="ar a4"><span class="ai"><i class="sp"></i><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span><span class="al">Assigned “Create the quote” to the agent</span></div><div class="ar a5"><span class="ai"><i class="sp"></i><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span><span class="al">Drafting Quote_Meridian</span></div></div></div><p class="msg">Quote drafted from the call: 38 sites, ready before the board on the 24th. Follow-up and business case are next.</p></div><div class="cmp"><span>Reply to the agent…</span><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg></div></aside><section class="mn"><div class="bar"><span class="tab t-feed"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/><path d="M18 14h-8M15 18h-5M10 6h8v4h-8z"/></svg>News feed<b class="cnt"><span class="c0">12</span><span class="c1">13</span></b><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg></span><span class="tab t-tasks"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18M15 3v18"/></svg>Tasks<b class="cnt"><span class="c0">1</span><span class="c1">4</span></b><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg></span><span class="tab t-doc"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4M16 13H8M16 17H8M10 9H8"/></svg><span>Quote_Meridian</span><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg></span><span class="tpl"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg></span></div><div class="body"><div class="feed"><div class="col"><div class="nw"><div class="nwi"><article class="call"><div class="cmeta"><span class="cchip">Discovery call</span><span>Today · 38 min</span><span class="nwt">New</span></div><p class="ctitle serif">Sarah & Ben, Meridian Group</p><div class="cwave" aria-hidden="true"><i style="--h:6px;--dr:760ms;--dl:-0ms"></i><i style="--h:10px;--dr:1331ms;--dl:-1290ms"></i><i style="--h:16px;--dr:795ms;--dl:-80ms"></i><i style="--h:9px;--dr:1106ms;--dl:-782ms"></i><i style="--h:20px;--dr:992ms;--dl:-523ms"></i><i style="--h:12px;--dr:1041ms;--dl:-635ms"></i><i style="--h:7px;--dr:1148ms;--dl:-877ms"></i><i style="--h:14px;--dr:863ms;--dl:-232ms"></i><i style="--h:22px;--dr:1176ms;--dl:-939ms"></i><i style="--h:18px;--dr:1045ms;--dl:-645ms"></i><i style="--h:9px;--dr:778ms;--dl:-40ms"></i><i style="--h:6px;--dr:871ms;--dl:-250ms"></i><i class=live style="--h:12px;--dr:832ms;--dl:-1149ms"></i><i class=live style="--h:19px;--dr:522ms;--dl:-7ms"></i><i class=live style="--h:24px;--dr:590ms;--dl:-258ms"></i><i class=live style="--h:15px;--dr:688ms;--dl:-619ms"></i><i class=live style="--h:8px;--dr:872ms;--dl:-1298ms"></i><i class=live style="--h:11px;--dr:685ms;--dl:-608ms"></i><i class=live style="--h:17px;--dr:765ms;--dl:-902ms"></i><i class=live style="--h:10px;--dr:643ms;--dl:-452ms"></i><i style="--h:6px;--dr:1231ms;--dl:-1065ms"></i><i style="--h:9px;--dr:1105ms;--dl:-778ms"></i><i style="--h:14px;--dr:1170ms;--dl:-925ms"></i><i style="--h:20px;--dr:1120ms;--dl:-813ms"></i><i style="--h:13px;--dr:1296ms;--dl:-1210ms"></i><i style="--h:7px;--dr:1175ms;--dl:-937ms"></i><i style="--h:10px;--dr:1073ms;--dl:-707ms"></i><i style="--h:16px;--dr:1380ms;--dl:-1400ms"></i><i style="--h:8px;--dr:1280ms;--dl:-1173ms"></i><i style="--h:5px;--dr:1119ms;--dl:-812ms"></i><i style="--h:9px;--dr:1371ms;--dl:-1379ms"></i><i style="--h:13px;--dr:1209ms;--dl:-1013ms"></i><i style="--h:18px;--dr:937ms;--dl:-400ms"></i><i style="--h:11px;--dr:1019ms;--dl:-585ms"></i><i style="--h:7px;--dr:884ms;--dl:-281ms"></i><i style="--h:12px;--dr:1117ms;--dl:-806ms"></i><i style="--h:15px;--dr:1369ms;--dl:-1374ms"></i><i style="--h:9px;--dr:1331ms;--dl:-1289ms"></i><i style="--h:6px;--dr:1088ms;--dl:-742ms"></i><i style="--h:10px;--dr:904ms;--dl:-325ms"></i><i style="--h:14px;--dr:1010ms;--dl:-565ms"></i><i style="--h:8px;--dr:801ms;--dl:-92ms"></i><i style="--h:6px;--dr:1099ms;--dl:-766ms"></i><i style="--h:11px;--dr:1246ms;--dl:-1098ms"></i><i style="--h:16px;--dr:949ms;--dl:-427ms"></i><i style="--h:10px;--dr:1254ms;--dl:-1114ms"></i><i style="--h:7px;--dr:936ms;--dl:-396ms"></i><i style="--h:5px;--dr:1079ms;--dl:-719ms"></i><i style="--h:9px;--dr:848ms;--dl:-200ms"></i><i style="--h:13px;--dr:831ms;--dl:-160ms"></i><i style="--h:17px;--dr:947ms;--dl:-423ms"></i><i style="--h:12px;--dr:832ms;--dl:-162ms"></i><i style="--h:8px;--dr:877ms;--dl:-263ms"></i><i style="--h:6px;--dr:1037ms;--dl:-625ms"></i><i style="--h:10px;--dr:1129ms;--dl:-833ms"></i><i style="--h:15px;--dr:839ms;--dl:-178ms"></i><i style="--h:9px;--dr:1086ms;--dl:-735ms"></i><i style="--h:6px;--dr:1241ms;--dl:-1085ms"></i><i style="--h:8px;--dr:1188ms;--dl:-967ms"></i><i style="--h:12px;--dr:1272ms;--dl:-1155ms"></i></div><div class="cobj"><p class="cquote serif">“Can we see a quote before<br>our board meets on the 24th?”</p><span class="cready">Request · captured</span></div><div class="clab"><span class="cmade"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>3 tasks created</span></div></article></div></div><div data-a="rise" style="--d:300;--t:520;--y:8"><div class="fi"><span class="src s-li"><svg class="li" viewBox="0 0 24 24" aria-hidden="true"><rect width="24" height="24" rx="4" fill="#0a66c2"/><path fill="#fff" d="M7.1 9.6h2.6V18H7.1zM8.4 5.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M11.3 9.6h2.5v1.2c.4-.7 1.2-1.4 2.6-1.4 2.7 0 3.2 1.8 3.2 4.1V18H17v-4c0-1 0-2.2-1.3-2.2s-1.6 1-1.6 2.1V18h-2.6z"/></svg></span><div class="fb"><p class="fh"><b>LinkedIn</b><em>· 2d</em></p><p class="fti serif">Sarah Klein promoted to VP Operations</p><p class="fw"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l1.9 5.6L19.5 10l-5.6 1.9L12 17.5l-1.9-5.6L4.5 10l5.6-1.4Z"/></svg><span>She now owns the warehouse budget your offer targets.</span></p></div></div></div><div data-a="rise" style="--d:410;--t:520;--y:8"><div class="fi"><span class="src s-news"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/><path d="M18 14h-8M15 18h-5M10 6h8v4h-8z"/></svg></span><div class="fb"><p class="fh"><b>Press</b><em>· 4d</em></p><p class="fti serif">Meridian opens its European HQ in Rotterdam</p><p class="fw"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l1.9 5.6L19.5 10l-5.6 1.9L12 17.5l-1.9-5.6L4.5 10l5.6-1.4Z"/></svg><span>3 new sites to equip in 2027.</span></p></div></div></div></div></div><div class="tasks"><div class="brd"><div class="cols"><div class="bc bc0"><p class="bh"><i></i>To do<b class="k"><span class="k0">3</span><span class="k1">2</span></b></p></div><div class="bc bc1"><p class="bh"><i></i>In progress<b class="k"><span class="k0">0</span><span class="k1">1</span></b></p></div><div class="bc bc2"><p class="bh"><i></i>Done<b class="k"><span class="k0">1</span><span class="k1">1</span></b></p></div></div><div class="tk tk-fu"><div class="tki" data-a="pop" style="--d:3550;--sc:.94"><p class="tkt">Send the follow-up</p><p class="tkm"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg><span>Today</span></p><div class="tkf"><span class="tkp">From the call</span><span class="ag"><svg class="cobl-mark" viewBox="3 3 31 32" aria-hidden="true"><use href="#ros"/></svg>Cobl agent</span></div></div></div><div class="tk tk-qt"><div class="tki" data-a="pop" style="--d:3710;--sc:.94"><p class="tkt">Create the quote</p><p class="tkm"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4M8 13h8M8 17h8M8 9h2"/></svg><span>Before Fri 24 Oct</span></p><div class="tkf"><span class="tkp">From the call</span><span class="ag"><svg class="cobl-mark" viewBox="3 3 31 32" aria-hidden="true"><use href="#ros"/></svg>Cobl agent</span></div></div></div><div class="tk tk-bc"><div class="tki" data-a="pop" style="--d:3870;--sc:.94"><p class="tkt">Build the business case</p><p class="tkm"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 3v18h18"/><path d="M7 15l4-4 3 3 5-6"/></svg><span>Next week</span></p><div class="tkf"><span class="tkp">From the call</span><span class="ag"><svg class="cobl-mark" viewBox="3 3 31 32" aria-hidden="true"><use href="#ros"/></svg>Cobl agent</span></div></div></div><div class="tk tk-pr"><div class="tki" data-a="pop" style="--d:3450;--sc:.94"><p class="tkt">Prepare the discovery call</p><p class="tkm"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2Z"/></svg><span>Done yesterday</span></p><div class="tkf"><span class="tkp">Miguel</span><span class="ag"><svg class="cobl-mark" viewBox="3 3 31 32" aria-hidden="true"><use href="#ros"/></svg>Cobl agent</span></div></div></div><div class="tk tk-qp"><div class="tki"><p class="tkt">Create the quote</p><p class="tkm"><i class="sp"></i><span>Drafting the quote…</span></p><div class="pb"><i></i></div><div class="tkf"><span class="tkp">From the call</span><span class="ag"><svg class="cobl-mark" viewBox="3 3 31 32" aria-hidden="true"><use href="#ros"/></svg>Cobl agent</span></div></div></div></div></div><div class="doc"><div class="pgw"><article class="qa4"><header class="a4h" data-a="fade" style="--d:5550"><span class="acme"><i></i>acme</span><span>QUOTE No. Q-2026-MERIDIAN-01</span></header><div class="og" data-a="rise" style="--d:5800;--y:6"><div><span class="eb">Issuer</span><h4>Acme</h4><p>Paris, France<br>sales@acme.com</p></div><div><span class="eb">Client</span><h4>Meridian Group</h4><p>Rotterdam, Netherlands<br>Attn. Sarah Klein, VP Operations</p></div></div><div class="dts" data-a="rise" style="--d:6150;--y:6"><div><span class="eb">Quote date</span><p>13 October 2026</p></div><div><span class="eb">Valid for</span><p>30 days</p></div></div><table class="qtab"><thead data-a="fade" style="--d:6500"><tr><th>Description</th><th class="num c2">Start</th><th class="num c3">Months</th><th class="num c4">Per month</th><th class="num">Total excl. VAT</th></tr></thead><tbody><tr data-a="rise" style="--d:6750;--y:6"><td><b>Acme Warehouse Platform</b><br>38 sites</td><td class="num c2">01/01/2027</td><td class="num c3">12</td><td class="num c4">€14,000</td><td class="num">€168,000</td></tr><tr data-a="rise" style="--d:7080;--y:6"><td><b>Implementation and CRM integration</b><br>6 weeks</td><td class="num c2">01/01/2027</td><td class="num c3">2</td><td class="num c4">€28,000</td><td class="num">€56,000</td></tr><tr data-a="rise" style="--d:7410;--y:6"><td><b>Training for site leads</b><br>4 sessions</td><td class="num c2">01/03/2027</td><td class="num c3">1</td><td class="num c4">€16,000</td><td class="num">€16,000</td></tr></tbody></table><div class="tot" data-a="rise" style="--d:7900;--y:6"><div class="tr"><span>Total excl. VAT</span><b>€240,000</b></div><div class="tr"><span>VAT 20%</span><b>€48,000</b></div><div class="tr gr"><span>Total incl. VAT</span><b>€288,000</b></div></div><div class="cnd"><h4 data-a="fade" style="--d:8600">Terms</h4><p data-a="fade" style="--d:8800"><b>Scope.</b> 38 warehouse sites, as discussed with Sarah Klein and Ben Hart on 13 October.</p><p data-a="fade" style="--d:9050"><b>Timing.</b> Ready for the board review on 24 October, go-live before Q2 2027.</p></div><footer class="a4f"><span>Acme · Paris</span><span>Page 1 / 2</span></footer></article></div></div></div></section></div></div><script>
(function(){
var st=document.getElementById('stage'),bg=document.getElementById('bg'),root=document.body;
var still=matchMedia('(prefers-reduced-motion: reduce)').matches;
var LAY=[["w", 1000, 1.7, 1340, 569], ["m", 560, 0, 900, 560], ["c", 0, 0, 420, 430]],TL=[[900, "#stage", "st-run"], [1100, ".a1", "on"], [1700, "#stage", "st-new"], [1900, ".a1", "ok"], [2050, ".a2", "on"], [2350, ".a2", "ok"], [2550, ".a3", "on"], [2850, "#stage", "st-made"], [3100, ".a3", "ok"], [3300, "#stage", "st-tasks"], [4050, ".a4", "on"], [4150, "#stage", "st-pick"], [4650, "#stage", "st-prog"], [4800, ".a4", "ok"], [5300, ".a5", "on"], [5400, "#stage", "st-doc"], [8350, "#stage", "st-scroll"], [9600, ".a5", "ok"], [9800, "#stage", "st-end"]],BG=[1340, 569, 0.5, 0.5],END=10600,HOLD=3500,k=1,lay=LAY[0];
function fit(){
var w=innerWidth,h=innerHeight;
lay=LAY.filter(function(l){return w>=l[1]&&w/h>=l[2];})[0]||LAY[LAY.length-1];
LAY.forEach(function(l){root.classList.toggle('L-'+l[0],l===lay);});
st.style.width=lay[3]+'px';st.style.height=lay[4]+'px';
k=Math.min(w/lay[3],h/lay[4]);if(lay[5])k=Math.min(k,lay[5]);
st.style.transform='translate(-50%,-50%) scale('+k+')';
if(bg&&BG){var kb=Math.max(w/BG[0],h/BG[1]);
bg.style.width=BG[0]+'px';bg.style.height=BG[1]+'px';
bg.style.transform='translate('+(w-BG[0]*kb)*BG[2]+'px,'+(h-BG[1]*kb)*BG[3]+'px) scale('+kb+')';}
if(window.onfit)window.onfit(k,lay);
}
fit();addEventListener('resize',fit);
var timers=[];function later(f,t){timers.push(setTimeout(f,t));}
var cur=document.getElementById('cur');
function local(el){var r=el.getBoundingClientRect(),s=st.getBoundingClientRect();
return [(r.left-s.left+r.width*.5)/k,(r.top-s.top+r.height*.55)/k];}
function act(e){
var sel=e[1],c=e[2];
if(sel==='@to'){var t=st.querySelector(c);if(!t||!cur)return;var p=local(t);cur.classList.add('on');cur.style.transform='translate('+(p[0]-3)+'px,'+(p[1]-3)+'px)';return;}
if(sel==='@from'){if(!cur)return;var q=c.split(',');cur.style.transition='none';cur.style.transform='translate('+q[0]+'px,'+q[1]+'px)';void cur.offsetWidth;cur.style.transition='';return;}
if(sel==='@click'){if(!cur)return;cur.classList.add('down');later(function(){cur.classList.remove('down');},170);return;}
if(sel==='@hide'){if(cur)cur.classList.remove('on');return;}
[].forEach.call(sel==='#stage'?[st]:st.querySelectorAll(sel),function(el){c.split(' ').forEach(function(x){
if(x[0]==='-')el.classList.remove(x.slice(1));else el.classList.add(x);});});
}
function typeIn(el){
var html=el.innerHTML;if(still)return;var chars=[];
(function walk(node){[].slice.call(node.childNodes).forEach(function(n){
if(n.nodeType===3){var f=document.createDocumentFragment();
Array.from(n.textContent).forEach(function(ch){
if(/\s/.test(ch)){f.appendChild(document.createTextNode(ch));if(chars.length)chars[chars.length-1].sp=true;return;}
var s=document.createElement('span');s.className='type-ch';s.textContent=ch;f.appendChild(s);chars.push({el:s});});
n.parentNode.replaceChild(f,n);}else if(n.nodeType===1&&n.tagName!=='BR')walk(n);});})(el);
var t=+(el.dataset.at||0),caret=null;
chars.forEach(function(c,i){later(function(){c.el.classList.add('is-typed');if(caret)caret.classList.remove('is-caret','is-typing');
caret=c.el;caret.classList.add('is-caret');caret.classList.toggle('is-typing',i<chars.length-1);},t);
t+=36+Math.random()*38+(c.sp?50:0);});
later(function(){el.innerHTML=html;},t+1300);
}
function count(el){
var to=+el.dataset.to,at=+(el.dataset.at||0),dur=+(el.dataset.dur||1200);
if(still){el.textContent=to;return;}
el.textContent='0';later(function(){var t0=performance.now();
(function step(now){var p=Math.min(1,(now-t0)/dur);p=1-Math.pow(1-p,3);el.textContent=Math.round(to*p);if(p<1)requestAnimationFrame(step);})(t0);},at);
}
var snap=null,vis=false,waiting=false;
function grab(){snap=[st].concat([].slice.call(st.querySelectorAll('*'))).map(function(el){return [el,el.getAttribute('class'),el.getAttribute('style')];});}
function play(){
if(!snap)grab();
root.classList.add('play');
if(still){TL.forEach(function(e){if(e[1][0]!=='@')act(e);});return;}
[].forEach.call(document.querySelectorAll('[data-type]'),typeIn);
[].forEach.call(document.querySelectorAll('[data-count]'),count);
TL.forEach(function(e){later(function(){act(e);},e[0]);});
if(END)later(reset,END+HOLD);
if(window.onplay)window.onplay();
}
function reset(){
if(!vis){waiting=true;return;}
root.classList.add('rs');
later(function(){
timers.forEach(clearTimeout);timers=[];
root.classList.add('nt');root.classList.remove('play');
snap.forEach(function(r){var el=r[0];
if(r[1]===null)el.removeAttribute('class');else el.setAttribute('class',r[1]);
if(r[2]===null)el.removeAttribute('style');else el.setAttribute('style',r[2]);});
fit();if(window.onreset)window.onreset();
void st.offsetWidth;root.classList.remove('nt');
requestAnimationFrame(function(){root.classList.remove('rs');play();});
},450);
}
var started=false;function start(){if(!started){started=true;play();}else if(waiting){waiting=false;reset();}}
if('IntersectionObserver' in window){new IntersectionObserver(function(es){es.forEach(function(e){vis=e.isIntersecting;if(vis)start();});},{threshold:.3}).observe(document.body);}else{vis=true;start();}
})();
</script></body></html>