<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cobl · Same latest conversation</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;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;transition:stroke-dashoffset 700ms cubic-bezier(.45,0,.25,1),stroke-width 300ms,opacity 300ms}.w:not(.dr){opacity:0}.w.dr{stroke-dashoffset:0}.w.on{stroke-width:3;opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.9))}.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}.fd.go{animation:flow 650ms cubic-bezier(.45,0,.25,1) both}@keyframes flow{0%{offset-distance:0%;opacity:0}15%{opacity:1}85%{opacity:1}100%{offset-distance:100%;opacity:0}}.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;opacity:0;translate:-16px 0;transition:opacity 450ms var(--ease),translate 500ms var(--ease)}.pill.in{opacity:1;translate:0 0}.si{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff}.s-vid .si{background:#2d69ff}.s-tel .si{background:#2ebd43}.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:14px 16px;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:12px}.node::after{content:"";position:absolute;inset:-1px;border-radius:16px;opacity:0}.node.think::after{animation:ring 900ms ease-out 2}@keyframes ring{0%{opacity:1;box-shadow:0 0 0 0 rgba(158,255,120,.6)}100%{opacity:0;box-shadow:0 0 0 14px rgba(158,255,120,0)}}.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:4px;display:flex;align-items:center;gap:8px;font-family:var(--meta);font-size:11.5px;line-height:14px;color:rgba(255,255,255,.7);white-space:nowrap}.mt{display:flex;gap:3px}.mt i{width:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);transition:background-color 300ms}.m1 .mt i:nth-child(-n+1),.m2 .mt i:nth-child(-n+2){background:var(--ac)}.mc b{display:none;font-weight:500}.m0 .c0,.m1 .c1,.m2 .c2{display:inline}.kds{display:flex;flex-wrap:wrap;gap:6px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}.kd{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.35);font-size:11px;line-height:14px;font-weight:500;white-space:nowrap;transition:background-color 350ms var(--ease),color 350ms var(--ease)}.kd.in{background:rgba(158,255,120,.16);color:var(--ac)}.todo{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;line-height:16px;font-weight:600;color:#181818;white-space:nowrap;opacity:0;translate:0 6px;transition:opacity 400ms var(--ease),translate 450ms var(--ease)}.todo i{width:8px;height:8px;border-radius:50%;background:#a9a6a3}.todo b{display:inline-grid;place-items:center;min-width:18px;height:16px;padding:0 5px;border-radius:999px;background:#efeeed;font-size:10.5px;font-weight:500;color:var(--ts)}.todo.in{opacity:1;translate:none}.tk{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0 14px;border-radius:13px;background:#fff;box-shadow:0 14px 34px rgba(60,20,50,.2);opacity:0;translate:-14px 0;scale:.97;transition:opacity 450ms var(--ease),translate 550ms var(--ease),scale 550ms var(--ease)}.tk.in{opacity:1;translate:0 0;scale:1}.tt{display:flex;align-items:center;gap:9px;font-size:14px;line-height:18px;font-weight:500;color:#181818;white-space:nowrap}.cb{flex:none;width:15px;height:15px;border-radius:4px;border:1.5px solid #d6d4d1}.as{display:grid;padding-left:24px;font-size:12px;line-height:20px;white-space:nowrap}.as>span{grid-area:1/1;display:flex;align-items:center;gap:6px;transition:opacity 300ms var(--ease),translate 350ms var(--ease)}.a0{color:var(--tt)}.a0 .sp{width:11px;height:11px;border-radius:50%;border:1.6px solid #d6d4d1;border-top-color:#545352;animation:spin 800ms linear infinite}@keyframes spin{to{rotate:360deg}}.a1{opacity:0;translate:6px 0;font-weight:500;color:#181818}.a1 em{font-style:normal;font-weight:400;color:var(--tt)}.tk.ok .a0{opacity:0}.tk.ok .a1{opacity:1;translate:none}.av{flex:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#d9b38c,#8a6448);color:#fff;display:grid;place-items:center;font:600 8px/1 var(--ui)}.av.ag{background:#ece6fb}.av.ag .cobl-mark{width:13px;height:13px;display:block}.t2.ok .a1{color:#4b3a7a}.L-c .pill{gap:7px;padding:0 9px 0 7px;border-radius:10px}.L-c .si{width:26px;height:26px;border-radius:7px}.L-c .si .ic{width:13px;height:13px}.L-c .pt{font-size:11px;line-height:14px;white-space:normal}.L-c .pm{display:none}.L-c .node{padding:10px 14px;gap:8px}.L-c .kds{padding-top:8px}.L-c .tk{flex-direction:row;align-items:center;justify-content:space-between}.L-c .as{padding-left:0}.L-m .pm,.L-c .hd{display:none}.L-m .pt{font-size:12.5px}.L-w .p1{left:130px;top:146px;width:300px;height:56px}.L-w .p2{left:130px;top:222px;width:300px;height:56px}.L-w .node{left:540px;top:142px;width:300px;height:140px}.L-w .todo{left:950px;top:110px}.L-w .t1{left:950px;top:142px;width:300px;height:64px}.L-w .t2{left:950px;top:218px;width:300px;height:64px}.L-w .h1{left:280px;top:52px}.L-w .h2{left:690px;top:52px}.L-w .h3{left:1100px;top:52px}.L-w .wr-w{display:block}.L-m .p1{left:16px;top:160px;width:250px;height:56px}.L-m .p2{left:16px;top:236px;width:250px;height:56px}.L-m .node{left:288px;top:152px;width:244px;height:150px}.L-m .todo{left:554px;top:124px}.L-m .t1{left:554px;top:156px;width:250px;height:64px}.L-m .t2{left:554px;top:232px;width:250px;height:64px}.L-m .h1{left:141px;top:58px}.L-m .h2{left:410px;top:58px}.L-m .h3{left:679px;top:58px}.L-m .wr-m{display:block}.L-c .p1{left:10px;top:12px;width:196px;height:52px}.L-c .p2{left:214px;top:12px;width:196px;height:52px}.L-c .node{left:40px;top:96px;width:340px;height:92px}.L-c .todo{left:14px;top:230px}.L-c .t1{left:14px;top:262px;width:392px;height:56px}.L-c .t2{left:14px;top:326px;width:392px;height:56px}.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" data-a="fade" style="--d:100">Conversations</span><span class="hd h2" data-a="fade" style="--d:100">Linked to the deal</span><span class="hd h3" data-a="fade" style="--d:100">Tasks</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="M430 174 C485 174 485 212 540 212"/><path class="w l2" pathLength="1" d="M430 250 C485 250 485 212 540 212"/><path class="w o1" pathLength="1" d="M840 212 C895 212 895 174 950 174"/><path class="w o2" pathLength="1" d="M840 212 C895 212 895 250 950 250"/></svg><i class="fd f-l1" style="offset-path:path('M430 174 C485 174 485 212 540 212')"></i><i class="fd f-l2" style="offset-path:path('M430 250 C485 250 485 212 540 212')"></i><i class="fd f-o1" style="offset-path:path('M840 212 C895 212 895 174 950 174')"></i><i class="fd f-o2" style="offset-path:path('M840 212 C895 212 895 250 950 250')"></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="M266 188 C277 188 277 227 288 227"/><path class="w l2" pathLength="1" d="M266 264 C277 264 277 227 288 227"/><path class="w o1" pathLength="1" d="M532 227 C543 227 543 188 554 188"/><path class="w o2" pathLength="1" d="M532 227 C543 227 543 264 554 264"/></svg><i class="fd f-l1" style="offset-path:path('M266 188 C277 188 277 227 288 227')"></i><i class="fd f-l2" style="offset-path:path('M266 264 C277 264 277 227 288 227')"></i><i class="fd f-o1" style="offset-path:path('M532 227 C543 227 543 188 554 188')"></i><i class="fd f-o2" style="offset-path:path('M532 227 C543 227 543 264 554 264')"></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="M108 64 C108 82 142 78 142 96"/><path class="w l2" pathLength="1" d="M312 64 C312 82 278 78 278 96"/><path class="w o1" pathLength="1" d="M210 188 L210 230"/><path class="w o2" pathLength="1" d="M210 188 L210 230"/></svg><i class="fd f-l1" style="offset-path:path('M108 64 C108 82 142 78 142 96')"></i><i class="fd f-l2" style="offset-path:path('M312 64 C312 82 278 78 278 96')"></i><i class="fd f-o1" style="offset-path:path('M210 188 L210 230')"></i><i class="fd f-o2" style="offset-path:path('M210 188 L210 230')"></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">Video call with Sarah</span><span class="pm">45 min</span></div><div class="pill p2 s-tel"><span class="si"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2Z"/></svg></span><span class="pt">Phone call with Ben</span><span class="pm">12 min</span></div><div class="node m0" data-a="pop" style="--d:150;--t:600;--sc:.9" role="img" aria-label="A video call with Sarah and a phone call with Ben are linked to the Meridian deal. Cobl extracts 2 decisions, 1 objection and 2 commitments, then creates 2 tasks in To do, assigned automatically: send the pricing to Miguel in sales, draft the ROI case to the Cobl agent."><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_c2)"><mask id="mask0_c2" 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_c2)"><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_c2"><rect width="29.1456" height="24.982" fill="white" transform="translate(3.73132 3.50902)"/></clipPath></defs></svg><div><p class="nl">Meridian deal</p><p class="nm"><span class="mt"><i></i><i></i></span><span class="mc"><b class="c0">Listening</b><b class="c1">1 meeting</b><b class="c2">2 meetings linked</b></span></p></div></div><p class="kds"><span class="kd k1">2 decisions</span><span class="kd k2">1 objection</span><span class="kd k3">2 commitments</span></p></div><span class="todo"><i></i>To do<b>2</b></span><div class="tk t1"><p class="tt"><span class="cb"></span>Send the pricing</p><span class="as"><span class="a0"><i class="sp"></i>Assigning…</span><span class="a1"><span class="av">MS</span>Miguel<em>· Sales</em></span></span></div><div class="tk t2"><p class="tt"><span class="cb"></span>Draft the ROI case</p><span class="as"><span class="a0"><i class="sp"></i>Assigning…</span><span class="a1"><span class="av ag"><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></span>Cobl agent</span></span></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=[[600, ".p1", "in"], [850, ".l1", "dr"], [850, ".f-l1", "go"], [1450, ".node", "-m0 m1"], [1050, ".p2", "in"], [1300, ".l2", "dr"], [1300, ".f-l2", "go"], [1900, ".node", "-m1 m2"], [1900, ".node", "think"], [2100, ".k1", "in"], [2350, ".k2", "in"], [2600, ".k3", "in"], [2900, ".todo", "in"], [3100, ".o1", "dr on"], [3100, ".f-o1", "go"], [3550, ".t1", "in"], [4250, ".t1", "ok"], [4300, ".o1", "-on"], [3750, ".o2", "dr on"], [3750, ".f-o2", "go"], [4200, ".t2", "in"], [4900, ".t2", "ok"], [4950, ".o2", "-on"], [5200, ".node", "-think"]],BG=[1360, 480, 0.5, 0.6],END=5300,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>