1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,97823,e=>{"use strict";var t=e.i(98134),r=e.i(75201),n=e.i(31007),a=e.i(65449);let i=["Unlimited recordings","Unlimited voice typing and AI rewrites","Recordings up to 15 minutes","Combine notes (SuperSummaries)","Unlimited note storage","Chat with your notes via the AudioPen MCP"],s=["Audio file uploads","Upload & process text notes","Add to an existing note","Restyle existing notes","Rewrite selected text from the iPhone keyboard"],o=[{name:"3 months",price:33,monthly:"11",saving:null},{name:"1 year",price:99,monthly:"8.25",saving:"Save 25%"},{name:"2 years",price:159,monthly:"6.63",saving:"Save 40%"}],l="cubic-bezier(0.34, 1.25, 0.64, 1)";function c({selected:e,className:r="",render:n}){return(0,t.jsx)("span",{className:`grid ${r}`,children:o.map(r=>{let a=r.name===e;return(0,t.jsx)("span",{"aria-hidden":!a,className:`prime-swap col-start-1 row-start-1 ${a?"prime-swap-active":"pointer-events-none opacity-0"}`,children:n(r)},r.name)})})}function d({delay:e}){return(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"mt-[3px] shrink-0","aria-hidden":"true",children:(0,t.jsx)("path",{d:"M3.5 8.5l3 3L12.5 5",pathLength:"1",stroke:"#CEB290",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round",style:{animationDelay:`${e}ms`}})})}function m(){let{ref:e,isInView:n}=(0,a.useInView)(.12),[o,l]=(0,r.useState)(!1),c="prime-more-features";return(0,t.jsxs)("div",{ref:e,className:`prime-checks ${n?"in-view":""}`,children:[(0,t.jsx)("p",{className:"text-center font-body text-[0.75rem] font-semibold tracking-[0.1em] text-background/55 uppercase",children:"Everything in Free, plus"}),(0,t.jsxs)("div",{className:"mx-auto w-fit",children:[(0,t.jsx)("ul",{className:"mt-3 grid gap-y-2",children:i.map((e,r)=>(0,t.jsxs)("li",{className:"flex items-start gap-2.5",children:[(0,t.jsx)(d,{delay:60*r}),(0,t.jsx)("span",{className:"font-body text-[0.9375rem] leading-[1.45] text-background",children:e})]},e))}),(0,t.jsx)("div",{id:c,"aria-hidden":!o,className:`prime-more grid transition-[grid-template-rows] duration-300 ease-[var(--ease-out)] ${o?"open grid-rows-[1fr]":"grid-rows-[0fr]"}`,children:(0,t.jsx)("ul",{className:"grid min-h-0 gap-y-2 overflow-hidden",children:s.map((e,r)=>(0,t.jsxs)("li",{className:`flex items-start gap-2.5 ${0===r?"mt-2":""}`,children:[(0,t.jsx)(d,{delay:60*r}),(0,t.jsx)("span",{className:"font-body text-[0.9375rem] leading-[1.45] text-background/80",children:e})]},e))})}),(0,t.jsxs)("button",{type:"button","aria-expanded":o,"aria-controls":c,onClick:()=>l(e=>!e),className:"mt-3 inline-flex items-center gap-1.5 rounded-full font-body text-[0.8125rem] font-medium text-background/60 transition-colors duration-150 hover:text-background focus-visible:ring-2 focus-visible:ring-[#CEB290] focus-visible:ring-offset-2 focus-visible:ring-offset-foreground focus-visible:outline-none",children:[o?"Show fewer":`And ${s.length} more`,(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none","aria-hidden":"true",className:`transition-transform duration-200 ${o?"rotate-180":""}`,children:(0,t.jsx)("path",{d:"M2.5 4.5 6 8l3.5-3.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]})}function u({value:e,onChange:n,reducedMotion:a}){let i=(0,r.useRef)(null),s=(0,r.useRef)([]),[c,d]=(0,r.useState)({left:0,width:0,ready:!1}),m=o.findIndex(t=>t.name===e),u=(0,r.useCallback)(()=>{let e=s.current[m],t=i.current;if(!e||!t)return;let r=t.getBoundingClientRect(),n=e.getBoundingClientRect();d({left:n.left-r.left,width:n.width,ready:!0})},[m]);(0,r.useLayoutEffect)(()=>{u()},[u]),(0,r.useEffect)(()=>{let e=i.current;if(!e)return;let t=()=>u();window.addEventListener("resize",t);let r="u">typeof ResizeObserver?new ResizeObserver(t):null;return r?.observe(e),()=>{window.removeEventListener("resize",t),r?.disconnect()}},[u]);let h=e=>{let t=(e+o.length)%o.length;n(o[t].name),s.current[t]?.focus()};return(0,t.jsxs)("div",{ref:i,role:"radiogroup","aria-label":"Prime term",className:"relative flex w-full items-stretch rounded-full bg-white/[0.06] p-1 ring-1 ring-white/10",children:[(0,t.jsx)("div",{"aria-hidden":!0,
1className:"pointer-events-none absolute top-1 bottom-1 left-0 rounded-full bg-background shadow-[0_2px_10px_rgba(0,0,0,0.3)]",style:{width:c.width,transform:`translate3d(${c.left}px, 0, 0)`,opacity:+!!c.ready,transition:a?"none":`transform 340ms ${l}, width 340ms ${l}, opacity 120ms ease-out`}}),o.map((r,a)=>{let i=r.name===e;return(0,t.jsxs)("button",{ref:e=>{s.current[a]=e},type:"button",role:"radio","aria-checked":i,tabIndex:i?0:-1,onClick:()=>n(r.name),onKeyDown:e=>((e,t)=>{if("ArrowDown"===e.key||"ArrowRight"===e.key){e.preventDefault(),h(t+1);return}if("ArrowUp"===e.key||"ArrowLeft"===e.key){e.preventDefault(),h(t-1);return}"Home"===e.key&&(e.preventDefault(),h(0)),"End"===e.key&&(e.preventDefault(),h(o.length-1))})(e,a),className:`relative z-10 flex flex-1 flex-col items-center justify-center rounded-full px-1.5 py-1.5 whitespace-nowrap sm:py-2 [transition:color_340ms_var(--ease-out),scale_160ms_var(--ease-out)] active:scale-[0.97] focus-visible:ring-2 focus-visible:ring-[#CEB290] focus-visible:ring-offset-2 focus-visible:ring-offset-foreground focus-visible:outline-none ${i?"text-foreground":"text-background/60 hover:text-background"}`,children:[(0,t.jsx)("span",{className:"font-body text-[0.8125rem] leading-tight font-medium sm:text-[0.875rem]",children:r.name}),r.saving?(0,t.jsx)("span",{className:`mt-0.5 font-body text-[0.625rem] leading-tight font-semibold tracking-[0.06em] uppercase transition-colors duration-300 sm:text-[0.6875rem] ${i?"text-foreground/70":"text-background/45"}`,children:r.saving}):null]},r.name)})]})}function h(){let[e,a]=(0,r.useState)("1 year"),[i,s]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>s(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,t.jsxs)("section",{id:"pricing",className:"relative -mt-12 scroll-mt-32 lg:-mt-16",children:[(0,t.jsx)("div",{className:"pricing-panel relative rounded-t-[3rem] bg-foreground bg-cover bg-center pt-20 pb-28 lg:pt-28 lg:pb-36",style:{backgroundImage:"url('/images/everywhere-bg.webp')"},children:(0,t.jsx)("div",{className:"mx-auto max-w-6xl px-6 lg:px-8",children:(0,t.jsxs)("div",{className:"md:grid md:grid-cols-[minmax(0,1fr)_minmax(0,22rem)] md:items-start md:gap-10 lg:grid-cols-[minmax(0,max-content)_minmax(0,1fr)] lg:gap-14 xl:gap-20",children:[(0,t.jsx)("div",{className:"mx-auto max-w-[36rem] text-center md:mx-0 md:text-left",children:(0,t.jsxs)(n.FadeIn,{children:[(0,t.jsx)("img",{src:"/logos/audiopen-prime.webp",alt:"AudioPen Prime",width:800,height:402,loading:"lazy",className:"mx-auto h-28 w-auto mix-blend-lighten sm:h-32 md:mx-0"}),(0,t.jsxs)("h2",{className:"display-heading mt-5 font-heading text-[clamp(2.75rem,5.5vw,4rem)] font-semibold leading-[1.1] tracking-[-0.015em] text-background",children:[(0,t.jsx)("span",{className:"block",children:"Start free."}),(0,t.jsx)("span",{className:"block",children:(0,t.jsx)("em",{className:"prime-marker font-heading text-foreground",style:{fontStyle:"italic"},children:"Get more with Prime."})})]}),(0,t.jsx)("p",{className:"mx-auto mt-6 max-w-lg font-body text-[clamp(1.125rem,2vw,1.4375rem)] leading-[1.4] text-background/70 md:mx-0",children:"Try AudioPen without paying anything. Upgrade to Prime when you want more."})]})}),(0,t.jsx)(n.FadeIn,{delay:160,className:"mx-auto w-full max-w-[30rem] md:mx-0 md:max-w-none md:justify-self-end lg:max-w-[27rem]",children:(0,t.jsxs)("div",{className:"prime-offer mt-10 rounded-[1.75rem] bg-white/[0.08] p-5 text-background shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_30px_80px_-20px_rgba(0,0,0,0.6)] ring-1 ring-white/15 backdrop-blur-2xl backdrop-saturate-150 sm:p-6 md:mt-0 lg:p-7",children:[(0,t.jsx)("div",{children:(0,t.jsx)(u,{value:e,onChange:a,reducedMotion:i})}),(0,t.jsxs)("div",{className:"mt-5 text-center","aria-live":"polite",children:[(0,t.jsx)(c,{selected:e,className:"justify-items-center",render:e=>(0,t.jsxs)("span",{className:"block text-center font-heading text-[2.75rem] leading-none font-semibold tracking-[-0.02em] text-background sm:text-[3rem]",children:["$",e.price]})}),(0,t.jsx)(c,{selected:e,className:"mt-2 justify-items-center",render:e=>(0,t.jsxs)("span",{className:"font-body text-[0.8125rem] text-background/65",children:["Works out to $",e.monthly," a month."]})})]}),(0,t.jsx)("a",{href:"https://app.audiopen.ai/prime",target:"_blank",rel:"noopener noreferrer",className:"mt-5 flex w-full items-center justify-center rounded-full bg-[#CEB290] px-6 py-3.5 font-body text-[0.9375rem] font-medium text-foreground transition-[background-color,transform] duration-150 ease-out will-change-transform hover:bg-[#D8C09F] active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-[#CEB290] focus-visible:ring-offset-2 focus-visible:ring-offset-foreground focus-visible:outline-none",children:(0,t.jsx)(c,{selected:e,className:"justify-items-center",render:e=>(0,t.jsxs)("span",{children:["Get ",e.name," of Prime"]})})}),(0,t.jsx)("p",{className:"mt-3 text-center font-body text-[0.75rem] leading-[1.5] text-background/60",children:"One account works on all your devices."}),(0,t.jsx)("div",{className:"mt-6 border-t border-white/10 pt-5",children:(0,t.jsx)(m,{})})]})})]})})}),(0,t.jsx)("style",{children:` 2 /* 3 * Checkmarks: hidden by dash offset until the list scrolls into view, 4 * then each draws in with a small stagger (delay set inline per path). 5 * Items behind the disclosure wait until it opens. 6 */ 7 .prime-checks path { 8 stroke-dasharray: 1; 9 stroke-dashoffset: 1; 10 } 11 .prime-checks.in-view path { 12 animation: prime-check-draw 300ms var(--ease-out) forwards; 13 } 14 .prime-checks .prime-more:not(.open) path { 15 animation: none; 16 } 17 @keyframes prime-check-draw { 18 to { 19 stroke-dashoffset: 0; 20 } 21 } 22 23 /* 24 * Price, term, and button label share stacked grid cells. The outgoing 25 * value fades quickly; the incoming one settles in. 26 */ 27 .prime-swap { 28 transition: opacity 140ms var(--ease-out); 29 } 30 .prime-swap.prime-swap-active { 31 transition-duration: 240ms; 32 } 33 34 /* 35 * The marker swipe from ui/marker-highlight, as a background so it can 36 * wrap. Same path, same gold, same 1.25em band starting 0.05em below 37 * the top of the line box; the inline padding matches the band's 38 * overhang and the negative margin keeps the text where it was. 39 */ 40 .prime-marker { 41 -webkit-box-decoration-break: clone; 42 box-decoration-break: clone; 43 padding-inline: 0.2em 0.26em; 44 margin-inline: -0.2em -0.26em; 45 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 290 60' preserveAspectRatio='none'%3E%3Cpath d='M5 53 L13 9 C30 4 55 10 80 6 C106 2 132 9 158 5 C184 1 210 8 236 4 C260 1 278 7 295 3 L287 50 C272 56 254 50 236 55 C210 58 187 52 162 56 C136 58 110 53 84 56 C58 58 30 53 5 53 Z' fill='%23CEB290' fill-opacity='0.9'/%3E%3C/svg%3E"); 46 background-repeat: no-repeat; 47 background-size: 100% 1.25em; 48 background-position: 0 0.05em; 49 } 50 51 @media (prefers-reduced-motion: reduce) { 52 .prime-checks path { 53 animation: none; 54 stroke-dashoffset: 0; 55 } 56 .prime-swap { 57 transition: none; 58 } 59 } 60 `})]})}e.s(["Pricing",()=>h])},14519,e=>{"use strict";var t=e.i(98134),r=e.i(18231);function n(){return(0,t.jsx)("div",{className:"relative mx-auto w-full max-w-[280px] sm:max-w-[340px] lg:max-w-[520px]",children:(0,t.jsx)("img",{src:"/images/hero/phones-1040.webp",srcSet:"/images/hero/phones-720.webp 720w, /images/hero/phones-1040.webp 1040w, /images/hero/phones-1560.webp 1560w",sizes:"(min-width: 1024px) 520px, (min-width: 640px) 340px, 280px",alt:"AudioPen on iPhone showing recording, style settings, and a finished note",className:"h-auto w-full drop-shadow-[0_24px_56px_rgba(61,63,84,0.18)]",width:1040,height:837,fetchPriority:"high",decoding:"async"})})}var a=e.i(80076);function i(){return(0,t.jsxs)("section",{"data-hero":!0,className:"relative overflow-hidden",children:[(0,t.jsx)("div",{className:"relative z-10 mx-auto w-full max-w-6xl px-6 lg:px-8",children:(0,t.jsxs)("div",{className:"grid items-center gap-6 pb-24 pt-32 lg:grid-cols-2 lg:gap-16 lg:pb-36 lg:pt-32",children:[(0,t.jsxs)("div",{className:"order-2 flex flex-col items-center text-center lg:order-1 lg:items-start lg:pt-12 lg:text-left",children:[(0,t.jsxs)("h1",{className:"font-heading text-[clamp(3rem,6vw,5.25rem)] font-semibold leading-[1.05] text-foreground",style:{animationName:"heroF
60adeUp",animationDuration:"450ms",animationTimingFunction:"cubic-bezier(0.23, 1, 0.32, 1)",animationDelay:"0ms",animationFillMode:"both",fontVariationSettings:"'wght' 520, 'SOFT' 60, 'WONK' 1, 'opsz' 120",letterSpacing:"-0.02em"},children:["Turn your thoughts into the"," ",(0,t.jsx)(a.MarkerHighlight,{className:"text-accent",children:(0,t.jsx)("span",{className:"text-text-on-accent italic",children:"right words"})})]}),(0,t.jsxs)("p",{className:"mx-auto mt-5 max-w-xl text-pretty font-body text-[clamp(1.0625rem,1.8vw,1.375rem)] leading-[1.45] text-foreground lg:mx-0",style:{animationName:"heroFadeUp",animationDuration:"450ms",animationTimingFunction:"cubic-bezier(0.23, 1, 0.32, 1)",animationDelay:"120ms",animationFillMode:"both"},children:["Speak freely. AudioPen"," ",(0,t.jsx)("strong",{className:"font-semibold",children:"transcribes"})," ","and"," ",(0,t.jsx)("strong",{className:"font-semibold",children:"rewrites"})," ","what you say into clear writing, in"," ",(0,t.jsx)("strong",{className:"font-semibold",children:"a style of your choice."})]}),(0,t.jsx)(r.HeroDownloadButton,{})]}),(0,t.jsx)("div",{className:"order-1 flex justify-center lg:order-2 lg:justify-end",style:{animationName:"heroFadeUp",animationDuration:"450ms",animationTimingFunction:"cubic-bezier(0.23, 1, 0.32, 1)",animationDelay:"200ms",animationFillMode:"both"},children:(0,t.jsx)(n,{})})]})}),(0,t.jsx)("style",{children:` 61 @keyframes heroFadeUp { 62 from { opacity: 0; transform: translateY(16px); } 63 to { opacity: 1; transform: translateY(0); } 64 } 65 `})]})}e.s(["Hero",()=>i],14519)},77449,e=>{"use strict";let t;var r,n,a=e.i(98134),i=e.i(75201);let s=(...e)=>e.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim(),o=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var l={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let c=(0,i.createContext)({}),d=(0,i.forwardRef)(({color:e,size:t,strokeWidth:r,absoluteStrokeWidth:n,className:a="",children:o,iconNode:d,...m},u)=>{let{size:h=24,strokeWidth:p=2,absoluteStrokeWidth:f=!1,color:g="currentColor",className:x=""}=(0,i.useContext)(c)??{},b=n??f?24*Number(r??p)/Number(t??h):r??p;return(0,i.createElement)("svg",{ref:u,...l,width:t??h??l.width,height:t??h??l.height,stroke:e??g,strokeWidth:b,className:s("lucide",x,a),...!o&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(m)&&{"aria-hidden":"true"},...m},[...d.map(([e,t])=>(0,i.createElement)(e,t)),...Array.isArray(o)?o:[o]])}),m=(r="sparkles",n=[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}
65],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],(t=(0,i.forwardRef)(({className:e,...t},a)=>(0,i.createElement)(d,{ref:a,iconNode:n,className:s(`lucide-${o(r).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${r}`,e),...t}))).displayName=o(r),t);var u=e.i(31007);let h=[{key:"simple",label:"Simple & clear",segs:["AudioPen is a voice-to-text tool that ",{hl:"goes beyond just transcription"},". It rewrites what you say in a ",{hl:"writing style and language of your choice"},". You have control over ",{hl:"how much it rewrites"},". It's great for making content for yourself or sharing with others."]},{key:"academic",label:"Academic",segs:["AudioPen is a sophisticated voice-to-text tool offering ",{hl:"more than mere transcription"},". It transforms spoken words into written text, adhering to the ",{hl:"chosen writing style and language"},". Users can ",{hl:"control the extent of rewriting"},". This tool is ideal for generating personal content or sharing with an audience."]},{key:"memo",label:"Business memo",segs:["AudioPen is a voice-to-text tool that ",{hl:"surpasses basic transcription"},". It rewrites spoken content in a chosen writing style and language, while offering ",{hl:"customizable levels of rewriting"},". It is ideal for creating personal content or sharing with others."]},{key:"shakespeare",label:"Shakespeare",segs:["AudioPen, a wondrous tool, ",{hl:"doth more than transcribe thy voice"},". Beyond mere transcription, it rewriteth thy words, and thou may'st ",{hl:"select a style most pleasing"},". What else? ",{hl:"Choose a different tongue"}," than thine own for the scribing! Adjust the intensity as well. 'Tis useful for crafting content for thine own future or to share with the world."]}];function p(){return(0,a.jsx)("div",{"aria-hidden":"true",className:"flex shrink-0 items-center justify-center py-3 md:px-1.5 md:py-0 xl:px-2",children:(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"currentColor",strokeWidth:3,strokeLinejoin:"round",className:"size-8 rotate-90 text-foreground md:rotate-0 lg:size-10",children:(0,a.jsx)("path",{d:"M7 5.5 L17.5 12 L7 18.5 Z"})})})}function f(){let[e,t]=(0,i.useState)("simple"),r=(0,i.useRef)(null),n=(0,i.useRef)(!1),s=h.find(t=>t.key===e);return(0,a.jsxs)("div",{className:"-mx-8 overflow-hidden px-8 pt-4 pb-10 lg:pb-12",children:[(0,a.jsx)("div",{className:"mx-auto max-w-6xl",children:(0,a.jsx)(u.FadeIn,{delay:140,children:(0,a.jsxs)("div",{className:"mt-8 flex flex-col md:flex-row md:items-center lg:mt-10",children:[(0,a.jsx)("div",{className:"mx-auto w-full max-w-[24rem] md:mx-0 md:w-[18rem] md:max-w-none md:shrink-0 lg:w-[22rem] xl:w-[24rem]",children:(0,a.jsxs)("div",{className:"tf-transcript relative rounded-xl bg-card p-6 pt-7 ring-1 ring-foreground/[0.06] shadow-[0_6px_24px_rgba(28,29,40,0.2)] rotate-[-1.5deg]",children:[(0,a.jsx)("span",{className:"absolute -top-2.5 left-5 rounded-full bg-background px-2.5 py-1 font-body text-[0.625rem] font-semibold uppercase tracking-[0.08em] text-muted ring-1 ring-foreground/15",children:"The transcript"}),(0,a.jsxs)("p",{className:"font-body text-[0.8125rem] leading-[1.75] italic text-foreground/45",children:["â","audiopen is a voice-to-text tool that does much more than just transcribe... Besides transcription it also rewrites what you say. And you can choose a style that you want it to rewrite in. Umm. What else... You can even choose a language to write in that is different from the one you spoke in! And you can control the intensity of the rewrite it applies. It's really useful to create content for your future self, or to share with the world.","â"]})]})}),(0,a.jsx)(p,{}),(0,a.jsx)("div",{className:"min-w-0 flex-1",children:(0,a.jsxs)("div",{className:"tf-desk relative -mx-6 h-[22rem] select-none sm:mx-0 sm:h-[22.5rem] lg:h-[23rem] [touch-action:pan-y]",onPointerDown:function(e){("mouse"!==e.pointerType||0===e.button)&&(r.current={x:e.clientX,y:e.clientY})},onPointerUp:function(a){let i=r.current;if(r.current=null,!i)return;let s=a.clientX-i.x,o=a.clientY-i.y;
65if(Math.abs(s)>40&&Math.abs(s)>1.5*Math.abs(o)){n.current=!0,setTimeout(()=>n.current=!1,400);let r=h.findIndex(t=>t.key===e),a=s<0?(r+1)%h.length:(r-1+h.length)%h.length;t(h[a].key)}},onPointerCancel:()=>r.current=null,children:[(0,a.jsxs)("span",{className:"sr-only","aria-live":"polite",children:["Showing the ",s.label," rewrite"]}),h.map(r=>{let i=r.key===e,s=i?-1:h.filter(t=>t.key!==e).findIndex(e=>e.key===r.key);return(0,a.jsxs)("button",{type:"button","aria-pressed":i,onClick:()=>{n.current||t(r.key)},style:{zIndex:i?30:20-s},"aria-label":`Show the ${r.label} rewrite`,className:`tf-sheet absolute top-1/2 rounded-xl bg-card p-6 pt-7 text-left cursor-pointer ${i?"tf-sheet-sel":`tf-slot-${s}`} ${i?"shadow-[0_12px_28px_rgba(28,29,40,0.2)]":"ring-1 ring-foreground/[0.06] shadow-[0_6px_24px_rgba(28,29,40,0.16)] hover:shadow-[0_10px_32px_rgba(28,29,40,0.2)]"}`,children:[(0,a.jsxs)("span",{className:`absolute -top-2.5 left-5 inline-flex items-center gap-1 rounded-full px-2.5 py-1 font-body text-[0.625rem] font-semibold uppercase tracking-[0.08em] ring-1 transition-colors duration-300 ${i?"bg-foreground text-background ring-black/10":"bg-background text-muted ring-foreground/15"}`,children:[(0,a.jsx)(m,{"aria-hidden":"true",className:"size-3.5 shrink-0",fill:"currentColor",strokeWidth:0}),r.label]}),(0,a.jsx)("p",{className:"font-body text-[0.84rem] leading-[1.75] text-foreground/75",children:r.segs.map((e,t)=>"string"==typeof e?e:(0,a.jsx)("mark",{className:"tf-hl",children:e.hl},t))})]},r.key)})]})})]})})}),(0,a.jsx)("style",{children:` 66 /* 67 * Sheet geometry. Positions are percentages of the desk width, so the 68 * fan scales with the container and can never spill past its edges. 69 * Mobile is a tight card deck; desktop fans out to the right. 70 */ 71 .tf-desk { 72 /* card width and side-peek distance both derive from the desk 73 width, so the pile spreads as far as the screen allows without 74 ever clipping â even at 320px. */ 75 --card-w: min(19.5rem, calc(100% - 2.5rem)); 76 --peek: min(72px, calc((100% - var(--card-w)) / 2 - 10px)); 77 } 78 .tf-sheet { 79 left: var(--lx); 80 width: var(--card-w); 81 transform: translate(-50%, calc(-50% + var(--ty))) rotate(var(--tr)); 82 transition: transform 550ms cubic-bezier(0.34, 1.3, 0.64, 1), left 550ms cubic-bezier(0.34, 1.3, 0.64, 1), translate 250ms ease, box-shadow 350ms ease; 83 } 84 .tf-sheet-sel { 85 --lx: 50%; 86 --ty: 0px; 87 --tr: -1.5deg; 88 } 89 .tf-slot-0 { --lx: calc(50% - var(--peek)); --ty: -20px; --tr: -3.5deg; } 90 .tf-slot-1 { --lx: calc(50% + var(--peek)); --ty: -10px; --tr: 3deg; } 91 .tf-slot-2 { --lx: 50%; --ty: 14px; --tr: 7deg; } 92 @media (min-width: 1024px) { 93 .tf-desk { 94 --card-w: 18rem; 95 } 96 .tf-sheet-sel { --lx: 26%; } 97 .tf-slot-0 { --lx: 50%; --ty: -6px; --tr: 4deg; } 98 .tf-slot-1 { --lx: 61%; --ty: 4px; --tr: 6.5deg; } 99 .tf-slot-2 { --lx: 72%; --ty: 14px; --tr: 9deg; } 100 } 101 .tf-sheet:not(.tf-sheet-sel):hover { 102 translate: 0 -6px; 103 } 104 /* Paper selection stays the site's orange tint. */ 105 .tf-transcript ::selection, 106 .tf-sheet ::selection { 107 background-color: rgba(255, 92, 10, 0.15); 108 color: var(--text-primary); 109 } 110 .tf-transcript ::-moz-selection, 111 .tf-sheet ::-moz-selection { 112 background-color: rgba(255, 92, 10, 0.15); 113 color: var(--text-primary); 114 } 115 .tf-hl { 116 background-color: transparent; 117 background-image: linear-gradient( 118 color-mix(in srgb, var(--accent) 22%, transparent), 119 color-mix(in srgb, var(--accent) 22%, transparent) 120 ); 121 background-repeat: no-repeat; 122 background-position: left center; 123 background-size: 0% 100%; 124 border-radius: 0.25em; 125 -webkit-box-decoration-break: clone; 126 box-decoration-break: clone; 127 padding: 0.05em 0.15em; 128 margin: -0.05em -0.15em; 129 color: inherit; 130 transition: background-size 450ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms ease; 131 } 132 .tf-sheet-sel .tf-hl { 133 background-size: 100% 100%; 134 color: var(--text-primary); 135 } 136 .tf-sheet-sel .tf-hl:nth-of-type(1) { transition-delay: 350ms; } 137 .tf-sheet-sel .tf-hl:nth-of-type(2) { transition-delay: 550ms; } 138 .tf-sheet-sel .tf-hl:nth-of-type(3) { transition-delay: 750ms; } 139 @media (prefers-reduced-motion: reduce) { 140 .tf-sheet { transition: box-shadow 350ms ease; } 141 .tf-sheet:not(.tf-sheet-sel):hover { translate: none; } 142 .tf-hl { transition: none; } 143 .tf-sheet-sel .tf-hl { transition-delay: 0ms; } 144 } 145 `})]})}e.s(["Transformation",()=>f],77449)},27682,e=>{"use strict";var t=e.i(98134),r=e.i(75201);
145let n=[18,14,26,10,22,16,20],a=[46,22,40,18,44,28,36],i=[40,24,44,30],s=(48-Math.max(...a))/2,o=(48-Math.max(...i))/2,l=()=>()=>{};function c({className:e="",color:c="#FF5C0A"}){let[d,m]=(0,r.useState)("wave"),[u,h]=(0,r.useState)(()=>[...n]),[p,f]=(0,r.useState)(!1),g=(0,r.useSyncExternalStore)(l,()=>!0,()=>!1),x=(0,r.useRef)([...n]),b=(0,r.useRef)([...n]);(0,r.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>f(e.matches);return t(),e.addEventListener?.("change",t),()=>e.removeEventListener?.("change",t)},[]),(0,r.useEffect)(()=>{let e;if(!g||p||"wave"!==d)return;let t=!1,r=()=>{t||(b.current=b.current.map(e=>.28>Math.random()?6+30*Math.random():Math.min(36,Math.max(6,e+(21-e)*.08+(Math.random()-.5)*14))),e=setTimeout(r,70+110*Math.random()))};return e=setTimeout(r,40),()=>{t=!0,clearTimeout(e)}},[g,p,d]),(0,r.useEffect)(()=>{if(!g||p||"wave"!==d)return;let e=0,t=performance.now(),r=n=>{let a=Math.min(.032,(n-t)/1e3);t=n;let i=1-Math.exp(-11*a),s=x.current,o=b.current,l=!1,c=s.map((e,t)=>{let r=o[t]??e,n=e+(r-e)*i;return Math.abs(n-e)>.04&&(l=!0),.15>Math.abs(r-n)?r:n});l&&(x.current=c,h(c)),e=requestAnimationFrame(r)};return e=requestAnimationFrame(r),()=>cancelAnimationFrame(e)},[g,p,d]),(0,r.useEffect)(()=>{if(!g||p)return;let e=!1,t=[],r=e=>new Promise(r=>{t.push(setTimeout(r,e))});return async function(){for(;!e&&(m("wave"),await r(2e3),!e)&&(m("transcript"),await r(2200),!e&&(m("cleaned"),await r(2800),!e));){;let t=[...n];if(x.current=t,b.current=t,h(t),m("bars"),await r(900),e)break}}(),()=>{e=!0,t.forEach(clearTimeout)}},[g,p]);let w=p?"cleaned":d,v="wave"===w&&!p,y="transcript"===w,k="cleaned"===w,j=v?0:k?780:900,N=k?"cubic-bezier(0.22, 1, 0.36, 1)":"cubic-bezier(0.34, 1.15, 0.45, 1)";return(0,t.jsx)("div",{"aria-hidden":"true",className:`mx-auto mb-4 flex justify-center ${e}`,style:{width:48,height:46},children:(0,t.jsx)("div",{className:"relative",style:{width:48,height:46},children:Array.from({length:7},(e,r)=>{let l=function(e,t,r,l){if("wave"===t||"bars"===t){let t=r[e]??n[e];return{width:3,height:t,left:1.5+7*e,top:(46-t)/2,opacity:1,color:l}}let c="cleaned"===t,d=c&&e%2==1,m=c?Math.floor(e/2):e,u=c?4:7,h=d?a[e]:c?i[m]??3:a[e];return{width:d?Math.max(3,.35*h):h,height:3,left:c?o:s,top:(46-(3*u+(u-1)*4))/2+7*m,opacity:+!d,color:l}}(r,w,u,c),d=y?55*Math.abs(r-3)+28*r:k?(r%2==1?0:70*Math.floor(r/2))+40:0;return(0,t.jsx)("span",{className:"absolute rounded-full",style:{width:l.width,height:l.height,left:l.left,top:l.top,opacity:l.opacity,backgroundColor:l.color,transformOrigin:"center center",transition:p||v?void 0:`width ${j}ms ${N}, height ${j}ms ${N}, top ${j}ms ${N}, left ${j}ms ${N}, opacity ${.55*j}ms ease`,transitionDelay:p||v?void 0:`${d}ms`}},r)})})})}e.s(["VoiceToTextMorph",()=>c])},70720,e=>{"use strict";var t=e.i(98134),r=e.i(75201);function n({src:e,poster:n,label:a,className:i=""}){let s=(0,r.useRef)(null),o=(0,r.useRef)(null),l=(0,r.useRef)(null),c=(0,r.useRef)(null),[d,m]=(0,r.useState)(!1),[u,h]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=s.current;if(!e||"u"<typeof IntersectionObserver)return;let t=new IntersectionObserver(([e])=>m(e.isIntersecting),{rootMargin:"200px 0px"});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{let e=s.current;if(!e)return;let t=window.matchMedia("(prefers-reduced-motion: reduce)"),r=()=>{!d||u||t.matches||document.hidden?e.pause():e.play().catch(()=>{})};return r(),t.addEventListener("change",r),document.addEventListener("visibilitychange",r),()=>{t.removeEventListener("change",r),document.removeEventListener("visibilitychange",r)}},[d,u]);let p=()=>o.current?.close();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("button",{ref:c,type:"button",onClick:()=>{let e=o.current;if(!e)return;e.showModal(),h(!0);let t=l.current;t&&(t.currentTime=s.current?.currentTime??0,window.matchMedia("(prefers-reduced-motion: reduce)").matches||t.play().catch(()=>{}))},"aria-label":`Watch full size: ${a}`,"aria-haspopup":"dialog",className:"group relative block h-full w-full cursor-zoom-in focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent",children:[(0,t.jsx)("video",{ref:s,muted:!0,loop:!0,playsInl
145ine:!0,preload:d?"auto":"none",poster:n,"aria-hidden":"true",tabIndex:-1,className:i,children:(0,t.jsx)("source",{src:e,type:"video/mp4"})}),(0,t.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute right-3 bottom-3 flex size-9 items-center justify-center rounded-full bg-foreground/75 text-background opacity-70 shadow-[0_4px_14px_rgba(28,29,40,0.25)] backdrop-blur-sm transition-[opacity,scale] duration-200 ease-out group-hover:scale-105 group-hover:opacity-100 group-focus-visible:opacity-100",children:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M14 4h6v6M10 20H4v-6M20 4l-6.5 6.5M4 20l6.5-6.5"})})})]}),(0,t.jsx)("dialog",{ref:o,"aria-label":a,onClose:()=>{h(!1),l.current?.pause(),c.current?.focus()},onKeyDown:e=>{"Escape"===e.key&&(e.preventDefault(),p())},onClick:e=>{e.target===e.currentTarget&&p()},className:"lv-dialog m-auto max-h-none max-w-none overflow-visible border-0 bg-transparent p-0 backdrop:bg-[rgba(28,29,40,0.72)] backdrop:backdrop-blur-sm",children:(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("video",{ref:l,muted:!0,loop:!0,playsInline:!0,controls:!0,preload:"none",poster:n,className:"block h-auto max-h-[88vh] w-[min(88vw,70.4vh)] rounded-2xl bg-[#F6F1EE] shadow-[0_24px_80px_rgba(0,0,0,0.45)]",children:(0,t.jsx)("source",{src:e,type:"video/mp4"})}),(0,t.jsx)("button",{type:"button",onClick:p,"aria-label":"Close video",autoFocus:!0,className:"absolute -top-3 -right-3 flex size-10 items-center justify-center rounded-full bg-background text-foreground shadow-[0_6px_20px_rgba(0,0,0,0.3)] transition-[scale] duration-150 ease-out hover:scale-105 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent sm:-top-4 sm:-right-4",children:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:(0,t.jsx)("path",{d:"M6 6l12 12M18 6L6 18"})})})]})}),(0,t.jsx)("style",{children:` 146 .lv-dialog[open] { animation: lvIn 220ms var(--ease-out, ease-out); } 147 .lv-dialog[open]::backdrop { animation: lvFade 220ms var(--ease-out, ease-out); } 148 @keyframes lvIn { from { opacity: 0; transform: scale(0.96); } } 149 @keyframes lvFade { from { opacity: 0; } } 150 @media (prefers-reduced-motion: reduce) { 151 .lv-dialog[open], .lv-dialog[open]::backdrop { animation: none; } 152 } 153 `})]})}e.s(["LoopingVideo",()=>n])}]);
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.