1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,23635,e=>{"use strict";let t=[{slug:"fathom",name:"Fathom",href:"/customers/fathom",logo:"/logos/fathom.svg",h:22,story:{quote:"I spent years building training that was beautiful and nobody took it. Saltfish met the customer where they were, in the product, when they needed it.",person:"Michelle Dizon",avatar:"/customers/michelle_fathom.webp",role:"Head of Scale Success & Customer Education",headline:"How Fathom onboarded 50,000+ users without adding headcount",poster:"/customers/michelle_img.jpg",wash:"warm",industryTags:["Customer Success","AI"],industry:"AI notetaking & productivity",teamSize:"51â200 employees",location:"San Francisco, United States",useCases:["Video bubbles","Product demos"],departments:["Customer Success","Customer Education"],summary:"Fathom needed to onboard hundreds of thousands of users without scaling a CS team linearly. After embedding Saltfish across their product and pricing page, they onboarded 50K+ users and saw a 14% uplift in click-through on their pricing page.",companyDescription:"AI notetaking assistant that goes beyond transcription, integrating conversations into CRM workflows, action items, and team insights. Used by hundreds of thousands of people.",heroVisual:{src:"/customers/michelle_img.jpg",kind:"image"},metrics:[{value:"50K+",label:"users onboarded via Saltfish"},{value:"14%",label:"relative uplift in high-intent clickthrough"},{value:"Scalable",label:"onboarding without headcount"}],related:["bokio","otterlyai"],website:"https://fathom.ai"}},{slug:"filed",name:"Filed",href:"/customers/filed",logo:"/logos/filed.svg",h:18,reveal:{name:"Rechat",logo:"/logos/rechat.png",h:44}},{slug:"scrive",name:"Scrive",href:"/customers/scrive",logo:"/logos/scrive.png",h:22},{slug:"bokio",name:"Bokio",href:"/customers/bokio",logo:"/logos/bokio.svg",h:22,story:{quote:"Saltfish is amazing at drawing attention to something. This was a great way to really have a low cognitive entry point.",person:"Tilden Hellyer",avatar:"/customers/tilden_bokio.jpeg",role:"Growth Product Manager",headline:"Bokio lifted conversion by 11% by humanizing their product",poster:"/customers/tilden_img2.jpg",video:"/customers/bokio_hover.mp4",wash:"terracotta",industryTags:["Growth","Fintech"],industry:"Bookkeeping & banking",teamSize:"51â200 employees",location:"Gothenburg, Sweden",useCases:["Video bubbles","Product demos"],departments:["Growth","Support","Customer Success"],summary:"Bokio needed a way to humanize their product at scale. After embedding Saltfish video bubbles on their pricing page and inside the product, they saw an 11% relative uplift in commercial conversion and accelerated new user activation.",companyDescription:"Bokio is a bookkeeping platform together with a banking solution built for small business owners. Based in Gothenburg, they serve tens of thousands of users across the Nordics.",heroVisual:{src:"https://player.mux.com/9kMF01Apfr3qckHT1v2hTGYRZ01pdO00zBN2O4nbGHnBH4?metadata-video-title=Bokio+Case+Study&video-title=Bokio+Case+Study&accent-color=%231f0612&thumbnail-time=3",kind:"embed"},metrics:[{value:"11%",label:"relative uplift in conversion"},{value:"Faster",label:"new user activation"},{value:"Scalable",label:"onboarding without headcount"}],related:["magma-math","otterlyai"],website:"https://bokio.se"}},{slug:"otterlyai",name:"OtterlyAI",href:"/customers/otterlyai",logo:"/logos/otterly.png",h:24,multiTone:!0,story:{quote:"We have users across the world in dozens of languages. Saltfish lets us onboard all of them with localized video, without recording a single extra take.",person:"Klaus-M. Schremser",avatar:"/customers/otterly_klaus-m_avatar.webp",role:"Co-founder & CRO",headline:"How OtterlyAI activates users across dozens of languages",poster:"/customers/klaus_img.png",wash:"ink",industryTags:["Founder","AI"],industry:"AI search visibility",teamSize:"11â50 employees",location:"Vienna, Austria",useCases:["Video bubbles","Product demos"],departments:["Product","Sales","Support"],heroVisual:{src:"/customers/klaus_img.png",kind:"image"},summary:"OtterlyAI needed to reach a global user base across dozens of languages. With Saltfish, they replaced live demos with self-serve product walkthroughs and embedded localized video education across the product and help center.",companyDescription:"OtterlyAI helps brands monitor their visibility in AI-generated answers, tracking how ChatGPT, Perplexity, and other AI assistants reference them across prompts and markets.",metrics:[],related:["fathom","bokio"],website:"https://otterly.ai"}},{slug:"wint",name:"Wint",href:"/customers/wint",logo:"/logos/wint.svg",h:22,reveal:{name:"Unikum",logo:"/logos/unikum.png",h:26}},{slug:"jobylon",name:"Jobylon",href:"/customers/jobylon",logo:"/logos/jobylon.svg",h:24,reveal:{name:"Acconomy",logo:"/logos/acconomy.webp",h:28}},{slug:"magma-math",name:"Magma Math",href:"/customers/magma-math",logo:"/logos/magmamath.png",h:22,story:{quote:"We went from one team trying it out to 50 people across three departments in a matter of weeks. Nobody had to be convinced, they s
1aw it and wanted in.",person:"Clara Andén",avatar:"/customers/clara_img.jpeg",role:"Commercial Director",headline:"Magma Math got 50+ employees creating demos across every team",poster:"/customers/clara_img.jpeg",video:"/customers/magma_hover.mp4",wash:"sand",industryTags:["Sales","EdTech"],industry:"Math learning platform",teamSize:"51â200 employees",location:"Stockholm, Sweden",useCases:["Interactive demos","Product videos"],departments:["Sales","Customer Success","Product"],heroVisual:{src:"https://player.mux.com/3xHEOT4oVvR4AZKr5HXvOXoMOGMZ3iy3019gN1kAf634?metadata-video-title=Magma+Case+Study&video-title=Magma+Case+Study&accent-color=%231f0612&thumbnail-time=1",kind:"embed"},summary:"Magma Math needed to communicate product value faster across sales, CS, and product. After rolling out Saltfish, over 50 employees adopted it across Sweden and the UK without a top-down mandate.",companyDescription:"Magma Math is an interactive math platform that helps students show their work digitally and provides real-time data for schools and municipalities. Used by thousands of classrooms across Sweden, the UK, and North America.",metrics:[],related:["bokio","otterlyai"],website:"https://magmamath.com"}},{slug:"contrast",name:"Contrast",href:"/customers/contrast",logo:"/logos/getcontrast.svg",h:20,story:{quote:"It's not just that more users are completing onboarding. It's that they're actually understanding the product better, and getting to value faster.",person:"Luuk De Jonge",avatar:"/customers/contrast_luuk_avatar.jpeg",role:"Head of Product",headline:"How Contrast increases feature activation with interactive walkthroughs",poster:"/customers/luuk4.png",wash:"warm",industryTags:["Product","SaaS"],industry:"Webinar & virtual events",teamSize:"11â50 employees",location:"Paris, France",useCases:["Interactive demos","Video bubbles"],departments:["Product","Growth"],heroVisual:{src:"/customers/luuk4.png",kind:"image"},summary:"Contrast's webinar studio offers deep functionality out of the gate. After generic product tours fell flat, they shipped an embedded Saltfish walkthrough. Over half of opted-in users now finish the full journey.",companyDescription:"Contrast is a modern webinar and virtual events platform built for B2B SaaS teams. Known for branded, interactive experiences with on-screen Q&A, emoji-rich chat, and AI-powered content repurposing.",metrics:[],related:["univid","sustainly"],website:"https://getcontrast.io"}},{slug:"bannerflow",name:"Bannerflow",href:"/customers/bannerflow",logo:"/logos/bannerflow.png",h:22,reveal:{name:"Univid",logo:"/logos/univid.png",h:24,darken:!0,slug:"univid"}},{slug:"icepanel",name:"IcePanel",href:"/customers/icepanel",logo:"/logos/icepanel.svg",h:22,story:{quote:"Our customers are enterprise engineering teams. They expect a polished experience. Embedding interactive demos in our knowledge base lets us deliver that at a scale a team our size normally couldn't.",person:"Dorian Simon",avatar:"/customers/dorian_img2.jpg",role:"Head of Customer Success",headline:"IcePanel turns their knowledge base into interactive demos",poster:"/customers/dorian_img2.jpg",wash:"ink",industryTags:["Growth","DevTools"],industry:"Software architecture",teamSize:"1â10 employees",location:"Vancouver, Canada",useCases:["Interactive demos","Product videos"],departments:["Growth","Support"],heroVisual:{src:"/customers/dorian_img2.jpg",kind:"image"},summary:"IcePanel embeds Saltfish demos in their knowledge base so customers learn new features in context. The same content powers product marketing and auto-generated support articles.",companyDescription:"IcePanel is a collaborative C4 modeling platform for software architecture. Backed by Y Combinator and trusted by teams at Cisco, BMW, and Alphabet, it helps engineering teams document and communicate system designs.",metrics:[],related:["otterlyai","fathom"],website:"https://icepanel.io"}},{slug:"jeeves",name:"Jeeves",href:"/customers/jeeves",logo:"/logos/jeeves.png",h:22,reveal:{name:"Värderingsdata",logo:"/logos/varderingsdata.png",h:22}},{slug:"univid",name:"Univid",href:"/customers/univid",logo:"/logos/univid.png",h:22,hideFromLogoWall:!0,darkenLogo:!0,story:{quote:"After replacing our previous onboarding experience with Saltfish, we saw a 5x increase in engagement and activation rate.",person:"Jonathan Rintala",avatar:"/customers/jonathan_univid2.png",role:"CEO & Co-founder",headline:"How Univid improved activation by 500%",poster:"/customers/jonathan_univid2.png",wash:"terracotta",industryTags:["Founder","Webinars"],industry:"Webinar platform",teamSize:"11â50 employees",location:"Stockholm, Sweden",useCases:["Video bubbles","Interactive demos"],departments:["Product","Growth"],heroVisual:{src:"/customers/jonathan_univid2.png",kind:"image"},summary:"Univid runs a PLG motion with a lean team. Swapping fragile product tours for a Saltfish video-led onboarding sent new signups straight to paid plans and pushed activation 5x.",companyDescription:"Univid is a webinar platform that lets modern marketing teams create engaging webinars in 60 seconds. Built for PLG motions, trusted by Capgemini, Visma, and top public institutions. Top-rated on G2.",metrics:[{value:"500%",label:"increase in activation"},{value:"80%",label:"start the onboarding experience"},{value:"70%",label:"complete all 11 videos"}],related:["contrast","sustainly"],website:"https://univid.io"}},{slug:"legitify",name:"Legitify",href:"/customers/legitify",logo:"/logos/legitify-logo.webp",h:24,hideFromLogoWall:!0,story:{quote:"Onboarding with Saltfish helped us reduce friction at a key step in the user journey. Users now feel more confident getting started, and our completion rates reflect that.",person:"Alexandre Zagame",role:"Product Manager",headline:"Legitify adds a human touch to digital notarization",poster:"/customers/pic3-test.avif",wash:"sand",industryTags:["Legaltech","Compliance"],industry:"Digital notarization",teamSize:"11â50 employees",location:"Stockholm, Sweden",useCases:["Video bubbles"],departments:["Product"],heroVisual:{src:"/customers/pic3-test.avif",kind:"image"},summary:"KYC is a high-friction moment in Legitify's flow. A Saltfish AI-video layer embedded in the product reintroduced a human touch: support volume dropped and the experience felt approachable across every persona.",companyDescription:"Legitify is a leading digital notarization platform that enables secure, compliant remote notarizations across borders. Serves thousands of customers across jurisdictions with a seamless, remote-first flow.",metrics:[],related:["influeri","sustainly"],website:"https://legitify.com"}},{slug:"influeri",name:"Influeri",href:"/customers/influeri",logo:"/logos/influeri.png",h:22,hideFromLogoWall:!0,story:{quote:"Our CS team used to spend 70% of their time on basic onboarding. With Saltfish, they now dedicate that time to growing accounts while we're onboarding more users than ever.",person:"Nicholas S. Jacobsson",role:"Founder & Working Chairman",headline:"Influeri freed up 70% of CS time",poster:"/customers/pic1-test.avif",wash:"warm",industryTags:["CS","Marketing"],industry:"AI influencer marketing",teamSize:"11â50 employees",location:"Stockholm, Sweden",useCases:["Video bubbles","Interactive demos"],departments:["Customer Success","Sales"],heroVisual:{src:"/customers/pic1-test.avif",kind:"image"},summary:"Influeri's CS team was drowning in basic onboarding calls. After launching a Saltfish in-app video walkthrough, more signups hit activation and CS reallocated 70% of their time to strategic account growth.",companyDescription:"Influeri is an AI-powered influencer marketing and UGC platform that automates every step of influencer campaign management. Trusted by brands like Linas Matkasse, Axfood, and Motorola for campaigns across TikTok and Instagram.",metrics:[{value:"70%",label:"CS time freed up"}],related:["andsend","legitify"],website:"https://influeri.com"}},{slug:"sustainly",name:"Sustainly",href:"/customers/sustainly",logo:"/logos/sustainly.png",h:22,storyPending:!0,hideFromLogoWall:!0,story:{quote:"Saltfish has become our go-to layer for guiding users, from their very first login to the most advanced features. It's flexible, subtle, and surprisingly effective.",person:"Frederik Denning",role:"CEO & Co-founder",headline:"How Sustainly drives deeper product engagement with Saltfish",wash:"ink",industryTags:["Product","Sustainability"],industry:"Sustainability data SaaS",teamSize:"11â50 employees",location:"Copenhagen, Denmark",useCases:["Video bubbles","Interactive demos"],departments:["Product"],summary:"Sustainly serves everyone from LCA specialists to sustainability generalists. Instead of rigid tours, they layered Saltfish videos across the product. Completion rates hit 80%+ and basic support load dropped.",companyDescription:"Sustainly democratizes access to quality sustainability data by making life-cycle assessments (LCAs) accessible to anyone. Their proprietary LCA engine supercharges experts and empowers non-expert
1s to get started.",metrics:[{value:"80%+",label:"video completion rates"}],related:["contrast","univid"],website:"https://sustainly.dk"}},{slug:"andsend",name:"AndSend",href:"/customers/andsend",logo:"/logos/andsend.png",h:22,storyPending:!0,hideFromLogoWall:!0,darkenLogo:!0,story:{quote:"We wanted new users to feel guided from the start and Saltfish helped us deliver that in a way that's both engaging and genuinely helpful.",person:"Alexandra Skagerholm",role:"Head of Customer Success",headline:"Inside AndSend's video-first onboarding experience",wash:"sand",industryTags:["CS","Sales AI"],industry:"AI sales relationship platform",teamSize:"11â50 employees",location:"Stockholm, Sweden",useCases:["Video bubbles","Interactive demos"],departments:["Customer Success","Sales"],summary:"AndSend wanted self-serve signups to find their footing without leaning on live demos. A Saltfish onboarding hosted by their Head of CS delivers short, contextual videos right where they're needed most.",companyDescription:"AndSend is an AI-powered Customer Relationship Agent that helps sales professionals build and maintain real connections at scale. Brings LinkedIn, email, and CRM activity into a single, focused workspace.",metrics:[],related:["influeri","legitify"],website:"https://andsend.com"}}],o=["fathom","bokio","magma-math"];[...o.map(e=>t.find(t=>t.slug===e)).filter(e=>!!e?.story&&!e.storyPending),...t.filter(e=>e.story&&!e.storyPending&&!o.includes(e.slug))],e.s(["CUSTOMERS",0,t])},79586,e=>{"use strict";var t=e.i(43476),o=e.i(71645),a=e.i(22016),r=e.i(23635),s=e.i(75157);let i=r.CUSTOMERS.filter(e=>!e.hideFromLogoWall),n=["fathom","magma-math","filed","bokio","jobylon","scrive","icepanel","bannerflow","otterlyai","contrast","wint","jeeves"],l=[...n.filter(e=>i.some(t=>t.slug===e)),...i.map(e=>e.slug).filter(e=>!n.includes(e))],d=new Set(["jeeves"]),u=l.flatMap((e,t)=>{let o=i.find(t=>t.slug===e);return!o?.reveal||d.has(e)?[]:[{cell:t,cycle:[`reveal:${e}`]}]}),c={fathom:{h:22,maxW:104},"magma-math":{h:25},bokio:{h:24},otterlyai:{h:24},icepanel:{h:26},contrast:{h:21},scrive:{h:24},jobylon:{h:27},filed:{h:22},wint:{h:32},bannerflow:{h:22},jeeves:{h:22},"reveal:filed":{h:54},"reveal:jobylon":{h:38},"reveal:bannerflow":{h:30},"reveal:jeeves":{h:22,maxW:150}};function h(e){let t=e.startsWith("reveal:"),o=t?e.slice(7):e,a=i.find(e=>e.slug===o);if(!a)return;let s=c[e]??{};if(!t){let t=a.storyPending?void 0:a.story;return{id:e,name:a.name,src:a.logo,h:s.h??a.h,maxW:s.maxW??110,href:t?a.href:void 0,story:t}}let n=a.reveal;if(!n)return;let l=n.slug?r.CUSTOMERS.find(e=>e.slug===n.slug&&e.story&&!e.storyPending):void 0;return{id:e,name:n.name,src:n.logo,h:s.h??n.h,maxW:s.maxW??110,href:l?.href,story:l?.story,darken:n.darken}}let m=l.map((e,t)=>[e,...u.find(e=>e.cell===t)?.cycle??[]].map(h).filter(e=>!!e)),g=u.map(e=>e.cell).filter(e=>(m[e]?.length??0)>1),p="(prefers-reduced-motion: reduce)";function f(e){let t=window.matchMedia(p);return t.addEventListener("change",e),()=>t.removeEventListener("change",e)}function b({face:e,popupAnchor:a,reduced:r}){let[i,n]=(0,o.useState)(e),[l,d]=(0,o.useState)(null),[u,c]=(0,o.useState)(e);e!==u&&(c(e),r||e===i?(n(e),d(null)):d(e)),(0,o.useEffect)(()=>{if(!l)return;let e=setTimeout(()=>{n(l),d(null)},500);return()=>clearTimeout(e)},[l]);let h=null!==l;return(0,t.jsxs)("div",{className:(0,s.cn)("group/card grain relative aspect-[2/1] md:aspect-[11/5] rounded-[4px] border border-ink/[0.07] bg-cream-light transition-colors duration-200 ease-out",i.href&&"hover:border-ink/[0.16]"),children:[(0,t.jsx)("div",{className:"absolute inset-0 [perspective:800px]",children:(0,t.jsxs)("div",{className:"absolute inset-0 [transform-style:preserve-3d]",style:{transform:`translateZ(-44px) rotateX(${90*!!h}deg)`,transition:h?"transform 460ms cubic-bezier(0.22, 1, 0.36, 1)":"none"},children:[(0,t.jsx)(v,{face:i,position:"front"}),l&&(0,t.jsx)(v,{face:l,position:"below",hidden:!0})]})}),i.story&&i.href&&(0,t.jsx)(y,{story:i.story,href:i.href,anchor:a})]})}function v({face:e,position:o,hidden:r}){let i={transform:"front"===o?"translateZ(44px)":"rotateX(-90deg) translateZ(44px)"},n="absolute inset-0 flex items-center justify-center rounded-[6px] [backface-visibility:hidden]",l=(0,t.jsx)("img",{src:e.src,alt:e.name,loading:"lazy",decoding:"async",className:(0,s.cn)("w-auto object-contain h-[calc(var(--logo-h)*var(--logo-scale))] max-w-[calc(var(--logo-w)*var(--logo-scale))]",e.darken&&"brightness-0",e.href&&"transition-transform duration-200 ease-out motion-reduce:transition-none group-hover/card:scale-[1.04]"),style:{"--logo-h":`${e.h}px`,"--logo-w":`${e.maxW}px`}});return e.href?(0,t.jsxs)(a.default,{href:e.href,className:(0,s.cn)(n,"outline-none focus-visible:ring-2 focus-visible:ring-cobalt focus-visible:ring-offset-2 focus-visible:ring-offset-background"),style:i,"aria-hidden":r||void 0,tabIndex:r?-1:void 0,children:[l,(0,t.jsx)("span",{className:"pointer-events-none absolute bottom-2 right-2 inline-flex items-center rounded-full border border-cobalt/25 bg-cobalt/[0.06] px-1.5 py-[2px] text-[9px] md:text-[10px] font-medium leading-none text-cobalt",children:"Case study"})]}):(0,t.jsx)("div",{className:n,style:i,"aria-hidden":r||void 0,children:l})}function y({story:e,href:o,anchor:r}){return(0,t.jsx)("div",{className:(0,s.cn)("hidden md:block absolute bottom-full z-20 w-80 pb-2 opacity-0 translate-y-1 pointer-events-none group-hover/card:opacity-100 group-hover/card:translate-y-0 group-hover/card:pointer-events-auto transition-all duration-200 ease-out motion-reduce:transition-none",r),children:(0,t.jsxs)("div",{className:"rounded-[4px] bg-[#FAF8F4] border border-border shadow-[0_20px_50px_-20px_rgba(31,6,18,0.28)] p-5 text-left",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[e.avatar?(0,t.jsx)("img",{src:e.avatar,alt:e.person,className:"h-10 w-10 shrink-0 rounded-full object-cover"}):(0,t.jsx)("div",{className:"h-10 w-10 shrink-0 rounded-full flex items-center justify-center text-[13px] font-semibold text-white bg-cobalt","aria-hidden":!0,
1children:e.person.split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]?.toUpperCase()??"").join("")}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-[13px] font-medium text-foreground leading-tight truncate",children:e.person}),(0,t.jsx)("p",{className:"text-xs text-muted leading-tight mt-0.5 truncate",children:e.role})]})]}),(0,t.jsxs)("p",{className:"text-sm text-foreground leading-relaxed mb-4",children:["â",e.quote,"â"]}),(0,t.jsxs)(a.default,{href:o,className:"link-arrow group/cta",children:["Read case study",(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 14 14",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,className:"transition-transform duration-200 group-hover/cta:translate-x-0.5 motion-reduce:transition-none",children:(0,t.jsx)("path",{d:"M2 7h8M6.5 3.5L10 7L6.5 10.5"})})]})]})})}e.s(["LogoWall",0,function(){let e=(0,o.useRef)(null),a=(0,o.useRef)(0),r=(0,o.useSyncExternalStore)(f,()=>window.matchMedia(p).matches,()=>!1),[s,i]=(0,o.useState)(!1),[n,d]=(0,o.useState)(()=>l.map(()=>0));return(0,o.useEffect)(()=>{let t=e.current;if(!t)return;let o=new IntersectionObserver(e=>{for(let t of e)i(t.isIntersecting)},{rootMargin:"-15% 0px -15% 0px",threshold:0});return o.observe(t),()=>o.disconnect()},[]),(0,o.useEffect)(()=>{let e;if(!s||r||0===g.length)return;let t=()=>{let o=g[a.current%g.length];a.current+=1,d(e=>e.map((e,t)=>t===o?(e+1)%m[t].length:e)),e=setTimeout(t,2e3)};return e=setTimeout(t,1800),()=>clearTimeout(e)},[s,r]),(0,t.jsx)("section",{id:"logo-wall","aria-labelledby":"logo-wall-title",className:"rail-cover rule-top rule-bottom pt-14 pb-14",children:(0,t.jsxs)("div",{className:"container-page",children:[(0,t.jsx)("h2",{id:"logo-wall-title",className:"mb-9 text-center text-[18px] font-normal leading-7 text-foreground md:text-[22px]",children:"Trusted by great companies"}),(0,t.jsx)("div",{ref:e,className:"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-2.5 [--logo-scale:0.74] md:[--logo-scale:0.92] lg:[--logo-scale:0.83] xl:[--logo-scale:0.92]",children:m.map((e,o)=>{let a;return e.length?(0,t.jsx)("div",{className:o>=8?"hidden md:block":void 0,children:(0,t.jsx)(b,{face:e[n[o]%e.length],popupAnchor:(a=(e,t)=>{let a=o%e;return 0===a?`${t}left-0 ${t}right-auto ${t}translate-x-0`:a===e-1?`${t}left-auto ${t}right-0 ${t}translate-x-0`:`${t}left-1/2 ${t}right-auto ${t}-translate-x-1/2`},`${a(4,"")} ${a(6,"lg:")}`),reduced:r})},l[o]):null})})]})})}])},72270,e=>{"use strict";var t=e.i(43476),o=e.i(71645);function a({level:e}){let o=0===e;return(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,t.jsx)("path",{d:"M3 6h2l3-2.5v9L5 10H3V6z",fill:"currentColor",stroke:"currentColor",strokeWidth:"0.8",strokeLinejoin:"round"}),o?(0,t.jsx)("path",{d:"M10.5 6l3 3m0-3l-3 3",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M10.5 6a2.5 2.5 0 010 3.5",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"}),!(!o&&e<.5)&&(0,t.jsx)("path",{d:"M12 4.5a4.5 4.5 0 010 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})]})]})}function r(e){if(!Number.isFinite(e)||e<0)return"0:00";let t=Math.floor(e/60),o=Math.floor(e%60).toString().padStart(2,"0");return`${t}:${o}`}e.s(["HeroVideo",0,function({src:e,poster:s,aspect:i,title:n="Product video"}){let l=(0,o.useRef)(null),[d,u]=(0,o.useState)(!1),[c,h]=(0,o.useState)(!1),[m,g]=(0,o.useState)(0),[p,f]=(0,o.useState)(0),[b,v]=(0,o.useState)(1),[y,w]=(0,o.useState)(!1),x=()=>{let e=l.current;e&&(e.paused?e.play():e.pause())},k=e=>{let t=l.current;if(!t)return;let o=e.currentTarget.getBoundingClientRect(),a=Math.min(Math.max(1-(e.clientY-o.top)/o.height,0),1);t.volume=a,t.muted=0===a,v(a),w(0===a)},S=p?m/p:0,j=y?0:b;return(0,t.jsxs)("div",{className:"relative w-full overflow-hidden group/player",style:{aspectRatio:i},children:[(0,t.jsx)("video",{ref:l,src:e,poster:s,preload:"auto",playsInline:!0,onPlay:()=>h(!0),onPause:()=>h(!1),onEnded:()=>h(!1),onTimeUpdate:e=>g(e.currentTarget.currentTime),onLoadedMetadata:e=>f(e.currentTarget.duration),onClick:d?x:void 0,className:`absolute inset-0 h-full w-full object-cover ${d?"cursor-pointer":""}`}),!d&&(0,t.jsx)("button",{type:"button",onClick:()=>{let e=l.current;e&&(u(!0),e.play())},"aria-label":`Play ${n}`,className:"absolute inset-0 flex items-center justify-center cursor-pointer bg-foreground
1/0 hover:bg-foreground/5 transition-colors group",children:(0,t.jsx)("span",{className:"h-16 w-16 md:h-20 md:w-20 rounded-full bg-foreground/90 backdrop-blur ring-4 ring-background/40 flex items-center justify-center shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)] group-hover:scale-105 transition-transform",children:(0,t.jsx)("svg",{width:"30",height:"30",viewBox:"0 0 22 22",fill:"none",children:(0,t.jsx)("path",{d:"M7 4l12 7-12 7V4z",fill:"#fff",stroke:"#fff",strokeWidth:"1.5",strokeLinejoin:"round"})})})}),d&&!c&&(0,t.jsx)("button",{type:"button",onClick:x,"aria-label":"Play",className:"absolute inset-0 flex items-center justify-center cursor-pointer bg-foreground/0 hover:bg-foreground/5 transition-colors group",children:(0,t.jsx)("span",{className:"h-16 w-16 md:h-20 md:w-20 rounded-full bg-foreground/90 backdrop-blur flex items-center justify-center shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)] group-hover:scale-105 transition-transform",children:(0,t.jsx)("svg",{width:"30",height:"30",viewBox:"0 0 22 22",fill:"none",children:(0,t.jsx)("path",{d:"M7 4l12 7-12 7V4z",fill:"#fff",stroke:"#fff",strokeWidth:"1.5",strokeLinejoin:"round"})})})}),d&&(0,t.jsx)("div",{"aria-hidden":!0,className:`pointer-events-none absolute inset-x-0 bottom-0 h-32 transition-opacity duration-200 ${c?"opacity-0 group-hover/player:opacity-100":"opacity-100"}`,style:{background:"linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0.05) 80%, rgba(0,0,0,0) 100%)"}}),d&&(0,t.jsx)("div",{className:`absolute inset-x-0 bottom-0 px-4 pb-3 transition-opacity duration-200 ${c?"opacity-0 group-hover/player:opacity-100":"opacity-100"}`,children:(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("button",{type:"button",onClick:x,"aria-label":c?"Pause":"Play",className:"shrink-0 h-8 w-8 rounded-full flex items-center justify-center text-white hover:bg-white/15 transition-colors cursor-pointer",children:c?(0,t.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,t.jsx)("rect",{x:"3",y:"2",width:"2.5",height:"10",rx:"0.8",fill:"
1currentColor"}),(0,t.jsx)("rect",{x:"8.5",y:"2",width:"2.5",height:"10",rx:"0.8",fill:"currentColor"})]}):(0,t.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,t.jsx)("path",{d:"M4 2l8 5-8 5V2z",fill:"currentColor",stroke:"currentColor",strokeWidth:"1",strokeLinejoin:"round"})})}),(0,t.jsx)("div",{role:"slider","aria-label":"Seek","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*S),onClick:e=>{let t=l.current;if(!t||!p)return;let o=e.currentTarget.getBoundingClientRect();t.currentTime=Math.min(Math.max((e.clientX-o.left)/o.width,0),1)*p},className:"flex-1 h-5 flex items-center cursor-pointer group/bar relative",children:(0,t.jsxs)("div",{className:"relative w-full h-1 rounded-full bg-white/25",children:[(0,t.jsx)("div",{className:"h-full rounded-full bg-white",style:{width:`${100*S}%`}}),(0,t.jsx)("div",{className:"absolute top-1/2 -translate-y-1/2 h-3 w-3 rounded-full bg-white shadow opacity-0 group-hover/bar:opacity-100 transition-opacity",style:{left:`calc(${100*S}% - 6px)`}})]})}),(0,t.jsxs)("div",{className:"shrink-0 relative group/vol",children:[(0,t.jsx)("button",{type:"button",onClick:()=>{let e=l.current;if(!e)return;let t=!y;e.muted=t,w(t)},"aria-label":y?"Unmute":"Mute",className:"h-8 w-8 rounded-full flex items-center justify-center text-white hover:bg-white/15 transition-colors cursor-pointer",children:(0,t.jsx)(a,{level:j})}),(0,t.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 bottom-full pb-2 opacity-0 pointer-events-none group-hover/vol:opacity-100 group-hover/vol:pointer-events-auto transition-opacity duration-150",children:(0,t.jsx)("div",{className:"rounded-full bg-black/70 backdrop-blur px-2 py-3 flex items-center justify-center",children:(0,t.jsxs)("div",{role:"slider","aria-label":"Volume","aria-orientation":"vertical","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*j),onPointerDown:e=>{e.currentTarget.setPointerCapture(e.pointerId),k(e)},onPointerMove:e=>{e.currentTarget.hasPointerCapture(e.pointerId)&&k(e)},className:"relative h-20 w-5 cursor-pointer flex items-center justify-center touch-none",children:[(0,t.jsx)("div",{className:"absolute inset-y-0 w-[3px] rounded-full bg-white/25"}),(0,t.jsx)("div",{className:"absolute bottom-0 w-[3px] rounded-full bg-white",style:{height:`${100*j}%`}}),(0,t.jsx)("div",{className:"absolute h-3 w-3 rounded-full bg-white shadow left-1/2 -translate-x-1/2",style:{bottom:`calc(${100*j}% - 6px)`}})]})})})]}),(0,t.jsxs)("span",{className:"shrink-0 text-[11px] text-white/90 tabular-nums font-sans",children:[r(m)," / ",r(p)]})]})})]})}])}]);
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.