1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="84cef243-b1c8-390f-d78a-1a54ef3dfbe9")}catch(e){}}(); 2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,882503,e=>{"use strict";var t=e.i(843476),s=e.i(500932),i=e.i(657688),a=e.i(271645),r=e.i(793828);let l=[{kind:"user",text:"Is this in stock?"},{kind:"ai",text:"Yes 14 units at the Cleveland warehouse. 6 more due in Friday from the regional DC."},{kind:"user",text:"What is the lead time?"},{kind:"ai",text:"Standard: 3 business days from order. Expedited: same-day if the customer needs it before Thursday."},{kind:"user",text:"What did we quote last time?"},{kind:"ai",text:"Last quote for Apex Welding was $48,200 on Oct 14, valid for 30 days. They never countered."},{kind:"user",text:"What alternatives can we offer?"},{kind:"ai",text:"Two close matches: the Lincoln 325 (in stock, 8% lower) and the Miller Dimension 652 (premium tier, 3-day lead)."},{kind:"user",text:"What does this customer usually buy?"},{kind:"ai",text:"Argon mix 75/25, Lincoln consumables, and safety gear. Average order $11.4k, every 6 weeks."}];function n(){let e,n,m,u,x,h,f,g,p,b,v,y,j,w,k,N=(0,s.c)(24),[_,S]=(0,a.useState)(0),[T,O]=(0,a.useState)(0),[C,I]=(0,a.useState)(0),L=(0,a.useRef)(null),z=(0,a.useRef)(null);N[0]!==T||N[1]!==_?(e=()=>{if(_>=l.length){let e=setTimeout(()=>{S(0),O(0)},4e3);return()=>clearTimeout(e)}let e=l[_];if("user"===e.kind){let e=setTimeout(()=>{S(c),O(0)},700);return()=>clearTimeout(e)}if(T<e.text.length){let e=setTimeout(()=>{O(d)},22);return()=>clearTimeout(e)}let t=setTimeout(()=>{S(o),O(0)},1400);return()=>clearTimeout(t)},n=[_,T],N[0]=T,N[1]=_,N[2]=e,N[3]=n):(e=N[2],n=N[3]),(0,a.useEffect)(e,n),N[4]===Symbol.for("react.memo_cache_sentinel")?(m=()=>{let e=L.current,t=z.current;if(!e||!t)return;let s=t.scrollHeight-e.clientHeight;I(s>0?s:0)},N[4]=m):m=N[4],N[5]!==T||N[6]!==_?(u=[_,T],N[5]=T,N[6]=_,N[7]=u):u=N[7],(0,a.useLayoutEffect)(m,u),N[8]===Symbol.for("react.memo_cache_sentinel")?(x=(0,t.jsxs)("div",{className:"text-base sm:text-lg md:text-xl font-medium flex items-center justify-start gap-3 text-brand",children:[(0,t.jsx)("span",{className:"w-0.5 rounded-full h-4 bg-brand"})," Answers in the field"]}),N[8]=x):x=N[8],N[9]===Symbol.for("react.memo_cache_sentinel")?(h=(0,t.jsxs)("div",{children:[x,(0,t.jsxs)("h2",{className:"mt-6 text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-heading",children:["Industrial sales reps ",(0,t.jsx)("br",{}),"get asked questions every day."]})]}),N[9]=h):h=N[9],N[10]===Symbol.for("react.memo_cache_sentinel")?(f=(0,t.jsx)("p",{className:"text-lg sm:text-xl font-medium text-heading/80 leading-relaxed",children:"Otto gives reps answers while they are still with the customer."}),g=(0,t.jsx)("p",{className:"mt-3 text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed",children:"It connects to your product data, inventory, CRM, quotes, email, calendar, and customer history."}),N[10]=f,N[11]=g):(f=N[10],g=N[11]),N[12]===Symbol.for("react.memo_cache_sentinel")?(p=(0,t.jsxs)("div",{className:"flex flex-col h-full justify-start",children:[h,(0,t.jsxs)("div",{className:"mt-5 max-w-lg",children:[f,g,(0,t.jsxs)("ul",{className:"mt-5 list-inside list-disc space-y-2 text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed",children:[(0,t.jsx)("li",{children:"No callbacks."}),(0,t.jsx)("li",{children:"No digging through systems."}),(0,t.jsx)("li",{children:"No lost momentum."})]})]})]}),N[12]=p):p=N[12],N[13]===Symbol.for("react.memo_cache_sentinel")?(b=(0,t.jsx)(i.default,{src:"/marketing/answer-in-field.webp",alt:"Rep getting answers from Otto during a customer visit",fill:!0,loading:"eager",sizes:"(min-width: 1024px) 520px, 90vw",className:"object-cover saturate-90 object-bottom"}),N[13]=b):b=N[13],N[14]===Symbol.for("react.memo_cache_sentinel")?(v=(0,t.jsx)("div",{className:"absolute inset-0 bg-black"}),N[14]=v):v=N[14],N[15]===Symbol.for("react.memo_cache_sentinel")?(y={maskImage:"linear-gradient(to bottom, transparent 0%, black 14%, black 86%, transparent 100%)",WebkitMaskImage:"linear-gradient(to bottom, transparent 0%, black 14%, black 86%, transparent 100%)"},N[15]=y):y=N[15];let A=`translateY(-${C}px)`;return N[16]!==A?(j={transform:A},N[16]=A,N[17]=j):j=N[17],N[18]!==T||N[19]!==_?(w=l.slice(0,_+1).map((e,s)=>{let i=s===_,a="user"===e.kind?e.text:i?e.text.slice(0,T):e.text;return"user"===e.kind?(0,t.jsx)("div",{className:"flex justify-end",children:(0,t.jsx)("div",{className:"max-w-[88%] rounded-2xl rounded-br-md dark bg-light-dark px-3 py-2 text-[13px] leading-relaxed text-neutral-300 border border-white/2",children:a})},s):(0,t.jsx)("div",{className:"flex justify-start",children:(0,t.jsx)("div",{className:"max-w-[92%] text-[13px] leading-snug text-neutral-400",children:(0,t.jsxs)("div",{className:"flex items-start gap-2",children:[(0,t.jsx)(r.default,{onlyIcon:!0,className:"shrink-0 mt-1 pr-0.5 size-5 text-white drop-shadow-2xl shadow-black"}),(0,t.jsxs)("span",{children:[a,i&&T<e.text.length&&(0,t.jsx)("span",{className:"inline-block w-[2px] h-3 bg-white/70 ml-0.5 align-middle animate-pulse"})]})]})})},s)}
2),N[18]=T,N[19]=_,N[20]=w):w=N[20],N[21]!==j||N[22]!==w?(k=(0,t.jsx)("section",{id:"v2-answers-in-field",className:"relative py-20 lg:py-28 overflow-hidden bg-brand/8",children:(0,t.jsxs)("div",{className:"mx-auto max-w-7xl z-2 px-6 md:px-10 grid lg:grid-cols-2 gap-10 lg:gap-16 items-center",children:[p,(0,t.jsx)("div",{className:"relative",children:(0,t.jsxs)("div",{className:"relative aspect-4/5 w-full md:max-w-[520px] md:ml-auto rounded-2xl overflow-hidden border border-light-dark",children:[b,(0,t.jsx)("div",{className:"absolute inset-x-0 -bottom-42 flex items-end justify-center",children:(0,t.jsxs)("div",{className:"relative w-full max-w-[300px] sm:max-w-[360px] aspect-9/16 rounded-t-[2.4rem] border dark border-light-dark overflow-hidden backdrop-blur-md [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_50%,black_60%,black_80%,black_100%)] flex flex-col",children:[v,(0,t.jsx)("div",{ref:L,className:"absolute inset-0 overflow-hidden pt-16 pb-4 px-5",style:y,children:(0,t.jsx)("div",{ref:z,className:"flex flex-col gap-6 transition-transform duration-500 ease-out will-change-transform",style:j,children:w})})]})})]})})]})}),N[21]=j,N[22]=w,N[23]=k):k=N[23],k}function o(e){return e+1}function d(e){return e+1}function c(e){return e+1}e.s(["AnswersInField",()=>n])},352993,e=>{"use strict";var t=e.i(843476),s=e.i(500932),i=e.i(657688),a=e.i(802612),r=e.i(947627),l=e.i(647163);function n(e){let i,a,n,o=(0,s.c)(8),{className:d,children:c}=e,{openExperienceOtto:m}=(0,r.useExperienceOtto)();return o[0]!==d?(i=(0,l.cn)(d),o[0]=d,o[1]=i):i=o[1],o[2]!==m?(a=()=>m(),o[2]=m,o[3]=a):a=o[3],o[4]!==c||o[5]!==i||o[6]!==a?(n=(0,t.jsx)("button",{type:"button",className:i,onClick:a,children:c}),o[4]=c,o[5]=i,o[6]=a,o[7]=n):n=o[7],n}e.s(["default",0,()=>{let e,r,l,o,d,c,m,u,x=(0,s.c)(8);return x[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,t.jsx)(i.default,{src:"/marketing/hero.webp",loading:"eager",priority:!0,className:"object-center md:object-top object-cover",style:{objectFit:"cover",zIndex:0},alt:"",fill:!0}),r=(0,t.jsx)("div",{className:"dark absolute bottom-0 flex md:hidden inset-x-0 h-full w-full bg-linear-to-t from-dark/80 to-transparent z-1 pointer-events-none"}),x[0]=e,x[1]=r):(e=x[0],r=x[1]),x[2]===Symbol.for("react.memo_cache_sentinel")?(l=(0,t.jsxs)("div",{className:"text-[15px] font-medium dark flex mt-20 md:mt-0 items-center justify-start gap-3 text-brand",children:[(0,t.jsx)("span",{className:"w-0.5 rounded-full h-4 bg-brand"})," For manufacturing outside sales teams"]}),x[2]=l):l=x[2],x[3]===Symbol.for("react.memo_cache_sentinel")?(o=(0,t.jsx)("br",{}),x[3]=o):o=x[3],x[4]===Symbol.for("react.memo_cache_sentinel")?(d=(0,t.jsxs)("h1",{className:"text-3xl sm:text-4xl md:text-5xl mb-6 md:mb-0 dark font-bold text-heading mt-2 md:mt-5",children:["Donât Open Your CRM.",o," Just Call ",(0,t.jsx)("br",{className:"md:hidden flex"})," Otto."]}),x[4]=d):d=x[4],x[5]===Symbol.for("react.memo_cache_sentinel")?(c=(0,t.jsxs)("p",{className:"max-w-xl md:hidden flex text-base md:text-lg lg:text-xl dark text-foreground/80 mt-4 leading-relaxed font-medium",children:["Otto is an AI sales coordinator ",(0,t.jsx)("br",{className:"md:hidden flex"})," for manufacturing outside sales reps. Reps call Otto before and after visits. Otto handles the rest."]}),x[5]=c):c=x[5],x[6]===Symbol.for("react.memo_cache_sentinel")?(m=(0,t.jsxs)("p",{className:"max-w-lg hidden md:flex text-base md:text-lg lg:text-xl dark text-foreground/80 mt-6 leading-relaxed font-medium",children:["Otto is an AI sales coordinator for manufacturing outside sales reps.",(0,t.jsx)("br",{}),"It calls before customer visits and captures what happened afterwards. Follow-ups, quotes, and opportunities keep moving over a phone call."]}),x[6]=m):m=x[6],x[7]===Symbol.for("react.memo_cache_sentinel")?(u=(0,t.jsxs)("section",{className:"relative py-20 mt-18 h-[700px] md:h-screen lg:py-28 ",children:[e,r,(0,t.jsx)("div",{className:"mx-auto max-w-7xl px-6 md:pb-10 md:px-10 z-10 relative h-full",children:(0,t.jsxs)("div",{className:"flex flex-col items-start justify-start md:justify-center h-full relative",children:[l,d,c,m,(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row w-full justify-start items- items-start gap-5 mt-8",children:[(0,t.jsx)(a.BookDemoButton,{sourcePage:"homepage_hero",className:"btn-primary inline-flex h-12 md:h-14 items-center rounded-full px-8 md:px-6 md:text-base font-semibold ",children:"Book a demo"}),(0,t.jsx)(n,{className:"inline-flex h-12 md:h-14 items-center rounded-full bg-white px-8 md:px-6 md:text-base font-semibold text-[#0a0a0a] hover:bg-white/90 transition-colors",children:"Talk to Otto"})]})]})})]}),x[7]=u):u=x[7],u}],352993)},996372,e=>{"use strict";
2var t=e.i(843476),s=e.i(500932),i=e.i(657688),a=e.i(271645),r=e.i(802612),l=e.i(532181),n=e.i(560140),o=e.i(930551),d=e.i(486427),c=e.i(965566),m=e.i(260830),u=e.i(287022);function x(e,t){let s,i=()=>{let{currentTime:i}=t,a=(null===i?0:i.value)/100;s!==a&&e(a),s=a};return u.frame.preUpdate(i,!0),()=>(0,u.cancelFrame)(i)}function h(e){return!("u"<typeof window)&&(e?(0,o.supportsViewTimeline)():(0,o.supportsScrollTimeline)())}var f=e.i(661327),g=e.i(783920),p=e.i(325791);let b=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),v={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function y(e,t,s,i){let a=s[t],{length:r,position:l}=v[t],n=a.current,o=s.time;a.current=Math.abs(e[`scroll${l}`]),a.scrollLength=e[`scroll${r}`]-e[`client${r}`],a.offset.length=0,a.offset[0]=0,a.offset[1]=a.scrollLength,a.progress=(0,g.progress)(0,a.scrollLength,a.current);let d=i-o;a.velocity=d>50?0:(0,p.velocityPerSecond)(a.current-n,d)}e.i(247167);var j=e.i(344230),w=e.i(515923),k=e.i(476959),N=e.i(772846);let _={start:0,center:.5,end:1};function S(e,t,s=0){let i=0;if(e in _&&(e=_[e]),"string"==typeof e){let t=parseFloat(e);e.endsWith("px")?i=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?i=t/100*document.documentElement.clientWidth:e.endsWith("vh")?i=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(i=t*e),s+i}let T=[0,0],O=[[0,0],[1,1]],C={x:0,y:0},I=new WeakMap,L=new WeakMap,z=new WeakMap,A=new WeakMap,E=new WeakMap,M=e=>e===document.scrollingElement?window:e;function P(e,{container:t=document.scrollingElement,trackContentSize:s=!1,...i}={}){if(!t)return m.noop;let a=z.get(t);a||(a=new Set,z.set(t,a));let r=function(e,t,s,i={}){return{measure:t=>{!function(e,t=e,s){if(s.x.targetOffset=0,s.y.targetOffset=0,t!==e){let i=t;for(;i&&i!==e;)s.x.targetOffset+=i.offsetLeft,s.y.targetOffset+=i.offsetTop,i=i.offsetParent}s.x.targetLength=t===e?t.scrollWidth:t.clientWidth,s.y.targetLength=t===e?t.scrollHeight:t.clientHeight,s.x.containerLength=e.clientWidth,s.y.containerLength=e.clientHeight}(e,i.target,s),y(e,"x",s,t),y(e,"y",s,t),s.time=t,(i.offset||i.target)&&function(e,t,s){let{offset:i=O}=s,{target:a=e,axis:r="y"}=s,l="y"===r?"height":"width",n=a!==e?function(e,t){let s={x:0,y:0},i=e;for(;i&&i!==t;)if((0,N.isHTMLElement)(i))s.x+=i.offsetLeft,s.y+=i.offsetTop,i=i.offsetParent;else if("svg"===i.tagName){let e=i.getBoundingClientRect(),t=(i=i.parentElement).getBoundingClientRect();s.x+=e.left-t.left,s.y+=e.top-t.top}else if(i instanceof SVGGraphicsElement){let{x:e,y:t}=i.getBBox();s.x+=e,s.y+=t;let a=null,r=i.parentNode;for(;!a;)"svg"===r.tagName&&(a=r),r=i.parentNode;i=a}else break;return s}(a,e):C,o=a===e?{width:e.scrollWidth,height:e.scrollHeight}:"getBBox"in a&&"svg"!==a.tagName?a.getBBox():{width:a.clientWidth,height:a.clientHeight},d={width:e.clientWidth,height:e.clientHeight};t[r].offset.length=0;let c=!t[r].interpolate,m=i.length;for(let e=0;e<m;e++){let s=function(e,t,s,i){let a=Array.isArray(e)?e:T,r=0;return"number"==typeof e?a=[e,e]:"string"==typeof e&&(a=(e=e.trim()).includes(" ")?e.split(" "):[e,_[e]?e:"0"]),(r=S(a[0],s,i))-S(a[1],t)}(i[e],d[l],o[l],n[r]);c||s===t[r].interpolatorOffsets[e]||(c=!0),t[r].offset[e]=s}c&&(t[r].interpolate=(0,j.interpolate)(t[r].offset,(0,w.defaultOffset)(i),{clamp:!1}),t[r].interpolatorOffsets=[...t[r].offset]),t[r].progress=(0,k.clamp)(0,1,t[r].interpolate(t[r].current))}(e,s,i)},notify:()=>t(s)}}(t,e,{time:0,x:b(),y:b()},i);if(a.add(r),!I.has(t)){let e=()=>{for(let e of a)e.measure(u.frameData.timestamp);u.frame.preUpdate(s)},s=()=>{for(let e of a)e.notify()},i=()=>u.frame.read(e);I.set(t,i);let r=M(t);window.addEventListener("resize",i),t!==document.documentElement&&L.set(t,(0,f.resize)(t,i)),r.addEventListener("scroll",i),i()}if(s&&!E.has(t)){let e=I.get(t),s={width:t.scrollWidth,height:t.scrollHeight};A.set(t,s);let i=u.frame.read(()=>{let i=t.scrollWidth,a=t.scrollHeight;(s.width!==i||s.height!==a)&&(e(),s.width=i,s.height=a)},!0);E.set(t,i)}let l=I.get(t);return u.frame.read(l,!1,!0),()=>{(0,u.cancelFrame)(l);let e=z.get(t);if(!e||(e.delete(r),e.size))return;let s=I.get(t);I.delete(t),s&&(M(t).removeEventListener("scroll",s),L.get(t)?.(),window.removeEventListener("resize",s));let i=E.get(t);i&&((0,u.cancelFrame)(i),E.delete(t)),A.delete(t)}}let W=[[[[0,1],[1,1]],"entry"],[[[0,0],[1,0]],"exit"],[[[1,0],[0,1]],"cover"],[O,"contain"]],B={start:0,end:1};function F(e){if(!e)return{rangeStart:"contain 0%",rangeEnd:"contain 100%"};for(let[t,s]of W)if(function(e,t){let s=function(e){if(2!==e.length)return;let t=[];for(let s of e)if(Array.isArray(s))t.push(s);else{if("string"!=typeof s)return;let e=function(e){let t=e.trim().split(/\s+/);if(2!==t.length)return;let s=B[t[0]],i=B[t[1]];if(void 0!==s&&void 0!==i)return[s,i]}(s);if(!e)return;t.push(e)}return t}(e);if(!s)return!1;for(let e=0;e<2;e++){let i=s[e],a=t[e];if(i[0]!==a[0]||i[1]!==a[1])return!1}return!0}(e,t))return{rangeStart:`${s} 0%`,rangeEnd:`${s} 100%`}}let H=new Map;function R(e){let t={value:0},s=P(s=>{t.value=100*s[e.axis].progress},e);return{currentTime:t,cancel:s}}function q({source:e,container:t,...s}){let{axis:i}=s;e&&(t=e);let a=H.get(t);a||(a=new Map,H.set(t,a));let r=s.target??"self",l=a.get(r);l||(l={},a.set(r,l));let n=i+(s.offset??[]).join(",");return l[n]||(s.target&&h(s.target)?F(s.offset)?l[n]=new ViewTimeline({subject:s.target,axis:i}):l[n]=R({container:t,...s}):h()?l[n]=new ScrollTimeline({source:t,axis:i}):l[n]=R({container:t,...s})),l[n]}function D(e,{axis:t="y",container:s=document.scrollingElement,...i}={}){let a,r,l;if(!s)return m.noop;let n={axis:t,container:s,...i};return"function"==typeof e?function(e,t){return 2===e.length||t&&(t.target||t.offset)?P(s=>{e(s[t.axis].progress,s)},t):x(e,q(t))}(e,n):(a=q(n),r=n.target?F(n.offset):void 0,l=n.target?h(n.target)&&!!r:h(),e.attachTimeline({timeline:l?a:void 0,...r&&l&&{rangeStart:r.rangeStart,rangeEnd:r.rangeEnd},observe:e=>(e.pause(),x(t=>{e.time=e.iterationDuration*t},a))}))}var V=e.i(947414),$=e.i(674008);let Y=()=>({scrollX:(0,d.motionValue)(0),scrollY:(0,d.motionValue)(0),scrollXProgress:(0,d.motionValue)(0),scrollYProgress:(0,d.motionValue)(0)}),G=e=>!!e&&!e.current;function U(e,t,s,i){return{factory:a=>{let r,l=()=>{G(s)||G(i)?n.microtask.read(l):r=D(a,{...t,axis:e,container:s?.current||void 0,target:i?.current||void 0})};return n.microtask.read(l),()=>{(0,n.cancelMicrotask)(l),r?.()}},times:[0,1],keyframes:[0,1],ease:e=>e,duration:1}}var X=e.i(737806);function J(e,t){let s=function(e){let t=(0,V.useConstant)(()=>(0,d.motionValue)(e)),{isStatic:s}=(0,a.useContext)(X.MotionConfigContext);if(s){let[,s]=(0,a.useState)(e);(0,a.useEffect)(()=>t.on("change",s),[])}return t}(t()),i=()=>s.set(t());return i(),(0,$.useIsomorphicLayoutEffect)(()=>{let t=()=>u.frame.preRender(i,!1,!0),s=e.map(e=>e.on("change",t));return()=>
2{s.forEach(e=>e()),(0,u.cancelFrame)(i)}}),s}function K(e,t){let s=(0,V.useConstant)(()=>[]);return J(e,()=>{s.length=0;let i=e.length;for(let t=0;t<i;t++)s[t]=e[t].get();return t(s)})}var Q=e.i(88653),Z=e.i(647163);let ee=(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"size-4",children:(0,t.jsx)("path",{d:"M5 12l4 4L19 6"})}),et=[{image:"/marketing/how-it-works/work-0.webp",title:"Otto calls before the visit",subtitle:"Otto briefs the rep on everything that matters for that day: quotes, renewals, talking points, all in one brief.",body:"",variant:"quotes",items:["Your quote has been sitting for 12 days.","They raised a delivery issue on the last order.","Their contract renews next month.","Ask about the expansion project."]},{image:"/marketing/how-it-works/work-1.webp",title:"The rep visits the customer",subtitle:"Face to face, focused on the buyer, not the paperwork. The rep is fully present for the conversation.",body:"",variant:"list",items:["They sell.","They listen.","They build the relationship."]},{image:"/marketing/how-it-works/work-3.webp",title:"The rep calls Otto after the visit",subtitle:"A two-minute debrief by voice. Otto handles the rest, logs meetings, drafts follow-ups, and updates the next step.",body:"",variant:"quotes",items:["Send revised pricing by Friday.","The competitor came in lower.","They are interested in another facility.","Follow up next Tuesday."]},{image:"/marketing/how-it-works/work-2.webp",title:"Otto handles the admin",subtitle:"CRM, follow-ups, and the next step are already in motion before the rep even reaches the next stop.",body:"All before the rep reaches the next stop.",variant:"list",items:["CRM updated.","Meeting logged.","Follow-up drafted.","Opportunity updated.","Manager informed.","Customer context saved."]}];function es(e){let i,a,l,n,o,d,c,m,u=(0,s.c)(24),{step:x,index:h,setRef:f,isLast:g}=e;String(h+1).padStart(2,"0");let p=g&&"pt-20",b=0===h&&"pt-10";u[0]!==p||u[1]!==b?(i=(0,Z.cn)("relative min-h-[80vh] flex flex-col justify-start",p,b),u[0]=p,u[1]=b,u[2]=i):i=u[2],u[3]!==x.title?(a=(0,t.jsx)("h3",{className:"mt-4 text-2xl sm:text-3xl lg:text-4xl font-semibold tracking-tight text-heading",children:x.title}),u[3]=x.title,u[4]=a):a=u[4],u[5]!==x.subtitle?(l=x.subtitle&&(0,t.jsx)("p",{className:"mt-3 max-w-lg text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed",children:x.subtitle}),u[5]=x.subtitle,u[6]=l):l=u[6],u[7]!==x.items?(n=x.items.map(ei),u[7]=x.items,u[8]=n):n=u[8],u[9]!==n?(o=(0,t.jsx)("ul",{className:"mt-5 flex flex-col gap-2.5",children:n}),u[9]=n,u[10]=o):o=u[10],u[11]!==x.body?(d=x.body&&(0,t.jsx)("p",{className:"mt-5 text-base sm:text-lg font-medium text-heading leading-relaxed",children:x.body}),u[11]=x.body,u[12]=d):d=u[12];let v=`how_it_works_step_${h+1}`;return u[13]!==v?(c=(0,t.jsx)(r.BookDemoButton,{sourcePage:v,className:"btn-primary mt-6 w-fit inline-flex h-12 items-center justify-center rounded-full px-6 text-base font-medium",children:"Book a Demo"}),u[13]=v,u[14]=c):c=u[14],u[15]!==h||u[16]!==f||u[17]!==c||u[18]!==i||u[19]!==a||u[20]!==l||u[21]!==o||u[22]!==d?(m=(0,t.jsxs)("div",{ref:f,"data-step-index":h,className:i,children:[a,l,o,d,c]}),u[15]=h,u[16]=f,u[17]=c,u[18]=i,u[19]=a,u[20]=l,u[21]=o,u[22]=d,u[23]=m):m=u[23],m}function ei(e,s){return(0,t.jsxs)("li",{className:"flex items-start gap-3 text-base sm:text-lg md:text-xl text-foreground/85 leading-relaxed",children:[(0,t.jsx)("span",{className:"mt-0.5 grid size-5 shrink-0 place-items-center rounded-md bg-brand/15 text-brand",children:ee}),(0,t.jsx)("span",{children:e})]},s)}function ea(e){let a,r,n,o,d,c,m=(0,s.c)(9),{steps:u,activeIndex:x}=e,h=u[x]??u[0];return m[0]===Symbol.for("react.memo_cache_sentinel")?(a={opacity:0},r={opacity:1},n={opacity:0},o={duration:.4,ease:"easeInOut"},m[0]=a,m[1]=r,m[2]=n,m[3]=o):(a=m[0],r=m[1],n=m[2],o=m[3]),m[4]!==h.image?(d=(0,t.jsx)(i.default,{src:h.image,alt:"",fill:!0,sizes:"(min-width: 768px) 50vw, 90vw",className:"object-cover"}),m[4]=h.image,m[5]=d):d=m[5],m[6]!==x||m[7]!==d?(c=(0,t.jsx)("div",{className:"relative aspect-3/4 w-full max-w-lg ml-auto rounded-2xl overflow-hidden border border-light-dark bg-light-dark/40",children:(0,t.jsx)(Q.AnimatePresence,{mode:"wait",children:(0,t.jsx)(l.motion.div,{initial:a,animate:r,exit:n,transition:o,className:"absolute inset-0",children:d},x)})}),m[6]=x,m[7]=d,m[8]=c):c=m[8],c}function er(){let e,i,r,l,m,u,x,h,f,g,p,b,v=(0,s.c)(22),y=(0,a.useRef)(null),w=(0,a.useRef)([]);v[0]===Symbol.for("react.memo_cache_sentinel")?(e={target:y,offset:["start start","end end"]},v[0]=e):e=v[0];let{scrollYProgress:k}=function({container:e,target:t,...s}={}){var i;let r=(0,V.useConstant)(Y);i=s.offset,!("u"<typeof window)&&(t?(0,o.supportsViewTimeline)()&&!!F(i):(0,o.supportsScrollTimeline)())&&(r.scrollXProgress.accelerate=U("x",s,e,t),r.scrollYProgress.accelerate=U("y",s,e,t));let l=(0,a.useRef)(null),d=(0,a.useRef)(!1),m=(0,a.useCallback)(()=>(l.current=D((e,{x:t,y:s})=>{r.scrollX.set(t.current),r.scrollXProgress.set(t.progress),r.scrollY.set(s.current),r.scrollYProgress.set(s.progress)},{...s,container:e?.current||void 0,target:t?.current||void 0}),()=>{l.current?.()}),[e,t,JSON.stringify(s.offset)]);return(0,$.useIsomorphicLayoutEffect)(()=>
2{if(d.current=!1,!(G(e)||G(t)))return m();d.current=!0},[m]),(0,a.useEffect)(()=>{let s;if(!d.current)return;let i=()=>{let i=G(e),a=G(t);(0,c.invariant)(!i,"Container ref is defined but not hydrated","use-scroll-ref"),(0,c.invariant)(!a,"Target ref is defined but not hydrated","use-scroll-ref"),i||a||(s=m())};return n.microtask.read(i),()=>{(0,n.cancelMicrotask)(i),s?.()}},[m]),r}(e),N=function e(t,s,i,a){if("function"==typeof t){let e;return d.collectMotionValues.current=[],t(),e=J(d.collectMotionValues.current,t),d.collectMotionValues.current=void 0,e}if(void 0!==i&&!Array.isArray(i)&&"function"!=typeof s){var r=t,l=s,n=i,o=a;let d=(0,V.useConstant)(()=>Object.keys(n)),c=(0,V.useConstant)(()=>({}));for(let t of d)c[t]=e(r,l,n[t],o);return c}let c="function"==typeof s?s:function(...e){let t=!Array.isArray(e[0]),s=t?0:-1,i=e[0+s],a=e[1+s],r=e[2+s],l=e[3+s],n=(0,j.interpolate)(a,r,l);return t?n(i):n}(s,i,a),m=Array.isArray(t)?K(t,c):K([t],([e])=>c(e)),u=Array.isArray(t)?void 0:t.accelerate;return u&&!u.isTransformed&&"function"!=typeof s&&Array.isArray(i)&&a?.clamp!==!1&&(m.accelerate={...u,times:s,keyframes:i,isTransformed:!0,...a?.ease?{ease:a.ease}:{}}),m}(k,eo);v[1]===Symbol.for("react.memo_cache_sentinel")?(i=(0,t.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute right-0 top-1/2 -z-10 hidden h-[480px] w-[860px] -translate-y-1/2 rounded-full bg-linear-to-b from-[var(--color-blob-from)] to-[var(--color-blob-to)] opacity-30 blur-[180px] md:block"}),v[1]=i):i=v[1],v[2]===Symbol.for("react.memo_cache_sentinel")?(r=(0,t.jsxs)("div",{className:"text-base sm:text-lg md:text-xl font-medium flex items-center justify-start gap-3 text-brand",children:[(0,t.jsx)("span",{className:"w-0.5 rounded-full h-4 bg-brand"})," How it works"]}),v[2]=r):r=v[2],v[3]===Symbol.for("react.memo_cache_sentinel")?(l=(0,t.jsxs)("h2",{className:"mt-4 text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-heading",children:["The rep talks."," ",(0,t.jsx)("span",{className:" text-brand",children:"Otto does the work."})]}),m=(0,t.jsx)("p",{className:"mt-5 max-w-2xl text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed",children:"The rep does what they are good at, the visit. Then they call Otto and say what happened. Otto handles the rest."}),v[3]=l,v[4]=m):(l=v[3],m=v[4]);let _=et.map((e,s)=>(0,t.jsx)(es,{step:e,index:s,setRef:e=>{w.current[s]=e},isLast:s===et.length-1},e.title));return v[5]!==_?(u=(0,t.jsx)("div",{className:"hidden md:flex flex-col items-start justify-start text-left gap-4",children:_}),v[5]=_,v[6]=u):u=v[6],v[7]===Symbol.for("react.memo_cache_sentinel")?(x=(0,Z.cn)("sticky","top-[15%]"),v[7]=x):x=v[7],v[8]!==N?(h=(0,t.jsx)("div",{className:"hidden md:block",children:(0,t.jsx)("div",{className:x,children:(0,t.jsx)(ed,{steps:et,activeIndex:N})})}),v[8]=N,v[9]=h):h=v[9],v[10]===Symbol.for("react.memo_cache_sentinel")?(f=(0,t.jsx)("div",{className:"md:hidden flex flex-col gap-16 w-full",children:et.map(el)}),v[10]=f):f=v[10],v[11]!==u||v[12]!==h?(g=(0,t.jsx)("div",{className:"relative w-full mt-16 md:mt-24",children:(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-10 md:grid-cols-2 md:gap-16",children:[u,h,f]})}),v[11]=u,v[12]=h,v[13]=g):g=v[13],v[14]!==g||v[15]!==r||v[16]!==l||v[17]!==m?(p=(0,t.jsxs)("div",{className:"mx-auto max-w-7xl flex flex-col items-start md:items-center md:text-center px-5 md:px-10",children:[r,l,m,g]}),v[14]=g,v[15]=r,v[16]=l,v[17]=m,v[18]=p):p=v[18],v[19]!==p||v[20]!==i?(b=(0,t.jsxs)("section",{id:"how",ref:y,className:"relative py-20 md:pb-28",children:[i,p]}),v[19]=p,v[20]=i,v[21]=b):b=v[21],b}function el(e,s){return(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsx)("div",{className:"relative aspect-square w-full rounded-2xl overflow-hidden border border-light-dark bg-light-dark/40",children:(0,t.jsx)(i.default,{src:e.image,alt:"",fill:!0,sizes:"90vw",className:"object-cover"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"mt-3 text-2xl font-semibold tracking-tight text-heading",children:e.title}),e.subtitle&&(0,t.jsx)("p",{className:"mt-3 text-base text-muted-foreground leading-relaxed",children:e.subt
2itle}),(0,t.jsx)("ul",{className:"mt-5 flex flex-col gap-2.5",children:e.items.map(en)}),e.body&&(0,t.jsx)("p",{className:"mt-5 text-base font-medium text-heading leading-relaxed",children:e.body}),(0,t.jsx)(r.BookDemoButton,{sourcePage:`how_it_works_step_${s+1}`,className:"btn-primary mt-6 w-fit inline-flex h-12 items-center justify-center rounded-full px-6 text-base font-medium",children:"Book a Demo"})]})]},`m-${e.title}`)}function en(e,s){return(0,t.jsxs)("li",{className:"flex items-start gap-3 text-base text-foreground/85 leading-relaxed",children:[(0,t.jsx)("span",{className:"mt-0.5 grid size-5 shrink-0 place-items-center rounded-md bg-brand/15 text-brand",children:ee}),(0,t.jsx)("span",{children:e})]},s)}function eo(e){return 0===et.length?0:Math.min(et.length-1,Math.max(0,Math.floor(e*et.length)))}function ed(e){var i,r;let l,n,o=(0,s.c)(4),{steps:d,activeIndex:c}=e,[m,u]=(0,a.useState)(0);return o[0]===Symbol.for("react.memo_cache_sentinel")?(l=e=>u(Math.round(e)),o[0]=l):l=o[0],i="change",r=l,(0,a.useInsertionEffect)(()=>c.on(i,r),[c,i,r]),o[1]!==m||o[2]!==d?(n=(0,t.jsx)(ea,{steps:d,activeIndex:m}),o[1]=m,o[2]=d,o[3]=n):n=o[3],n}e.s(["HowItWorks",()=>er],996372)},344726,e=>{"use strict";var t=e.i(843476),s=e.i(500932),i=e.i(657688),a=e.i(568275),r=e.i(472804),l=e.i(271645);let n=[{images:"/marketing/industries/item-2.webp",title:"Industrial Equipment & Distribution",categories:"Material Handling ⢠Bearings ⢠Hydraulics ⢠Fasteners",points:["Thousands of parts.","Constant questions."],value:"Otto helps reps keep opportunities moving and technical details close at hand.",icon:a.ShoppingBag01Icon},{images:"/marketing/industries/item-3.webp",title:"Process Industries",categories:"Adhesives ⢠Chemicals ⢠Industrial Gases ⢠Manufacturing",points:["Complex applications.","Long customer relationships."],value:"Otto keeps conversations, account history, and next steps connected.",icon:a.Factory01Icon},{images:"/marketing/industries/electricity-new.webp",title:"Electrical & Automation",categories:"Controls ⢠Drives ⢠Sensors ⢠Electrical Equipment",points:["Specifications.","Lead times.","Compatibility questions."],value:"Otto helps reps answer confidently and keep projects moving.",icon:a.ElectricPlugsIcon},{images:"/marketing/industries/hvac.webp",title:"Construction & Building Systems",categories:"Construction Equipment ⢠HVAC ⢠Plumbing ⢠Building Products",points:["Schedules change.","Priorities shift.","Customers call from the job site."],value:"Otto helps reps
2stay responsive without getting buried in admin.",icon:a.HatIcon},{images:"/marketing/industries/energy.webp",title:"Infrastructure & Energy",categories:"Oil & Gas ⢠Solar ⢠Wind ⢠Water Treatment ⢠Power Generation",points:["Critical operations.","Long buying cycles."],value:"Otto helps teams keep opportunities moving between visits.",icon:a.AtomicPowerIcon},{images:"/marketing/industries/packaging-new.webp",title:"Packaging & Materials",categories:"Flexible Packaging ⢠Labels ⢠Films ⢠Containers",points:["Requirements change.","Orders change.","Timelines change."],value:"Otto helps reps stay on top of customer needs without ending the day behind a desk.",icon:a.Package01Icon}];function o(e){let i,a,r,l,n,o=(0,s.c)(12),{item:c,isActive:m}=e,u=`grid transition-[grid-template-rows] duration-500 ease-out ${m?"grid-rows-[1fr]":"grid-rows-[0fr]"}`;return o[0]!==c.points?(i=c.points.map(d),o[0]=c.points,o[1]=i):i=o[1],o[2]!==i?(a=(0,t.jsx)("ul",{className:"space-y-1 text-sm sm:text-base list-inside list-disc md:text-lg text-muted-foreground leading-relaxed",children:i}),o[2]=i,o[3]=a):a=o[3],o[4]!==c.value?(r=(0,t.jsx)("p",{className:"mt-3 text-sm sm:text-base md:text-lg text-muted-foreground",children:c.value}),o[4]=c.value,o[5]=r):r=o[5],o[6]!==a||o[7]!==r?(l=(0,t.jsx)("div",{className:"overflow-hidden",children:(0,t.jsxs)("div",{className:"pt-3 min-h-[170px]",children:[a,r]})}),o[6]=a,o[7]=r,o[8]=l):l=o[8],o[9]!==u||o[10]!==l?(n=(0,t.jsx)("div",{className:u,children:l}),o[9]=u,o[10]=l,o[11]=n):n=o[11],n}function d(e){return(0,t.jsx)("li",{children:e},e)}function c(e){let i,a,l,n,d,c,m,u,x=(0,s.c)(24),{item:h,isActive:f,onClick:g}=e,p=`grid size-10 shrink-0 place-items-center rounded-xl border transition-colors ${f?"border-brand/40 bg-brand/10 text-brand":"border-light-dark bg-light-dark/40 text-brand"}`;x[0]!==h.icon?(i=(0,t.jsx)(r.HugeiconsIcon,{icon:h.icon,size:20,strokeWidth:1.6}),x[0]=h.icon,x[1]=i):i=x[1],x[2]!==p||x[3]!==i?(a=(0,t.jsx)("span",{className:p,children:i}),x[2]=p,x[3]=i,x[4]=a):a=x[4];let b=` text-base sm:text-lg font-semibold leading-snug transition-colors ${f?"text-heading":"text-heading/80"}`;return x[5]!==h.title||x[6]!==b?(l=(0,t.jsx)("p",{className:b,children:h.title}),x[5]=h.title,x[6]=b,x[7]=l):l=x[7],x[8]!==h.categories?(n=(0,t.jsx)("p",{className:"mt-1 text-sm sm:text-base md:text-lg text-muted-foreground",children:h.categories}),x[8]=h.categories,x[9]=n):n=x[9],x[10]!==f||x[11]!==h?(d=(0,t.jsx)(o,{item:h,isActive:f}),x[10]=f,x[11]=h,x[12]=d):d=x[12],x[13]!==l||x[14]!==n||x[15]!==d?(c=(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[l,n,d]}),x[13]=l,x[14]=n,x[15]=d,x[16]=c):c=x[16],x[17]!==a||x[18]!==c?(m=(0,t.jsxs)("div",{className:"flex items-start gap-4 py-4",children:[a,c]}),x[17]=a,x[18]=c,x[19]=m):m=x[19],x[20]!==f||x[21]!==g||x[22]!==m?(u=(0,t.jsx)("li",{className:"py-1",children:(0,t.jsx)("button",{type:"button",onClick:g,"aria-expanded":f,className:"w-full text-left",children:m})}),x[20]=f,x[21]=g,x[22]=m,x[23]=u):u=x[23],u}function m(e){let a,r,l,n,o,d,c,m,x,h=(0,s.c)(23),{item:f}=e;return h[0]!==f.images||h[1]!==f.title?(a=(0,t.jsx)("div",{className:"relative aspect-4/5 w-full overflow-hidden rounded-2xl border border-light-dark bg-light-dark",children:(0,t.jsx)(i.default,{src:f.images,alt:f.title,fill:!0,sizes:"(min-width: 1024px) 520px, 90vw",className:"object-cover"})}),h[0]=f.images,h[1]=f.title,h[2]=a):a=h[2],h[3]!==f.title?(r=(0,t.jsx)("p",{className:"text-lg tracking-tight font-medium leading-snug text-heading",children:f.title}),h[3]=f.title,h[4]=r):r=h[4],h[5]!==f.categories?(l=(0,t.jsx)("p",{className:"mt-2 text-base text-muted-foreground",children:f.categories}),h[5]=f.categories,h[6]=l):l=h[6],h[7]!==r||h[8]!==l?(n=(0,t.jsx)("div",{className:"flex items-start gap-4",children:(0,t.jsxs)("div",{children:[r,l]})}),h[7]=r,h[8]=l,h[9]=n):n=h[9],h[10]!==f.points?(o=f.points.map(u),h[10]=f.points,h[11]=o):o=h[11],h[12]!==o?(d=(0,t.jsx)("ul",{className:"mt-4 space-y-1 text-base list-disc list-inside text-muted-foreground leading-relaxed",children:o}),h[12]=o,h[13]=d):d=h[13],h[14]!==f.value?(c=(0,t.jsx)("p",{className:"mt-3 text-base text-foreground
2/85",children:f.value}),h[14]=f.value,h[15]=c):c=h[15],h[16]!==n||h[17]!==d||h[18]!==c?(m=(0,t.jsx)("div",{className:"pt-5",children:(0,t.jsx)("div",{className:"flex items-start gap-4",children:(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[n,d,c]})})}),h[16]=n,h[17]=d,h[18]=c,h[19]=m):m=h[19],h[20]!==a||h[21]!==m?(x=(0,t.jsxs)("div",{className:"overflow-hidden",children:[a,m]}),h[20]=a,h[21]=m,h[22]=x):x=h[22],x}function u(e){return(0,t.jsx)("li",{children:e},e)}function x(){let e,a,r,o,d,m,u,x,g,p,b,v=(0,s.c)(19),[y,j]=(0,l.useState)(0);v[0]===Symbol.for("react.memo_cache_sentinel")?(e=()=>{let e=setInterval(()=>{j(f)},5e3);return()=>clearInterval(e)},a=[],v[0]=e,v[1]=a):(e=v[0],a=v[1]),(0,l.useEffect)(e,a),v[2]===Symbol.for("react.memo_cache_sentinel")?(r=(0,t.jsx)("div",{className:"grid lg:grid-cols-2 gap-10 lg:gap-16 items-end",children:(0,t.jsxs)("div",{className:"lg:col-span-2 flex flex-col items-center text-center",children:[(0,t.jsxs)("div",{className:"text-base sm:text-lg md:text-xl font-medium flex items-center justify-center gap-3 text-brand",children:[(0,t.jsx)("span",{className:"w-0.5 rounded-full h-4 bg-brand"})," Who it is for"]}),(0,t.jsx)("h2",{className:"mt-6 text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight leading-[1.1] text-heading",children:"Built For Industrial Sales"}),(0,t.jsx)("p",{className:"text-muted-foreground mt-5 text-base sm:text-xl leading-relaxed",children:"Otto is built for teams selling in the field, not sitting behind a desk."})]})}),v[2]=r):r=v[2];let w=n[y]?.images,k=n[y];return v[3]!==y||v[4]!==w||v[5]!==k.title?(o=(0,t.jsx)("div",{className:"order-2 lg:order-1",children:(0,t.jsx)("div",{className:"relative hidden lg:block aspect-9/12 w-full mx-auto rounded-2xl overflow-hidden border border-light-dark bg-light-dark",children:(0,t.jsx)(i.default,{src:w,alt:k.title,fill:!0,sizes:"(min-width: 1024px) 520px, 90vw",className:"object-cover animate-in fade-in duration-500"},y)})}),v[3]=y,v[4]=w,v[5]=k.title,v[6]=o):o=v[6],v[7]!==y?(d=n.map((e,s)=>(0,t.jsx)(c,{item:e,isActive:s===y,onClick:()=>j(s)},e.title)),v[7]=y,v[8]=d):d=v[8],v[9]!==d?(m=(0,t.jsx)("div",{className:"hidden lg:flex flex-col order-1 lg:order-2 min-h-0",children:(0,t.jsx)("ul",{className:"flex-1 min-h-0 overflow-y-auto divide-y divide-light-dark pr-2 scroll-thin",children:d})}),v[9]=d,v[10]=m):m=v[10],v[11]===Symbol.for("react.memo_cache_sentinel")?(u=(0,t.jsx)("p",{className:"text-muted-foreground md:flex hidden text-base mb-6 sm:text-xl max-w-md leading-relaxed",children:"Otto is built for teams selling in the field, not sitting behind a desk."}),v[11]=u):u=v[11],v[12]===Symbol.for("react.memo_cache_sentinel")?(x=(0,t.jsxs)("div",{className:"flex flex-col order-1 lg:order-2 lg:hidden",children:[u,(0,t.jsx)("div",{className:"flex flex-col space-y-16",children:n.map(h)})]}),v[12]=x):x=v[12],v[13]!==o||v[14]!==m?(g=(0,t.jsxs)("div",{className:"md:mt-10 mt-4 grid lg:grid-cols-2 gap-10 lg:gap-16 items-stretch",children:[o,m,x]}),v[13]=o,v[14]=m,v[15]=g):g=v[15],v[16]===Symbol.for("react.memo_cache_sentinel")?(p=(0,t.jsx)("p",{className:"mt-12 hidden lg:block text-center text-muted-foreground text-base sm:text-lg md:text-xl lg:text-2xl max-w-2xl mx-auto leading-relaxed",children:"If your reps spend more time in customer facilities than behind a desk, Otto was built for them."}),v[16]=p):p=v[16],v[17]!==g?(b=(0,t.jsx)("section",{id:"v2-who-it's-for",className:"relative pb-20 ",children:(0,t.jsxs)("div",{className:"mx-auto max-w-7xl px-6 md:px-10",children:[r,g,p]})}),v[17]=g,v[18]=b):b=v[18],b}function h(e){return(0,t.jsx)(m,{item:e},e.title)}function f(e){return(e+1)%n.length}e.s(["Industries",()=>x])},75575,e=>{"use strict";var t=e.i(843476),s=e.i(500932),i=e.i(657688),a=e.i(802612),r=e.i(271645),l=e.i(88653),n=e.i(846932);let o=[{text:"The pricing they asked for",tag:"forgotten"},{text:"The competitor they mentioned",tag:"never written down"},{text:"The follow-up they promised",tag:"missed"},{text:"The quote waiting on approval",tag:"still sitting"}
2,{text:"The CRM entry",tag:"never filled in"},{text:"The manager",tag:"has no idea"}];function d(){let e,i,a,d,u,x,h=(0,s.c)(12),[f,g]=(0,r.useState)(0);return h[0]!==f?(e=()=>{if(f>=o.length){let e=setTimeout(()=>g(0),4e3);return()=>clearTimeout(e)}let e=setTimeout(()=>g(m),1800);return()=>clearTimeout(e)},i=[f],h[0]=f,h[1]=e,h[2]=i):(e=h[1],i=h[2]),(0,r.useEffect)(e,i),h[3]!==f?(a=o.slice(0,f).map(c),h[3]=f,h[4]=a):a=h[4],h[5]!==a?(d=(0,t.jsx)(l.AnimatePresence,{initial:!1,children:a}),h[5]=a,h[6]=d):d=h[6],h[7]!==f?(u=f>0&&f<o.length&&(0,t.jsxs)(n.motion.div,{initial:{opacity:0},animate:{opacity:1},className:"self-end flex items-center gap-1 px-2",children:[(0,t.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-neutral-500/80 animate-bounce",style:{animationDelay:"0ms"}}),(0,t.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-neutral-500/80 animate-bounce",style:{animationDelay:"150ms"}}),(0,t.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-neutral-500/80 animate-bounce",style:{animationDelay:"300ms"}})]}),h[7]=f,h[8]=u):u=h[8],h[9]!==d||h[10]!==u?(x=(0,t.jsxs)("div",{className:"absolute inset-0 z-10 md:flex flex-col items-start justify-end gap-2 p-4 sm:p-5 pointer-events-none",children:[d,u]}),h[9]=d,h[10]=u,h[11]=x):x=h[11],x}function c(e,s){return(0,t.jsxs)(n.motion.div,{initial:{opacity:0,y:16,scale:.98},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.94,transition:{duration:.25}},transition:{type:"spring",stiffness:380,damping:28,mass:.7},className:"relative max-w-[85%] self-start",children:[(0,t.jsx)("div",{className:"relative rounded-2xl bg-neutral-100 backdrop-blur-md px-4 py-4 shadow-lg border border-neutral-200",children:(0,t.jsx)("p",{className:"text-sm font-medium text-neutral-600 leading-snug mr-6",children:e.text})}),(0,t.jsx)("div",{className:"absolute left-1 bottom-0 w-3 h-3 bg-gray-200 transform -translate-x-1/2 rounded-br-lg",style:{clipPath:"polygon(100% 0, 0 100%, 100% 100%)"}})]},`${s}-${e.text}`)}function m(e){return e+1}function u(){let e,r,l,n,o,c,m,u,h=(0,s.c)(8);return h[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,t.jsxs)("div",{className:"text-base sm:text-lg md:text-xl font-medium flex items-center justify-start gap-3 text-brand",children:[(0,t.jsx)("span",{className:"w-0.5 rounded-full h-4 bg-brand"})," The problem"]}),h[0]=e):e=h[0],h[1]===Symbol.for("react.memo_cache_sentinel")?(r=(0,t.jsxs)("div",{className:"",children:[e,(0,t.jsxs)("h2",{className:"mt-4 text-3xl sm:text-4xl md:text-5xl font-bold text-heading",children:["Field Reps Are Working. ",(0,t.jsx)("br",{className:"hidden md:flex"}),"Opportunities Are Slipping."]})]}),h[1]=r):r=h[1],h[2]===Symbol.for("react.memo_cache_sentinel")?(l=(0,t.jsx)("p",{className:"text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed",children:"Industrial reps do not lose deals because they are lazy. They lose deals because too much happens between visits."}),h[2]=l):l=h[2],h[3]===Symbol.for("react.memo_cache_sentinel")?(n=(0,t.jsxs)("ul",{className:"mt-5 space-y-2 list-disc list-inside text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed",children:[(0,t.jsx)("li",{children:"The quote that did not get sent."}),(0,t.jsx)("li",{children:"The follow-up that stayed in a notebook."}),(0,t.jsx)("li",{children:"The renewal nobody remembered."}),(0,t.jsx)("li",{children:"The customer issue that never reached the manager."}),(0,t.jsx)("li",{children:"The opportunity that quietly went cold."})]}),o=(0,t.jsx)("p",{className:"mt-6 text-base font-medium text-heading leading-relaxed",children:"Otto closes that gap."}),h[3]=n,h[4]=o):(n=h[3],o=h[4]),h[5]===Symbol.for("react.memo_cache_sentinel")?(c=(0,t.jsx)("ul",{className:"mt-4 space-y-2 text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed",children:["Before the visit, Otto prepares the rep.","After the visit, Otto captures the next steps.","Then it updates the systems and keeps the deal moving."].map(x)}),h[5]=c):c=h[5],h[6]===Symbol.for("react.memo_cache_sentinel")?(m=(0,t.jsxs)("div",{className:"flex flex-col h-full justify-between",children:[r,(0,t.jsxs)("div",{className:"mt-5 ",children:[l,n,o,c,(0,t.jsx)("div",{className:"w-full flex justify-start mt-10",children:(0,t.jsx)(a.BookDemoButton,{sourcePage:"homepage_problem",className:"btn-primary inline-flex h-12 items-center rounded-full px-6 text-base font-medium",children:"Book a Demo"})})]})]}),h[6]=m):m=h[6],h[7]===Symbol.for("react.memo_cache_sentinel")?(u=(0,t.jsx)("section",{id:"v2-how-it-works",className:"relative py-20 md:pb-16 md:pt-28 ",children:(0,t.jsxs)("div",{className:"mx-auto max-w-7xl z-2 px-6 md:px-10 grid lg:grid-cols-2 gap-10 lg:gap-16 items-center",children:[m,(0,t.jsx)("div",{className:"relative",children:(0,t.jsxs)("div",{className:"relative aspect-4/5 w-full md:max-w-[520px] md:ml-auto rounded-2xl overflow-hidden border border-light-dark",children:[(0,t.jsx)(i.default,{src:"/marketing/problem.webp",alt:"Field rep on the road between customer visits",fill:!0,loading:"eager",sizes:"(min-width: 1024px) 520px, 90vw",className:"object-cover"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-linear-to-tr from-black/10 via-trans
2parent to-transparent"}),(0,t.jsx)(d,{})]})})]})}),h[7]=u):u=h[7],u}function x(e){return(0,t.jsxs)("li",{className:"flex items-center gap-3",children:[(0,t.jsx)("span",{className:"grid size-5 shrink-0 place-items-center rounded-full bg-brand/90 dark text-black",children:(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",className:"size-3","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M5 12l4 4L19 6"})})}),(0,t.jsx)("span",{children:e})]},e)}e.s(["ProblemSection",()=>u],75575)},475238,e=>{"use strict";var t=e.i(843476),s=e.i(500932),i=e.i(568275),a=e.i(472804),r=e.i(532181),l=e.i(271645),n=e.i(647163),o=e.i(657688);e.s(["default",0,e=>{let d,c,m,u,x,h,f,g,p,b,v,y,j,w,k,N=(0,s.c)(39),{className:_,decorative:S,showTitleAndSubtitle:T,title:O,subtitle:C,titleClassName:I,hideBadge:L}=e,z=void 0!==S&&S,A=void 0!==T&&T,E=void 0!==L&&L,M=(0,l.useRef)(null),[P,W]=(0,l.useState)(!1),[B,F]=(0,l.useState)(!0);N[0]===Symbol.for("react.memo_cache_sentinel")?(d=()=>{let e=M.current;if(e){if(e.paused){F(!1),e.play(),W(!0);return}e.pause(),W(!1)}},N[0]=d):d=N[0];let H=d;N[1]!==_?(c=(0,n.cn)("px-5 relative overflow-x-hidden py-10 md:py-24 md:px-8",_),N[1]=_,N[2]=c):c=N[2],N[3]!==z||N[4]!==E?(m=!z&&!E&&(0,t.jsxs)(r.motion.div,{initial:{opacity:0,y:12,scale:.96},whileInView:{opacity:1,y:0,scale:1},viewport:{once:!0,amount:.7},transition:{duration:.65,ease:[.22,1,.36,1]},className:"md:flex hidden pointer-events-none absolute -top-16 left-6 z-20 flex-col items-center text-neutral-900 md:left-16 xl:left-full xl:top-8 xl:ml-14 xl:w-28 dark:text-white",children:[(0,t.jsxs)("span",{className:"text-center text-sm font-semibold rotate-6 leading-tight tracking-tight text-brand md:text-base font-sans",children:["See Otto",(0,t.jsx)("br",{})," in Action"]}),(0,t.jsxs)("svg",{"aria-hidden":"true",viewBox:"0 0 76 82",className:"mt-1 h-16 w-20 -translate-x-5 overflow-visible xl:-translate-x-8 text-brand",fill:"none",children:[(0,t.jsx)(r.motion.path,{d:"M62 4C60 42 42 74 8 66",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",initial:{pathLength:0,opacity:0},whileInView:{pathLength:1,opacity:1},viewport:{once:!0,amount:.7},transition:{duration:.75,delay:.28,ease:"easeOut"}}),(0,t.jsx)(r.motion.path,{d:"M8 66 20 58M8 66l13 7",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:0,opacity:0},whileInView:{pathLength:1,opacity:1},viewport:{once:!0,amount:.7},transition:{duration:.32,delay:.9,ease:"easeOut"}})]})]}),N[3]=z,N[4]=E,N[5]=m):m=N[5],N[6]!==A||N[7]!==C||N[8]!==O||N[9]!==I?(u=A&&(0,t.jsxs)("div",{className:"w-full text-center mb-6 z-30",children:[(0,t.jsx)("h2",{className:(0,n.cn)("text-2xl sm:text-3xl font-semibold tracking-tight text-neutral-900 dark:text-white",I),children:O||"Watch Otto on a call."}),""!==C&&(0,t.jsx)("p",{className:"mt-2 text-base md:text-xl text-neutral-700 dark:text-neutral-300 max-w-2xl mx-auto",children:C||"Hands-free. Eyes-up. Pipeline moving while you get dressed."})]}),N[6]=A,N[7]=C,N[8]=O,N[9]=I,N[10]=u):u=N[10],N[11]===Symbol.for("react.memo_cache_sentinel")?(x=(0,t.jsx)("div",{className:" absolute bottom-0 bg-linear-to-t inset-0 from-brand/40 via-brand/10 to-transparent blur-2xl "}),N[11]=x):x=N[11],N[12]!==B?(h=B&&(0,t.jsx)(o.default,{src:"/marketing/thumbnail.webp",alt:"Demo thumbnail",fill:!0,priority:!0,sizes:"(max-width: 1280px) 100vw, 1280px",className:"absolute opacity-80 inset-0 rounded-b-xl rounded-t-md object-cover border border-light-dark z-10"}),N[12]=B,N[13]=h):h=N[13],N[14]===Symbol.for("react.memo_cache_sentinel")?(f=()=>{let e=M.current;e&&F(e.currentTime<.05)},N[14]=f):f=N[14],N[15]===Symbol.for("react.memo_cache_sentinel")?(g=(0,t.jsx)("video",{ref:M,preload:"auto",loop:!0,onTimeUpdate:f,playsInline:!0,className:"rounded-xl w-full h-full object-cover border border-light-dark",onPlay:()=>W(!0),onPause:()=>W(!1),children:(0,t.jsx)("source",{src:"/marketing/demo.webm",type:"video/webm"})}),N[15]=g):g=N[15];let R=z?-1:void 0,q=P?"Pause video":"Play video";N[16]!==P?(p=!P&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 rounded-full bg-brand/40 animate-ping"}),(0,t.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute -inset-2 rounded-full border border-brand/40"})]}),N[16]=P,N[17]=p):p=N[17];let D=P?i.PauseIcon:i.PlayIcon,V=P?"size-6 md:size-9":"size-7 md:size-10 translate-x-[2px]";return N[18]!==V?(b=(0,n.cn)(V,"relative z-10 fill-[#0a0a0a]"),N[18]=V,N[19]=b):b=N[19],N[20]!==D||N[21]!==b?(v=(0,t.jsx)(a.HugeiconsIcon,{icon:D,className:b}),N[20]=D,N[21]=b,N[22]=v):v=N[22],N[23]!==z||N[24]!==R||N[25]!==q||N[26]!==p||N[27]!==v?(y=(0,t.jsxs)("button",{type:"button",onClick:H,disabled:z,tabIndex:R,className:"group/play absolute left-1/2 top-1/2 z-30 flex size-14 md:size-24 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full dark bg-brand text-[#0a0a0a] shadow-[0_0_0_1px_rgba(255,255,255,0.6),0_18px_50px_-12px_rgba(203,253,64,0.55)] transition-transform duration-200 ease-out hover:scale-105 active:scale-95","aria-label":q,children:[p,v]}),N[23]=z,N[24]=R,N[25]=q,N[26]=p,N[27]=v,N[28]=y):y=N[28],N[29]!==y||N[30]!==h?(j=(0,t.jsx)("div",{className:"product-demo-frame max-w-7xl shadow-2xl border backdrop-blur-xl border-light-dark bg-white/80 dark:bg-dark group p-1 md:p-2 rounded-2xl w-full mx-auto relative z-10 md:aspect-auto flex items-center",children:(0,t.jsxs)("div",{className:"product-demo-media relative w-full aspect-video",children:[h,g,y]})}),N[29]=y,N[30]=h,N[31]=j):j=N[31],N[32]!==j||N[33]!==m||N[34]!==u?(w=(0,t.jsxs)("div",{className:"relative mx-auto flex w-full max-w-7xl flex-col items-center justify-center",children:[m,u,x,j]}),N[32]=j,N[33]=m,N[34]=u,N[35]=w):w=N[35],N[36]!==w||N[37]!==c?(k=(0,t.jsx)("section",{className:c,children:w}),N[36]=w,N[37]=c,N[38]=k):k=N[38],k}])}]); 3 4//# debugId=84cef243-b1c8-390f-d78a-1a54ef3dfbe9 5//# sourceMappingURL=dce1a144273698e1.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.