https://www.nicelyformed.ai/_next/static/chunks/32o3a-f_yym04.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,873364,e=>{"use strict";var s=e.i(843476),t=e.i(271645),a=e.i(96892),r=e.i(716327),l=e.i(867927),n=e.i(994004),i=e.i(632781),c=e.i(648119),o=e.i(950786),d=e.i(786563);e.i(156669);var x=e.i(618085),m=e.i(294870),p=e.i(117694),u=e.i(981789),h=e.i(953401),f=e.i(373546),b=e.i(255141),j=e.i(426606),g=e.i(961578),y=e.i(209278),N=e.i(37118),v=e.i(130414),w=e.i(272948);let k=[{label:"Create",title:"A sentence is all it takes",body:"Every field, label, and option, assembled from one description.",driftClass:"bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]",meshColors:["#FBECAC","#FFFFFF","#FDF3C9","#F7E48F"],demo:function(e){return(0,s.jsxs)(W,{...e,children:[(0,s.jsxs)("div",{className:"flex w-64 shrink-0 flex-col border-r border-border-subtle",children:[(0,s.jsx)(q,{}),(0,s.jsx)("div",{className:"px-3",children:(0,s.jsxs)("div",{className:"relative mb-0.5 flex items-center gap-2 py-1.5 pl-3 pr-8 text-sm font-medium text-content-primary",children:[(0,s.jsx)("span",{className:"absolute inset-0 rounded-full bg-surface-subtle",style:{opacity:`calc(1 - ${_(.58)})`}}),(0,s.jsx)(h.NewFile,{className:"relative size-4 text-content-tertiary"}),(0,s.jsx)("span",{className:"relative",children:"New"})]})}),(0,s.jsxs)("div",{className:"flex flex-1 flex-col gap-0.5 overflow-hidden px-3 pb-4",children:[(0,s.jsx)("div",{style:{height:`calc(${_(.58)} * 34px)`},children:(0,s.jsxs)("div",{className:"relative flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm font-medium text-content-primary",style:{opacity:_(.58)},children:[(0,s.jsx)("span",{className:"absolute inset-0 rounded-full bg-surface-subtle"}),(0,s.jsx)(f.PaperFile,{className:"relative size-4 shrink-0 text-content-tertiary"}),(0,s.jsx)("span",{className:"relative truncate",children:"Café Feedback Survey"})]})}),M.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm text-content-secondary",children:[(0,s.jsx)(f.PaperFile,{className:"size-4 shrink-0 text-content-tertiary"}),(0,s.jsx)("span",{className:"truncate",children:e})]},e))]}),(0,s.jsx)(K,{})]}),(0,s.jsxs)("div",{className:"relative flex-1 overflow-hidden",children:[(0,s.jsx)("div",{className:"absolute inset-0",style:{opacity:`calc(1 - ${_(.35)})`},children:(0,s.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(90%_85%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_45%,rgba(255,254,249,0)_100%)] dark:opacity-15"})}),(0,s.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center px-6 pb-8",style:{opacity:`calc(1 - ${_(.35)})`},children:[(0,s.jsxs)("div",{className:"mb-8 font-serif text-4xl font-semibold tracking-[-0.06em]",children:["Describe your ",(0,s.jsx)("em",{children:"form"})]}),(0,s.jsxs)("div",{className:"relative flex h-14 w-full max-w-xl items-center rounded-[28px] bg-surface-page pl-6 pr-16 text-sm ring-hairline shadow-card",children:[(0,s.jsx)("span",{className:"absolute text-content-placeholder",style:{opacity:`calc(1 - ${_(.05)} * 3)`},children:"e.g. RSVP form for our annual team offsite"}),(0,s.jsx)(D,{text:"Feedback survey for my café",from:.05,speed:4.3}),(0,s.jsx)("span",{style:{opacity:`calc(1 - ${_(.31)})`},children:(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground"})}),(0,s.jsxs)("span",{className:"absolute bottom-2 right-2 grid size-10 place-content-center rounded-full bg-primary text-primary-foreground",children:[(0,s.jsx)(a.ArrowUp,{className:"size-5",style:{opacity:`calc(1 - ${_(.32)})`}}),(0,s.jsx)(i.Loader2,{className:"absolute inset-0 m-auto size-5 animate-spin",style:{opacity:_(.32)}})]})]}),(0,s.jsx)("div",{className:"mt-4 flex flex-wrap justify-center gap-2",children:["Contact form","Event RSVP","Job application"].map(e=>(0,s.jsx)("span",{className:"flex h-8 items-center rounded-full bg-white px-3.5 text-xs ring ring-border-subtle dark:bg-neutral-800 ",children:e},e))}),(0,s.jsx)("span",{className:"mt-6 text-sm text-content-tertiary",children:"or start from scratch"})]}),(0,s.jsxs)("div",{className:"absolute inset-0 flex items-center justify-center",style:{opacity:E(.35,.56)},children:[(0,s.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(75%_75%_at_50%_50%,transparent_45%,#ffd6cf_78%,#c7ddf9_100%)] opacity-70 blur-xl dark:opacity-20"}),(0,s.jsxs)("span",{className:"relative grid text-sm text-content-primary",children:[(0,s.jsx)("span",{className:"[grid-area:1/1] text-center",style:{opacity:E(.35,.455)},children:"Assembling blocks…"}),(0,s.jsx)("span",{className:"[grid-area:1/1] text-center",style:{opacity:E(.455,.56)},children:"Wiring up the logic…"})]})]}),(0,s.jsxs)("div",{className:"absolute inset-0 flex",style:{opacity:_(.56)},children:[(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,s.jsx)(T,{tab:"create",cta:"Publish"}),(0,s.jsxs)("div",{className:"min-h-0 min-w-0 flex-1 px-14 py-6",children:[(0,s.jsx)("div",{className:"text-3xl font-bold tracking-tight text-foreground",style:P(.58),children:"Café Feedback Survey"}),(0,s.jsx)(B,{stagger:[.61,.64,.67,.7,.73]})]})]}),(0,s.jsxs)("div",{className:"flex w-80 shrink-0 flex-col border-l border-border-subtle",children:[(0,s.jsx)(G,{title:"Edit with AI"}),(0,s.jsxs)("div",{className:"flex-1 space-y-3 overflow-hidden p-4 text-sm",children:[(0,s.jsx)("div",{className:"ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-content-primary",children:"Feedback survey for my café"}),(0,s.jsx)("p",{className:"leading-relaxed text-content-primary",style:{opacity:_(.62)},children:"Your Café Feedback Survey is ready. Ask for any change."})]}),(0,s.jsx)("div",{className:"p-3",children:(0,s.jsxs)("div",{className:"relative flex h-11 items-center rounded-full border border-border-subtle pl-4 pr-12 text-sm text-muted-foreground",children:["Ask for a change…",(0,s.jsx)("span",{className:"absolute right-1.5 grid size-8 place-content-center rounded-full bg-primary text-primary-foreground",children:(0,s.jsx)(a.ArrowUp,{className:"size-4"})})]})})]})]})]})]})}},{label:"Edit",title:"Refine it like a conversation",body:"Ask for a new question or a friendlier tone. Or tweak any field yourself.",driftClass:"bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]",meshColors:["#FFD6CF","#FFFFFF","#FFE4DE","#FFC9C0"],demo:function(e){return(0,s.jsxs)(W,{...e,children:[(0,s.jsx)(J,{}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,s.jsx)(T,{tab:"create",cta:"Share"}),(0,s.jsxs)("div",{className:"relative min-h-0 min-w-0 flex-1 overflow-hidden px-14 py-6",children:[(0,s.jsx)(X,{from:.36,to:.4}),(0,s.jsx)(X,{from:.82,to:.86}),(0,s.jsx)("div",{className:"text-3xl font-bold tracking-tight text-foreground",children:"Café Feedback Survey"}),(0,s.jsx)(B,{npsAt:.36,playfulAt:.82})]})]}),(0,s.jsxs)("div",{className:"flex w-80 shrink-0 flex-col border-l border-border-subtle",children:[(0,s.jsx)(G,{title:"Edit with AI"}),(0,s.jsxs)("div",{className:"flex-1 space-y-3 overflow-hidden p-4 text-sm",children:[(0,s.jsx)("div",{className:"ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-content-primary",children:"Feedback survey for my café"}),(0,s.jsx)("p",{className:"leading-relaxed text-content-primary",children:"Your Café Feedback Survey is ready. Ask for any change."}),(0,s.jsx)("div",{className:"ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-content-primary",style:{opacity:_(.21)},children:"Add an NPS question"}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("div",{className:"absolute left-0 top-0 flex items-center gap-2 px-1 py-1 text-muted-foreground",style:{opacity:E(.23,.33)},children:[(0,s.jsx)(i.Loader2,{className:"size-4 animate-spin"})," Working on it…"]}),(0,s.jsx)("p",{className:"leading-relaxed text-content-primary",style:{opacity:_(.34)},children:"Added a 0 to 10 scale. NPS scoring kicks in automatically."})]}),(0,s.jsx)("div",{className:"ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-content-primary",style:{opacity:_(.69)},children:"Make it sound more playful"}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("div",{className:"absolute left-0 top-0 flex items-center gap-2 px-1 py-1 text-muted-foreground",style:{opacity:E(.71,.79)},children:[(0,s.jsx)(i.Loader2,{className:"size-4 animate-spin"})," Working on it…"]}),(0,s.jsx)("p",{className:"leading-relaxed text-content-primary",style:{opacity:_(.8)},children:"Rewrote the questions in a playful voice."})]})]}),(0,s.jsx)("div",{className:"p-3",children:(0,s.jsxs)("div",{className:"relative flex h-11 items-center rounded-full border border-border-subtle pl-4 pr-12 text-sm",children:[(0,s.jsx)("span",{className:"text-muted-foreground",style:{opacity:`calc(1 - ${E(.04,.21)} - ${E(.56,.69)})`},children:"Ask for a change…"}),(0,s.jsxs)("span",{className:"absolute left-4 flex items-center",style:{opacity:E(.04,.21)},children:[(0,s.jsx)(D,{text:"Add an NPS question",from:.04,speed:7,className:"text-content-primary"}),(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground"})]}),(0,s.jsxs)("span",{className:"absolute left-4 flex items-center",style:{opacity:E(.56,.69)},children:[(0,s.jsx)(D,{text:"Make it sound more playful",from:.56,speed:8.5,className:"text-content-primary"}),(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground"})]}),(0,s.jsx)("span",{className:"absolute right-1.5 grid size-8 place-content-center rounded-full bg-primary text-primary-foreground",children:(0,s.jsx)(a.ArrowUp,{className:"size-4"})})]})})]})]})}},{label:"Insights",title:"Submissions, already analyzed",body:"Live stats, AI summaries, and answers to any question about your data.",driftClass:"bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#202

