1import{j as e,a as n,L as o,E as l}from"./index-D6qNzN6M.js";import{u as d,p as m}from"./useInView-D6PdGKDK.js";const c=[{n:"01",t:"Learn",b:"Read the pipeline for any playbook â the nodes, the human gate and the failure mode."},{n:"02",t:"Price",b:"Model the run cost against your own volume with real list prices, before you commit."},{n:"03",t:"Prove",b:"See where the same build already ran, in which sector and at which stage."},{n:"04",t:"Act",b:"Install it yourself in the stated order, or have us install it for you."}],u=()=>{const{ref:i,seen:r}=d(),t=m();return e.jsxs("section",{className:"mx-auto max-w-7xl px-4 py-20 md:px-8",children:[e.jsxs("div",{className:"text-center md:text-left",children:[e.jsx("p",{className:"text-[11px] uppercase tracking-[0.18em] text-muted-foreground",children:"How this library works"}),e.jsx("h2",{className:"mx-auto mt-2 max-w-3xl text-3xl font-semibold tracking-tight md:mx-0 md:text-4xl",children:"Learn it, price it, prove it, install it."})]}),e.jsxs("div",{ref:i,className:"relative mt-10",children:[e.jsx("div",{className:"pointer-events-none absolute left-0 right-0 top-6 hidden h-px bg-border md:block",children:e.jsx("div",{className:"h-px bg-primary/60",style:{width:r||t?"100%":"0%",transition:t?void 0:"width 1.2s ease-out"}})}),e.jsx("ol",{className:"grid grid-cols-2 gap-6 md:grid-cols-4",children:c.map((s,a)=>e.jsxs("li",{style:{opacity:r||t?1:0,transform:r||t?"none":"translateY(10px)",transition:t?void 0:`opacity .5s ease ${a*120}ms, transform .5s ease ${a*120}ms`},children:[e.jsx("span",{className:"relative z-10 inline-flex h-12 w-12 items-center justify-center rounded-full border border-primary/40 bg-background text-sm tabular-nums text-primary",children:s.n}),e.jsx("h3",{className:"mt-4 text-lg font-medium",children:s.t}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:s.b})]},s.n))})]}),e.jsx("div",{className:"mt-10",children:e.jsx(n,{asChild:!0,variant:"cta",children:e.jsxs(o,{to:"/find-your-stage",children:["Find your stage â free ",e.jsx(l,{className:"ml-1.5 h-4 w-4"})]})})})]})};export{u as HowItWorks};
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.