1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9147],{79147:(e,t,s)=>{s.r(t),s.d(t,{default:()=>d});var r=s(95155),a=s(12115),l=s(23894),n=s.n(l),o=s(4467),i=s(71958),c=s(99106);function d(){let e=(0,i.jt)(),t=(0,i.tO)(),l=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let t;if(e)return;let r=l.current;if(!r)return;let a=!1;return(async()=>{let[{default:e},{ScrollTrigger:l}]=await Promise.all([Promise.all([s.e(5592),s.e(7605)]).then(s.bind(s,47605)),s.e(5580).then(s.bind(s,55580))]);a||(e.registerPlugin(l),t=e.context(()=>{e.utils.toArray(".mcd-step-card").forEach((t,s)=>{e.fromTo(t,{opacity:0,y:90,rotateY:s%2==0?-22:22,rotateX:9,scale:.93},{opacity:1,y:0,rotateY:0,rotateX:0,scale:1,duration:1.1,ease:"power3.out",scrollTrigger:{trigger:t,start:"top 88%",toggleActions:"play none none reverse"}})});let t=r.querySelector(".mcd-connector-path");if(t){let s=t.getTotalLength();e.set(t,{strokeDasharray:s,strokeDashoffset:s}),e.to(t,{strokeDashoffset:0,ease:"none",scrollTrigger:{trigger:r,start:"top 72%",end:"bottom 78%",scrub:.6}})}},r))})(),()=>{a=!0,null==t||t.revert()}},[e,t]),(0,r.jsxs)("section",{id:"how-it-works",ref:l,className:"relative overflow-hidden py-24 sm:py-32 ".concat(n().anchor),children:[(0,r.jsx)("div",{className:n().grid,"aria-hidden":"true"}),(0,r.jsx)("div",{"aria-hidden":"true",className:"absolute inset-0 bg-[radial-gradient(60%_44%_at_50%_0%,rgba(255,77,82,0.14)_0%,transparent_70%)]"}),(0,r.jsxs)("div",{className:"relative z-10 mx-auto w-full max-w-[1180px] px-6 sm:px-8",children:[(0,r.jsxs)("header",{className:"mx-auto max-w-[42rem] text-center lg:mx-0 lg:max-w-[46rem] lg:text-left",children:[(0,r.jsx)(c.gN,{children:(0,r.jsx)(c.YN,{children:o.AM.kicker})}),(0,r.jsx)(c.gN,{delay:.08,children:(0,r.jsxs)("h2",{className:"mt-6 text-[clamp(1.85rem,4.2vw,3.05rem)] font-extrabold leading-[1.1] tracking-[-0.022em] text-white",children:[o.AM.headline[0]," ",(0,r.jsx)("span",{className:n().bloodGradient,children:o.AM.headline[1]})]})})]}),(0,r.jsxs)("div",{className:"relative mt-16 grid gap-5 sm:mt-20 sm:grid-cols-2 lg:grid-cols-3",style:{perspective:"1400px"},children:[(0,r.jsxs)("svg",{"aria-hidden":"true",className:"pointer-events-none absolute left-0 right-0 top-[62px] hidden h-16 w-full lg:block",viewBox:"0 0 1100 60",fill:"none",preserveAspectRatio:"none",children:[(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"mcdConnector",x1:"0",y1:"0",x2:"1",y2:"0",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:"#ff4d52",stopOpacity:"0.15"}),(0,r.jsx)("stop",{offset:"50%",stopColor:"#ff4d52",stopOpacity:"0.9"}),(0,r.jsx)("stop",{offset:"100%",stopColor:"#ff4d52",stopOpacity:"0.15"})]})}),(0,r.jsx)("path",{d:"M40 30 C 200 -6, 340 66, 505 30 S 840 -6, 1060 30",stroke:"rgba(255,255,255,0.08)",strokeWidth:"1.5",strokeDasharray:"5 7"}),(0,r.jsx)("path",{className:"mcd-connector-path",d:"M40 30 C 200 -6, 340 66, 505 30 S 840 -6, 1060 30",stroke:"url(#mcdConnector)",strokeWidth:"2",strokeLinecap:"round"})]}),o.AM.steps.map(e=>(0,r.jsxs)("article",{className:"mcd-step-card group relative flex flex-col rounded-[22px] p-7 ".concat(n().glass," ").concat(n().edgeLit," transition-transform duration-500 hover:-translate-y-1.5 motion-reduce:transition-none motion-reduce:hover:translate-y-0"),style:{transformStyle:"preserve-3d"},children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-[11px] font-extrabold uppercase tracking-[0.26em] text-[#ff8f94]",children:e.n}),(0,r.jsx)("span",{"aria-hidden":"true",className:"h-2 w-2 rounded-full bg-[#ff4d52] shadow-[0_0_16px_4px_rgba(255,77,82,0.5)] ".concat(n().animPulse," ").concat(n().delayed),style:{"--d":.4*Number(e.n)}})]}),(0,r.jsx)("h3",{className:"mt-6 text-[19.5px] font-extrabold leading-[1.25] tracking-[-0.01em] text-white",children:e.title}),(0,r.jsx)("p",{className:"mt-3 flex-1 text-[14.5px] leading-[1.7] text-[#b0a0a6]",children:e.text})]},e.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.