161e]",meshColors:["#CFEDD4","#FFFFFF","#E2F4E5","#BFE5C6"],demo:function(e){return(0,s.jsxs)(W,{...e,children:[(0,s.jsx)(J,{}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,s.jsx)(T,{tab:"responses",cta:"Share"}),(0,s.jsxs)("div",{className:"min-h-0 min-w-0 flex-1 overflow-hidden px-8 py-2",children:[(0,s.jsx)("div",{className:"pt-2 text-2xl font-bold tracking-tight text-content-primary",children:"Café Feedback Survey"}),(0,s.jsxs)("div",{className:"mt-3 flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex h-8 items-center gap-1 text-sm",children:[(0,s.jsx)("span",{className:"flex h-8 items-center rounded-full bg-surface-subtle px-3.5 font-medium text-content-primary",children:"Summary"}),(0,s.jsx)("span",{className:"flex h-8 items-center rounded-full px-3.5 font-medium text-content-tertiary",children:"Table"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 text-content-tertiary",children:[(0,s.jsx)("span",{className:"grid size-8 place-content-center",children:(0,s.jsx)(p.Filter,{className:"size-5"})}),(0,s.jsx)("span",{className:"grid size-8 place-content-center",children:(0,s.jsx)(x.Download,{className:"size-5"})})]})]}),(0,s.jsx)("div",{className:"flex flex-wrap gap-x-14 gap-y-6 px-1 py-4",children:L.map(e=>(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm text-content-tertiary",children:e.label}),(0,s.jsxs)("div",{className:"mt-1 flex items-baseline gap-2",children:[(0,s.jsx)("p",{className:"text-2xl font-semibold tracking-tight text-content-primary",children:e.value}),null!==e.delta&&(0,s.jsxs)("span",{className:"flex items-center gap-0.5 text-sm font-medium text-emerald-600",children:[(0,s.jsx)(a.ArrowUp,{className:"size-3.5 [--lucide-stroke:2]"}),e.delta,"%"]})]}),(0,s.jsx)(V,{series:e.series,className:"mt-2"})]},e.label))}),(0,s.jsxs)("section",{className:"mt-2 rounded-md bg-surface-subtle/60 px-8 pb-8 pt-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-content-primary",children:[(0,s.jsx)(y.SparkleAi,{className:"size-4 text-content-tertiary"})," Insights"]}),(0,s.jsxs)("div",{className:"pl-6",children:[(0,s.jsx)("p",{className:"mt-0.5 text-xs text-content-tertiary",children:"Updated just now"}),(0,s.jsx)("p",{className:"mt-3 max-w-prose text-sm leading-relaxed text-content-secondary",children:"Praise for the pastries is the clearest theme in the answers, followed by asks for more seating on weekends."}),(0,s.jsxs)("ul",{className:"mt-3 space-y-1.5",children:[(0,s.jsxs)("li",{className:"flex gap-2 text-sm text-content-secondary",children:[(0,s.jsx)(g.Spark,{className:"mt-0.5 size-3.5 shrink-0 text-[#FF272B]"}),"Most submissions arrive on weekday mornings"]}),(0,s.jsxs)("li",{className:"flex gap-2 text-sm text-content-secondary",children:[(0,s.jsx)(g.Spark,{className:"mt-0.5 size-3.5 shrink-0 text-[#FF272B]"}),"Regulars rate 4.6 on average, first-timers 3.9"]})]})]})]}),(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-x-16 gap-y-10 pt-6",children:[(0,s.jsx)(U,{label:"Your email",answers:"64 answers",wide:!0,children:(0,s.jsx)(Y,{rows:[["[email protected]","Aug 15"],["[email protected]","Aug 15"],["[email protected]","Aug 14"]],more:"+ 61 more"})}),(0,s.jsx)(U,{label:"How did you hear about us?",answers:"64 answers",children:(0,s.jsx)(O,{rows:[["Walk-in",29,45],["Instagram",22,34],["A friend",13,20]]})}),(0,s.jsx)(U,{label:"How would you rate us?",answers:"64 answers",children:(0,s.jsxs)("div",{className:"flex items-baseline gap-4",children:[(0,s.jsxs)("p",{className:"text-2xl font-semibold tracking-tight text-content-primary",children:["4.4",(0,s.jsxs)("span",{className:"text-sm font-normal text-content-tertiary",children:[" ","/ 5"]})]}),(0,s.jsx)("p",{className:"text-xs text-content-tertiary",children:"min 1 · max 5"})]})}),(0,s.jsx)(U,{label:"How likely are you to recommend us?",answers:"64 answers",children:(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"flex items-baseline gap-4",children:[(0,s.jsxs)("p",{className:"text-2xl font-semibold tracking-tight text-content-primary",children:["8.1",(0,s.jsxs)("span",{className:"text-sm font-normal text-content-tertiary",children:[" ","/ 10"]})]}),(0,s.jsx)("p",{className:"text-xs text-content-tertiary",children:"min 2 · max 10"})]}),(0,s.jsxs)("p",{className:"text-xs text-content-tertiary",children:[(0,s.jsx)("span",{className:"font-semibold text-content-primary",children:"NPS +34"})," · ","31 promoters · 24 passives · 9 detractors"]})]})}),(0,s.jsx)(U,{label:"How often do you visit?",answers:"64 answers",children:(0,s.jsx)(O,{rows:[["A few times a week",27,42],["First time",19,30],["Every day",18,28]]})}),(0,s.jsx)(U,{label:"Anything we could do better?",answers:"49 answers",children:(0,s.jsx)(Y,{rows:[["More outdoor seating would be amazing","Aug 15"],["Love the flat white, open earlier please","Aug 14"],["Card machine was down again on Saturday","Aug 12"]],more:"+ 46 more"})})]})]})]}),(0,s.jsxs)("div",{className:"flex w-80 shrink-0 flex-col border-l border-border-subtle",children:[(0,s.jsx)(G,{title:"Ask for insights"}),(0,s.jsxs)("div",{className:"flex-1 space-y-3 overflow-hidden p-4 text-sm",children:[(0,s.jsx)("div",{className:"ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-content-primary",style:{opacity:_(.21)},children:"Why did ratings dip last week?"}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsxs)("div",{className:"absolute left-0 top-0 flex items-center gap-2 px-1 py-1 text-muted-foreground",style:{opacity:E(.23,.4)},children:[(0,s.jsx)(i.Loader2,{className:"size-4 animate-spin"})," Working on it…"]}),(0,s.jsx)("p",{className:"leading-relaxed text-content-primary",style:{opacity:_(.42)},children:"Ratings dipped over the launch weekend: 6 of the 9 low ratings mention longer waits, and all of them came in after 2pm on Saturday."})]})]}),(0,s.jsx)("div",{className:"p-3",children:(0,s.jsxs)("div",{className:"relative flex h-11 items-center rounded-full border border-border-subtle pl-4 pr-12 text-sm",children:[(0,s.jsx)("span",{className:"text-muted-foreground",style:{opacity:`calc(1 - ${E(.05,.21)})`},children:"Ask for insights…"}),(0,s.jsxs)("span",{className:"absolute left-4 flex items-center",style:{opacity:E(.05,.21)},children:[(0,s.jsx)(D,{text:"Why did ratings dip last week?",from:.05,speed:7,className:"text-content-primary"}),(0,s.jsx)("span",{className:"bs-caret ml-0.5 inline-block h-4 w-px bg-foreground"})]}),(0,s.jsx)("span",{className:"absolute right-1.5 grid size-8 place-content-center rounded-full bg-primary text-primary-foreground",children:(0,s.jsx)(a.ArrowUp,{className:"size-4"})})]})})]})]})}}];function F(e,s){let a=t.useRef(null);return t.useLayoutEffect(()=>{let t=a.current;if(!t)return;let r=()=>t.style.setProperty(s,String(t.clientWidth/e));r();let l=new ResizeObserver(r);return l.observe(t),()=>l.disconnect()},[e,s]),a}function z({title:e,body:t,className:a="",visual:r}){return(0,s.jsxs)("div",{className:`flex flex-col p-6 sm:p-8 lg:h-[560px] ${a}`,children:[(0,s.jsx)("h3",{className:"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]",children:e}),(0,s.jsx)("p",{className:"mt-2 max-w-[44ch] text-sm text-muted-foreground",children:t}),r??(0,s.jsx)(Q,{className:"mt-6 min-h-36 flex-1"})]})}function C({value:e,placeholder:t,chevron:a}){return(0,s.jsxs)("div",{className:"flex h-8 items-center justify-between gap-2 rounded-xs border border-input px-2.5 text-sm whitespace-nowrap dark:bg-input/30",children:[e?(0,s.jsx)("span",{className:"truncate",children:e}):(0,s.jsx)("span",{className:"truncate text-content-placeholder",children:t}),a&&(0,s.jsx)(r.ChevronDown,{className:"size-4 shrink-0 text-muted-foreground opacity-50"})]})}

