1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="d3894207-e8c2-411d-975c-aeac31198517",e._sentryDebugIdIdentifier="sentry-dbid-d3894207-e8c2-411d-975c-aeac31198517")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[297],{297:function(e,t,s){s.r(t),s.d(t,{HowItWorks:function(){return n}});var r=s(7437),o=s(201),d=s(3247),a=s(2735),l=s(6858),i=s(8676);function n(){let{t:e}=(0,i.$)(),t=[{icon:(0,r.jsx)(o.Z,{className:"w-7 h-7 text-white",strokeWidth:2.25}),titleKey:"how.step1.title",descKey:"how.step1.desc",step:"01",color:"from-violet-500 to-purple-600",glow:"shadow-violet-500/25",bg:"bg-violet-500/10",border:"border-violet-500/20 hover:border-violet-500/50"},{icon:(0,r.jsx)(d.Z,{className:"w-7 h-7 text-white",strokeWidth:2.25}),titleKey:"how.step2.title",descKey:"how.step2.desc",step:"02",color:"from-pink-500 to-rose-600",glow:"shadow-pink-500/25",bg:"bg-pink-500/10",border:"border-pink-500/20 hover:border-pink-500/50"},{icon:(0,r.jsx)(a.Z,{className:"w-7 h-7 text-white",strokeWidth:2.25}),titleKey:"how.step3.title",descKey:"how.step3.desc",step:"03",color:"from-orange-500 to-amber-600",glow:"shadow-orange-500/25",bg:"bg-orange-500/10",border:"border-orange-500/20 hover:border-orange-500/50"}];return(0,r.jsx)("section",{id:"how-it-works",className:"py-8 sm:py-12 md:py-16 bg-card/50",children:(0,r.jsxs)("div",{className:"container mx-auto px-4",children:[(0,r.jsxs)("div",{className:"text-center mb-6 sm:mb-8",children:[(0,r.jsxs)("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-bold mb-3 sm:mb-4",children:[e("how.title")," ",(0,r.jsx)("span",{className:"gradient-text",children:e("how.titleHighlight")})]}),(0,r.jsx)("p",{className:"text-sm sm:text-base text-muted-foreground max-w-xl mx-auto",children:e("how.subtitle")})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8 max-w-5xl mx-auto",children:t.map((s,o)=>(0,r.jsxs)("div",{className:`relative group float-up ${1===o?"float-up-delay-1":2===o?"float-up-delay-2":""}`,children:[o<t.length-1&&(0,r.jsx)("div",{className:"hidden md:flex absolute top-1/2 -right-3 lg:-right-4 -translate-y-1/2 z-10",children:(0,r.jsx)(l.Z,{className:"w-5 h-5 text-muted-foreground/40"})}),(0,r.jsxs)("div",{className:"relative rounded-2xl glass-card p-6 sm:p-8 transition-all duration-300 group-hover:shadow-xl group-hover:-translate-y-1 hover:border-white/10",children:[(0,r.jsx)("div",{className:`absolute -top-3 -right-3 w-8 h-8 rounded-full bg-gradient-to-br ${s.color} text-white text-xs font-bold flex items-center justify-center shadow-lg`,children:s.step}),(0,r.jsx)("div",{className:"flex justify-center mb-4",children:(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{className:`w-14 h-14 rounded-2xl bg-gradient-to-br ${s.color} ${s.glow} shadow-lg flex items-center justify-center transition-transform duration-300 group-hover:scale-110`,children:s.icon}),(0,r.jsx)("div",{className:`absolute inset-0 ${s.bg} rounded-2xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500`})]})}),(0,r.jsx)("h3",{className:"font-bold text-lg mb-2 text-center",children:e(s.titleKey)}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground leading-relaxed text-center",children:e(s.descKey)})]})]},o))}),(0,r.jsx)("div",{className:"text-center mt-8",children:(0,r.jsx)("p",{className:"text-xs text-muted-foreground",children:e("how.bottom")})})]})})}},6858:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(9763).Z)("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},201:function(e,t,s){s.d(t,{Z:function(){return r}});let r=(0,s(9763).Z)("ClipboardCopy",[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2",key:"4jdomd"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v4",key:"3hqy98"}],["path",{d:"M21 14H11",key:"1bme5i"}],["path",{d:"m15 10-4 4 4 4",key:"5dvupr"}]])}}]);
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.