https://howagentspay.lovable.app/assets/foundations-Ct43_11t.js

1import{a as e,c as t,s as n}from"./index-C2c5VwwO.js";import{t as r}from"./PartsNav-CGqbkBo9.js";import{t as i}from"./arrow-left-T1RlZH5j.js";import{t as a}from"./arrow-right-DCdzS5aH.js";import{n as o,t as s}from"./NextSectionCta-C3D6Ya54.js";import{i as c,n as l,r as u,t as d}from"./Shield_Blue.png.asset-8z5GBxlp.js";var f={version:1,asset_id:`0e04ba4b-a1ca-4296-addd-dce57687b234`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/0e04ba4b-a1ca-4296-addd-dce57687b234/integration-agent.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/0e04ba4b-a1ca-4296-addd-dce57687b234/integration-agent.png`,original_filename:`integration-agent.png`,size:113321,content_type:`image/png`,created_at:`2026-06-22T13:58:45Z`},p={version:1,asset_id:`086d396a-06d1-4855-80f1-a1ac7a9385bf`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/086d396a-06d1-4855-80f1-a1ac7a9385bf/Computer_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/086d396a-06d1-4855-80f1-a1ac7a9385bf/Computer_Blue.png`,original_filename:`Computer_Blue.png`,size:12781,content_type:`image/png`,created_at:`2026-06-15T14:50:42Z`},m={version:1,asset_id:`4b8f9aae-87f6-4af6-8b9d-e792894f893c`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/4b8f9aae-87f6-4af6-8b9d-e792894f893c/Mobile_phone_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/4b8f9aae-87f6-4af6-8b9d-e792894f893c/Mobile_phone_Blue.png`,original_filename:`Mobile_phone_Blue.png`,size:11620,content_type:`image/png`,created_at:`2026-06-15T14:50:53Z`},h=e(),g=p.url,_=m.url,v=u.url,y=[{stage:`Stage 1`,year:`2000s`,label:`eCommerce`,body:`Humans browse and click. Digital PSPs emerge.`,icon:g},{stage:`Stage 2`,year:`2010s`,label:`Mobile`,body:`Humans tap to pay. Wallets and tokenization arrive; the iPhone resets checkout.`,icon:_},{stage:`Stage 3`,year:`Today`,label:`Agentic`,body:`Agents browse, compare, and advise. Consumers already use AI, but most purchases still complete on traditional flows.`,icon:v}];function b(){return(0,h.jsx)(`section`,{id:`stages`,className:`bg-warm-white`,children:(0,h.jsxs)(`div`,{className:`mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-20 md:py-24`,children:[(0,h.jsxs)(`div`,{className:`max-w-3xl mb-12`,children:[(0,h.jsxs)(`h2`,{className:`font-serif text-[clamp(1.75rem,3.6vw,2.75rem)] text-navy text-balance`,children:[`The three stages of `,(0,h.jsx)(`span`,{className:`text-signal`,children:`online commerce`})]}),(0,h.jsxs)(`p`,{className:`mt-5 text-navy/80 text-base md:text-lg leading-relaxed`,children:[`Commerce has reinvented itself twice in twenty-five years, and each time the payment system had to be rebuilt to match.`,`\xA0`,(0,h.jsx)(`br`,{}),(0,h.jsx)(`br`,{}),`Agentic is the third stage, and it is arriving faster than the infrastructure built for the first two can absorb.`,` `,(0,h.jsx)(`a`,{href:`https://www.mckinsey.com/capabilities/quantumblack/our-insights/the-agentic-commerce-opportunity-how-ai-agents-are-ushering-in-a-new-era-for-consumers-and-merchants`,target:`_blank`,rel:`noopener noreferrer`,className:`text-signal underline underline-offset-2 hover:opacity-80 transition`,children:`McKinsey projects`}),` `,`agentic commerce could drive $3 trillion to $5 trillion in global consumer transactions by 2030, with up to $1 trillion in the US retail market alone.`]})]}),(0,h.jsx)(`div`,{className:`rounded-3xl bg-secondary/60 p-6 md:p-10`,children:(0,h.jsx)(`ol`,{className:`grid grid-cols-1 md:grid-cols-3 gap-5 md:gap-6`,children:y.map(e=>(0,h.jsxs)(`li`,{className:`group relative min-h-[340px] overflow-hidden rounded-2xl bg-warm-white border border-navy/15 transition hover:border-signal focus-within:border-signal`,children:[(0,h.jsxs)(`div`,{className:`h-full w-full p-6 md:p-7 flex flex-col gap-6 transition duration-300 group-hover:opacity-0 group-focus-within:opacity-0`,children:[(0,h.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,h.jsx)(`p`,{className:`font-serif text-3xl md:text-4xl text-navy/60 leading-none`,children:e.year}),(0,h.jsx)(`p`,{className:`text-xs md:text-sm font-medium uppercase tracking-[0.22em] text-signal`,children:e.stage})]}),(0,h.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,h.jsx)(`div`,{className:`inline-flex h-24 w-24 md:h-28 md:w-28 items-center justify-center rounded-3xl bg-signal/10`,children:(0,h.jsx)(`img`,{src:e.icon,alt:``,className:`h-14 w-14 md:h-16 md:w-16 object-contain`})})})]}),(0,h.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 z-10 flex flex-col justify-between gap-5 rounded-2xl bg-warm-white p-5 md:p-6 opacity-0 transition duration-300 group-hover:opacity-100 group-focus-within:opacity-100`,children:[(0,h.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,h.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,h.jsx)(`p`,{className:`font-serif text-2xl md:text-3xl text-navy/55 leading-none`,children:e.year}),(0,h.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-[0.22em] text-signal`,children:e.stage})]}),(0,h.jsx)(`div`,{className:`inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-signal/10`,children:(0,h.jsx)(`img`,{src:e.icon,alt:``,className:`h-7 w-7 object-contain`})})]}),(0,h.jsxs)(`div`,{children:[(0,h.jsx)(`h3`,{className:`font-serif text-[clamp(1.45rem,2.5vw,1.9rem)] text-navy leading-tight`,children:e.label}),(0,h.jsx)(`p`,{className:`mt-3 text-navy/80 leading-relaxed text-sm md:text-[0.95rem]`,children:e.body})]})]})]},e.label))})}),(0,h.jsx)(`p`,{className:`mt-14 max-w-3xl text-navy/80 text-base md:text-lg leading-relaxed`,children:`At each stage, it was not only the interface for purchasing that changed. Both consumer behavior and the payment layer had to be re-engineered before the new model could scale. The companies that built the rails early set the terms for everyone who arrived later. Agentic is the stage still being defined, and the first live proofs are already here.`})]})})}var x={eyebrow:`BLOG`,titleHead:`Know Your Agent: why KYA is the new`,titleAccent:`control point for agentic commerce.`,body:`As AI agents start shopping and paying on behalf of consumers, Know Your Agent becomes the new trust layer in payments. How PSPs and acquirers can govern agent identity, mandates, and local execution.`,cta:`Read more`,href:`https://www.nuvei.com/posts/know-your-agent-kya-agentic-commerce`,image:`https://cdn.prod.website-files.com/69bbe852f53519cb6c8930fa/6a35382a0dfe044f6473434e_ChatGPT%20Image%20Jun%2019%2C%202026%2C%2001_36_57%20PM.webp`,alt:`Know Your Agent — Nuvei article cover`};function S(){let e=x;return(0,h.jsx)(`section`,{className:`bg-warm-white py-16 sm:py-20`,children:(0,h.jsxs)(`div`,{className:`mx-auto max-w-6xl px-4 sm:px-6 lg:px-8`,children:[(0,h.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-[0.18em] text-navy/60`,children:`
2`}),(0,h.jsx)(`article`,{className:`mt-8 overflow-hidden rounded-[2.5rem] bg-support-grey/30`,children:(0,h.jsxs)(`div`,{className:`grid grid-cols-1 items-stretch gap-0 lg:grid-cols-12`,children:[(0,h.jsx)(`a`,{href:e.href,target:`_blank`,rel:`noopener`,className:`group relative block overflow-hidden lg:col-span-5`,"aria-label":e.titleHead+` `+e.titleAccent,children:(0,h.jsx)(`div`,{className:`relative h-full min-h-[260px] w-full lg:min-h-[360px]`,children:(0,h.jsx)(`img`,{src:e.image,alt:e.alt,loading:`lazy`,className:`absolute inset-0 h-full w-full object-cover transition duration-700 group-hover:scale-[1.03]`})})}),(0,h.jsxs)(`div`,{className:`p-6 sm:p-10 lg:col-span-7 lg:p-12`,children:[(0,h.jsx)(`p`,{className:`text-sm font-medium uppercase tracking-[0.18em] text-signal`,children:e.eyebrow}),(0,h.jsxs)(`h3`,{className:`mt-5 font-serif font-normal text-[clamp(1.5rem,2.1vw,1.875rem)] leading-[1.2] tracking-[-0.01em] text-navy`,children:[e.titleHead,` `,(0,h.jsx)(`span`,{className:`text-signal`,children:e.titleAccent})]}),(0,h.jsx)(`p`,{className:`mt-5 max-w-xl text-[20px] leading-relaxed text-navy/70`,children:e.body}),(0,h.jsxs)(`a`,{href:e.href,target:`_blank`,rel:`noopener`,className:`mt-8 inl

2ine-flex items-center gap-3 rounded-full bg-signal px-7 py-3.5 text-base font-medium text-warm-white transition hover:bg-signal/90`,children:[e.cta,(0,h.jsx)(`span`,{className:`size-1.5 rounded-full bg-warm-white`,"aria-hidden":`true`})]})]})]})})]})})}var C=t(n(),1),w={version:1,asset_id:`43e0961c-e6a8-4f8f-ba9e-6e9f3de361e0`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/43e0961c-e6a8-4f8f-ba9e-6e9f3de361e0/Eye_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/43e0961c-e6a8-4f8f-ba9e-6e9f3de361e0/Eye_Blue.png`,original_filename:`Eye_Blue.png`,size:9043,content_type:`image/png`,created_at:`2026-06-15T14:50:45Z`},T={version:1,asset_id:`5a9da66e-4c18-4465-8134-5d2a3bb3d77b`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/5a9da66e-4c18-4465-8134-5d2a3bb3d77b/Checkmark_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/5a9da66e-4c18-4465-8134-5d2a3bb3d77b/Checkmark_Blue.png`,original_filename:`Checkmark_Blue.png`,size:7389,content_type:`image/png`,created_at:`2026-06-15T14:50:31Z`},E={version:1,asset_id:`0ed28d22-b39a-407b-9aac-33ea0ffb7b29`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/0ed28d22-b39a-407b-9aac-33ea0ffb7b29/Circle_arrow_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/0ed28d22-b39a-407b-9aac-33ea0ffb7b29/Circle_arrow_Blue.png`,original_filename:`Circle_arrow_Blue.png`,size:12522,content_type:`image/png`,created_at:`2026-06-15T14:50:39Z`},D={version:1,asset_id:`09f030b1-8b3e-4a31-9826-4062afe4ab25`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/09f030b1-8b3e-4a31-9826-4062afe4ab25/Shopping_cart_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/09f030b1-8b3e-4a31-9826-4062afe4ab25/Shopping_cart_Blue.png`,original_filename:`Shopping_cart_Blue.png`,size:13619,content_type:`image/png`,created_at:`2026-06-15T14:51:08Z`},O={version:1,asset_id:`261935cb-5909-4d0f-ba5d-ade470dce72a`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/261935cb-5909-4d0f-ba5d-ade470dce72a/Payments_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/261935cb-5909-4d0f-ba5d-ade470dce72a/Payments_Blue.png`,original_filename:`Payments_Blue.png`,size:12719,content_type:`image/png`,created_at:`2026-06-15T14:50:56Z`},k={version:1,asset_id:`b02d0ad3-54ec-4670-895b-529d12110b8b`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/b02d0ad3-54ec-4670-895b-529d12110b8b/Lightning_bolt_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/b02d0ad3-54ec-4670-895b-529d12110b8b/Lightning_bolt_Blue.png`,original_filename:`Lightning_bolt_Blue.png`,size:11254,content_type:`image/png`,created_at:`2026-06-15T14:50:49Z`},A={version:1,asset_id:`6de02ecc-5e67-4f25-9836-bab6c31125b9`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/6de02ecc-5e67-4f25-9836-bab6c31125b9/Checkbox_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/6de02ecc-5e67-4f25-9836-bab6c31125b9/Checkbox_Blue.png`,original_filename:`Checkbox_Blue.png`,size:13021,content_type:`image/png`,created_at:`2026-06-15T14:50:28Z`},j={version:1,asset_id:`dcc82009-9b8c-4f4b-a7ef-581425952dc1`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/dcc82009-9b8c-4f4b-a7ef-581425952dc1/Chip_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/dcc82009-9b8c-4f4b-a7ef-581425952dc1/Chip_Blue.png`,original_filename:`Chip_Blue.png`,size:10927,content_type:`image/png`,created_at:`2026-06-15T14:50:35Z`},M={version:1,asset_id:`27e792e6-56e2-4331-802c-ad18ad3a9667`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/27e792e6-56e2-4331-802c-ad18ad3a9667/Shopping_bag_Blue.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/27e792e6-56e2-4331-802c-ad18ad3a9667/Shopping_bag_Blue.png`,original_filename:`Shopping_bag_Blue.png`,size:12965,content_type:`image/png`,created_at:`2026-06-15T14:51:04Z`},N=[{hero:`Intent`,title:`User intent (in agent)`,body:`User asks the agent to find a product or service.`,icon:l.url},{hero:`Discovery`,title:`Agent discovery`,body:`Agent searches, compares, and recommends options.`,icon:w.url},{hero:`Decision`,title:`User decision`,body:`User selects a preferred option.`,icon:T.url},{hero:`Handoff`,title:`Handoff to merchant`,body:`Agent redirects the user to the merchant website.`,icon:E.url},{hero:`Checkout`,title:`Merchant-controlled checkout`,body:`User completes checkout on the merchant site.`,

2icon:D.url},{hero:`Payment`,title:`Traditional payment execution`,body:`Payment is processed as a standard eCommerce transaction.`,icon:O.url}],P=[{hero:`Intent`,title:`User intent (in agent)`,body:`User asks the agent to find a product or service.`,icon:l.url},{hero:`Discovery`,title:`Agent discovery`,body:`Agent searches, compares, and recommends options.`,icon:w.url},{hero:`Mandate`,title:`Mandate and authorization`,body:`User authorizes the agent to purchase on their behalf.`,bullets:[`Confirms purchase intent`,`Defines mandate scope, e.g. buy under $200`],icon:d.url},{hero:`Trigger`,title:`Agent-triggered transaction`,body:`Agent initiates the transaction on behalf of the user.`,bullets:[`No redirect to merchant checkout`,`Transaction originates within the agent environment`],icon:k.url},{hero:`Validation`,title:`Trust and validation`,body:`Transaction is validated across multiple parties.`,bullets:[`Cardholder identity verified`,`Agent and mandate confirmed in scope`,`Network and issuer approve the transaction`],icon:A.url},{hero:`Processing`,title:`In-agent payment processing`,body:`Payment is executed via a new transaction type.`,bullets:[`Processed as an agent-triggered payment`,`Runs on existing card networks under new agentic frameworks`],icon:j.url},{hero:`Fulfillment`,title:`Merchant fulfillment and confirmation`,body:`Merchant receives the order and processes fulfillment.`,bullets:[`Order confirmation returned to the agent`,`Merchant handles fulfillment and customer communications`],icon:M.url},{hero:`Confirmation`,title:`Confirmation in agent`,body:`User receives confirmation within the agent interface.`,bullets:[`Order details`,`Delivery updates`],icon:T.url}];function F({card:e,step:t,total:n,variant:r}){let i=r===`dark`,a=`Step ${String(t).padStart(2,`0`)} / ${String(n).padStart(2,`0`)}`;return(0,h.jsxs)(`article`,{className:`snap-start shrink-0 w-full sm:w-[calc(50%-0.625rem)] lg:w-[calc(33.333%-1rem)] rounded-3xl p-7 md:p-8 min-h-[26rem] md:min-h-[30rem] flex flex-col `+(i?`bg-navy text-warm-white border border-navy`:`bg-warm-white text-navy border border-navy/15`),children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,h.jsx)(`p`,{className:`text-xs md:text-sm font-medium uppercase tracking-[0.2em] text-signal`,children:a}),(0,h.jsx)(`img`,{src:e.icon,alt:``,"aria-hidden":`true`,className:`h-12 w-12 md:h-14 md:w-14 shrink-0 object-contain `+(i?`brightness-0 invert`:``)})]}),(0,h.jsx)(`h4`,{className:`mt-6 font-serif leading-[1.05] text-[clamp(1.875rem,3vw,2.5rem)] break-words hyphens-auto `+(i?`text-warm-white`:`text-navy`),children:e.hero}),(0,h.jsx)(`p`,{className:`mt-4 text-base md:text-lg leading-snug font-medium `+(i?`text-warm-white/90`:`text-navy/90`),children:e.title}),(0,h.jsx)(`p`,{className:`mt-3 text-base md:text-lg leading-relaxed `+(i?`text-warm-white/75`:`text-navy/75`),children:e.body}),e.bullets&&(0,h.jsx)(`ul`,{className:`mt-5 space-y-2 text-base md:text-lg leading-relaxed list-disc list-outside pl-5 `+(i?`text-warm-white/75`:`text-navy/75`),children:e.bullets.map((e,t)=>(0,h.jsx)(`li`,{children:e},t))})]})}function I({cards:e,variant:t=`light`}){let n=(0,C.useRef)(null),[r,o]=(0,C.useState)(0),[s,c]=(0,C.useState)(0),[l,u]=(0,C.useState)(!1);(0,C.useEffect)(()=>{let e=n.current;if(!e)return;let t=()=>{let t=e.scrollLeft,n=e.scrollWidth-e.clientWidth;c(n>0?Math.min(1,Math.max(0,t/n)):1),u(n<=0||t>=n-1);let r=0,i=1/0;Array.from(e.children).forEach((e,n)=>{let a=Math.abs(e.offsetLeft-t);a<i&&(i=a,r=n)}),o(r)};return e.addEventListener(`scroll`,t,{passive:!0}),window.addEventListener(`resize`,t),t(),()=>{e.removeEventListener(`scroll`,t),window.removeEventListener(`resize`,t)}},[]);let d=()=>{let e=n.current;if(!e)return;let t=Math.max(0,r-2),i=e.children[t];i&&e.scrollTo({left:Math.max(0,i.offsetLeft),behavior:`smooth`})},f=()=>{let e=n.current;if(!e)return;let t=e.scrollWidth-e.clientWidth,i=e.children[r+2],a=i?Math.min(t,i.offsetLeft):t;e.scrollTo({left:a,behavior:`smooth`})},p=l?e.length:Math.min(e.length,Math.round(s*(e.length-1))+1),m=s<=.001;return(0,h.jsxs)(`div`,{className:`relative`,children:[(0,h.jsxs)(`div`,{className:`relative`,children:[(0,h.jsx)(`div`,{ref:n,className:`flex gap-5 md:gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth pb-4 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden`,children:e.map((n,r)=>(0,h.jsx)(F,{card:n,step:r+1,total:e.length,variant:t},r))}),!m&&(0,h.jsx)(`button`,{type:`button`,onClick:d,"aria-label":`Previous step`,className:`hidden sm:inline-flex absolute left-2 md:-left-2 top-1/2 -translate-y-1/2 z-10 h-14 w-14 items-center justify-center rounded-full border border-navy/25 bg-warm-white text-navy shadow-sm transition hover:border-signal hover:text-signal hover:bg-signal/5 active:bg-signal active:text-warm-white active:border-signal`,children:(0,h.jsx)(i,{size:24,strokeWidth:1.75})}),!l&&(0,h.jsx)(`button`,{type:`button`,onClick:f,"aria-label":`Next step`,className:`hidden sm:inline-flex absolute right-2 md:-right-2 top-1/2 -translate-y-1/2 z-10 h-14 w-14 items-center justify-center rounded-full border border-navy/25 bg-warm-white text-navy shadow-sm transition hover:border-signal hover:text-signal hover:bg-signal/5 active:bg-signal active:text-warm-white active:border-signal`,children:(0,h.jsx)(a,{size:24,strokeWidth:1.75})})]}),(0,h.jsxs)(`div`,{className:`mt-8 px-4 flex items-center gap-4 md:gap-5`,children:[(0,h.jsxs)(`div`,{className:`flex sm:hidden items-center gap-2 shrink-0`,children:[(0,h.jsx)(`button`,{type:`button`,onClick:d,disabled:m,"aria-label":`Previous step`,className:`inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/25 text-navy transition active:bg-signal active:text-warm-white active:border-signal disabled:opacity-30`,children:(0,h.jsx)(i,{size:20,strokeWidth:1.75})}),(0,h.jsx)(`button`,{type:`button`,onClick:f,disabled:l,"aria-label":`Next step`,className:`inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/25 text-navy transition active:bg-signal active:text-warm-white active:border-signal disabled:opacity-30`,children:(0,h.jsx)(a,{size:20,strokeWidth:1.75})})]}),(0,h.jsx)(`div`,{className:`relative h-2 flex-1 rounded-full bg-navy/10 overflow-hidden`,role:`progressbar`,"aria-valuemin":1,"aria-valuemax":e.length,"aria-valuenow":p,children:(0,h.jsx)(`div`,{className:`absolute inset-y-0 left-0 rounded-full bg-signal transition-[width] duration-150 ease-out`,style:{width:`${s*100}%`}})}),(0,h.jsxs)(`p`,{className:`text-base md:text-lg font-medium text-navy tabular-nums shrink-0`,children:[(0,h.jsx)(`span`,{className:`text-navy`,children:String(p).padStart(2,`0`)}),(0,h.jsxs)(`span`,{className:`text-navy/40`,children:[` / `,String(e.length).padStart(2,`0`)]})]})]})]})}function L(){return(0,h.jsxs)(`div`,{className:`space-y-8`,children:[(0,h.jsxs)(`header`,{className:`max-w-3xl`,children:[(0,h.jsxs)(`h3`,{className:`font-serif text-[clamp(1.5rem,2.6vw,2rem)] text-navy leading-tight`,children:[`AI-led discovery\xA0`,(0,h.jsx)(`span`,{className:`text-signal`,children:`(today)`})]}),(0,h.jsx)(`p`,{className:`mt-3 text-navy/80 text-base md:text-lg leading-relaxed`,children:`Most of what is live today can be described as LLM-led discovery. On behalf of a consumer, an agent (ChatGPT, Perplexity, or Gemini) searches, compares options, and recommends. When the consumer decides, the agent hands the purchase back to them, and payment is completed on the merchant's own checkout as a standard transaction. The agent does the shopping but the human still pays.\xA0`})]}),(0,h.jsx)(I,{cards:N,variant:`light`})]})}function R(){return(0,h.jsxs)(`div`,{id:`agentic-payments`,className:`space-y-8 scroll-mt-24`,children:[(0,h.jsxs)(`header`,{className:`max-w-3xl`,children:[(0,h.jsxs)(`h3`,{className:`font-serif text-[clamp(1.5rem,2.6vw,2rem)] text-navy leading-tight`,children:[`Agentic payments `,(0,h.jsx)(`span`,{className:`text-signal`,children:`(near future)`})]}),(0,h.jsx)(`p`,{className:`mt-3 text-navy/80 text-base md:text-lg leading-relaxed`,children:`In this phase of agentic commerce, discovery, authorization, and payment all happen inside the agent, with the agent initiating the transaction. That is the key shift, at step four: the payment stops being user-initiated and becomes agent-initiated instead.\xA0`})]}),(0,h.jsx)(I,{cards:P,variant:`dark`})]})}var z={version:1,asset_id:`5b6406fe-3141-4291-a46d-b42a26a6af4a`,project_id:`63c8fc81-0eab-4208-ae67-9d25aef078fa`,url:`/__l5e/assets-v1/5b6406fe-3141-4291-a46d-b42a26a6af4a/compliance-agent.png`,r2_key:`a/v1/63c8fc81-0eab-4208-ae67-9d25aef078fa/5b6406fe-3141-4291-a46d-b42a26a6af4a/compliance-agent.png`,original_filename:`compliance-agent.png`,size:79321,content_type:`image/png`,created_at:`2026-06-22T13:58:48Z`};function B(){return(0,h.jsx)(`section`,{id:`solutions`,className:`bg-warm-white`,children:(0,h.jsxs)(`div`,{className:`mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-20 md:py-24`,children:[(0,h.jsxs)(`h2`,{className:`font-serif text-[clamp(1.75rem,3.6vw,2.75rem)] text-navy max-w-4xl text-balance`,children:[`Defining the age of `,(0,h.jsx)(`span`,{className:`text-signal`,children:`agentic`}),`: commerce vs discovery`]}),(0,h.jsx)(`div`,{className:`mt-6 max-w-3xl space-y-5 text-navy/80 text-base md:text-lg leading-relaxed`,children:(0,h.jsxs)(`p`,{children:[`"Agentic commerce," "AI-driven purchasing," and "LLM shopping discovery" are terms frequently used interchangeably across the industry, but they describe different things.`,(0,h.jsx)(`br`,{}),(0,h.jsx)(`br`,{}),`Agentic commerce is the medium through which consumers start making purchases. And it has two phases: the AI-led`,`\xA0`,`discovery phase, happening today and the agentic payment phase, which is still being built.`,`\xA0`,`One is about where decisions are made; the other is about how the money moves. Let's break them down.`,`\xA0`]})}),(0,h.jsx)(`div`,{className:`mt-10`,children:(0,h.jsx)(L,{})}),(0,h.jsx)(`div`,{className:`mt-16 max-w-3xl space-y-6 text-navy/80 text-base md:text-lg leading-relaxed`,children:(0,h.jsxs)(`p`,{children:[`Agentic payments are the next step. The consumer sets a mandate in advance, say a limit of two hundred dollars on a defined task. The agent then initiates and completes the transaction itself, inside its own environment, with no redirect to a merchant checkout.\xA0`,(0,h.jsx)(`br`,{}),(0,h.jsx)(`br`,{}),`The point of initiating the payment moves from the human, the way it was done in the eCommerce world, to the machine.`]})}),(0,h.jsx)(`div`,{className:`mt-12`,children:(0,h.jsx)(R,{})}),(0,h.jsxs)(`div`,{className:`mt-16 grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-12 items-start`,children:[(0,h.jsxs)(`div`,{className:`lg:col-span-8 space-y-6 text-navy/80 text-base md:text-lg leading-relaxed`,children:[(0,h.jsxs)(`p`,{children:[`That shift - from a person initiating the payment in the AI-discovery and eCommerce stage to one where an agent makes the payment on the user's behalf - is where the current infrastru

2cture has the biggest bottleneck.`,`\xA0`]}),(0,h.jsxs)(`p`,{children:[`For decades, the payments infrastructure relied on`,`\xA0`,`a human at every stage of the purchase. A transaction with no human at the checkout has to carry trust in two directions at once: trust in the consumer, validated as it is today via KYC, and trust in the agent acting for them, validated via new protocols, such as Know Your Agent.`,`\xA0`]}),(0,h.jsxs)(`p`,{children:[`As Mentxu Trivino, VP of Payments Partnership at Nuvei`,` `,(0,h.jsx)(`a`,{href:`https://www.nuvei.com/posts/know-your-agent-kya-agentic-commerce`,target:`_blank`,rel:`noopener noreferrer`,className:`text-signal underline underline-offset-2 hover:opacity-80 transition-all`,children:`puts it`}),`:`,(0,h.jsx)(`br`,{}),(0,h.jsx)(`br`,{})]}),(0,h.jsxs)(`figure`,{className:`relative pl-6 md:pl-10 border-l-2 border-signal my-2`,children:[(0,h.jsx)(`span`,{"aria-hidden":`true`,className:`absolute -top-4 md:-top-6 left-3 md:left-5 font-serif text-6xl md:text-7xl leading-none text-signal/30 select-none`,children:`“`}),(0,h.jsx)(`blockquote`,{className:`font-serif text-navy text-xl md:text-2xl leading-snug tracking-[-0.01em]`,children:`The question is no longer whether a payment can be processed. It is who, or what, is authorizing it, what that actor is allowed to do, and who is liable when something goes wrong.`})]}),(0,h.jsxs)(`p`,{children:[(0,h.jsx)(`br`,{}),(0,h.jsx)(`br`,{}),`This next era of agentic commerce requires a different infrastru

2cture and different rules of governance, making sure the agent initiating the payment is verified, trustworthy, and carries the credible user intent. This is exactly where Nuvei is building.`,`\xA0`]}),(0,h.jsxs)(`div`,{className:`pt-2`,children:[(0,h.jsx)(`h3`,{className:`font-serif text-2xl md:text-3xl leading-tight text-navy tracking-[-0.01em]`,children:`First-party and third-party agents`}),(0,h.jsx)(`p`,{className:`mt-4`,children:`There is a second distinction that decides how merchants meet this shift. A first-party agent is one a merchant runs itself, inside its own site, app, and customer relationship. A third-party agent is a public assistant like ChatGPT or Gemini that acts across many merchants at once. The two raise different trust questions, and the merchants Nuvei works with are clear that they will meet the first-party version first. That ordering shapes everything Nuvei is building.`})]}),(0,h.jsxs)(`p`,{children:[`But before we get into that, let's see what consumers have to say about how they use AI when making purchases.`,`\xA0`]})]}),(0,h.jsx)(`div`,{className:`lg:col-span-4 flex justify-center lg:justify-end lg:pt-2`,children:(0,h.jsx)(`img`,{src:z.url,alt:``,"aria-hidden":`true`,className:`w-48 sm:w-56 lg:w-full max-w-[280px] h-auto select-none`,loading:`lazy`})})]})]})})}function V(){return(0,h.jsxs)(`main`,{className:`bg-warm-white text-navy`,children:[(0,h.jsx)(r,{current:`foundations`}),(0,h.jsxs)(`section`,{className:`mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 pt-10 md:pt-14 pb-4`,children:[(0,h.jsx)(o,{prev:{to:`/`,label:`Back to overview`},next:{to:`/research`,label:`Consumer survey`}}),(0,h.jsxs)(`div`,{className:`mt-10 md:mt-14 grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-12 items-center`,children:[(0,h.jsxs)(`div`,{className:`lg:col-span-8`,children:[(0,h.jsx)(`h1`,{className:`font-serif text-4xl md:text-6xl leading-[1.05] tracking-[-0.01em] text-navy max-w-4xl`,children:`Agentic commerce 101\xA0`}),(0,h.jsx)(`p`,{className:`mt-6 max-w-3xl text-base md:text-lg text-navy/70 leading-relaxed`,children:`Agentic payments, agentic discovery: what do these terms mean in practice? This section defines them, explains how agents change the relationship between buyer, merchant, and payment, and lays out the stages in the shift from assistive AI to delegated spending.`})]}),(0,h.jsx)(`div`,{className:`lg:col-span-4 flex justify-center lg:justify-end`,children:(0,h.jsx)(`img`,{src:f.url,alt:``,"aria-hidden":`true`,className:`w-56 sm:w-64 lg:w-full max-w-[320px] h-auto select-none`,loading:`eager`})})]})]}),(0,h.jsx)(b,{}),(0,h.jsx)(c,{}),(0,h.jsx)(B,{}),(0,h.jsx)(s,{to:`/research`,label:`Continue to consumer survey`,align:`left`}),(0,h.jsx)(S,{}),(0,h.jsx)(`section`,{className:`mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 pb-16 md:pb-24 pt-4`,children:(0,h.jsx)(o,{prev:{to:`/`,label:`Back to overview`},next:{to:`/research`,label:`Consumer survey`}})})]})}export{V as component};