MenuClose

Follow up

when the deal needs it

Cobl monitors buyer engagement, flags silence and risk, and prepares the right follow-up from the full deal context. So you know when to act and what to say.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Follow up when the deal needs it</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}@font-face{font-family:"STK Bureau Serif";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 rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Instrument+Sans:wght@400&display=swap" rel="stylesheet"><style>:root {--page: #f8f8f8;--cb-text-primary: #181818;--cb-text-secondary: #545352;--cb-text-tertiary: #767473;--cb-border-subtle: #efeeed;--cb-surface-subtle: #efeeed;--cb-surface-sunken: #e8e7e6;--cb-surface-elevated: #f8f8f8;--cb-accent: #9eff78;--cb-lime-100: #e9fae3;--cb-lime-500: #69ff1f;--cb-success: #2ebd43;--cb-success-text: #216b2e;--cb-progress: #2f5e3e;--cb-danger: #d9453d;--cb-danger-text: #a82e29;--cb-danger-bg: rgba(217, 69, 61, .09);--cb-primary: #0c0c0c;--ribbon: var(--cb-accent);--cb-ease: cubic-bezier(.22, 1, .36, 1);--cb-serif: "STK Bureau Serif", "STK Bureau Serif Variable Complete", Georgia, serif;--cb-sans: "Inter", system-ui, sans-serif;}html, body { background: transparent; margin: 0; }body { padding-inline: 0; overflow-x: hidden; }html, body { width: 100%; height: 100%; overflow: hidden; background: #e9e8e6; }.hero-wrap { position: absolute; inset: 0; overflow: hidden; transition: opacity .4s ease; }.hero-wrap.is-out { opacity: 0; }.hero { position: absolute; left: 0; top: 0; width: 1440px; height: 850px; transform-origin: 0 0; }.hero__head {position: absolute; left: 49.5px; top: 56px; width: 1341px; box-sizing: border-box; padding-inline: 32px;display: flex; flex-direction: column; align-items: center; gap: 16px;}.hero__title { margin: 0; display: flex; align-items: center; justify-content: center; gap: 12px; white-space: nowrap;font: 400 34px/40px var(--cb-serif); letter-spacing: -.68px; color: var(--cb-text-primary); }.hero__mark { display: inline-flex; padding: 0 8px; background: var(--cb-accent); font-style: italic; line-height: normal; }.hero__sub { margin: 0; text-align: center; font: 400 14px/1.2 var(--cb-sans); color: var(--cb-text-secondary); }.hero__bg {position: absolute; left: 50px; top: 147px; width: 1340px; height: 569px;border-radius: 0; overflow: hidden;}.hero__bg::before, .hero__bg::after { content: ""; position: absolute; left: -18px; top: -424px; width: 1376px; height: 1032px; z-index: 0; pointer-events: none; }.hero__bg::before { background: url("https://cdn.prod.website-files.com/68ee0ef582e0631038583e04/6ac3ca83263fa6711ed4d4f5_hv4-hero-bg.jpg") center bottom / 100% 100% no-repeat; opacity: .93; }.hero__bg::after { background: linear-gradient(180deg, rgba(102,102,102,0) 54.748%, rgba(0,0,0,.35) 94.283%), linear-gradient(180deg, #f8f8f8 50%, rgba(255,255,255,0) 67.829%); }.hero__bg > * { z-index: 1; }.hero__cta { text-decoration: none; display: inline-block; }.hero__cta {position: absolute; left: calc(50% - .5px); top: 51px; translate: -50% 0;padding: 8px 16px; border: 0; border-radius: 8px; background: var(--cb-primary); color: #fff;font: 500 14px/20px var(--cb-sans); cursor: pointer;transition: background-color 200ms var(--cb-ease), opacity 600ms var(--cb-ease), translate 800ms var(--cb-ease), visibility 0s linear 0s;}.hero__cta.is-waiting { opacity: 0; translate: -50% 10px; visibility: hidden; transition: none; }.hero__cta.is-in { animation: cta-ring 1400ms ease-out 250ms 1; }@keyframes cta-ring {0% { box-shadow: 0 0 0 0 rgba(158, 255, 120, .7); }100% { box-shadow: 0 0 0 14px rgba(158, 255, 120, 0); }}.hero__cta:hover { background: #2a2a2a; }.hero__cta:focus-visible { outline: 2px solid var(--cb-accent); outline-offset: 2px; }.hero__proof {position: absolute; left: 50%; bottom: 16px; translate: -50% 0; width: 1236px;display: flex; align-items: center; justify-content: center; gap: 12px;font: 400 10px/1.4 var(--cb-sans); letter-spacing: .6px; text-transform: uppercase; color: #fff; white-space: nowrap;}.hero__proof img { width: 16px; height: 16px; }.hero__proof b { font-weight: 700; }.hero__ribbon { position: absolute; left: 0; top: 0; width: 1440px; height: 850px; overflow: visible; pointer-events: none; }.hero__ribbon-path {--ribbon-dur: 4200ms; --ribbon-delay: 200ms;fill: none; stroke: var(--ribbon); stroke-width: 33; stroke-linecap: butt; stroke-linejoin: miter;stroke-dasharray: 1; stroke-dashoffset: 0;animation: ribbon-draw var(--ribbon-dur) cubic-bezier(.65, 0, .35, 1) var(--ribbon-delay) both;}@keyframes ribbon-draw { from { stroke-dashoffset: 1; } }.hero .hc { position: absolute; }.hc--proposal { left: 30px; top: 203.91px; }.hc--priority { left: 1004px; top: 199px; }.hc--deal { left: 1041px; top: 305px; }.hc--engage { left: 472px; top: 336px; }.hc--call { left: 97px; top: 397px; }.hc--intro { left: 1013px; top: 430px; }.hc { animation: hc-float var(--fd, 12s) cubic-bezier(.45, 0, .55, 1) var(--fdl, 900ms) infinite; }.hc--proposal { --fd: 11s; --fa: 2.5px; --fdl: 900ms; }.hc--priority { --fd: 12.5s; --fa: 2px; --fdl: 1600ms; }.hc--deal { --fd: 10.5s; --fa: 2.5px; --fdl: 1200ms; }.hc--engage { --fd: 14s; --fa: 1.5px; --fdl: 1400ms; }.hc--call { --fd: 13s; --fa: 3px; --fdl: 1100ms; }.hc--intro { --fd: 11.8s; --fa: 2.5px; --fdl: 2000ms; }@keyframes hc-float { 50% { transform: translateY(calc(var(--fa, 6px) * -1)); } }.hero__ribbon { animation: ribbon-sway 16s cubic-bezier(.45, 0, .55, 1) 4500ms infinite; }@keyframes ribbon-sway { 50% { translate: 0 -1.5px; } }.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: type-caret 900ms steps(1, end) infinite;}.type-ch.is-caret.is-typing::after { animation: none; }@keyframes type-caret { 50% { opacity: 0; } }.hc:not(.is-on), .hc:not(.is-on) * { animation-play-state: paused !important; }.replay {position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 10;padding: 8px 14px; border: 1px solid var(--cb-border-subtle); border-radius: 999px;background: #fff; color: var(--cb-text-primary); font: 500 12px/1 var(--cb-sans); cursor: pointer;box-shadow: 0 4px 16px rgba(0, 0, 0, .08);}.replay:hover { background: var(--cb-surface-elevated); }.replay:focus-visible { outline: 2px solid var(--cb-success); outline-offset: 2px; }.cb-deal {--cb-fill-dur: 2400ms; --cb-fill-delay: 400ms;box-sizing: border-box; width: 278px; padding: 8.1px 16.6px;background: #fff; border-radius: 8.3px; box-shadow: 0 8.3px 24.9px rgba(0, 0, 0, .06);display: flex; flex-direction: column; gap: 8.3px; font-family: var(--cb-sans);animation: cb-rise 700ms var(--cb-ease) both;}.cb-deal__name { margin: 0 0 1px; font: 500 12.3px/17px var(--cb-serif); color: var(--cb-text-primary); }.cb-deal__row { display: flex; justify-content: space-between; align-items: baseline; }.cb-deal__label { font: 400 10px/17.6px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-deal__value { font: 600 12.375px/18.7px var(--cb-sans); color: var(--cb-text-primary); font-variant-numeric: tabular-nums; }.cb-deal__bar { height: 6.22px; border-radius: 3.11px; background: var(--cb-border-subtle); overflow: hidden; }.cb-deal__fill { width: 72%; height: 100%; border-radius: inherit; background: var(--cb-progress); transform-origin: left center;animation: cb-fill var(--cb-fill-dur) cubic-bezier(.45, 0, .25, 1) var(--cb-fill-delay) both; }.cb-priority {box-sizing: border-box; width: 403px; padding: 11.68px 15.57px;display: flex; align-items: center; gap: 11.68px;background: #fff; border-radius: 10.29px; font-family: var(--cb-sans);animation: cb-rise 700ms var(--cb-ease) both;}.cb-priority__account { width: 179.14px; display: flex; flex-direction: column; gap: 1.95px; }.cb-priority__name { margin: 0; font: 500 12.65px/17.52px var(--cb-serif); color: var(--cb-text-primary); }.cb-priority__signal { display: flex; align-items: center; gap: 5.84px; font: 400 10.71px/14.6px var(--cb-sans); color: var(--cb-text-secondary); }.cb-priority__dot { width: 5.84px; height: 5.84px; border-radius: 50%; background: var(--cb-success); animation: cb-pulse-lg 2400ms ease-out 900ms infinite; }.cb-priority__potential { display: flex; align-items: center; gap: 7.79px; }.cb-priority__track { width: 62.29px; height: 3.89px; border-radius: 1.95px; background: var(--cb-border-subtle); overflow: hidden; }.cb-priority__fill { width: 94%; height: 100%; border-radius: inherit; background: var(--cb-accent); transform-origin: left center; animation: cb-fill 1100ms var(--cb-ease) 300ms both; }.cb-priority__score { width: 17.52px; font: 500 11.68px/16.55px var(--cb-sans); color: var(--cb-text-primary); font-variant-numeric: tabular-nums; }.cb-priority__cta {box-sizing: border-box; width: 81.76px; height: 31.15px; padding: 0 7.79px;display: inline-flex; align-items: center; justify-content: center;border: 0; border-radius: 7.79px; background: var(--cb-accent);font: 500 10.71px/14.6px var(--cb-sans); color: var(--cb-text-primary); white-space: nowrap; cursor: pointer;transition: transform 200ms var(--cb-ease), filter 200ms var(--cb-ease);}.cb-priority__cta:hover { filter: brightness(.96); }.cb-priority__cta:active { transform: scale(.97); }.cb-call {box-sizing: border-box; width: 274px; min-height: 358px; padding: 13.85px 15.83px 15.83px;display: flex; flex-direction: column; align-items: flex-start; gap: 11.875px;background: #fff; border: .99px solid var(--cb-border-subtle); border-radius: 11.875px;box-shadow: 0 7.92px 19.79px rgba(0, 0, 0, .08); font-family: var(--cb-sans);animation: cb-rise 700ms var(--cb-ease) both;}.cb-call p { margin: 0; }.cb-call__meta { display: flex; align-items: center; gap: 7.92px; font: 400 10.885px/14.84px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-call__chip { padding: 2.97px 7.92px; border-radius: 5.94px; background: var(--cb-surface-subtle); font-weight: 500; color: var(--cb-text-primary); }.cb-call__title { font: 400 15.83px/17.81px var(--cb-serif); color: var(--cb-text-primary); white-space: nowrap; }.cb-call__wave { width: 198.9px; height: 23.75px; display: flex; align-items: center; gap: 1.98px; }.cb-call__wave i {display: block; width: 2.47px; height: var(--h); flex: none; border-radius: 1.24px; background: var(--cb-surface-sunken);transform-origin: center; animation: cb-audio var(--d, 1200ms) ease-in-out var(--dl, 0ms) infinite alternate; --lo: .55;}.cb-call__wave i.is-live { background: var(--cb-lime-500); --lo: .3; }.cb-call__objection { box-sizing: border-box; width: 100%; padding-left: 9.9px; border-left: 1.98px solid var(--cb-success);display: flex; flex-direction: column; align-items: flex-start; gap: 5.94px; }.cb-call__quote { font: 400 12.865px/17.81px var(--cb-serif); color: var(--cb-text-primary); }.cb-call__ready { padding: 2.97px 7.92px; border-radius: 5.94px; background: rgba(74, 212, 92, .14);font: 500 10.39px/13.85px var(--cb-sans); color: var(--cb-success-text); animation: cb-fade-up 500ms var(--cb-ease) 700ms both; }.cb-call__label { font: 500 10.885px/14.84px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-call__tasks { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7.92px; }.cb-call__task { position: relative; display: flex; align-items: center; gap: 7.92px;font: 400 12.37px/16.82px var(--cb-sans); color: var(--cb-text-primary); white-space: nowrap; cursor: pointer; user-select: none; transition: color 250ms ease; }.cb-call__input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }.cb-call__box { box-sizing: border-box; flex: none; width: 13.85px; height: 13.85px; border-radius: 3.96px;border: 1.19px solid var(--cb-border-subtle); background: #fff; display: grid; place-items: center;transition: background-color 220ms var(--cb-ease), border-color 220ms var(--cb-ease), transform 160ms var(--cb-ease); }.cb-call__tick { width: 9px; height: 9px; overflow: visible; }.cb-call__tick path { fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 120ms ease; }@media (hover: hover) { .cb-call__task:hover .cb-call__box { border-color: #cfcdcb; } }.cb-call__task:active .cb-call__box { transform: scale(.88); }.cb-call__input:focus-visible + .cb-call__box { outline: 2px solid var(--cb-success); outline-offset: 2px; }.cb-call__task:has(.cb-call__input:checked) { color: var(--cb-text-tertiary); }.cb-call__input:checked + .cb-call__box { background: var(--cb-success); border-color: var(--cb-success); }.cb-call__input:checked + .cb-call__box .cb-call__tick path { stroke-dashoffset: 0; transition: stroke-dashoffset 300ms var(--cb-ease) 90ms; }.cb-move {box-sizing: border-box; display: flex; flex-direction: column;background: rgba(23, 23, 23, .4); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur));border: var(--hair) solid rgba(255, 255, 255, .2); border-radius: var(--r);filter: drop-shadow(0 var(--sy) var(--sb) rgba(0, 0, 0, .12));font-family: var(--cb-sans); color: #fff;animation: cb-rise 700ms var(--cb-ease) both;}.cb-move p { margin: 0; }.cb-move--proposal { width: 365px; --blur: 16.26px; --hair: .9px; --r: 10.84px; --sy: 9.03px; --sb: 12.65px;--px: 18.07px; --py: 10.84px; --meta: 10.84px; --head: 17.17px; --chip: 9.49px; --chip-lh: 12.65px; --dot: 5.42px;--body: 12.65px; --btn: 11.29px; --btn-py: 7.23px; --btn-px: 10.84px; --btn-r: 5.42px; --gap: 7.23px; --act-px: 15.36px; --act-pt: 9.03px; --body-pb: 3.61px; }.cb-move--intro { width: 395px; --blur: 17.24px; --hair: .96px; --r: 11.5px; --sy: 9.58px; --sb: 13.41px;--px: 19.16px; --py: 11.5px; --meta: 11.5px; --head: 18.2px; --chip: 10.06px; --chip-lh: 13.41px; --dot: 5.75px;--body: 13.41px; --btn: 11.97px; --btn-py: 7.66px; --btn-px: 11.5px; --btn-r: 5.75px; --gap: 7.66px; --act-px: 16.29px; --act-pt: 9.58px; --body-pb: 3.83px; }.cb-move__header { padding: var(--py) var(--px); display: flex; justify-content: space-between; align-items: flex-start; border-bottom: var(--hair) solid rgba(239, 238, 237, .1); }.cb-move__title { display: flex; flex-direction: column; gap: 1.85px; line-height: 1.4; white-space: nowrap; }.cb-move__meta { display: flex; gap: 5.5px; font-size: var(--meta); }.cb-move__via { font-family: "Instrument Sans", var(--cb-sans); color: rgba(255, 255, 255, .7); }.cb-move__heading { font: 400 var(--head)/1.4 var(--cb-serif); }.cb-move__chip { display: inline-flex; align-items: center; gap: 4.6px; padding: 2.8px 7.4px; border-radius: 999px; background: var(--cb-lime-100);font: 500 var(--chip)/var(--chip-lh) var(--cb-sans); color: var(--cb-success-text); white-space: nowrap;animation: cb-pop 450ms var(--cb-ease) 550ms both; }.cb-move__dot { width: var(--dot); height: var(--dot); border-radius: 50%; background: var(--cb-success); animation: cb-pulse 2400ms ease-out 1100ms infinite; }.cb-move__body { padding: var(--py) var(--px) var(--body-pb); font: 500 var(--body)/1.4 var(--cb-sans); }.cb-move__actions { padding: var(--act-pt) var(--act-px) var(--py); display: flex; justify-content: flex-end; gap: var(--gap); }.cb-move__btn { padding: var(--btn-py) var(--btn-px); border-radius: var(--btn-r); font: 500 var(--btn)/1.4 var(--cb-sans); white-space: nowrap; cursor: pointer;transition: background-color 200ms var(--cb-ease), transform 200ms var(--cb-ease), filter 200ms var(--cb-ease); }.cb-move__btn:active { transform: scale(.97); }.cb-move__btn--ghost { background: transparent; border: var(--hair) solid rgba(232, 231, 230, .1); color: #fff; }.cb-move__btn--ghost:hover { background: rgba(255, 255, 255, .06); }.cb-move__btn--primary { padding-inline: calc(var(--btn-px) * 1.083); background: var(--cb-accent); border: 0; color: #000; }.cb-move__btn--primary:hover { filter: brightness(.96); }.cb-engage {--cb-line-dur: 2000ms; --cb-line-delay: 300ms; --cb-sent-at: 2200ms;--cb-silence-dur: 1800ms; --cb-silence-delay: 2550ms; --cb-now-at: 4250ms;--cb-curve-ease: cubic-bezier(.45, 0, .25, 1); --cb-reply-at: 4800ms; --cb-opened-at: 5400ms;box-sizing: border-box; width: 463px; min-height: 291px;background: #fff; border: .93px solid var(--cb-border-subtle); border-radius: 11.15px;box-shadow: 0 7.44px 18.59px rgba(0, 0, 0, .08); overflow: hidden; font-family: var(--cb-sans);animation: cb-rise 700ms var(--cb-ease) both;}.cb-engage p { margin: 0; }.cb-engage__header { box-sizing: border-box; width: 423.6px; padding: 13.01px 14.87px 9.29px; display: flex; justify-content: space-between; align-items: center; }.cb-engage__title { display: flex; flex-direction: column; gap: 2.79px; white-space: nowrap; }.cb-engage__name { font: 400 16.73px/18.59px var(--cb-serif); color: var(--cb-text-primary); }.cb-engage__sub { font: 400 11.15px/14.87px var(--cb-sans); color: var(--cb-text-secondary); }.cb-engage__risk { display: inline-flex; align-items: center; gap: 4.65px; padding: 2.79px 7.44px; border-radius: 999px; background: var(--cb-danger-bg);font: 500 10.22px/13.94px var(--cb-sans); color: var(--cb-danger-text); }.cb-engage__risk i { width: 5.58px; height: 5.58px; border-radius: 50%; background: var(--cb-danger); }.cb-engage__chart { position: relative; height: 158px; }.cb-engage__chart svg { position: absolute; inset: 0; width: 461.14px; height: 158px; overflow: visible; }.cb-grid line { stroke: var(--cb-border-subtle); stroke-width: .93; }.cb-area { fill: rgba(46, 189, 67, .12); animation: cb-fade 1200ms ease calc(var(--cb-line-delay) + 800ms) both; }.cb-line { fill: none; stroke: var(--cb-success); stroke-width: 1.86; stroke-linecap: round; stroke-linejoin: round;stroke-dasharray: 1; stroke-dashoffset: 0; animation: cb-draw var(--cb-line-dur) var(--cb-curve-ease) var(--cb-line-delay) both; }.cb-marker { stroke: #d2d0ce; stroke-width: .93; stroke-dasharray: 2.8 2.8; animation: cb-fade 500ms ease var(--cb-sent-at) both; }.cb-point { transform-box: fill-box; transform-origin: center; animation: cb-pop-point 500ms var(--cb-ease) both; }.cb-point--sent { fill: var(--cb-success);animation: cb-pop-point 500ms var(--cb-ease) var(--cb-sent-at) both, cb-breathe 2400ms ease-in-out calc(var(--cb-sent-at) + 600ms) infinite; }.cb-engage__silence { animation: cb-reveal var(--cb-silence-dur) var(--cb-curve-ease) var(--cb-silence-delay) both; }.cb-silence { fill: none; stroke: var(--cb-danger); stroke-width: 1.86; stroke-dasharray: 4.6 3.7; stroke-linecap: round; stroke-linejoin: round; }.cb-point--now { fill: var(--cb-danger);animation: cb-pop-point 500ms var(--cb-ease) var(--cb-now-at) both, cb-breathe 2400ms ease-in-out calc(var(--cb-now-at) + 600ms) infinite; }.cb-point-ring { fill: none; stroke: var(--cb-danger); stroke-width: 1; transform-box: fill-box; transform-origin: center; opacity: 0;animation: cb-ring 2400ms ease-out calc(var(--cb-now-at) + 500ms) infinite; }.cb-point-ring--sent { stroke: var(--cb-success); animation-delay: calc(var(--cb-sent-at) + 500ms); }.cb-chip { position: absolute; padding: 2.79px 7.44px; border-radius: 5.58px; font: 500 9.76px/13.01px var(--cb-sans); white-space: nowrap; }.cb-chip--sent { left: 244.29px; top: 3.72px; background: var(--cb-surface-elevated); color: var(--cb-text-primary); animation: cb-fade-up 500ms var(--cb-ease) calc(var(--cb-sent-at) + 100ms) both; }.cb-chip--silent { left: 345.76px; top: 74.88px; background: var(--cb-danger-bg); color: var(--cb-danger-text); animation: cb-fade-up 500ms var(--cb-ease) var(--cb-now-at) both; }.cb-axis span { position: absolute; top: 139.42px; font: 400 9.29px/13.01px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-engage__stats { padding: 11.15px 14.87px 13.01px; display: flex; gap: 37.18px; border-top: .93px solid var(--cb-border-subtle); white-space: nowrap; }.cb-stat { display: flex; flex-direction: column; gap: 1.86px; animation: cb-fade-up 600ms var(--cb-ease) both; }.cb-stat--reply { animation-delay: var(--cb-reply-at); }.cb-stat--opened { animation-delay: var(--cb-opened-at); }.cb-stat__label { font: 400 10.22px/13.94px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-stat__value { font: 500 12.08px/16.73px var(--cb-sans); color: var(--cb-text-primary); }.cb-call { min-height: 0; }.hc--proposal { left: 74px; }.hc--priority { left: 962px; }.hc--intro { left: 968px; }.cb-call__task { width: 100%; }.cb-call__tasks { width: 100%; }.cb-due { margin-left: auto; font: 400 10.89px/14.84px var(--cb-sans); color: var(--cb-text-tertiary); font-style: normal; }.cb-plan__title { font: 400 15.83px/20px var(--cb-serif); color: var(--cb-text-primary); white-space: nowrap; }.cb-plan__who { display: flex; align-items: center; gap: 6px; font: 400 10.89px/14.84px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-plan__who i { width: 5.6px; height: 5.6px; border-radius: 50%; background: var(--cb-success); animation: cb-pulse 2400ms ease-out 1100ms infinite; }@media (max-aspect-ratio: 13/10) { .hero__ribbon-path { stroke-width: 28; } }@keyframes cb-rise { from { opacity: 0; translate: 0 8px; } }@keyframes cb-fill { from { transform: scaleX(0); } }@keyframes cb-fade { from { opacity: 0; } }@keyframes cb-fade-up { from { opacity: 0; transform: translateY(3px); } }@keyframes cb-pop { from { opacity: 0; transform: scale(.92); } }@keyframes cb-pop-point { from { opacity: 0; transform: scale(.3); } }@keyframes cb-audio { from { transform: scaleY(var(--lo)); } to { transform: scaleY(1); } }@keyframes cb-draw { from { stroke-dashoffset: 1; } }@keyframes cb-reveal { from { clip-path: inset(0 100% 0 283px); } to { clip-path: inset(0 0 0 283px); } }@keyframes cb-pulse {0% { box-shadow: 0 0 0 0 rgba(46, 189, 67, .45); } 70% { box-shadow: 0 0 0 4.5px rgba(46, 189, 67, 0); } 100% { box-shadow: 0 0 0 0 rgba(46, 189, 67, 0); }}@keyframes cb-pulse-lg {0% { box-shadow: 0 0 0 0 rgba(46, 189, 67, .45); } 70% { box-shadow: 0 0 0 5px rgba(46, 189, 67, 0); } 100% { box-shadow: 0 0 0 0 rgba(46, 189, 67, 0); }}@keyframes cb-breathe { 50% { scale: 1.3; } }@keyframes cb-ring { 0% { opacity: .5; transform: scale(1); } 70% { opacity: 0; transform: scale(2.6); } 100% { opacity: 0; transform: scale(2.6); } }.cb-card { transition: scale 320ms var(--cb-ease); will-change: scale; }@media (hover: hover) { .cb-card:hover { scale: 1.03; } }.hc:hover { z-index: 5; }@media (prefers-reduced-motion: reduce) {.cb-card, .cb-card *, .hero__ribbon-path, .hc, .hero__ribbon { animation: none !important; transition: none !important; }.cb-card:hover { scale: 1; }.cb-point-ring { display: none; }.replay { display: none; }.hero__cta { opacity: 1 !important; visibility: visible !important; translate: -50% 0 !important; }}</style><div class="hero-wrap" id="heroWrap"><section class="hero" id="hero" aria-label="Cobl hero"><template id="heroTpl"><div class="hero__bg"></div><svg class="hero__ribbon" viewBox="0 0 1440 850" width="1440" height="850" aria-hidden="true" focusable="false"><path class="hero__ribbon-path" pathLength="1" transform="matrix(0.9996524 -0.0263658 0.0263658 0.9996524 -120.390625 96.3017578)" d="M 0 89.869140625 C 72.83333587646484 45.70247268676758 227.5 -16.130859375 263.5 89.869140625 C 308.5 222.369140625 141 611.869140625 604 477.369140625 C 1067 342.869140625 1220.5 437.869140625 1325 581.369140625 C 1429.5 724.869140625 1285.9892578125 835.3896484375 1230.4892578125 725.8896484375 C 1174.9892578125 616.3896484375 1073.50390625 56 1468.00390625 0"/></svg><div class="hc hc--deal" data-order="4"><div class="cb-card cb-deal" role="group" aria-label="Deal progress: Arcline Defence"><div><p class="cb-deal__name">Arcline Defence</p><div class="cb-deal__row"><span class="cb-deal__label">Toward close</span><span class="cb-deal__value">€120k · <span data-count="72">72</span>%</span></div></div><div class="cb-deal__bar" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"><div class="cb-deal__fill"></div></div></div></div><div class="hc hc--priority" data-order="1"><div class="cb-card cb-priority" role="group" aria-label="Signal: Helix Security budget approved"><div class="cb-priority__account"><p class="cb-priority__name">Helix Security</p><div class="cb-priority__signal"><span class="cb-priority__dot" aria-hidden="true"></span>Budget approved for Q1</div></div><div class="cb-priority__potential"><div class="cb-priority__track" role="meter" aria-valuenow="94" aria-valuemin="0" aria-valuemax="100" aria-label="Priority"><div class="cb-priority__fill"></div></div><span class="cb-priority__score">94</span></div><button class="cb-priority__cta" type="button">Follow up</button></div></div><div class="hc hc--call" data-order="3"><article class="cb-card cb-call" aria-label="Follow-up plan for Northgate Cyber"><div class="cb-call__meta"><span class="cb-call__chip">Follow-up plan</span><span>Next 2 weeks</span></div><p class="cb-plan__title cb-call__title">Get Northgate back on track</p><p class="cb-plan__who"><i aria-hidden="true"></i>Prepared by Cobl from the last call</p><p class="cb-call__label">Upcoming tasks</p><ul class="cb-call__tasks" aria-label="Upcoming tasks"><li><label class="cb-call__task"><input class="cb-call__input" type="checkbox" checked data-intro-check><span class="cb-call__box" aria-hidden="true"><svg class="cb-call__tick" viewBox="0 0 9 9"><path pathLength="1" d="M1.6 4.7 3.6 6.6 7.4 2.4"/></svg></span>Send a short recap to Alice<em class="cb-due">Today</em></label></li><li><label class="cb-call__task"><input class="cb-call__input" type="checkbox"><span class="cb-call__box" aria-hidden="true"><svg class="cb-call__tick" viewBox="0 0 9 9"><path pathLength="1" d="M1.6 4.7 3.6 6.6 7.4 2.4"/></svg></span>Share the CFO business case<em class="cb-due">Wed</em></label></li><li><label class="cb-call__task"><input class="cb-call__input" type="checkbox"><span class="cb-call__box" aria-hidden="true"><svg class="cb-call__tick" viewBox="0 0 9 9"><path pathLength="1" d="M1.6 4.7 3.6 6.6 7.4 2.4"/></svg></span>Book the security review<em class="cb-due">Fri</em></label></li></ul></article></div><div class="hc hc--proposal" data-order="0"><article class="cb-card cb-move cb-move--proposal" aria-label="Alert: Arcline Defence opened the proposal 3 times"><header class="cb-move__header"><div class="cb-move__title"><div class="cb-move__meta"><span>Alert,</span><span class="cb-move__via">via: Arcline Defence</span></div><p class="cb-move__heading">Proposal opened 3 times</p></div><span class="cb-move__chip"><span class="cb-move__dot" aria-hidden="true"></span>Just now</span></header><div class="cb-move__body"><p>Shared with their CFO this morning</p></div><div class="cb-move__actions"><button class="cb-move__btn cb-move__btn--ghost" type="button">View activity</button><button class="cb-move__btn cb-move__btn--primary" type="button">Follow up now</button></div></article></div><div class="hc hc--engage" data-order="2"><article class="cb-card cb-engage" aria-label="Northgate Cyber buyer engagement over the last six weeks"><header class="cb-engage__header"><div class="cb-engage__title"><p class="cb-engage__name">Northgate Cyber</p><p class="cb-engage__sub">Buyer engagement · last 6 weeks</p></div><span class="cb-engage__risk"><i aria-hidden="true"></i>At risk</span></header><div class="cb-engage__chart" role="img" aria-label="Engagement rose until the proposal was sent two weeks ago, then dropped over nine days of silence."><svg viewBox="0 0 461.14 158" aria-hidden="true"><g class="cb-grid"><line x1="22.31" x2="414.53" y1="31.6" y2="31.6"/><line x1="22.31" x2="414.53" y1="64.44" y2="64.44"/><line x1="22.31" x2="414.53" y1="97.28" y2="97.28"/><line x1="22.31" x2="414.53" y1="130.12" y2="130.12"/></g><path class="cb-area" d="M22.31 69.04 L153.05 45.39 L218.42 51.3 L283.79 53.28 L283.79 130.12 L22.31 130.12 Z"/><line class="cb-marker" x1="283.79" x2="283.79" y1="24.17" y2="130.12"/><path class="cb-line" pathLength="1" d="M22.31 69.04 L153.05 45.39 L218.42 51.3 L283.79 53.28"/></svg><svg class="cb-engage__silence" viewBox="0 0 461.14 158" aria-hidden="true"><path class="cb-silence" d="M283.79 53.28 L349.16 97 L414.53 106.48"/></svg><svg viewBox="0 0 461.14 158" aria-hidden="true"><circle class="cb-point-ring cb-point-ring--sent" cx="283.79" cy="53.28" r="4.18"/><circle class="cb-point cb-point--sent" cx="283.79" cy="53.28" r="4.18"/><circle class="cb-point-ring" cx="414.53" cy="106.48" r="4.18"/><circle class="cb-point cb-point--now" cx="414.53" cy="106.48" r="4.18"/></svg><span class="cb-chip cb-chip--sent">Proposal sent</span><span class="cb-chip cb-chip--silent">9 days silent</span><div class="cb-axis" aria-hidden="true"><span style="left:15.33px">6w</span><span style="left:80.71px">5w</span><span style="left:146.08px">4w</span><span style="left:211.45px">3w</span><span style="left:276.82px">2w</span><span style="left:343.12px">1w</span><span style="left:404.31px">Now</span></div></div><div class="cb-engage__stats"><div class="cb-stat cb-stat--reply"><span class="cb-stat__label">Last reply</span><span class="cb-stat__value">9 days ago</span></div><div class="cb-stat cb-stat--opened"><span class="cb-stat__label">Proposal opened</span><span class="cb-stat__value">Not yet</span></div></div></article></div><div class="hc hc--intro" data-order="5"><article class="cb-card cb-move cb-move--intro" aria-label="Next move: Re-engage Alice"><header class="cb-move__header"><div class="cb-move__title"><div class="cb-move__meta"><span>Next move,</span><span class="cb-move__via">via: 9 days of silence</span></div><p class="cb-move__heading">Re-engage Alice</p></div><span class="cb-move__chip"><span class="cb-move__dot" aria-hidden="true"></span>Draft ready</span></header><div class="cb-move__body"><p>A short note with the case study<br>she asked for on the call.</p></div><div class="cb-move__actions"><button class="cb-move__btn cb-move__btn--ghost" type="button">Preview</button><button class="cb-move__btn cb-move__btn--primary" type="button">Send follow-up</button></div></article></div></template></section></div><script> (function () { var wrap = document.getElementById('heroWrap'); var hero = document.getElementById('hero'); var tpl = document.getElementById('heroTpl'); var still = matchMedia('(prefers-reduced-motion: reduce)').matches; var BASE = 250, STEP = 140; var APPEAR = { proposal: 400, call: 900, engage: 1600, intro: 2400, deal: 2850, priority: 3300 }; function appearAt(hc) { for (var k in APPEAR) if (hc.classList.contains('hc--' + k)) return APPEAR[k]; return BASE; } var timers = []; var WIDE = [50, 147, 1340, 569], NARROW = [452, 300, 503, 350]; function fit() { var W = wrap.clientWidth, H = wrap.clientHeight; var narrow = W / H < 1.3, R = narrow ? NARROW : WIDE; var k = narrow ? Math.min(W / R[2], H / R[3]) : Math.max(W / R[2], H / R[3]); var ox = (W - R[2] * k) / 2 - R[0] * k, oy = (H - R[3] * k) / 2 - R[1] * k; hero.style.transform = 'translate(' + ox + 'px,' + oy + 'px) scale(' + k + ')'; } function initCall(card, delay) { card.querySelectorAll('.cb-call__wave i').forEach(function (bar, i) { var r = Math.abs(Math.sin(i * 12.9898) * 43758.5453) % 1; var live = bar.classList.contains('is-live'); bar.style.setProperty('--d', Math.round((live ? 520 : 760) + r * (live ? 380 : 620)) + 'ms'); bar.style.setProperty('--dl', -Math.round(r * 1400) + 'ms'); }); if (still) return; var first = card.querySelector('[data-intro-check]'); if (!first) return; first.checked = false; var t = setTimeout(function () { first.checked = true; }, delay + 1300); timers.push(t); first.addEventListener('change', function () { clearTimeout(t); }, { once: true }); } function initDeal(card) { var el = card.querySelector('[data-count]'); var fill = card.querySelector('.cb-deal__fill'); if (!el || !fill || still) return; var target = +el.dataset.count; el.textContent = '0'; fill.addEventListener('animationend', function () { el.textContent = target; }, { once: true }); requestAnimationFrame(function step() { if (!fill.isConnected) return; var m = getComputedStyle(fill).transform; var scale = m === 'none' ? 1 : parseFloat(m.split('(')[1]); el.textContent = Math.round(target * scale); if (scale < 1) requestAnimationFrame(step); }); } var TYPE_MIN = 45; // fastest keystroke (ms) var TYPE_MAX = 95; // slowest keystroke (ms) var TYPE_SPACE = 70; // extra pause after a word var CARET_HOLD = 1100; // caret blinks this long after the last letter, then goes function typeIn(el, start, speed) { speed = speed || 1; var original = el.innerHTML; el.setAttribute('aria-label', el.textContent.replace(/\s+/g, ' ').trim()); var chars = []; (function walk(node) { Array.prototype.slice.call(node.childNodes).forEach(function (n) { if (n.nodeType === 3) { var frag = document.createDocumentFragment(); Array.from(n.textContent).forEach(function (ch) { if (/\s/.test(ch)) { frag.appendChild(document.createTextNode(ch)); if (chars.length) chars[chars.length - 1].space = true; return; } var sp = document.createElement('span'); sp.className = 'type-ch'; sp.setAttribute('aria-hidden', 'true'); sp.textContent = ch; frag.appendChild(sp); chars.push({ el: sp }); }); n.parentNode.replaceChild(frag, n); } else if (n.nodeType === 1 && n.tagName !== 'BR') { walk(n); } }); })(el); if (!chars.length) return; var t = start; chars.forEach(function (c) { c.at = t; t += (TYPE_MIN + Math.random() * (TYPE_MAX - TYPE_MIN) + (c.space ? TYPE_SPACE : 0)) * speed; }); var caret = null; function moveCaret(sp, typing) { if (caret) caret.classList.remove('is-caret', 'is-typing'); caret = sp; sp.classList.add('is-caret'); sp.classList.toggle('is-typing', typing); } chars.forEach(function (c, i) { timers.push(setTimeout(function () { if (!el.isConnected) return; c.el.classList.add('is-typed'); moveCaret(c.el, i < chars.length - 1); }, c.at)); }); timers.push(setTimeout(function () { if (!el.isConnected) return; el.innerHTML = original; el.removeAttribute('aria-label'); }, t + CARET_HOLD)); return t; } var TYPE_ORDER = [ '.cb-move--proposal .cb-move__heading', '.cb-call__title', '.cb-engage__name', '.cb-move--intro .cb-move__heading', '.cb-deal__name', '.cb-priority__name' ]; var TYPE_FIRST = 800; // first title starts typing var TYPE_OVERLAP = .45; // next title starts when the previous is this far through var TYPE_GAP = [120, 380];// plus a random breath (ms) so the cadence never repeats function scheduleTyping() { var at = TYPE_FIRST, last = 0; TYPE_ORDER.forEach(function (sel) { var el = hero.querySelector(sel); if (!el) return; var hc = el.closest('.hc'); if (hc) at = Math.max(at, appearAt(hc) + 350); var speed = .85 + Math.random() * .35; var end = typeIn(el, at, speed); last = Math.max(last, end); at = at + (end - at) * TYPE_OVERLAP + TYPE_GAP[0] + Math.random() * (TYPE_GAP[1] - TYPE_GAP[0]); }); return last; } var CTA_AFTER = 120; // pause after the stroke finishes before the CTA appears function play() { timers.forEach(clearTimeout); timers = []; hero.querySelectorAll(':scope > :not(template)').forEach(function (n) { n.remove(); }); hero.appendChild(tpl.content.cloneNode(true)); hero.querySelectorAll('.hc').forEach(function (hc) { var delay = still ? 0 : appearAt(hc); if (hc.querySelector('.cb-call')) initCall(hc, delay); if (hc.querySelector('.cb-deal')) initDeal(hc); timers.push(setTimeout(function () { hc.classList.add('is-on'); }, delay)); }); if (!still) scheduleTyping(); } var started = false; fit(); window.addEventListener('resize', fit); if ('ResizeObserver' in window) new ResizeObserver(fit).observe(wrap); if ('IntersectionObserver' in window) { new IntersectionObserver(function (es) { es.forEach(function (e) { if (e.isIntersecting && !started) { started = true; play(); } }); }, { threshold: .3 }).observe(document.body); } else { started = true; play(); } })(); </script></body></html>

Trusted by 1700+ teams to close deals faster.

Customer logos: Vinci Energies, Orano, Econocom, Ayming, Paragon, Randstad, Free, Adista, Alcatel-Lucent

Know which deals need your attention

Cobl continuously follows what is happening across your opportunities and brings the right deal back to you when something changes.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Buyer engagement</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:#e4eaf8}.eg{left:24px;top:13px;transform:scale(.806);transform-origin:0 0}.cd{width:463px;height:291px;display:flex;flex-direction:column;background:#fff;border:.93px solid #efeeed;border-radius:11.15px;box-shadow:0 7.44px 18.59px rgba(0,0,0,.08);overflow:hidden}.hd{padding:13.01px 14.87px 9.29px;display:flex;align-items:center;justify-content:space-between}.nm{font-size:16.73px;line-height:18.59px}.sub{margin-top:2.79px;font-size:11.15px;line-height:14.87px;color:var(--ts)}.lv{display:inline-flex;align-items:center;gap:4.65px;padding:2.79px 7.44px;border-radius:999px;background:var(--lime);color:var(--oktx);font-size:10.22px;line-height:13.94px;font-weight:500;opacity:0;transition:opacity 300ms var(--ease)}.lv i{width:5.58px;height:5.58px;border-radius:50%;background:var(--ok);animation:pl 1800ms ease-out infinite}@keyframes pl{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)}}.bars{flex:1;margin:8px 22px 14px;display:flex;align-items:flex-end;gap:10px;border-bottom:.93px solid var(--bs)}.bars i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:#e3e8f2;transform-origin:bottom;transform:scaleY(.08);transition:transform 600ms var(--ease)}.bars i.hot{background:var(--ac)}.go .bars i{transform:none;transition-delay:calc(var(--i) * 45ms)}.kp{padding:11.15px 14.87px 13.01px;display:flex;gap:37.18px;border-top:.93px solid var(--bs);white-space:nowrap}.kp em{display:block;font-style:normal;font-size:10.22px;line-height:13.94px;color:var(--tt)}.kp b{display:block;margin-top:1.86px;font-size:12.08px;line-height:16.73px;font-weight:500;font-variant-numeric:tabular-nums}.on .lv{opacity:1}</style></head><body><div id="stage"><div class="eg" data-a="rise" style="--d:100;--y:8"><div class="cd"><div class="hd"><div><p class="nm serif">Proposal views</p><p class="sub">Northgate Cyber · last 10 days</p></div><span class="lv"><i></i>Active now</span></div><div class="bars"><i class="" style="--h:22px;--i:0"></i><i class="" style="--h:30px;--i:1"></i><i class="" style="--h:18px;--i:2"></i><i class="" style="--h:26px;--i:3"></i><i class="" style="--h:14px;--i:4"></i><i class="" style="--h:20px;--i:5"></i><i class="" style="--h:16px;--i:6"></i><i class="" style="--h:24px;--i:7"></i><i class="hot" style="--h:74px;--i:8"></i><i class="hot" style="--h:112px;--i:9"></i></div><div class="kp"><div><em>Opens today</em><b data-count data-to="3" data-at="1500" data-dur="900">3</b></div><div><em>Reading time</em><b><span data-count data-to="12" data-at="1500" data-dur="1100">12</span> min</b></div></div></div></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=[["d", 0, 0, 421, 260]],TL=[[400, "#stage", "go"], [1500, "#stage", "on"]],BG=null,END=3200,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>

Buyer engagement

understand when prospects interact with your proposals and sales content.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Silence and risk</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:#f7e6ee}:root{--page: #f8f8f8;--cb-text-primary: #181818;--cb-text-secondary: #545352;--cb-text-tertiary: #767473;--cb-border-subtle: #efeeed;--cb-surface-subtle: #efeeed;--cb-surface-sunken: #e8e7e6;--cb-surface-elevated: #f8f8f8;--cb-accent: #9eff78;--cb-lime-100: #e9fae3;--cb-lime-500: #69ff1f;--cb-success: #2ebd43;--cb-success-text: #216b2e;--cb-progress: #2f5e3e;--cb-danger: #d9453d;--cb-danger-text: #a82e29;--cb-danger-bg: rgba(217, 69, 61, .09);--cb-primary: #0c0c0c;--ribbon: var(--cb-accent);--cb-ease: cubic-bezier(.22, 1, .36, 1);--cb-serif: "STK Bureau Serif", "STK Bureau Serif Variable Complete", Georgia, serif;--cb-sans: "Inter", system-ui, sans-serif;}.cb-engage {--cb-line-dur: 2000ms; --cb-line-delay: 300ms; --cb-sent-at: 2200ms;--cb-silence-dur: 1800ms; --cb-silence-delay: 2550ms; --cb-now-at: 4250ms;--cb-curve-ease: cubic-bezier(.45, 0, .25, 1); --cb-reply-at: 4800ms; --cb-opened-at: 5400ms;box-sizing: border-box; width: 463px; min-height: 291px;background: #fff; border: .93px solid var(--cb-border-subtle); border-radius: 11.15px;box-shadow: 0 7.44px 18.59px rgba(0, 0, 0, .08); overflow: hidden; font-family: var(--cb-sans);animation: cb-rise 700ms var(--cb-ease) both;}.cb-engage p { margin: 0; }.cb-engage__header { box-sizing: border-box; width: 423.6px; padding: 13.01px 14.87px 9.29px; display: flex; justify-content: space-between; align-items: center; }.cb-engage__title { display: flex; flex-direction: column; gap: 2.79px; white-space: nowrap; }.cb-engage__name { font: 400 16.73px/18.59px var(--cb-serif); color: var(--cb-text-primary); }.cb-engage__sub { font: 400 11.15px/14.87px var(--cb-sans); color: var(--cb-text-secondary); }.cb-engage__risk { display: inline-flex; align-items: center; gap: 4.65px; padding: 2.79px 7.44px; border-radius: 999px; background: var(--cb-danger-bg);font: 500 10.22px/13.94px var(--cb-sans); color: var(--cb-danger-text); }.cb-engage__risk i { width: 5.58px; height: 5.58px; border-radius: 50%; background: var(--cb-danger); }.cb-engage__chart { position: relative; height: 158px; }.cb-engage__chart svg { position: absolute; inset: 0; width: 461.14px; height: 158px; overflow: visible; }.cb-grid line { stroke: var(--cb-border-subtle); stroke-width: .93; }.cb-area { fill: rgba(46, 189, 67, .12); animation: cb-fade 1200ms ease calc(var(--cb-line-delay) + 800ms) both; }.cb-line { fill: none; stroke: var(--cb-success); stroke-width: 1.86; stroke-linecap: round; stroke-linejoin: round;stroke-dasharray: 1; stroke-dashoffset: 0; animation: cb-draw var(--cb-line-dur) var(--cb-curve-ease) var(--cb-line-delay) both; }.cb-marker { stroke: #d2d0ce; stroke-width: .93; stroke-dasharray: 2.8 2.8; animation: cb-fade 500ms ease var(--cb-sent-at) both; }.cb-point { transform-box: fill-box; transform-origin: center; animation: cb-pop-point 500ms var(--cb-ease) both; }.cb-point--sent { fill: var(--cb-success);animation: cb-pop-point 500ms var(--cb-ease) var(--cb-sent-at) both, cb-breathe 2400ms ease-in-out calc(var(--cb-sent-at) + 600ms) infinite; }.cb-engage__silence { animation: cb-reveal var(--cb-silence-dur) var(--cb-curve-ease) var(--cb-silence-delay) both; }.cb-silence { fill: none; stroke: var(--cb-danger); stroke-width: 1.86; stroke-dasharray: 4.6 3.7; stroke-linecap: round; stroke-linejoin: round; }.cb-point--now { fill: var(--cb-danger);animation: cb-pop-point 500ms var(--cb-ease) var(--cb-now-at) both, cb-breathe 2400ms ease-in-out calc(var(--cb-now-at) + 600ms) infinite; }.cb-point-ring { fill: none; stroke: var(--cb-danger); stroke-width: 1; transform-box: fill-box; transform-origin: center; opacity: 0;animation: cb-ring 2400ms ease-out calc(var(--cb-now-at) + 500ms) infinite; }.cb-point-ring--sent { stroke: var(--cb-success); animation-delay: calc(var(--cb-sent-at) + 500ms); }.cb-chip { position: absolute; padding: 2.79px 7.44px; border-radius: 5.58px; font: 500 9.76px/13.01px var(--cb-sans); white-space: nowrap; }.cb-chip--sent { left: 244.29px; top: 3.72px; background: var(--cb-surface-elevated); color: var(--cb-text-primary); animation: cb-fade-up 500ms var(--cb-ease) calc(var(--cb-sent-at) + 100ms) both; }.cb-chip--silent { left: 345.76px; top: 74.88px; background: var(--cb-danger-bg); color: var(--cb-danger-text); animation: cb-fade-up 500ms var(--cb-ease) var(--cb-now-at) both; }.cb-axis span { position: absolute; top: 139.42px; font: 400 9.29px/13.01px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-engage__stats { padding: 11.15px 14.87px 13.01px; display: flex; gap: 37.18px; border-top: .93px solid var(--cb-border-subtle); white-space: nowrap; }.cb-stat { display: flex; flex-direction: column; gap: 1.86px; animation: cb-fade-up 600ms var(--cb-ease) both; }.cb-stat--reply { animation-delay: var(--cb-reply-at); }.cb-stat--opened { animation-delay: var(--cb-opened-at); }.cb-stat__label { font: 400 10.22px/13.94px var(--cb-sans); color: var(--cb-text-tertiary); }.cb-stat__value { font: 500 12.08px/16.73px var(--cb-sans); color: var(--cb-text-primary); }@keyframes cb-rise { from { opacity: 0; translate: 0 8px; } }@keyframes cb-fill { from { transform: scaleX(0); } }@keyframes cb-fade { from { opacity: 0; } }@keyframes cb-fade-up { from { opacity: 0; transform: translateY(3px); } }@keyframes cb-pop { from { opacity: 0; transform: scale(.92); } }@keyframes cb-pop-point { from { opacity: 0; transform: scale(.3); } }@keyframes cb-audio { from { transform: scaleY(var(--lo)); } to { transform: scaleY(1); } }@keyframes cb-draw { from { stroke-dashoffset: 1; } }@keyframes cb-reveal { from { clip-path: inset(0 100% 0 283px); } to { clip-path: inset(0 0 0 283px); } }@keyframes cb-pulse {0% { box-shadow: 0 0 0 0 rgba(46, 189, 67, .45); } 70% { box-shadow: 0 0 0 4.5px rgba(46, 189, 67, 0); } 100% { box-shadow: 0 0 0 0 rgba(46, 189, 67, 0); }}@keyframes cb-pulse-lg {0% { box-shadow: 0 0 0 0 rgba(46, 189, 67, .45); } 70% { box-shadow: 0 0 0 5px rgba(46, 189, 67, 0); } 100% { box-shadow: 0 0 0 0 rgba(46, 189, 67, 0); }}@keyframes cb-breathe { 50% { scale: 1.3; } }@keyframes cb-ring { 0% { opacity: .5; transform: scale(1); } 70% { opacity: 0; transform: scale(2.6); } 100% { opacity: 0; transform: scale(2.6); } }.eg{left:24px;top:13px;transform:scale(.806);transform-origin:0 0}.cb-engage{animation:none}body:not(.play) .eg *{animation-play-state:paused!important}</style></head><body><div id="stage"><div class="eg" data-a="rise" style="--d:0;--y:8"><article class="cb-card cb-engage" aria-label="Northgate Cyber buyer engagement over the last six weeks"><header class="cb-engage__header"><div class="cb-engage__title"><p class="cb-engage__name">Northgate Cyber</p><p class="cb-engage__sub">Buyer engagement · last 6 weeks</p></div><span class="cb-engage__risk"><i aria-hidden="true"></i>At risk</span></header><div class="cb-engage__chart" role="img" aria-label="Engagement rose until the proposal was sent two weeks ago, then dropped over nine days of silence."><svg viewBox="0 0 461.14 158" aria-hidden="true"><g class="cb-grid"><line x1="22.31" x2="414.53" y1="31.6" y2="31.6"/><line x1="22.31" x2="414.53" y1="64.44" y2="64.44"/><line x1="22.31" x2="414.53" y1="97.28" y2="97.28"/><line x1="22.31" x2="414.53" y1="130.12" y2="130.12"/></g><path class="cb-area" d="M22.31 69.04 L153.05 45.39 L218.42 51.3 L283.79 53.28 L283.79 130.12 L22.31 130.12 Z"/><line class="cb-marker" x1="283.79" x2="283.79" y1="24.17" y2="130.12"/><path class="cb-line" pathLength="1" d="M22.31 69.04 L153.05 45.39 L218.42 51.3 L283.79 53.28"/></svg><svg class="cb-engage__silence" viewBox="0 0 461.14 158" aria-hidden="true"><path class="cb-silence" d="M283.79 53.28 L349.16 97 L414.53 106.48"/></svg><svg viewBox="0 0 461.14 158" aria-hidden="true"><circle class="cb-point-ring cb-point-ring--sent" cx="283.79" cy="53.28" r="4.18"/><circle class="cb-point cb-point--sent" cx="283.79" cy="53.28" r="4.18"/><circle class="cb-point-ring" cx="414.53" cy="106.48" r="4.18"/><circle class="cb-point cb-point--now" cx="414.53" cy="106.48" r="4.18"/></svg><span class="cb-chip cb-chip--sent">Proposal sent</span><span class="cb-chip cb-chip--silent">9 days silent</span><div class="cb-axis" aria-hidden="true"><span style="left:15.33px">6w</span><span style="left:80.71px">5w</span><span style="left:146.08px">4w</span><span style="left:211.45px">3w</span><span style="left:276.82px">2w</span><span style="left:343.12px">1w</span><span style="left:404.31px">Now</span></div></div><div class="cb-engage__stats"><div class="cb-stat cb-stat--reply"><span class="cb-stat__label">Last reply</span><span class="cb-stat__value">9 days ago</span></div><div class="cb-stat cb-stat--opened"><span class="cb-stat__label">Proposal opened</span><span class="cb-stat__value">Not yet</span></div></div></article></div></div><script>window.onreset=function(){var e=document.querySelector('.eg article');var c=e.cloneNode(true);e.parentNode.replaceChild(c,e);};</script><script> (function(){ var st=document.getElementById('stage'),bg=document.getElementById('bg'),root=document.body; var still=matchMedia('(prefers-reduced-motion: reduce)').matches; var LAY=[["d", 0, 0, 421, 260]],TL=[],BG=null,END=6400,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>

Silence and risk

surface inactivity, missing commitments and signals that can slow the deal.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Timing</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:#f6eac6}.tl{left:26px;top:0;width:345px;height:260px}.ln{position:absolute;left:0;top:132px;height:2px;width:345px;background:#c9bf9c;transform-origin:right;transform:scaleX(0);opacity:0;transition:transform 1200ms cubic-bezier(.45,0,.25,1)}.go .ln{transform:none;opacity:1}.ms{position:absolute;top:126px;width:0;opacity:0;transition:opacity 300ms var(--ease)}.ms i{position:absolute;left:-7px;top:0;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2a240d}.ms p{position:absolute;left:-60px;width:120px;top:24px;text-align:center;font-size:12px;line-height:16px;font-weight:500;color:#2a240d;white-space:nowrap}.ms span{position:absolute;left:-60px;width:120px;top:42px;text-align:center;font-size:11px;line-height:14px;color:#8a7f5c;white-space:nowrap}.ms.in{opacity:1}.ms.end i{background:#2a240d}.ms.due i{border-color:var(--warn);background:var(--warn);box-shadow:0 0 0 0 rgba(240,138,36,.5);animation:wr 1600ms ease-out infinite}@keyframes wr{0%{box-shadow:0 0 0 0 rgba(240,138,36,.5)}80%,100%{box-shadow:0 0 0 8px rgba(240,138,36,0)}}.ms.due span{color:var(--warntx);font-weight:600}.td{position:absolute;left:18px;top:86px;opacity:0;transform:translateY(-6px);transition:opacity 300ms var(--ease),transform 400ms var(--ease)}.td b{display:block;padding:2px 7px;border-radius:5px;background:#2a240d;color:#fff;font-size:10.5px;line-height:15px;font-weight:600;transform:translateX(-50%)}.td i{position:absolute;left:-1px;top:19px;width:2px;height:28px;background:#2a240d}.td.in{opacity:1;transform:none}.al{left:0;right:0;top:46px;text-align:center;opacity:0;transition:opacity 400ms var(--ease)}.al span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--warnbg);color:var(--warntx);font-size:11.5px;line-height:16px;font-weight:600}.al.in{opacity:1}</style></head><body><div id="stage"><div class="tl"><div class="ln"></div><div class="ms m0" style="left:70px"><i></i><p>Security review</p><span>Fri 7 Nov</span></div><div class="ms m1" style="left:170px"><i></i><p>Legal review</p><span>17 Nov</span></div><div class="ms m2" style="left:262px"><i></i><p>Board</p><span>24 Nov</span></div><div class="ms m3 end" style="left:345px"><i></i><p>Signature</p><span>30 Nov</span></div><div class="td"><b>Today</b><i></i></div></div><p class="al"><span>Security review due Friday to sign on time</span></p></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=[["d", 0, 0, 421, 260]],TL=[[200, "#stage", "go"], [300, ".m3", "in"], [650, ".m2", "in"], [1000, ".m1", "in"], [1350, ".m0", "in"], [1900, ".td", "in"], [2500, ".m0", "due"], [2800, ".al", "in"]],BG=null,END=null,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>

Timing

connect activity, deadlines and recent conversations to understand when action is needed.

Know why the deal needs attention before you act

An alert alone does not tell you what to do. Cobl connects the latest signal to the full opportunity context.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · What happened</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:#f6eac6}.ls{left:34px;top:27px;display:flex;flex-direction:column;gap:12px}.sg{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:18px;color:#2a240d;white-space:nowrap}.sg i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c)}</style></head><body><div id="stage"><div class="ls"><p class="sg" data-a="rise" style="--d:300;--y:6;--c:var(--ok)"><i></i>Proposal opened</p><p class="sg" data-a="rise" style="--d:750;--y:6;--c:var(--risk)"><i></i>9 days silent</p><p class="sg" data-a="rise" style="--d:1200;--y:6;--c:var(--warn)"><i></i>Pricing not sent</p></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", 0, 0, 200, 128]],TL=[],BG=null,END=2400,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>

What happened

buyer activity, silence, a missed commitment or a change in timing.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Why it matters</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:#ece6fb}.cl{left:0;right:0;top:20px;display:flex;flex-direction:column;align-items:center}.ch{padding:5px 11px;border-radius:999px;font-size:12.5px;line-height:17px;white-space:nowrap}.a{background:#fff;color:#181818}.b{background:var(--riskbg);color:var(--risktx);font-weight:500}.ln{width:1.5px;height:26px;margin:5px 0;background:#8f88a8;transform-origin:top;transform:scaleY(0);transition:transform 500ms var(--ease)}.on .ln{transform:none}</style></head><body><div id="stage"><div class="cl"><p class="ch a" data-a="rise" style="--d:200;--y:6">9 days silent</p><i class="ln"></i><p class="ch b" data-a="rise" style="--d:1200;--y:6">Q4 close at risk</p></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", 0, 0, 200, 128]],TL=[[700, "#stage", "on"]],BG=null,END=2400,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>

Why it matters

how that signal relates to the current state of the deal.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Who matters now</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:#e4eaf8}.rw{left:0;right:0;top:26px;display:flex;justify-content:center;gap:14px}.av{width:38px;height:38px;border-radius:50%;background:#fff;color:#2d3a55;display:grid;place-items:center;font-size:12px;font-weight:600;box-shadow:0 0 0 0 var(--ac);transition:opacity 400ms var(--ease),box-shadow 400ms var(--ease)}.pk .av{opacity:.35}.pk .av.me{opacity:1;box-shadow:0 0 0 2.5px var(--ac)}.nm{left:0;right:0;top:78px;text-align:center;font-size:12.5px;line-height:17px;color:#181818;white-space:nowrap;opacity:0;transition:opacity 400ms var(--ease)}.nm span{color:#5b6680}.pk .nm{opacity:1}</style></head><body><div id="stage"><div class="rw"><div data-a="rise" style="--d:200;--y:6"><div class="av">BM</div></div><div data-a="rise" style="--d:350;--y:6"><div class="av me">AL</div></div><div data-a="rise" style="--d:500;--y:6"><div class="av">SK</div></div></div><p class="nm">Alice <span>· CFO</span></p></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", 0, 0, 200, 128]],TL=[[1300, "#stage", "pk"]],BG=null,END=2600,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>

Who matters now

the stakeholder or relationship most relevant to the next move.

Follow up with the full deal behind you

When a deal needs attention, Cobl prepares the action from everything already known about the opportunity.

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Follow up with the full deal</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:#e9a58f}#bg .ph{position:absolute;inset:0;background:url(https://cdn.prod.website-files.com/68ee0ef582e0631038583e04/6abfb2c0a5552aefc231695e_background.jpg) center/100% 100% no-repeat}#bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,20,50,.0),rgba(40,20,50,.12))}.ic{width:15px;height:15px}.hd{translate:-50% 0;padding:4px 11px;border-radius:999px;background:rgba(28,18,38,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--meta);font-size:11.5px;line-height:15px;letter-spacing:.2px;white-space:nowrap}.wr{display:none;left:0;top:0;pointer-events:none}.wr svg{position:absolute;left:0;top:0;overflow:visible}.w{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;opacity:.85}.fd{position:absolute;left:0;top:0;width:10px;height:10px;offset-anchor:50% 50%;border-radius:50%;background:var(--ac);border:2px solid #181818;offset-distance:0%;offset-rotate:0deg;opacity:0}.play .fd{animation:flow var(--cyc) cubic-bezier(.45,0,.25,1) var(--dl) infinite both}@keyframes flow{0%{offset-distance:0%;opacity:0}3%{opacity:1}22%{opacity:1}26%,100%{offset-distance:100%;opacity:0}}#stage{--cyc:3000ms}.f-l1{--dl:0ms}.f-l2{--dl:180ms}.f-l3{--dl:360ms}.f-o1{--dl:1050ms}.pill{display:flex;align-items:center;gap:10px;padding:0 13px 0 10px;border-radius:12px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(60,20,50,.16);white-space:nowrap}.si{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff}.s-vid .si{background:#2d69ff}.s-act .si{background:#2ebd43}.s-pain .si{background:#f08a24}.pt{flex:1;min-width:0;font-size:13.5px;line-height:17px;font-weight:500;color:#181818;overflow:hidden;text-overflow:ellipsis}.pm{font-size:11px;color:var(--tt)}.node{padding:16px 18px;border-radius:16px;color:#fff;background:rgba(22,16,30,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 50px rgba(40,10,40,.3);display:flex;flex-direction:column;justify-content:center;gap:13px}.nh{display:flex;align-items:center;gap:11px}.node .cobl-mark{flex:none;width:34px;height:34px;display:block}.nl{font-family:var(--serif);font-size:18px;line-height:22px;white-space:nowrap}.nm{margin-top:3px;font-family:var(--meta);font-size:11.5px;line-height:14px;color:rgba(255,255,255,.6);white-space:nowrap}.node .nm{color:var(--ac)}.tx{min-height:40px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;line-height:20px;color:rgba(255,255,255,.92)}.ev{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(60,20,50,.22)}.dt{flex:none;width:46px;height:52px;border-radius:9px;overflow:hidden;background:#f3f2f1;text-align:center}.dt b{display:block;height:17px;background:#d9453d;color:#fff;font-size:10px;line-height:17px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.dt span{display:block;font-size:19px;line-height:33px;font-weight:600;color:#181818}.eb{min-width:0;display:flex;flex-direction:column;gap:3px}.et{font-family:var(--serif);font-size:17px;line-height:21px;color:#181818;white-space:nowrap}.em{font-size:12px;line-height:16px;color:var(--tt);white-space:nowrap}.pp{margin-top:9px;display:flex;align-items:center;gap:4px}.av{width:24px;height:24px;border-radius:50%;color:#fff;display:grid;place-items:center;font:600 9px/1 var(--ui)}.ni{margin-left:8px;font-size:12px;line-height:16px;font-weight:500;color:var(--oktx);white-space:nowrap}.L-c .pill{gap:8px;padding:0 10px 0 6px;border-radius:10px}.L-c .si{width:24px;height:24px;border-radius:7px}.L-c .si .ic{width:13px;height:13px}.L-c .pt{font-size:12px}.L-c .node{padding:12px 16px;gap:9px}.L-c .tx{padding-top:9px;font-size:13px;line-height:18px;min-height:0}.L-c .ev{padding:13px 14px}.L-m .pm,.L-c .hd{display:none}.L-m .pt{font-size:12.5px}.L-m .node{padding:14px 16px}.L-m .tx{font-size:13px;line-height:19px}.L-m .ev{padding:14px;gap:12px}.L-m .et{font-size:16px}.L-w .p1{left:110px;top:122px;width:290px;height:52px}.L-w .p2{left:110px;top:188px;width:290px;height:52px}.L-w .p3{left:110px;top:254px;width:290px;height:52px}.L-w .node{left:520px;top:138px;width:320px;height:152px}.L-w .ev{left:960px;top:158px;width:290px;height:112px}.L-w .h1{left:255px;top:52px}.L-w .h2{left:680px;top:52px}.L-w .h3{left:1105px;top:52px}.L-w .wr-w{display:block}.L-m .p1{left:14px;top:150px;width:244px;height:50px}.L-m .p2{left:14px;top:212px;width:244px;height:50px}.L-m .p3{left:14px;top:274px;width:244px;height:50px}.L-m .node{left:282px;top:162px;width:256px;height:150px}.L-m .ev{left:562px;top:181px;width:244px;height:112px}.L-m .h1{left:136px;top:58px}.L-m .h2{left:410px;top:58px}.L-m .h3{left:684px;top:58px}.L-m .wr-m{display:block}.L-c .p1{left:10px;top:8px;width:400px;height:36px}.L-c .p2{left:10px;top:50px;width:400px;height:36px}.L-c .p3{left:10px;top:92px;width:400px;height:36px}.L-c .node{left:40px;top:150px;width:340px;height:124px}.L-c .ev{left:70px;top:300px;width:280px;height:112px}.L-c .wr-c{display:block}</style></head><body><div id="bg" aria-hidden="true"><div class="ph"></div></div><div id="stage"><span class="hd h1">What Cobl knows</span><span class="hd h2">Follow-up</span><span class="hd h3">Result</span><div class="wr wr-w"><svg viewBox="0 0 1360 420" width="1360" height="420" aria-hidden="true"><path class="w l1" pathLength="1" d="M400 148 C460 148 460 214 520 214"/><path class="w l2" pathLength="1" d="M400 214 C460 214 460 214 520 214"/><path class="w l3" pathLength="1" d="M400 280 C460 280 460 214 520 214"/><path class="w o1" pathLength="1" d="M840 214 L960 214"/></svg><i class="fd f-l1" style="offset-path:path('M400 148 C460 148 460 214 520 214')"></i><i class="fd f-l2" style="offset-path:path('M400 214 C460 214 460 214 520 214')"></i><i class="fd f-l3" style="offset-path:path('M400 280 C460 280 460 214 520 214')"></i><i class="fd f-o1" style="offset-path:path('M840 214 L960 214')"></i></div><div class="wr wr-m"><svg viewBox="0 0 820 470" width="820" height="470" aria-hidden="true"><path class="w l1" pathLength="1" d="M258 175 C270 175 270 237 282 237"/><path class="w l2" pathLength="1" d="M258 237 C270 237 270 237 282 237"/><path class="w l3" pathLength="1" d="M258 299 C270 299 270 237 282 237"/><path class="w o1" pathLength="1" d="M538 237 L562 237"/></svg><i class="fd f-l1" style="offset-path:path('M258 175 C270 175 270 237 282 237')"></i><i class="fd f-l2" style="offset-path:path('M258 237 C270 237 270 237 282 237')"></i><i class="fd f-l3" style="offset-path:path('M258 299 C270 299 270 237 282 237')"></i><i class="fd f-o1" style="offset-path:path('M538 237 L562 237')"></i></div><div class="wr wr-c"><svg viewBox="0 0 420 430" width="420" height="430" aria-hidden="true"><path class="w l1" pathLength="1" d="M125 128 L125 150"/><path class="w l2" pathLength="1" d="M210 128 L210 150"/><path class="w l3" pathLength="1" d="M295 128 L295 150"/><path class="w o1" pathLength="1" d="M210 274 L210 300"/></svg><i class="fd f-l1" style="offset-path:path('M125 128 L125 150')"></i><i class="fd f-l2" style="offset-path:path('M210 128 L210 150')"></i><i class="fd f-l3" style="offset-path:path('M295 128 L295 150')"></i><i class="fd f-o1" style="offset-path:path('M210 274 L210 300')"></i></div><div class="pill p1 s-vid"><span class="si"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="m16 13 5.2 3.5a.5.5 0 0 0 .8-.4V7.9a.5.5 0 0 0-.8-.4L16 11"/><rect x="2" y="6" width="14" height="12" rx="2"/></svg></span><span class="pt">Last call with Alice</span><span class="pm">45 min</span></div><div class="pill p2 s-act"><span class="si"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/></svg></span><span class="pt">Security deck</span><span class="pm">Opened 3x</span></div><div class="pill p3 s-pain"><span class="si"><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><span class="pt">Data security concern</span><span class="pm">Discovery</span></div><div class="node" role="img" aria-label="The last call with Alice, the security deck opened 3 times and a data security concern feed a follow-up message to Alice. The result is a security workshop in the calendar on Thursday 20 November, with Alice, Ben and Miguel invited."><div class="nh"><svg class="cobl-mark" aria-hidden="true" viewBox="3 3 31 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><defs><clipPath id="clip0_c1"><rect width="29.1456" height="24.982" fill="white" transform="translate(3.73132 3.50902)"/></clipPath></defs></svg><div><p class="nl">Follow-up to Alice</p><p class="nm">Ready</p></div></div><p class="tx">Hi Alice, let's organize a security workshop with Ben, your CISO.</p></div><div class="ev"><div class="dt"><b>Nov</b><span>20</span></div><div class="eb"><p class="et">Security workshop</p><p class="em">Thu, 10:00 to 11:00</p><p class="pp"><span class="av v1" style="background:linear-gradient(135deg,#d9b38c,#8a6448)">AL</span><span class="av v2" style="background:linear-gradient(135deg,#9db4e8,#4d68a8)">BM</span><span class="av v3" style="background:linear-gradient(135deg,#b5d99a,#5e8a48)">MS</span><span class="ni">3 invited</span></p></div></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, 2.6, 1360, 420], ["m", 560, 0, 820, 470], ["c", 0, 0, 420, 430]],TL=[],BG=[1360, 480, 0.5, 0.6],END=null,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>

Draft the right follow-up

based on the latest conversation, commitments and buyer activity.

Address what is blocking progress

bring the right evidence, answer or material into the next interaction.

Keep commitments moving

surface what both sides agreed to do before momentum is lost.

Every recommendation starts with the full deal

Cobl uses the complete history of the opportunity to understand what matters now:

Buyer engagement and deal activity
Meetings, emails and commitments
Stakeholders and buying committee
Proposals, sales content and CRM context
<!doctype html> <html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <title>Cobl · Every recommendation starts with the full deal</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&display=swap" rel="stylesheet"> <style> :root{ --tp:#181818;--ts:#545352;--tt:#767473;--bs:#efeeed;--se:#f8f8f8;--ss:#efeeed;--sk:#e8e7e6; --ac:#9eff78;--ok:#2ebd43;--okbg:rgba(74,212,92,.14);--oktx:#216b2e;--lime:#e9fae3; --risk:#d9453d;--risktx:#a82e29;--riskbg:rgba(217,69,61,.09);--warnbg:rgba(255,153,51,.15);--warntx:#994d0d; --serif:"STK Bureau Serif Variable Complete","Source Serif 4",Georgia,serif; --ui:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--alt:"Instrument Sans",Inter,sans-serif; --ease:cubic-bezier(.22,1,.36,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} .nw{white-space:nowrap} #stage{position:absolute;left:50%;top:50%;width:var(--W);height:var(--H);background:var(--bg); transform:translate(-50%,-50%);transform-origin:center} #stage>*{position:absolute} #stage.out{opacity:0;transition:opacity .5s ease} .play [data-a]{animation-duration:calc(var(--t,600) * 1ms);animation-delay:calc(var(--d,0) * 1ms);animation-fill-mode:both;animation-timing-function:var(--ease)} .play [data-a="rise"]{animation-name:rise} .play [data-a="fade"]{animation-name:fade} .play [data-a="pulse"]{animation-name:pulse;animation-iteration-count:infinite;animation-timing-function:ease-out;animation-fill-mode:none} @keyframes rise{from{opacity:0;transform:translateY(calc(var(--y,14) * 1px))}} @keyframes fade{from{opacity:0}} @keyframes pulse{0%{box-shadow:0 0 0 0 var(--pc,rgba(46,189,67,.45))}70%,100%{box-shadow:0 0 0 var(--pr,5px) rgba(0,0,0,0)}} .sdot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--ok)} @media (prefers-reduced-motion:reduce){.play [data-a]{animation:none!important}} :root{--bg:transparent;--W:672px;--H:208px} .alt{--W:336px;--H:340px} .grid{left:0;top:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:16px} .alt .grid{grid-template-columns:1fr;gap:12px} .in{background:#fff;border-radius:12px;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:6px} .in .lb{display:flex;align-items:center;gap:12px;font-size:16px;line-height:22px;font-weight:500;white-space:nowrap} .in .lb .sdot{width:8px;height:8px;background:var(--ac);--pc:rgba(158,255,120,.9);--pr:6px} .in .dt{padding-left:20px;font-size:13.5px;line-height:18px;color:var(--tt);white-space:nowrap;font-variant-numeric:tabular-nums} .alt .in{padding:14px 18px;gap:4px} .alt .in .dt{font-size:13px} .in .dt.wr{white-space:normal} </style></head><body> <div id="stage" data-sw="672" data-sh="208" data-loop="6700" data-alt-ratio="1.6" data-alt-sw="336" data-alt-sh="340"> <div class="grid"> <div class="in" data-a="rise" style="--d:150;--y:10"> <div class="lb"><i class="sdot" data-a="pulse" style="--d:1550;--t:2600"></i>Buyer engagement</div> <div class="dt" data-a="fade" style="--d:450">Proposal opened <span data-count data-to="3" data-at="700" data-dur="900">3</span>x</div> </div> <div class="in" data-a="rise" style="--d:310;--y:10"> <div class="lb"><i class="sdot" data-a="pulse" style="--d:1710;--t:2600"></i>Meetings &amp; commitments</div> <div class="dt" data-a="fade" style="--d:610">Last call Oct 2</div> </div> <div class="in" data-a="rise" style="--d:470;--y:10"> <div class="lb"><i class="sdot" data-a="pulse" style="--d:1870;--t:2600"></i>Buying committee</div> <div class="dt" data-a="fade" style="--d:770">Claire, Champion · James, CFO</div> </div> <div class="in" data-a="rise" style="--d:630;--y:10"> <div class="lb"><i class="sdot" data-a="pulse" style="--d:2030;--t:2600"></i>Proposal &amp; CRM</div> <div class="dt" data-a="fade" style="--d:930">€<span data-count data-to="240" data-at="1300" data-dur="1400">240</span>k proposal · Stage: Evaluation</div> </div> </div> </div> <script> (function(){ var st=document.getElementById('stage'); var SW=+st.dataset.sw,SH=+st.dataset.sh,LOOP=+st.dataset.loop||0; var still=matchMedia('(prefers-reduced-motion: reduce)').matches; var ds=st.dataset; function fit(){ var alt=ds.altRatio&&innerWidth/innerHeight<+ds.altRatio; st.classList.toggle('alt',!!alt); var sw=alt?+(ds.altSw||SW):SW,sh=alt?+(ds.altSh||SH):SH; var w=st.offsetWidth,cx=alt&&ds.altCx?+ds.altCx:w/2; var k=Math.min(innerWidth/sw,innerHeight/sh); st.style.transform='translate(-50%,-50%) translateX('+((w/2-cx)*k)+'px) scale('+k+')';} fit();addEventListener('resize',fit); var timers=[];function later(f,t){timers.push(setTimeout(f,t));} function count(el){ var to=+el.dataset.to,at=+(el.dataset.at||0),dur=+(el.dataset.dur||1200),fmt=el.dataset.fmt; function show(v){el.textContent=fmt==='k'?Math.round(v).toLocaleString('en-US'):Math.round(v);} if(still){show(to);return;} show(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);show(to*p);if(p<1)requestAnimationFrame(step);})(t0);},at);} function play(){ timers.forEach(clearTimeout);timers=[]; st.classList.remove('play','out');void st.offsetWidth;st.classList.add('play'); [].forEach.call(st.querySelectorAll('[data-count]'),count); if(LOOP&&!still){later(function(){st.classList.add('out');},LOOP-600);later(play,LOOP);}} var started=false;function start(){if(!started){started=true;play();}} if('IntersectionObserver' in window){ new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)start();});},{threshold:.3}).observe(st);}else start();})(); </script> </body></html>

Part of your entire sales cycle

5
Focus on the right accounts
→
Know the account
→
Turn conversations into action
→
Help the buyer make the decision
→
Keep the deal moving

The result is a continuous loop: Cobl keeps the context, watches what changes and helps you make the next move when the deal needs it.

Every deal in your pipeline deserves the right move.
Make it.
Start for free
Every deal in your pipeline deserves the right move.
Make it.
Start for free