1function A(){return(0,s.jsxs)("div",{"aria-hidden":!0,className:"relative mt-6 flex min-h-36 flex-1 flex-col justify-center",children:[(0,s.jsx)(v.GlowDrift,{className:"pointer-events-none absolute -inset-x-6 -bottom-6 top-0 bg-gradient-to-b from-white via-white via-35% to-[#C7DDF9] animate-hue-drift sm:-inset-x-8 sm:-bottom-8 dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2430]"}),(0,s.jsx)(w.HeroMesh,{colors:["#C7DDF9","#FFFFFF","#DCE9FB","#AFCFF6"],desktopOnly:!0,className:"pointer-events-none absolute -inset-x-6 -bottom-6 top-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] sm:-inset-x-8 sm:-bottom-8 dark:opacity-15"}),(0,s.jsxs)("div",{className:"relative mx-auto w-full max-w-sm",children:[(0,s.jsx)("div",{className:"relative w-full max-w-56 rounded-[20px] ring-hairline bg-background shadow-card",children:(0,s.jsxs)("div",{className:"flex w-full flex-col gap-2 p-3",children:[(0,s.jsx)(C,{value:"Show this question",chevron:!0}),(0,s.jsx)("span",{className:"text-xs text-muted-foreground",children:"when the answer to"}),(0,s.jsx)(C,{value:"Will you attend?",chevron:!0}),(0,s.jsx)(C,{value:"is",chevron:!0}),(0,s.jsx)(C,{value:"Yes"}),(0,s.jsx)("span",{className:"text-xs text-content-tertiary",children:"+ Add condition"})]})}),(0,s.jsxs)("div",{className:"relative -mt-16 ml-auto w-full max-w-60 rounded-[20px] ring-hairline bg-background p-3 shadow-card",children:[(0,s.jsxs)("div",{className:"text-[15px] font-semibold text-foreground",children:["Email address ",(0,s.jsx)("span",{className:"text-content-tertiary",children:"@"})]}),(0,s.jsxs)("div",{className:"mt-2 rounded-xs ring-hairline bg-popover p-1 shadow-card",children:[(0,s.jsx)("p",{className:"px-2 py-1.5 text-xs font-medium text-content-tertiary",children:"Insert an answer from an earlier question"}),(0,s.jsx)("div",{className:"rounded-xs rounded-b-[8px] bg-muted px-2 py-1.5 text-sm text-content-primary",children:"Name"})]})]})]})]})}function $(){return(0,s.jsxs)("div",{"aria-hidden":!0,className:"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8",children:[(0,s.jsx)(v.GlowDrift,{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#E3DAF8] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#221d2e]"}),(0,s.jsx)(w.HeroMesh,{colors:["#E3DAF8","#FFFFFF","#EFE9FC","#D5C8F5"],desktopOnly:!0,className:"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"}),(0,s.jsxs)("div",{className:"absolute -bottom-14 -right-8 left-6 top-22 rounded-[20px] bg-surface-page p-4 pt-20 ring-hairline shadow-card sm:left-8",children:[(0,s.jsx)("div",{className:"text-[15px] font-semibold text-foreground",children:"Will you attend?"}),(0,s.jsx)("div",{className:"mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:"Yes"}),(0,s.jsxs)("div",{className:"my-4 flex items-center gap-3 py-1",children:[(0,s.jsx)("hr",{className:"flex-1 border-t border-dashed border-border-strong"}),(0,s.jsx)("span",{className:"shrink-0 rounded-full bg-surface-subtle px-2.5 py-1 text-xs font-medium text-content-tertiary",children:"Page 2"}),(0,s.jsx)("hr",{className:"flex-1 border-t border-dashed border-border-strong"})]}),(0,s.jsx)("div",{className:"text-[15px] font-semibold text-foreground",children:"Dietary preferences"}),(0,s.jsx)("div",{className:"mt-2 h-8 rounded-xs border border-input dark:bg-input/30"}),(0,s.jsx)("div",{className:"mt-4 text-[15px] font-semibold text-foreground",children:"Any allergies?"}),(0,s.jsx)("div",{className:"mt-2 h-8 rounded-xs border border-input dark:bg-input/30"})]}),(0,s.jsxs)("div",{className:"absolute left-1/2 top-4 z-10 w-[calc(100%-3rem)] max-w-56 -translate-x-1/2 rounded-[20px] ring-hairline bg-background p-3 shadow-card",children:[(0,s.jsx)("div",{className:"text-[15px] font-semibold text-foreground",children:"Dietary preferences"}),(0,s.jsx)("div",{className:"mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30",children:"Vegetarian"}),(0,s.jsxs)("div",{className:"mt-3 flex items-center gap-2",children:[(0,s.jsx)("span",{className:"flex h-8 items-center rounded-full bg-secondary px-3.5 text-sm font-medium text-secondary-foreground",children:"Back"}),(0,s.jsx)("span",{className:"flex h-8 items-center rounded-full bg-primary px-3.5 text-sm font-medium text-primary-foreground",children:"Next"}),(0,s.jsx)("span",{className:"ml-auto whitespace-nowrap text-xs text-content-tertiary",children:"2 of 3"})]})]})]})}

1function S(){return(0,s.jsxs)("div",{"aria-hidden":!0,className:"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8",children:[(0,s.jsx)(v.GlowDrift,{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]"}),(0,s.jsx)(w.HeroMesh,{colors:["#FBECAC","#FFFFFF","#FDF3C9","#F7E48F"],desktopOnly:!0,className:"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"}),(0,s.jsxs)("div",{className:"absolute -bottom-6 left-6 right-6 rounded-[20px] bg-popover p-1.5 pt-9 text-popover-foreground ring-hairline shadow-card sm:left-8 sm:right-8",children:[(0,s.jsx)("div",{className:"absolute left-1/2 top-0 z-10 w-44 -translate-x-1/2 -translate-y-1/2 rounded-[20px] ring-hairline bg-background p-1.5 shadow-card",children:(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-[14px] bg-accent px-2.5 py-2 text-sm text-accent-foreground",children:[(0,s.jsx)(n.History,{className:"size-4 text-muted-foreground"}),"Versions",(0,s.jsx)(l.ChevronRight,{className:"ml-auto size-4 text-muted-foreground"})]})}),(0,s.jsxs)("div",{className:"px-2.5 py-2 text-sm opacity-50",children:[(0,s.jsx)("p",{className:"truncate",children:"Make it sound more playful (current)"}),(0,s.jsx)("p",{className:"text-xs text-content-tertiary",children:"just now"})]}),(0,s.jsxs)("div",{className:"rounded-xs bg-accent px-2.5 py-2 text-sm text-accent-foreground",children:[(0,s.jsx)("p",{className:"truncate",children:"Add an NPS question"}),(0,s.jsx)("p",{className:"text-xs text-content-tertiary",children:"2 minutes ago"})]}),(0,s.jsxs)("div",{className:"px-2.5 py-2 text-sm",children:[(0,s.jsx)("p",{className:"truncate",children:"Restored version"}),(0,s.jsx)("p",{className:"text-xs text-content-tertiary",children:"20 minutes ago"})]}),(0,s.jsxs)("div",{className:"px-2.5 py-2 text-sm",children:[(0,s.jsx)("p",{className:"truncate",children:"Make the options better"}),(0,s.jsx)("p",{className:"text-xs text-content-tertiary",children:"45 minutes ago"})]}),(0,s.jsxs)("div",{className:"px-2.5 py-2 text-sm",children:[(0,s.jsx)("p",{className:"truncate",children:"Feedback survey for my café"}),(0,s.jsx)("p",{className:"text-xs text-content-tertiary",children:"1 hour ago"})]})]})]})}let _=e=>`clamp(0, (var(--cs-t) - ${e}) * 30, 1)`,E=(e,s)=>`calc(${_(e)} - ${_(s)})`;function D({text:e,from:t,speed:a=3,className:r="text-foreground"}){return(0,s.jsx)("span",{className:`inline-block overflow-hidden whitespace-nowrap align-bottom ${r}`,style:{maxWidth:`calc(clamp(0, (var(--cs-t) - ${t}) * ${a}, 1) * ${e.length+1}ch)`},children:e})}function P(e){return{opacity:_(e),transform:`translateY(calc((1 - ${_(e)}) * 6px))`}}function H({a:e,b:t,t:a}){return void 0===t||void 0===a?(0,s.jsx)("div",{className:"text-[18px] font-semibold leading-normal text-foreground",children:e}):(0,s.jsxs)("div",{className:"relative text-[18px] font-semibold leading-normal text-foreground",children:[(0,s.jsx)("span",{className:"absolute left-0 whitespace-nowrap",style:{opacity:`calc(1 - ${_(a)})`},children:e}),(0,s.jsx)("span",{className:"whitespace-nowrap",style:{opacity:_(a)},children:t})]})}function B({stagger:e,npsAt:t,playfulAt:a}){let l=s=>e?P(e[s]):void 0;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mt-6 max-w-md",style:l(0),children:[(0,s.jsx)(H,{a:"Your email",b:"Where can we reach you?",t:a}),(0,s.jsx)("div",{className:"mt-2 h-9 rounded-xs border border-input dark:bg-input/30"})]}),(0,s.jsxs)("div",{className:"mt-6 max-w-md",style:l(1),children:[(0,s.jsx)(H,{a:"How did you hear about us?",b:"How did you find us?",t:a}),(0,s.jsx)("div",{className:"mt-2 flex flex-col items-start gap-2",children:["Walk-in","Instagram","A friend"].map((e,t)=>(0,s.jsxs)("div",{className:"flex h-9 items-center gap-2.5 rounded-full bg-secondary pl-1.5 pr-3.5 text-sm text-secondary-foreground",children:[(0,s.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center rounded-full bg-content-secondary text-xs font-semibold text-surface-page",children:String.fromCharCode(65+t)}),(0,s.jsx)("span",{className:"-mt-px",children:e})]},e))})]}),(0,s.jsxs)("div",{className:"mt-6 max-w-md",style:l(2),children:[(0,s.jsx)(H,{a:"How would you rate us?",b:"How did we do, honestly?",t:a}),(0,s.jsx)("div",{className:"mt-2 flex items-center gap-1",children:[0,1,2,3,4].map(e=>(0,s.jsx)("span",{className:"p-1",children:(0,s.jsx)(d.Star,{className:"size-7 fill-secondary-hover text-transparent"})},e))})]}),void 0!==t&&(0,s.jsx)("div",{style:{height:`calc(${_(t)} * 117px)`},children:(0,s.jsxs)("div",{className:"max-w-md pt-6",style:{opacity:_(t)},children:[(0,s.jsx)(H,{a:"How likely are you to recommend us?"}),(0,s.jsx)("div",{className:"mt-2 flex flex-wrap gap-1",children:Array.from({length:11}

1,(e,t)=>(0,s.jsx)("span",{className:"grid size-9 place-content-center rounded-full bg-secondary text-sm font-medium text-secondary-foreground",children:t},t))}),(0,s.jsxs)("div",{className:"mt-1.5 flex justify-between text-xs text-muted-foreground",children:[(0,s.jsx)("span",{children:"Not likely"}),(0,s.jsx)("span",{children:"Very likely"})]})]})}),(0,s.jsxs)("div",{className:"mt-6 max-w-md",style:l(3),children:[(0,s.jsx)(H,{a:"How often do you visit?",b:"Are you a regular yet?",t:a}),(0,s.jsxs)("div",{className:"mt-2 flex h-9 items-center justify-between rounded-xs border border-input px-3.5 text-sm dark:bg-input/30",children:[(0,s.jsx)("span",{className:"text-content-placeholder",children:"Select an option"}),(0,s.jsx)(r.ChevronDown,{className:"size-4 text-muted-foreground opacity-50"})]})]}),(0,s.jsxs)("div",{className:"mt-6 max-w-md",style:l(4),children:[(0,s.jsx)(H,{a:"Anything we could do better?",b:"What should we do better next time?",t:a}),(0,s.jsx)("div",{className:"mt-2 h-24 rounded-xs border border-input dark:bg-input/30"})]})]})}let M=["Contact form","Event RSVP","Job application","Newsletter signup","Customer research"];function W({meshColors:e,title:t,stack:a,onSceneEnd:r,children:l}){let n=F(1360,"--cs-scale");return(0,s.jsxs)(s.Fragment,{children:[[...a].reverse().map((e,t)=>{let r=t===a.length-1;return(0,s.jsxs)("button",{type:"button","aria-label":`Play the ${e.label} scene`,onClick:e.onSelect,className:`group absolute flex h-5 items-start justify-center rounded-t-[6px] bg-background text-content-tertiary ring-hairline shadow-card animate-in fade-in duration-500 motion-reduce:animate-none  sm:h-[calc(42px*var(--ps))] sm:rounded-t-[12px] sm:pt-[calc(5px*var(--ps))] ${r?"inset-x-6 top-2.5 text-[7px] slide-in-from-top-6 sm:inset-x-[calc(69px*var(--ps))] sm:top-[calc(38px*var(--ps))] sm:text-[length:calc(17px*var(--ps))]":"inset-x-7 top-[2px] text-[6px] sm:inset-x-[calc(85px*var(--ps))] sm:top-[calc(12px*var(--ps))] sm:text-[length:calc(15px*var(--ps))]"}`,children:[(0,s.jsx)(R,{className:r?"left-1.5 top-[3px] gap-[2px] sm:left-[calc(16px*var(--ps))] sm:top-[calc(12px*var(--ps))] sm:gap-[calc(5px*var(--ps))]":"left-1.5 top-[3px] gap-[1.5px] sm:left-[calc(13px*var(--ps))] sm:top-[calc(12px*var(--ps))] sm:gap-[calc(4.5px*var(--ps))]",dotClass:r?"size-[3px] sm:size-[calc(9px*var(--ps))]":"size-[2.5px] sm:size-[calc(8px*var(--ps))]"}),(0,s.jsx)("span",{className:"transition-colors group-hover:text-content-primary",children:e.label})]},e.label)}),(0,s.jsx)("div",{ref:n,"aria-hidden":!0,className:"cs-scene @container absolute inset-x-5 bottom-0 top-5 isolate overflow-hidden sm:top-[calc(64px*var(--ps))] rounded-t-[var(--cs-r)] bg-surface-page text-left ring-hairline shadow-card [--cs-w:1360px] [--cs-r:6px] [--cs-scale:tan(atan2(100cqw,var(--cs-w)))] sm:inset-x-[calc(53px*var(--ps))] sm:[--cs-r:12px]",onAnimationEnd:e=>{"cs-play"===e.animationName&&r()},children:(0,s.jsxs)("div",{className:"flex h-[calc(100%/var(--cs-scale))] w-[var(--cs-w)] origin-top-left flex-col [transform:scale(var(--cs-scale))] [clip-path:inset(0_round_calc(var(--cs-r)/var(--cs-scale))_calc(var(--cs-r)/var(--cs-scale))_0_0)]",children:[(0,s.jsxs)("div",{className:"relative flex h-12 shrink-0 items-center justify-center overflow-hidden border-b border-border-subtle bg-background sm:h-8",children:[(0,s.jsx)("div",{className:"absolute inset-y-0 left-0 opacity-50 [mask-image:linear-gradient(to_right,black_calc(100%-48px),transparent)] dark:opacity-20",style:{width:"calc(var(--cs-t) * 100%)",backgroundImage:`linear-gradient(100deg, ${e[0]}, ${e[3]})`}}),(0,s.jsxs)("span",{className:"absolute left-4 flex items-center gap-2.5 sm:gap-1.5",children:[(0,s.jsx)("span",{className:"size-4 rounded-full bg-[#FF5F57] sm:size-2.5"}),(0,s.jsx)("span",{className:"size-4 rounded-full bg-[#FEBC2E] sm:size-2.5"}),(0,s.jsx)("span",{className:"size-4 rounded-full bg-[#28C840] sm:size-2.5"})]}),(0,s.jsx)("span",{className:"relative text-[30px] font-medium text-content-primary sm:text-lg",children:t})]}),(0,s.jsx)("div",{className:"flex min-h-0 flex-1",children:l})]})})]})}let I=["group-hover:bg-[#FF5F57]","group-hover:bg-[#FEBC2E]","group-hover:bg-[#28C840]"];function R({className:e,dotClass:t}){return(0,s.jsx)("span",{className:`absolute flex items-center ${e}`,children:I.map(e=>(0,s.jsx)("span",{className:`rounded-full bg-black/10 transition-colors dark:bg-white/15 ${e} ${t}`},e))})}function q(){return(0,s.jsxs)("div",{className:"flex items-center justify-between px-3 pb-2 pt-2",children:[(0,s.jsxs)("span",{className:"ml-2.5 flex h-8 items-center gap-2 pl-0.5 pr-2 text-sm font-medium text-content-primary",children:[(0,s.jsx)("span",{className:"grid size-7 place-content-center rounded-full bg-surface-subtle text-xs font-semibold",children:"J"}),"Jane"]}),(0,s.jsxs)("span",{className:"flex items-center gap-0.5 text-content-secondary",children:[(0,s.jsx)("span",{className:"grid size-8 place-content-center",children:(0,s.jsx)(b.Search,{className:"size-4"})}),(0,s.jsx)("span",{className:"grid size-8 place-content-center",children:(0,s.jsx)(j.Sidebar,{className:"size-4"})})]})]})}let L=[{label:"Views",value:"96",delta:"12.4",series:[4,5,5,6,7,6,8,9,8,10,11,10,12,13]},{label:"Submissions",value:"64",delta:"18.2",series:[2,3,3,4,4,5,5,6,6,7,8,8,9,10]},{label:"Completion rate",value:"67%",delta:"4.2",series:[8,8,9,9,10,10,10,11,11,11,12,12,12,13]},{label:"Avg. time to complete",value:"1m 5s",delta:null,series:[12,11,11,10,10,9,10,9,9,8,9,8,8,8]}];function V({series:e,className:t=""}){let a=Math.max(...e,1),r=120/(e.length-1),l=e.map((e,s)=>`${(s*r).toFixed(1)},${(22-e/a*20).toFixed(1)}`);return(0,s.jsxs)("svg",{viewBox:"0 0 120 24",className:`h-6 w-[120px] text-border-strong ${t}`,"aria-hidden":"true",children:[(0,s.jsx)("polygon",{points:`0,24 ${l.join(" ")} 120,24`,fill:"currentColor",opacity:"0.15"}),(0,s.jsx)("polyline",{points:l.join(" "),fill:"none",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})}function U({label:e,answers:t,wide:a,children:r}){return(0,s.jsxs)("section",{className:a?"col-span-2":void 0,children:[(0,s.jsx)("p",{className:"text-[15px] font-semibold text-content-primary",children:e}),(0,s.jsx)("p",{className:"mt-0.5 text-sm text-content-tertiary",children:t}),(0,s.jsx)("div",{className:"mt-4",children:r})]})}function O({rows:e}){return(0,s.jsx)("div",{className:"space-y-2.5",children:e.map(([e,t,a])=>(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-baseline justify-between gap-3 text-sm",children:[(0,s.jsx)("span",{className:"truncate text-content-primary",children:e}),(0,s.jsxs)("span",{className:"shrink-0 text-xs tabular-nums text-content-tertiary",children:[t," · ",a,"%"]})]}),(0,s.jsx)("div",{className:"mt-1 h-1.5 rounded-full bg-surface-subtle",children:(0,s.jsx)("div",{className:"h-full rounded-full bg-content-primary/75",style:{width:`${a}%`}})})]},e))})}function Y({rows:e,more:t}){return(0,s.jsxs)("ul",{className:"divide-y divide-border-subtle",children:[e.map(([e,t])=>(0,s.jsxs)("li",{className:"flex items-center justify-between gap-6 py-2 text-sm first:pt-0",children:[(0,s.jsx)("span",{className:"truncate text-content-primary",children:e}),(0,s.jsx)("span",{className:"shrink-0 text-content-tertiary",children:t})]},e)),(0,s.jsx)("li",{className:"pt-2.5 text-sm text-content-tertiary",children:t})]})}function T({tab:e,cta:t}){return(0,s.jsxs)("div",{className:"flex items-center justify-between gap-x-4 bg-background px-4 py-2",children:[(0,s.jsx)("div",{className:"flex h-[34px] items-center rounded-full bg-surface-subtle p-px text-sm",children:[["create","Create"],["responses","Submissions"],["settings","Settings"]].map(([t,a])=>(0,s.jsx)("span",{className:`flex h-8 items-center rounded-full px-3.5 font-medium ${t===e?"bg-background text-content-primary shadow-card":"text-content-tertiary"}`,children:a},t))}),(0,s.jsxs)("div",{className:"ml-auto flex items-center gap-2",children:[(0,s.jsx)("span",{className:"grid size-8 place-content-center rounded-full bg-secondary text-secondary-foreground",children:(0,s.jsx)(c.MoreHorizontal,{className:"size-4"})}),"create"===e&&(0,s.jsx)("span",{className:"grid size-8 place-content-center rounded-full bg-secondary text-secondary-foreground",children:(0,s.jsx)(o.Palette,{className:"size-4"})}),(0,s.jsx)("span",{className:"flex h-8 items-center rounded-full bg-secondary px-3.5 text-sm font-medium text-secondary-foreground",children:"Preview"}),(0,s.jsx)("span",{className:"flex h-8 items-center rounded-full bg-primary px-3.5 text-sm font-medium text-primary-foreground",children:t})]})]})}function G({title:e}){return(0,s.jsxs)("div",{className:"flex items-center justify-between gap-1 px-2 pt-2",children:[(0,s.jsx)("span",{className:"min-w-0 truncate pl-1.5 text-sm font-semibold text-content-primary",children:e}),(0,s.jsxs)("span",{className:"flex items-center gap-1 text-content-tertiary/40",children:[(0,s.jsx)("span",{className:"grid size-6 place-content-center",children:(0,s.jsx)(u.Minimize,{className:"size-4"})}),(0,s.jsx)("span",{className:"grid size-6 place-content-center",children:(0,s.jsx)(N.X,{className:"size-4"})})]})]})}function J(){return(0,s.jsxs)("div",{className:"flex w-64 shrink-0 flex-col border-r border-border-subtle",children:[(0,s.jsx)(q,{}),(0,s.jsx)("div",{className:"px-3",children:(0,s.jsxs)("div",{className:"mb-0.5 flex items-center gap-2 py-1.5 pl-3 pr-8 text-sm text-content-secondary",children:[(0,s.jsx)(h.NewFile,{className:"size-4 text-content-tertiary"}),"New"]})}),(0,s.jsxs)("div",{className:"flex flex-1 flex-col gap-0.5 overflow-hidden px-3 pb-4",children:[(0,s.jsxs)("div",{className:"relative flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm font-medium text-content-primary",children:[(0,s.jsx)("span",{className:"absolute inset-0 rounded-full bg-surface-subtle"}),(0,s.jsx)(f.PaperFile,{className:"relative size-4 shrink-0 text-content-tertiary"}),(0,s.jsx)("span",{className:"relative truncate",children:"Café Feedback Survey"})]}),M.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm text-content-secondary",children:[(0,s.jsx)(f.PaperFile,{className:"size-4 shrink-0 text-content-tertiary"}),(0,s.jsx)("span",{className:"truncate",children:e})]},e))]}),(0,s.jsx)(K,{})]})}function K(){return(0,s.jsxs)("div",{className:"flex flex-col gap-0.5 border-t border-border-subtle px-3 pb-3 pt-2",children:[(0,s.jsxs)("span",{className:"flex items-center gap-2 px-3 py-1.5 text-sm text-[#FF272B]",children:[(0,s.jsx)(g.Spark,{className:"size-4"})," Upgrade"]}),(0,s.jsxs)("span",{className:"flex items-center gap-2 px-3 py-1.5 text-sm text-content-secondary",children:[(0,s.jsx)(m.Feedback,{className:"size-4"})," Help / Feedback"]})]})}function X({from:e,to:t}){let a=`clamp(0, (var(--cs-t) - ${e}) * ${(1/(t-e)).toFixed(3)}, 1)`,r=`(1 - (1 - ${a}) * (1 - ${a}))`;return(0,s.jsx)("div",{className:"pointer-events-none absolute inset-0 z-10 overflow-hidden",children:(0,s.jsx)("div",{className:"absolute inset-y-0 left-0 w-full bg-[linear-gradient(100deg,transparent_0%,#ffd6cf_15%,#fbecac_32%,#cfedd4_50%,#c7ddf9_68%,#ebd0f4_85%,transparent_100%)]",style:{transform:`translateX(calc(${r} * 220% - 110%))`,opacity:`calc(3 * ${a} * (1 - ${a}))`}})})}function Q({className:e="",label:t="Image placeholder"}){return(0,s.jsx)("div",{className:`grid place-content-center rounded-sm border border-dashed border-border bg-black/[0.02] text-sm text-muted-foreground  dark:bg-white/[0.03] ${e}`,children:t})}e.s(["FeatureCell",0,z,"FeaturesMosaic",0,function(){let[e,a]=t.useState(0),[r,l]=t.useState(0),n=e=>{a(e),l(e=>e+1)},i=k.length,c=k[e].demo,o=F(1466,"--ps");return(0,s.jsxs)("section",{className:"mx-auto max-w-6xl px-4 py-20 sm:px-6",children:[(0,s.jsxs)("h2",{className:"font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]",children:["Create, edit, and understand."," ",(0,s.jsx)("span",{className:"sm:-mt-[0.18em] sm:block",children:"Every step, AI-powered."})]}),(0,s.jsxs)("div",{className:"mt-10 sm:mt-14 overflow-hidden rounded-[28px] bg-white ring ring-border-subtle dark:bg-neutral-900 ",children:[(0,s.jsxs)("div",{className:"border-b border-border-subtle ",children:[(0,s.jsx)("div",{className:"px-6 pt-6 sm:px-8 sm:pt-8",children:(0,s.jsxs)("div",{className:"animate-in fade-in slide-in-from-bottom-1 duration-500 motion-reduce:animate-none lg:pl-2",children:[(0,s.jsx)("h3",{className:"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]",children:k[e].title}),(0,s.jsx)("p",{className:"mt-2 max-w-[44ch] text-sm text-muted-foreground",children:k[e].body})]},`caption-${r}`)}),(0,s.jsxs)("div",{ref:o,className:"@container relative mt-8 h-[280px] overflow-hidden [--ps:tan(atan2(100cqw,1466px))] sm:mt-10 sm:h-[460px] lg:h-[560px]",children:[(0,s.jsx)(v.GlowDrift,{className:`pointer-events-none absolute inset-0 ${k[e].driftClass}`}),(0,s.jsx)(w.HeroMesh,{colors:k[e].meshColors,desktopOnly:!0,className:"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"}),(0,s.jsx)(c,{title:k[e].label,meshColors:k[e].meshColors,stack:[1,2].map(s=>{let t=(e+s)%i;return{label:k[t].label,onSelect:()=>n(t)}}),onSceneEnd:()=>n((e+1)%i)},r)]})]}),(0,s.jsxs)("div",{className:"grid md:grid-cols-3",children:[(0,s.jsx)(z,{title:"Logic & recall",body:"Show the right questions to the right people, and reuse earlier answers so the form feels personal.",className:"border-b border-border-subtle md:border-b-0 md:border-r ",visual:(0,s.jsx)(A,{})}),(0,s.jsx)(z,{title:"Multi-page forms",body:"Break long forms into pages. If someone leaves early, you keep every page they finished.",className:"border-b border-border-subtle md:border-b-0 md:border-r ",visual:(0,s.jsx)($,{})}),(0,s.jsx)(z,{title:"Version history",body:"Every AI edit saves a version, so you can experiment freely and go back anytime.",visual:(0,s.jsx)(S,{})})]})]})]})},"MultiPageVisual",0,$,"VisualPlaceholder",0,Q])}]);