1import{r as o,j as e,s as w}from"./index-fiAzPq7F.js";import{z as M,M as N,B as R,u as B,x as b,y as s,A as g,N as D}from"./navbar-C1s2ce91.js";import{A as T}from"./arrow-up-right-xvs1-LSh.js";import{S as v}from"./sparkles-DLdF9tWe.js";import{C as S}from"./check-gxqwM0l3.js";import{c,A as V,a as L,b as G,d as $}from"./chunk-4Q5LSPNC-CWcO6ug7.js";import{u as j}from"./use-in-view-CgN-Z0dR.js";import{B as C,a as O}from"./arrow-right-CXDJaU_0.js";import{C as F}from"./cta-DOc5dJhf.js";function E({children:t,isValidProp:i,...a}){i&&M(i);const n=o.useContext(N);a={...n,...a},a.transition=R(a.transition,n.transition),a.isStatic=B(()=>a.isStatic);const l=o.useMemo(()=>a,[JSON.stringify(a.transition),a.transformPagePoint,a.reducedMotion,a.skipAnimations]);return e.jsx(N.Provider,{value:l,children:t})}const H=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],U=b("chevron-right",H);const W=[["circle",{cx:"18",cy:"18",r:"3",key:"1xkwt0"}],["circle",{cx:"6",cy:"6",r:"3",key:"1lh9wr"}],["path",{d:"M13 6h3a2 2 0 0 1 2 2v7",key:"1yeb86"}],["line",{x1:"6",x2:"6",y1:"9",y2:"21",key:"rroup"}]],Y=b("git-pull-request",W);const K=[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]],J=b("monitor",K);const Q=[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]],X=b("smartphone",Q);const Z=[["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",ry:"2",key:"76otgf"}],["line",{x1:"12",x2:"12.01",y1:"18",y2:"18",key:"1dp563"}]],ee=b("tablet",Z);const te=[["path",{d:"M9 14 4 9l5-5",key:"102s5s"}],["path",{d:"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",key:"f3b9sd"}]],ae=b("undo-2",te),z="flex flex-col gap-3 rounded-2xl border border-[rgba(152,157,164,0.25)] bg-brimble-air-gray p-6 dark:border-white/10 dark:bg-[#1a1c1e]";function se(){return e.jsxs("div",{"aria-hidden":"true",className:z,children:[e.jsxs("div",{className:"flex items-center gap-3 rounded-lg bg-brimble-surface px-4 py-3 dark:bg-[#222528]",children:[e.jsx("span",{className:"size-2 animate-pulse rounded-full bg-[#ff7a00]"}),e.jsx("span",{className:"font-body text-[14px] font-medium text-brimble-black/70",children:"Going live"})]}),e.jsxs("div",{className:"rounded-lg bg-brimble-surface px-4 py-3 dark:bg-[#222528]",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"size-2 rounded-full bg-[#13d282]"}),e.jsx("span",{className:"font-body text-[14px] font-medium text-brimble-black",children:"Live"})]}),e.jsxs("span",{className:"flex items-center gap-1 font-body text-[13px] text-brimble-accent-blue",children:["Open",e.jsx(T,{className:"size-3.5"})]})]}),e.jsxs("span",{className:"mt-3 flex items-center gap-1 font-mono text-[11px] text-brimble-black/45",children:[e.jsx(U,{className:"size-3"}),"Show launch output"]})]})]})}function ie(){return e.jsxs("div",{"aria-hidden":"true",className:"overflow-hidden rounded-[14px] bg-[#1a1c1e] shadow-[var(--shadow-dark-big)]",children:[e.jsx("div",{className:"border-b border-white/[0.07] px-4 py-2.5",children:e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-[1.4px] text-white/35",children:"Build logs"})}),e.jsx("pre",{className:"overflow-x-auto px-4 py-4 font-mono text-[12.5px] leading-[22px]",children:e.jsxs("code",{children:[e.jsx("span",{className:"block whitespace-pre text-white/45",children:"$ npm run build"}),e.jsx("span",{className:"block whitespace-pre text-white/45",children:"> next build"}),e.jsx("span",{className:"block whitespace-pre bg-[#ff5f57]/10 text-[#ff8d86]",children:"Error: Cannot find module './config'"})]})}),e.jsxs("div",{className:"flex items-center justify-between border-t border-white/[0.07] px-4 py-3",children:[e.jsxs("span",{className:"flex items-center gap-1.5 font-body text-[13px] text-[#8fb0ff]",children:[e.jsx(v,{className:"size-3.5"}),"Ask Agent"]}),e.jsxs("span",{className:"flex items-center gap-1.5 rounded-full bg-white/[0.08] px-2.5 py-1 font-body text-[12px] text-white/70",children:[e.jsx(v,{className:"size-3"}),"Add to chat"]})]})]})}function ne(){return e.jsxs("div",{"aria-hidden":"true",className:z,children:[e.jsxs("div",{className:"overflow-hidden rounded-lg bg-brimble-surface dark:bg-[#222528]",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-[rgba(152,157,164,0.2)] px-4 py-2.5 dark:border-white/10",children:[e.jsxs("span",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"font-mono text-[12px] text-brimble-black/70",children:"server.ts"}),e.jsx("span",{className:"font-mono text-[11px] text-[#13d282]",children:"+1"}),e.jsx("span",{className:"font-mono text-[11px] text-[#e1291d]",children:"-1"})]}),e.jsxs("span",{className:"flex items-center gap-2 text-brimble-black/45",children:[e.jsx(ae,{className:"size-3.5"}),e.jsx(S,{className:"size-3.5"})]})]}),e.jsx("pre",{className:"overflow-x-auto py-2 font-mono text-[12px] leading-[20px]",children:e.jsxs("code",{children:[e.jsx("span",{className:"block whitespace-pre bg-[#e1291d]/10 px-4 text-[#e1291d]",children:'- app.listen(3000, "localhost");'}),e.jsx("span",{className:"block whitespace-pre bg-[#13d282]/10 px-4 text-[#0b9a5f] dark:text-[#13d282]",children:'+ app.listen(3000, "0.0.0.0");'})]})})]}),e.jsxs("span",{className:"flex items-center gap-1.5 font-body text-[13px] text-brimble-accent-blue",children:[e.jsx(Y,{className:"size-3.5"}),"Open pull request"]})]})}const re=[{id:"preview",label:"Preview"},{id:"code",label:"Code"}],A=[{id:"desktop",label:"Desktop",icon:J,width:"w-full"},{id:"tablet",label:"Tablet",icon:ee,width:"w-[70%]"},{id:"mobile",label:"Mobile",icon:X,width:"w-[42%]"}
1],le="Publish this site?",oe="This exports a static site. Server rendering, API routes, and any request-time logic are dropped. Use git publish from chat if you need a full app.",x=[.16,1,.3,1],I=12,p="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brimble-accent-blue/40";function ce(){const[t,i]=o.useState("preview"),[a,n]=o.useState("desktop"),[l,d]=o.useState(!0),[h,u]=o.useState("idle"),f=h==="published",k=f?"Published":"Publish",P=A.find(r=>r.id===a)?.width;function _(){u(f?"idle":"confirm")}return e.jsx(E,{reducedMotion:"user",children:e.jsxs("div",{className:"relative overflow-hidden rounded-[10px] border border-[rgba(152,157,164,0.3)] bg-white shadow-[var(--shadow-big)] dark:border-white/10 dark:bg-[#1a1c1e]",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 border-b border-[rgba(152,157,164,0.2)] px-3 py-2 dark:border-white/10",children:[e.jsx("div",{role:"tablist","aria-label":"Workspace view",className:"flex rounded-md bg-brimble-air-gray p-0.5 dark:bg-white/5",children:re.map(r=>{const m=t===r.id;return e.jsxs("button",{type:"button",role:"tab","aria-selected":m,onClick:()=>i(r.id),className:c("relative rounded px-2.5 py-1 font-body text-[12px] transition-colors duration-150",p,m?"font-medium text-brimble-black":"text-brimble-black/50 hover:text-brimble-black/80"),children:[m&&e.jsx(s.span,{layoutId:"workspace-tab-indicator","aria-hidden":"true",className:"absolute inset-0 rounded bg-white shadow-[var(--shadow-button)] dark:bg-white/10",transition:{duration:.25,ease:x}}),e.jsx("span",{className:"relative",children:r.label})]},r.id)})}),e.jsx("div",{className:c("flex items-center gap-1",t==="code"&&"invisible"),children:A.map(({id:r,label:m,icon:q})=>{const y=a===r;return e.jsxs("button",{type:"button","aria-label":m,"aria-pressed":y,onClick:()=>n(r),className:c("relative rounded-md p-1.5 transition-[color,transform] duration-150 active:scale-[0.92]",p,y?"text-brimble-black":"text-brimble-black/40 hover:text-brimble-black/70"),children:[y&&e.jsx(s.span,{layoutId:"workspace-device-indicator","aria-hidden":"true",className:"absolute inset-0 rounded-md bg-brimble-air-gray dark:bg-white/10",transition:{duration:.25,ease:x}}),e.jsx(q,{className:"relative size-3.5"})]},r)})}),e.jsx("button",{type:"button",onClick:_,className:c("flex min-w-[92px] items-center justify-center rounded-full bg-brimble-black px-3 py-1 font-body text-[12px] font-medium text-white transition-transform duration-150 active:scale-[0.97] dark:bg-white dark:text-black",p),children:e.jsx(g,{mode:"wait",initial:!1,children:e.jsxs(s.span,{className:"flex items-center gap-1.5",initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.15,ease:x},children:[f&&e.jsx(S,{className:"size-3"}),k]},k)})})]}),e.jsx("div",{className:"h-[268px] overflow-y-auto overflow-x-hidden",children:e.jsx(s.div,{className:"h-full",initial:{opacity:0,x:t==="code"?I:-I},animate:{opacity:1,x:0},transition:{duration:.3,ease:x},children:t==="preview"?e.jsx("div",{className:"flex h-full justify-center bg-brimble-air-gray p-4 dark:bg-white/[0.03]",children:e.jsxs("div",{className:c("flex flex-col gap-3 overflow-hidden rounded-md border border-[rgba(152,157,164,0.25)] bg-white p-5 transition-[width] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] dark:border-white/10 dark:bg-[#1a1c1e]",P),children:[e.jsx("div",{className:"h-2.5 w-1/4 rounded bg-brimble-black/10"}),e.jsx("div",{className:"mt-2 h-4 w-3/4 rounded bg-brimble-black/15"}
1),e.jsx("div",{className:"h-4 w-1/2 rounded bg-brimble-black/15"}),e.jsx("div",{className:"h-2.5 w-2/3 rounded bg-brimble-black/10"}),e.jsxs("div",{className:"relative mt-6 w-fit",children:[e.jsx(g,{initial:!1,children:l&&e.jsx(s.span,{className:"absolute -top-6 left-0 origin-bottom-left whitespace-nowrap rounded bg-brimble-accent-blue px-1.5 py-0.5 font-mono text-[10px] text-white",initial:{opacity:0,y:4,scale:.96},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:2,scale:.98,transition:{duration:.12}},transition:{duration:.18,ease:x},children:"button · Get started"},"selection-chip")}),e.jsx("button",{type:"button","aria-label":"Select the Get started button","aria-pressed":l,onClick:()=>d(!l),className:c("cursor-pointer rounded-full px-4 py-2 outline outline-2 transition-[outline-color,transform] duration-150 active:scale-[0.97]",p,l?"outline-brimble-accent-blue":"outline-transparent hover:outline-brimble-accent-blue/40"),children:e.jsx("div",{className:"h-2.5 w-16 rounded bg-brimble-black/25"})})]})]})}):e.jsxs("div",{className:"min-h-full bg-[#1a1c1e]",children:[e.jsx("div",{className:"border-b border-white/[0.07] px-4 py-2.5",children:e.jsx("span",{className:"font-mono text-[11px] text-white/60",children:"page.tsx"})}),e.jsx("pre",{className:"overflow-x-auto px-4 py-4 font-mono text-[12.5px] leading-[22px]",children:e.jsxs("code",{children:[e.jsxs("span",{className:"block whitespace-pre text-white/80",children:[e.jsx("span",{className:"text-[#c694ff]",children:"export default function"})," ",e.jsx("span",{className:"text-[#8fb0ff]",children:"Page"}),"() {"]}),e.jsxs("span",{className:"block whitespace-pre text-white/80",children:[" ",e.jsx("span",{className:"text-[#c694ff]",children:"return"})," ("]}),e.jsx("span",{className:"block whitespace-pre text-white/80",children:" <main>"}),e.jsxs("span",{className:"block whitespace-pre text-white/80",children:[" <h1>",e.jsx("span",{className:"text-[#a5e3a5]",children:"Your headline"}),"</h1>"]}),e.jsxs("span",{className:"block whitespace-pre text-white/80",children:[' <a href="/signup">',e.jsx("span",{className:"text-[#a5e3a5]",children:"Get started"}),"</a>"]}),e.jsx("span",{className:"block whitespace-pre text-white/80",children:" </main>"}),e.jsx("span",{className:"block whitespace-pre text-white/80",children:" );"}),e.jsx("span",{className:"block whitespace-pre text-white/80",children:"}"})]})})]})},t)}),e.jsx(g,{children:h==="confirm"&&e.jsx(s.div,{className:"absolute inset-0 z-10 flex items-center justify-center bg-brimble-black/30 p-4",initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0,transition:{duration:.15}},transition:{duration:.2},children:e.jsxs(s.div,{role:"dialog","aria-modal":"true","aria-labelledby":"publish-title",onKeyDown:r=>r.key==="Escape"&&u("idle"),className:"w-full max-w-[320px] rounded-xl bg-white p-5 shadow-[var(--shadow-big)] dark:bg-[#222528]",initial:{opacity:0,y:8,scale:.97},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:4,scale:.98,transition:{duration:.15}},transition:{duration:.25,ease:x},children:[e.jsx("h4",{id:"publish-title",className:"font-body text-[15px] font-medium leading-[20px] text-brimble-black",children:le}),e.jsx("p",{className:"mt-2 font-body text-[13px] leading-[18px] text-brimble-black/60",children:oe}),e.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[e.jsx("button",{type:"button",autoFocus:!0,onClick:()=>u("idle"),className:c("rounded-full bg-brimble-air-gray px-3 py-1.5 font-body text-[12px] font-medium text-brimble-black transition-transform duration-150 active:scale-[0.97] dark:bg-white/10",p),children:"Cancel"}),e.jsx("button",{type:"button",onClick:()=>u("published"),className:c("rounded-full bg-brimble-black px-3 py-1.5 font-body text-[12px] font-medium text-white transition-transform duration-150 active:scale-[0.97] dark:bg-white dark:text-black",p),children:"Publish"})]})]})},"publish-overlay")})]})})}const de=[{eyebrow:"Launch",title:"Launch it and stay until it's live.",body:"Ask the agent to put a project online. It watches the launch, then tells you if it went live or what went wrong.",points:["Checks that the URL actually opens before calling it live","Keeps working while you navigate away"],visual:e.jsx(se,{})},{eyebrow:"Debug",title:"It reads the logs so you don't have to paste them.",body:"If a site is down or a launch failed, the agent reads the deployment logs itself and tells you what went wrong and how to fix it.",points:["Ask Agent on any failed deployment or error line","Select log text and add it to the chat"],visual:e.jsx(ie,{})},{eyebrow:"Fix",title:"Fixes the code, then opens the pull request.",body:"For a real build or runtime error, it can run the project in a private copy, change the file, and open a pull request. It won't offer that unless it actually needs to.",points:["Opens pull requests on GitHub, GitLab, and Bitbucket","In the Developer and Infra tones, you keep or undo each file before the pull request opens"],visual:e.jsx(ne,{})},{eyebrow:"Build",title:"Describe a website. Watch it get built.",body:"The agent studies live reference sites, settles on a design direction, then builds the site and previews it while you watch.",points:["Preview at desktop, tablet, and mobile sizes","Click any element in the preview to change it, or edit the code yourself","Publish as a static site, or link it to git for a full app"],visual:e.jsx(ce,{})}],xe=["Attach files up to 10 MB","Voice input","@mention your projects","Answer questions with a picker","Resume past chats"];function pe({row:t,index:i}){const a=o.useRef(null),n=j(a,{once:!0,margin:"-80px"}),l=i%2===1;return e.jsxs("div",{ref:a,className:"grid grid-cols-1 items-center gap-10 md:grid-cols-2 md:gap-16",children:[e.jsxs(s.div,{className:`flex flex-col gap-4 ${l?"md:order-2":""}`,initial:{opacity:0,y:24},animate:n?{opacity:1,y:0}:{},transition:{duration:.6,ease:[.16,1,.3,1]},children:[e.jsx("span",{className:"font-mono text-xs uppercase tracking-[1.6px] text-brimble-black/50",children:t.eyebrow}),e.jsx("h3",{className:"text-balance font-heading text-[28px] font-medium leading-[32px] tracking-[-0.46px] text-brimble-black md:text-[32px] md:leading-[36px]",children:t.title}),e.jsx("p",{className:"text-pretty font-body text-base leading-[23px] tracking-[-0.32px] text-brimble-black/60",children:t.body}),e.jsx("ul",{className:"mt-1 flex flex-col gap-2",children:t.points.map(d=>e.jsxs("li",{className:"flex items-start gap-2.5 font-body text-[14.5px] leading-[20px] text-brimble-black/70",children:[e.jsx("span",{className:"mt-[7px] size-1.5 shrink-0 rounded-full bg-brimble-accent-blue","aria-hidden":"true"}),d]},d))})]}),e.jsx(s.div,{className:l?"md:order-1":"",initial:{opacity:0,y:24},animate:n?{opacity:1,y:0}:{},transition:{duration:.7,delay:.12,ease:[.16,1,.3,1]},children:t.visual})]})}function be(){return e.jsx("section",{className:"bg-brimble-surface px-6 py-[104px] transition-colors duration-300",children:e.jsxs("div",{className:"mx-auto flex max-w-[1080px] flex-col gap-20",children:[e.jsx("div",{className:"flex flex-col gap-20",children:de.map((t,i)=>e.jsx(pe,{row:t,index:i},t.eyebrow))}),e.jsx("ul",{className:"flex flex-wrap justify-center gap-2",children:xe.map(t=>e.jsx("li",{className:"rounded-full border border-[rgba(152,157,164,0.35)] px-3.5 py-1.5 font-body text-[13px] leading-[18px] text-brimble-black/70 dark:border-white/10",children:t},t))})]})})}function me(){const t=o.useRef(null),i=j(t,{once:!0,margin:"-80px"});return e.jsx("section",{className:"bg-brimble-surface px-6 py-[72px] transition-colors duration-300",children:e.jsxs("div",{ref:t,className:"mx-auto flex max-w-[720px] flex-col gap-10",children:[e.jsx(s.h2,{className:"font-heading text-[40px] font-medium leading-none tracking-[-1.6px] text-brimble-black",initial:{opacity:0,y:24},animate:i?{opacity:1,y:0}:{},transition:{duration:.6,ease:[.16,1,.3,1]},children:"FAQs"}),e.jsx(s.div,{initial:{opacity:0,y:24},animate:i?{opacity:1,y:0}:{},transition:{duration:.6,delay:.15,ease:[.16,1,.3,1]},children:e.jsx(V,{type:"single",defaultValue:"faq-0",collapsible:!0,className:"overflow-hidden rounded-[4px] border border-[rgba(152,157,164,0.3)] bg-brimble-surface shadow-[var(--shadow-big)] dark:border-white/10 dark:bg-[#1e2023]",children:w.agent.faqs.map((a,n)=>e.jsxs(L,{value:`faq-${n}`,className:"px-4",children:[e.jsx(G,{children:a.title}),e.jsx($,{children:a.description})]},a.title))})})]})})}function he(){const{eyebrow:t,badge:i,heading:a,description:n,primaryCta:l,docsCta:d,docsUrl:h}=w.agent;return e.jsx("section",{className:"bg-brimble-surface px-6 pb-16 pt-20 transition-colors duration-300",children:e.jsxs("div",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[e.jsxs(s.div,{className:"flex items-center gap-2",initial:{opacity:0,y:8}
1,animate:{opacity:1,y:0},transition:{duration:.5,ease:[.16,1,.3,1]},children:[e.jsx("span",{className:"font-mono text-xs uppercase tracking-[1.6px] text-brimble-black/50",children:t}),e.jsx("span",{className:"rounded-full bg-brimble-accent-blue px-2 py-0.5 font-body text-[10px] font-semibold uppercase tracking-[0.6px] text-white",children:i})]}),e.jsx(s.h1,{className:"text-balance font-heading text-[44px] font-medium leading-[48px] tracking-[-0.576px] text-brimble-black md:text-[58px] md:leading-[60px]",initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.7,delay:.1,ease:[.16,1,.3,1]},children:a}),e.jsx(s.p,{className:"max-w-[560px] text-pretty font-body text-[17px] leading-[25px] tracking-[-0.32px] text-black/60 dark:text-white/60",initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.6,delay:.25,ease:[.16,1,.3,1]},children:n}),e.jsxs(s.div,{className:"flex flex-wrap items-center justify-center gap-2 pt-1",initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.5,delay:.4,ease:[.16,1,.3,1]},children:[e.jsx(C,{asChild:!0,variant:"pill",size:"sm",className:"gap-2 transition-transform duration-150 hover:scale-[1.01] active:scale-[0.98]",children:e.jsxs("a",{href:w.links.signup,target:"_blank",rel:"noopener noreferrer",children:[l,e.jsx("img",{src:O,alt:"",className:"size-3 dark:brightness-0"})]})}),e.jsx(C,{asChild:!0,variant:"pill-light",size:"sm",className:"transition-transform duration-150 hover:scale-[1.01] active:scale-[0.98]",children:e.jsx("a",{href:h,target:"_blank",rel:"noopener noreferrer",children:d})})]})]})})}const ue=[{title:"Ask in your own words",body:"Pick Vibe coder for plain language, Developer for code, paths, and errors, or Infra / DevOps for deploys, DNS, and infra."},{title:"It uses tools, not screens",body:"The agent calls Brimble directly. It can add a domain, check usage, list projects, read logs, and launch, instead of pointing you at a page."},{title:"You approve what matters",body:"Tools that delete, cancel, detach, or touch billing wait for your approval, and the agent won't say something worked without a confirming result."},{title:"It never asks for your secrets",body:"It never asks you to paste passwords, keys, or tokens. It can make mistakes, so verify important actions."},{title:"Pick the model",body:"Choose a model per chat from Anthropic, OpenAI, Google, xAI, and DeepSeek."},{title:"Bring your own key",body:"Save your own key per provider and it's used for that provider's models. It lifts the per-session token limit and the daily session limit, and the dashboard never shows a saved key again."}];function fe(){const t=o.useRef(null),i=j(t,{once:!0,margin:"-80px"});return e.jsx("section",{className:"border-t border-[rgba(152,157,164,0.2)] bg-brimble-air-gray px-6 py-[104px] transition-colors duration-300 dark:border-white/5",children:e.jsxs("div",{ref:t,className:"mx-auto grid max-w-[1080px] grid-cols-1 gap-x-16 gap-y-10 md:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)] md:items-start",children:[e.jsxs(s.div,{className:"flex flex-col gap-4",initial:{opacity:0,y:24},animate:i?{opacity:1,y:0}:{},transition:{duration:.6,ease:[.16,1,.3,1]},children:[e.jsx("span",{className:"font-mono text-xs uppercase tracking-[1.6px] text-brimble-black/50",children:"How it works"}),e.jsx("h2",{className:"text-balance font-heading text-[40px] font-medium leading-[46px] tracking-[-0.576px] text-brimble-black md:text-[44px] md:leading-[50px]",children:"You ask. It works. You stay in charge."}),e.jsx("p",{className:"max-w-[400px] text-pretty font-body text-base leading-[23px] tracking-[-0.32px] text-brimble-black/60",children:"Tell it what you want. It does the dashboard work and asks you to choose when a decision changes the result."})]}),e.jsx("ol",{className:"flex flex-col",children:ue.map((a,n)=>e.jsxs(s.li,{className:"flex gap-5 border-t border-[rgba(152,157,164,0.25)] py-5 first:border-t-0 first:pt-0 dark:border-white/10",initial:{opacity:0,y:16},animate:i?{opacity:1,y:0}:{},transition:{duration:.5,delay:.15+n*.07,ease:[.16,1,.3,1]},children:[e.jsx("span",{className:"font-mono text-[13px] leading-[24px] text-brimble-accent-blue",children:String(n+1).padStart(2,"0")}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("h3",{className:"font-body text-[16px] font-medium leading-[24px] tracking-[-0.32px] text-brimble-black",children:a.title}),e.jsx("p",{className:"text-pretty font-body text-[14px] leading-[20px] tracking-[-0.2px] text-brimble-black/60",children:a.body})]})]},a.title))})]})})}function Ie(){return e.jsxs("div",{className:"min-h-dvh bg-brimble-surface transition-colors duration-300",children:[e.jsx(D,{}),e.jsxs("main",{children:[e.jsx(he,{}),e.jsx(be,{}),e.jsx(fe,{}),e.jsx(me,{}),e.jsx(F,{})]})]})}export{Ie as component};
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.