PageSourceSearch

https://www.publicissapient.com/

html publicissapient.com collected 2026-09-24 08:32:39 UTC 365,448 bytes, 6,005 lines download raw bytes

1
2<!DOCTYPE HTML>
3<html lang="en">
4    <head>
5
6    
7
8    
9    
10    
11    
12
13    <meta charset="UTF-8"/>
14    <meta name="viewport" content="width=device-width, initial-scale=1"/>
15
16    <title>AI Solutions for the Enterprise</title>
17
18    <meta name="author" content="Publicis Sapient"/>
19    <meta name="description" content="Publicis Sapient combines industry experts and AI platforms to help enterprises modernize systems, scale AI and drive measurable results."/>
20    
21
22    
23<link rel="canonical" href="https://www.publicissapient.com/"/>
24
25
26
27    
28    
29    
30
31    
32    <meta property="og:type" content="website"/>
33    <meta property="og:site_name" content="Publicis Sapient"/>
34    <meta property="og:url" content="https://www.publicissapient.com/"/>
35    <meta property="og:title" content="AI Solutions for the Enterprise"/>
36    <meta property="og:description" content="Publicis Sapient combines industry experts and AI platforms to help enterprises modernize systems, scale AI and drive measurable results."/>
37
38    <meta property="og:image" content="https://www.publicissapient.com/content/dam/ps-redesign/us/en/2026/01/homepage/images/og-product-overview.jpg"/>
39    <meta name="twitter:title" content="AI Solutions for the Enterprise"/>
40    <meta name="twitter:description" content="Publicis Sapient combines industry experts and AI platforms to help enterprises modernize systems, scale AI and drive measurable results."/>
41    <meta name="twitter:image" content="https://www.publicissapient.com/content/dam/ps-redesign/us/en/2026/01/homepage/images/og-product-overview.jpg"/>
42    <meta name="twitter:card" content="summary_large_image"/>
43    <meta name="twitter:site" content="Publicis Sapient"/>
44
45    
46    <link rel="icon" type="image/svg+xml" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon.svg"/>
47
48    
49    <link rel="icon" type="image/x-icon" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon.ico"/>
50
51    
52    <link rel="icon" type="image/png" sizes="48x48" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon-48x48.png"/>
53    <link rel="icon" type="image/png" sizes="32x32" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon-32x32.png"/>
54    <link rel="icon" type="image/png" sizes="16x16" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon-16x16.png"/>
55
56    
57    <link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/apple-touch-icon.png"/>
58
59
60    
61        
62            <link rel="preconnect" href="https://s7d9.scene7.com" crossorigin>
63<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
64<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin/>
65<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Lexend+Deca:[email protected]&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"/>
66<link rel="preconnect" href="https://assets.adobedtm.com" crossorigin>
67        
68    
69
70    
71
72    <meta name="template" content="one-column-content"/>
73
74    
75    
76
77
78
79<script type="text/javascript">
80    globalThis.dynamicMediaServiceUrl="//s7d9.scene7.com/is/image/publicissapient";
81</script>
81
82
83
84<script type="text/javascript">
85    globalThis.featureVideoAutoPlay="";
86    globalThis.featureVideoSessionTracking="";
87</script>
87
88
89
90<!-- Build Version: 20260923-1031-eca8b -->
91
92
93
94
95
96<link rel="stylesheet" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site.css?v=20260923-1031-eca8b" type="text/css"/>
97
98
99<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-runtime.js?v=20260923-1031-eca8b"></script>
99
100
101
102<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-lottie.js?v=20260923-1031-eca8b"></script>
102
103
104
105
106
107    
108
109    
110        
110<script id="__FE_CONFIGURATION__" type="application/json">
111{
112  "featureToggles": {"FEATURE_ENABLE_SERVICE_WORKER": true}
113}
114</script>
114
115    
116
117
118
119
120
121
122
123
124
125
126
127
128
129  
130  
131  
132  
133  
134
135
136  
137    
137<script>
138      window.digitalData = window.digitalData || {};
139      window.digitalData.page = {
140        pageName: "AI Solutions for the Enterprise",
141        pageParent: "us",
142        channel: "en",
143        region: "us",
144        pageTags: [],
145        pageTagsPath: [],
146        pageContentTypeTag: ["Publicis Sapient"],
147        pageContentTypeTagPath: ["ps-redesign:content-type/publicis-sapient"],
148        datemodified: "2026-09-03",
149        datepublished: "2026-09-03",
150        breadCrumbs: ["home"],
151        contentId: "ad6ae2c2b56e17d7a0d65c71179b3098bdf46a1f0806baf31e1c781de971cd02"
152      };
153    </script>
153
154  
155
156
157  <!-- Structured data for SEO -->
158    
158<script type="application/ld+json">
159    {
160      "@context": "https://schema.org",
161      "@type": "WebSite",
162      "name": "Publicis Sapient",
163      "url": "https://www.publicissapient.com"
164    }
165  </script>
165
166
167  
167<script type="application/ld+json">
168    {
169      "@context": "https://schema.org",
170      "@type": "Organization",
171      "name": "Publicis Sapient",
172      "url": "https://www.publicissapient.com",
173      "logo": "https://www.publicissapient.com/content/dam/ps-redesign/us/en/global/topnav/image/PS-Logo-Regular.svg",
174      "sameAs": [
175        "https://www.linkedin.com/company/publicissapient/",
176        "https://www.instagram.com/publicissapient/",
177        "https://www.facebook.com/publicissapient/",
178        "https://www.youtube.com/@PublicisSapient"
179      ]
180    }
181  </script>
181
182  
183    
184    
185  
186
187
188
189
190<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
190
191
192<!-- Adobe Analytics Header Code -->
193
194    
194<script defer src="https://assets.adobedtm.com/8006c40e7dec/d13f0c377358/launch-76a1e5c643eb.min.js"></script>
194
195
196
197
198    
199    
200    
201
202    
203
204    
205    
206    
207
208    
209    
210</head>
211    <body class="page basicpage" id="page-6c6dcf3ab1" data-cmp-link-accessibility-enabled data-cmp-link-accessibility-text="opens in a new tab" data-cmp-data-layer-enabled data-cmp-data-layer-name="adobeDataLayer">
212
213        
214        
215            
216
217<div class="cmp-page__skiptomaincontent">
218    <a class="cmp-page__skiptomaincontent-link" href="#main">Skip to main content</a>
219</div>
220
221            
222<div class="root container responsivegrid">
223
224    
225    
226    
227    <div id="container-83c7051a3f" class="cmp-container">
228        
229        <div class="announcementTicker">
230
231
232
233
234  <div data-cmp-is="announcement-ticker" data-react-props='{&#34;announcements&#34;:[{&#34;text&#34;:&#34;Sapient Slingshot wins Technology Breakthrough of the Year.&#34;,&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/icons/award-three.svg&#34;,&#34;iconType&#34;:&#34;image&#34;,&#34;iconSize&#34;:&#34;small&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore Slingshot&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore Slingshot&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/platforms/slingshot&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}},{&#34;text&#34;:&#34;Sapient Bodhi ranked #1 for deep research.&#34;,&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/icons/award-three.svg&#34;,&#34;iconType&#34;:&#34;image&#34;,&#34;iconSize&#34;:&#34;small&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore Bodhi&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore Bodhi&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/platforms/bodhi&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}},{&#34;text&#34;:&#34;Meet Sapient Sustain: context-aware AI for complex IT operations.&#34;,&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/icons/announcement-white-icon.svg&#34;,&#34;iconType&#34;:&#34;image&#34;,&#34;iconSize&#34;:&#34;small&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore Sustain&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore Sustain&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/platforms/sustain&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}},{&#34;text&#34;:&#34;3M lines of COBOL → clear specs in 8 weeks.&#34;,&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/icons/code-square-two.svg&#34;,&#34;iconType&#34;:&#34;image&#34;,&#34;iconSize&#34;:&#34;small&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Get the details&#34;,&#34;ctaAriaLabel&#34;:&#34;Get the details&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/customers/stories/financial-services-slingshot-legacy-modernization&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}}],&#34;background&#34;:&#34;image&#34;,&#34;textColor&#34;:&#34;white&#34;,&#34;bgColor&#34;:&#34;black&#34;,&#34;bgImage&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/ticker/ticker-background.jpg&#34;,&#34;playAriaLabel&#34;:&#34;Play Aria Label&#34;,&#34;pauseAriaLabel&#34;:&#34;Pause Aria Label&#34;,&#34;scrollSpeed&#34;:&#34;5&#34;,&#34;disableTicker&#34;:false,&#34;:type&#34;:&#34;ps-redesign/components/announcementTicker&#34;}'>
235    
236    <section class="AnnouncementTicker relative isolate overflow-hidden false bg-ps-red text-white">
237      
238        <div aria-hidden="true" class="absolute z-0 pointer-events-none select-none overflow-hidden inset-0">
239          <img src="/content/dam/ps-redesign/us/en/global/comps/ticker/ticker-background.jpg" alt="" class="h-full w-full object-cover" loading="eager" fetchpriority="high"/>
240        </div>
241      
242      <div class="boxed px-0 relative z-10">
243        <div class="p-4 md:p-0 md:pl-14 md:pr-16 flex gap-0.5 md:gap-5 items-center justify-center min-h-18 max-h-22 md:max-h-14 md:min-h-14 md:h-14 pl-2">
244          <div class="flex items-center justify-center gap-2 md:gap-8 flex-1 min-w-0">
245          <!-- Left Navigation Button (only if multiple announcements) 
245-->
246          
247            <button type="button" class="inline-flex items-center justify-center cursor-pointer select-none outline-none transition-all duration-200 w-6 h-6 rounded-xs bg-transparent hover:bg-transparent active:bg-transparent border-none focus-visible:ring-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white" aria-label="Previous announcement" data-ticker-action="previous">
248              <svg class="text-white" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
249                <path d="M10 12l-4-4 4-4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
250              </svg>
251            </button>
252          
253
254          <!-- Announcements List -->
255          
256            <ul class="flex overflow-hidden flex-1 min-w-0">
257              
258                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="0">
259                  <div class="box__inner flex flex-row justify-center items-start md:items-center ps-text-sm-medium w-full min-w-0 gap-2">
260                    <!-- Icon/Image (if present) -->
261                    
262                      <div class="shrink-0">
263                        
264                          <img src="/content/dam/ps-redesign/us/en/global/comps/icons/award-three.svg" alt="" class="object-cover h-4.5 w-4.5 md:h-5 md:w-5" loading="eager"/>
265                        
266                        
267                        
268                      </div>
269                    
270
271                    <!-- Text Content Container -->
272                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
273                      <!-- Announcement Text -->
274                      <div class="min-w-0 text-center mr-1">
275                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
276                          Sapient Slingshot wins Technology Breakthrough of the Year.
277                        </p>
278                      </div>
279
280                      <!-- CTA Link (if present) -->
281                      
282                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
283                          <a href="https://www.publicissapient.com/platforms/slingshot" class="group inline-flex items-center gap-1 ticker-sm-medium md:ps-text-sm-medium shrink-0 whitespace-nowrap text-white py-1 outline-none focus-visible:outline-none focus-visible:rounded-xs focus-visible:ring-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:mr-0.5 [&_span]:after:scale-x-100 [&_span]:group-hover:after:scale-x-0 [&_span]:group-focus-visible:after:scale-x-100 [&_span]:after:h-px" data-track-component="ticker" data-track-action="link" data-track-label="Explore Slingshot">
284                            
285                            <span class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">
286                              Explore Slingshot
287                            </span>
288                            
289                            
290                              
291                                
292    
293        
294        
295        
296        <span class="ps-icon ps-icon--arrow-narrow-right inline-block shrink-0 bg-current w-4 h-4 w-3.5 h-3.5 md:w-4 md:h-4" role="presentation" aria-hidden="true"></span>
297        
298        
299        
300        
301        
302        
303        
304        
305    
306
307                              
308                              
309                              
310                              
311                            
312                          </a>
313                        </div>
314                      
315                    </div>
316                  </div>
317                </li>
318              
319                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="1" inert>
320                  <div class="box__inner flex flex-row justify-center items-start md:items-center ps-text-sm-medium w-full min-w-0 gap-2">
321                    <!-- Icon/Image (if present) -->
322                    
323                      <div class="shrink-0">
324                        
325                          <img src="/content/dam/ps-redesign/us/en/global/comps/icons/award-three.svg" alt="" class="object-cover h-4.5 w-4.5 md:h-
3255 md:w-5" loading="eager"/>
326                        
327                        
328                        
329                      </div>
330                    
331
332                    <!-- Text Content Container -->
333                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
334                      <!-- Announcement Text -->
335                      <div class="min-w-0 text-center mr-1">
336                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
337                          Sapient Bodhi ranked #1 for deep research.
338                        </p>
339                      </div>
340
341                      <!-- CTA Link (if present) -->
342                      
343                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
344                          <a href="https://www.publicissapient.com/platforms/bodhi" class="group inline-flex items-center gap-1 ticker-sm-medium md:ps-text-sm-medium shrink-0 whitespace-nowrap text-white py-1 outline-none focus-visible:outline-none focus-visible:rounded-xs focus-visible:ring-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:mr-0.5 [&_span]:after:scale-x-100 [&_span]:group-hover:after:scale-x-0 [&_span]:group-focus-visible:after:scale-x-100 [&_span]:after:h-px" data-track-component="ticker" data-track-action="link" data-track-label="Explore Bodhi">
345                            
346                            <span class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">
347                              Explore Bodhi
348                            </span>
349                            
350                            
351                              
352                                
353    
354        
355        
356        
357        <span class="ps-icon ps-icon--arrow-narrow-right inline-block shrink-0 bg-current w-4 h-4 w-3.5 h-3.5 md:w-4 md:h-4" role="presentation" aria-hidden="true"></span>
358        
359        
360        
361        
362        
363        
364        
365        
366    
367
368                              
369                              
370                              
371                              
372                            
373                          </a>
374                        </div>
375                      
376                    </div>
377                  </div>
378                </li>
379              
380                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="2" inert>
381                  <div class="box__inner flex flex-row justify-center items-start md:items-center ps-text-sm-medium w-full min-w-0 gap-2">
382                    <!-- Icon/Image (if present) -->
383                    
384                      <div class="shrink-0">
385                        
386                          <img src="/content/dam/ps-redesign/us/en/global/comps/icons/announcement-white-icon.svg" alt="" class="object-cover h-4.5 w-4.5 md:h-5 md:w-5" loading="eager"/>
387                        
388                        
389                        
390                      </div>
391                    
392
393                    <!-- Text Content Container -->
394                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
395                      <!-- Announcement Text -->
396                      <div class="min-w-0 text-center mr-1">
397                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
398                          Meet Sapient Sustain: context-aware AI for complex IT operations.
399                        </p>
400                      </div>
401
402                      <!-- CTA Link (if present) -->
403                      
404                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
405                          <a href="https://www.publicissapient.com/platforms/sustain" class="group inline-flex items-center gap-1 ticker-sm-medium md:ps-text-sm-medium shrink-0 whitespace-nowrap text-white py-1 outline-none focus-visible:outline-none focus-visible:rounded-xs focus-visible:ring-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:mr-0.5 [&_span]:after:scale-x-100 [&_span]:group-hover:after:scale-x-0 [&_span]:group-focus-visible:after:scale-x-100 [&_span]:after:h-px" data-track-component="ticker" data-track-action="link" data-track-label="Explore Sustain">
406                            
407                            <span class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">
408                              Explore Sustain
409                            </span>
410                            
411                            
412                              
413                                
414    
415        
416        
417        
418        <span class="ps-icon ps-icon--arrow-narrow-right inline-block shrink-0 bg-current w-4 h-4 w-3.5 h-3.5 md:w-4 md:h-4" role="presentation" aria-hidden="true"></span>
419        
420        
421        
422        
423        
424        
425        
426        
427    
428
429                              
430                              
431                              
432                              
433                            
434                          </a>
435                        </div>
436                      
437                    </div>
438                  </div>
439                </li>
440              
441                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="3" inert>
442                  <div class="box__inner flex flex-row justify-center items-start md:items-center ps-text-sm-medium w-full min-w-0 gap-2">
443                    <!-- Icon/Image (if present) -->
444                    
445                      <div class="shrink-0">
446                        
447                          <img src="/content/dam/ps-redesign/us/en/global/comps/icons/code-square-two.svg" alt="" class="object-cover h-4.5 w-4.5 md:h-5 md:w-5" loading="eager"/>
448                        
449                        
450                        
451                      </div>
452                    
453
454                    <!-- Text Content Container -->
455                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
456                      <!-- Announcement Text -->
457                      <div class="min-w-0 text-center mr-1">
458                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
459                          3M lines of COBOL → clear specs in 8 weeks.
460                        </p>
461                      </div>
462
463                      <!-- CTA Link (if present) -->
464                      
465                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
466                          <a href="https://www.publicissapient.com/customers/stories/financial-services-slingshot-legacy-modernization" class="group inline-flex items-center gap-1 ticker-sm-medium md:ps-text-sm-medium shrink-0 whitespace-nowrap text-white py-1 outline-none focus-visible:outline-none focus-visible:rounded-xs focus-visible:ring-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white md:mr-0.5 [&_span]:after:scale-x-100 [&_span]:group-hover:after:scale-x-0 [&_span]:group-focus-visible:after:scale-x-100 [&_span]:after:h-px" data-track-component="ticker" data-track-action="link" data-track-label="Get the details">
467                            
468                            <span class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">
469                              Get the details
470                            </span>
471                            
472                            
473                              
474                                
475    
476        
477        
478        
479        <span class="ps-icon ps-icon--arrow-narrow-right inline-block shrink-0 bg-current w-4 h-4 w-3.5 h-3.5 md:w-4 md:h-4" role="presentation" aria-hidden="true"></span>
480        
481        
482        
483        
484        
485        
486        
487        
488    
489
490                              
491                              
492                              
493                              
494                            
495                          </a>
496                        </div>
497                      
498                    </div>
499                  </div>
500                </li>
501              
502            </ul>
503          
504
505          <!-- Right Navigation Button (only if multiple announcements) 
505-->
506          
507            <button type="button" class="inline-flex items-center justify-center cursor-pointer select-none outline-none transition-all duration-200 w-6 h-6 rounded-xs bg-transparent hover:bg-transparent active:bg-transparent border-none focus-visible:ring-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white" aria-label="Next announcement" data-ticker-action="next">
508              <svg class="text-white" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
509                <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
510              </svg>
511            </button>
512          
513          </div>
514        
515          <!-- Play/Pause Button (only if multiple announcements) -->
516          
517          <button type="button" class="inline-flex items-center justify-center cursor-pointer select-none outline-none w-6 h-6 rounded-xs transition-all duration-200 bg-transparent hover:bg-transparent active:bg-transparent border-none focus-visible:ring-0 focus-visible:ring-offset-2 focus-visible:ring-offset-white" aria-label="Pause Aria Label" data-ticker-action="toggle-play">
518            <!-- Play Icon (default state) -->
519            <svg class="text-white ticker-play-icon" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
520              <path d="M5 3l8 5-8 5V3z" fill="currentColor"/>
521            </svg>
522            <!-- Pause Icon (hidden by default) -->
523            <svg class="text-white ticker-pause-icon hidden" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
524              <path d="M5 3h2v10H5V3zm4 0h2v10H9V3z" fill="currentColor"/>
525            </svg>
526          </button>
527          
528        </div>
529      </div>
530    </section>
531  </div>
532  
533    
534    
534<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-announcementticker.js?v=20260923-1031-eca8b"></script>
534
535
536
537</div>
538<div class="experiencefragment">
539<div id="experiencefragment-ca979016b4" class="cmp-experiencefragment cmp-experiencefragment--header">
540
541
542    
543    
544    
545    <div id="container-fb1914a3d9" class="cmp-container">
546        
547        <div class="container responsivegrid">
548
549    
550    
551    
552    <div id="container-c41a1319ef" class="cmp-container">
553        
554        <div class="psRedesignPrimaryNav">
555
556
557
558<header class="" data-cmp-is="topnavigation" data-react-props='{&#34;logoAltText&#34;:&#34;publicis sapient&#34;,&#34;logoUrlInNewTab&#34;:false,&#34;navColor&#34;:&#34;positive&#34;,&#34;searchUrl&#34;:&#34;https://www.publicissapient.com/search&#34;,&#34;careerNav&#34;:false,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Let&#39;s Connect&#34;,&#34;ctaAriaLabel&#34;:&#34;Let&#39;s Connect&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/contact&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;l1Nav&#34;:[{&#34;title&#34;:&#34;Solutions&#34;,&#34;url&#34;:&#34;/#&#34;,&#34;openInNewTab&#34;:false,&#34;secondaryTabVersion&#34;:&#34;ver2&#34;,&#34;l2leftNav&#34;:[{&#34;iconPath&#34;:null,&#34;enableArrow&#34;:false,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Solutions&#34;,&#34;desc&#34;:null,&#34;url&#34;:null,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-code-browser.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Legacy Modernization&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/platforms/slingshot/legacy-modernization&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-swap.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Content Supply Chain&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/platforms/bodhi/content-supply-chain&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-users.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Customer Engagement&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/solutions/customer-engagements&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-qr-code.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Digital Commerce&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/solutions/commerce&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-git-pull-request.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Experience Transformation&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/solutions/experience-transformation&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null}],&#34;l2rightNav&#34;:[{&#34;iconPath&#34;:null,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:true,&#34;title&#34;:&#34;Partners&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/partners&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/adobe.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Adobe&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/partners/adobe&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/amazon.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;AWS&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/partners/aws&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/google.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Google Cloud&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/partners/google-cloud&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/microsoft.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Microsoft&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/partners/microsoft&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/salesforce.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Salesforce&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/partners/salesforce&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null}]},{&#34;title&#34;:&#34;Industries&#34;,&#34;url&#34;:&#34;/#&#34;,&#34;openInNewTab&#34;:false,&#34;secondaryTabVersion&#34;:&#34;ver2&#34;,&#34;l2leftNav&#34;:[{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-shopping-cart.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Consumer Products&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/consumer-products&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-flash.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Energy &amp; Commodities&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/energy-commodities&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-stacked.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Financial Services&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/financial-services&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-heart.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Health&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/health&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-bank.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Public Sector&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/public-sector&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-tag.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Retail&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/retail&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-signal.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Telecom, Media &amp; Tech&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/telecommunications-media-technology&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-car.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Transportation &amp; Mobility&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/transportation-mobility&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-plane.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Travel &amp;
558 Hospitality&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/industries/travel-hospitality&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null}],&#34;l2rightNav&#34;:null},{&#34;title&#34;:&#34;AI Platforms&#34;,&#34;url&#34;:null,&#34;openInNewTab&#34;:false,&#34;secondaryTabVersion&#34;:&#34;ver1&#34;,&#34;l2leftNav&#34;:[{&#34;iconPath&#34;:null,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:true,&#34;title&#34;:&#34;AI Platforms Overview&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/platforms&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-slingshot.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Sapient Slingshot&#34;,&#34;desc&#34;:&#34;Accelerate and automate your entire software lifecycle&#34;,&#34;url&#34;:&#34;https://www.publicissapient.com/platforms/slingshot&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-bodhi.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Sapient Bodhi&#34;,&#34;desc&#34;:&#34;Build and orchestrate agents and AI workflows&#34;,&#34;url&#34;:&#34;https://www.publicissapient.com/platforms/bodhi&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-sustain-ai.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Sapient Sustain&#34;,&#34;desc&#34;:&#34;Optimize IT operations with AI-enabled automation and support&#34;,&#34;url&#34;:&#34;https://www.publicissapient.com/platforms/sustain&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null}],&#34;l2rightNav&#34;:null},{&#34;title&#34;:&#34;Customers&#34;,&#34;url&#34;:&#34;https://www.publicissapient.com/customers/stories&#34;,&#34;openInNewTab&#34;:false,&#34;secondaryTabVersion&#34;:&#34;ver1&#34;,&#34;l2leftNav&#34;:null,&#34;l2rightNav&#34;:null},{&#34;title&#34;:&#34;Resources&#34;,&#34;url&#34;:&#34;/#&#34;,&#34;openInNewTab&#34;:false,&#34;secondaryTabVersion&#34;:&#34;ver2&#34;,&#34;l2leftNav&#34;:[{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/image-indent-left.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Blog&#34;,&#34;desc&#34;:&#34;Explore research, documentation and expert perspectives&#34;,&#34;url&#34;:&#34;https://www.publicissapient.com/resources/blog&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-cursor-box.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Demo Library&#34;,&#34;desc&#34;:&#34;Interactive demos and product walkthroughs&#34;,&#34;url&#34;:&#34;https://www.publicissapient.com/resources/demos&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null}],&#34;l2rightNav&#34;:null},{&#34;title&#34;:&#34;Company&#34;,&#34;url&#34;:&#34;/#&#34;,&#34;openInNewTab&#34;:false,&#34;secondaryTabVersion&#34;:&#34;ver2&#34;,&#34;l2leftNav&#34;:[{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-star.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;About&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-message-question-square.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Why Publicis Sapient&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/why-publicis-sapient&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-file.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Newsroom&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/news&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-stars.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Accolades&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/accolades&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-globe.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Locations&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/locations&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null}],&#34;l2rightNav&#34;:[{&#34;iconPath&#34;:null,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:true,&#34;title&#34;:&#34;Capabilities Overview&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/capabilities&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/compass-03.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Strategy&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/capabilities/enterprise-ai-strategy&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/container.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Product&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/capabilities/product&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/left-indent-01.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Experience&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/capabilities/experience&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/code-square-01.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Engineering&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/capabilities/enterprise-engineering&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/data.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Data &amp; AI&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/capabilities/data-ai&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null},{&#34;iconPath&#34;:&#34;/content/dam/ps-redesign/us/en/global/topnav/top-nav-atom.svg&#34;,&#34;enableArrow&#34;:true,&#34;enableArrowForMob&#34;:false,&#34;title&#34;:&#34;Global Capability Centers&#34;,&#34;desc&#34;:null,&#34;url&#34;:&#34;https://www.publicissapient.com/company/capabilities/global-capability-centers&#34;,&#34;openInNewTab&#34;:false,&#34;l3NavItems&#34;:null}]},{&#34;title&#34;:&#34;Careers&#34;,&#34;url&#34;:&#34;https://careers.publicissapient.com/&#34;,&#34;openInNewTab&#34;:true,&#34;secondaryTabVersion&#34;:&#34;ver1&#34;,&#34;l2leftNav&#34;:null,&#34;l2rightNav&#34;:null}],&#34;:type&#34;:&#34;ps-redesign/components/psRedesignPrimaryNav&#34;}' data-nav-color="positive">
559  <!-- Spacer: empty at page top; enhance.ts sets height when nav becomes fixed (past ticker threshold) -->
560  <div class="nav-spacer"></div>
561
562  <!-- Main Navigation Bar — relative at page top, becomes fixed when scrolled past AnnouncementTicker.
563       invisible until enhance.ts runs (FOUT prevention). z-1000 matches React Z_INDEX.nav. -->
564  <div class="top-navigation relative invisible left-0 right-0 w-full transition-transform duration-300 ease-in-out bg-transparent z-1000">
565    <div class="navigation-sm:boxed">
566      <!-- Desktop Navigation -->
567      <nav class="hidden navigation-sm:flex items-center justify-between h-33.5" aria-label="Main">
568        <div class="flex items-center gap-8 navigation-lg:gap-16">
569          <!-- Logo -->
570          <a href="/" class="nav-logo shrink-0 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-2 transition-colors duration-200" aria-label="publicis sapient - Go to homepage" tabindex="0">
571            
572            
573              <!-- Default PS Logo SVG - Desktop: 99.5x54 -->
574              <svg width="99.5" height="54" viewBox="0 0 100 54" fill="none" xmlns="http://www.w3.org/2000/svg">
575                <g clip-path="url(#clip0_ps_logo_desktop)">
576                  <path d="M10.1138 40.935C10.1138 40.935 9.64128 40.5675 9.13128 40.35C8.62128 40.1363 7.88628 39.885 6.36753 39.5138C6.16128 39.465 5.96253 39.42 5.77128 39.3713C4.75503 39.1163 3.95253 38.775 3.38628 38.3513C2.82378 37.8675 2.61378 37.4663 2.64003 36.9188C2.66628 36.345 3.01128 35.7825 3.61128 35.3438C4.29753 34.8375 5.29878 34.5825 6.42753 34.6313C7.71003 34.6875 8.68878 35.3288 9.74253 36.0975L9.84378 36.1725L11.1713 34.9388C11.01 34.7888 10.98 34.7625 10.5375 34.4588C9.49503 33.7538 8.21628 33.0075 6.50253 32.9325C5.01003 32.8688 3.68253 33.1725 2.65128 33.8175C1.53378 34.5713 0.828779 35.67 0.813779 36.8363C0.802529 37.7025 0.982529 38.5163 1.84878 39.3525C2.88378 40.35 4.49628 40.875 5.97378 41.1638C7.23753 41.4075 8.40753 41.8763 8.99628 42.3638C9.70128 43.0088 9.94878 43.4775 9.94878 44.1488C9.92253 44.79 9.50253 45.405 8.78253 45.84C8.06253 46.3763 7.03503 46.6575 5.96253 46.6125C4.55253 46.5525 3.09003 45.9338 1.62003 44.7825L1.51878 44.7038L0.217529 45.8963L0.348779 46.0088C2.06253 47.4863 3.92253 48.2925 5.88753 48.405C7.35753 48.4688 8.64003 48.12 9.80628 47.3363C11.0175 46.5 11.685 45.4238 11.7375 44.2313C11.7938 42.96 11.1675 41.6963 10.1063 40.9313L10.1138 40.935Z" fill="#E90130"/>
577                  <path d="M21.7988 48.3937C24 48.3937 26.0438 47.4225 27.4688 45.7087V48.4125H29.2913V32.9175H27.4688V35.5725C26.055 33.8812 24.015 32.9175 21.7988 32.9175C17.6663 32.9175 14.3063 36.375 14.3063 40.6237C14.3063 44.8725 17.6663 48.3937 21.7988 48.3937ZM16.1288 40.6237C16.1288 37.38 18.6713 34.74 21.7988 34.74C24.9263 34.74 27.4688 37.38 27.4688 40.6237V40.8675C27.345 44.0662 24.855 46.575 21.7988 46.575C18.6713 46.575 16.1288 43.905 16.1288 40.6275V40.6237Z" fill="#E90130"/>
578                  <path d="M49.0687 40.6237C49.0687 36.375 45.7087 32.9175 41.5762 32.9175C39.3637 32.9175 37.32 33.8775 35.9062 35.5725V32.9175H34.0837V54H35.9062V45.7125C37.3312 47.4225 39.3712 48.3975 41.5762 48.3975C45.7087 48.3975 49.0687 44.91 49.0687 40.6275V40.6237ZM41.5762 46.5712C38.52 46.5712 36.03 44.0662 35.9062 40.8637V40.62C35.9062 37.3762 38.4487 34.7362 41.5762 34.7362C44.7037 34.7362 47.2462 37.3762 47.2462 40.62C47.2462 43.9012 44.7037 46.5675 41.5762 46.5675V46.5712Z" fill="#E90130"/>
579                  <path d="M54.255 32.9175H52.4325V48.4162H54.255V32.9175Z" fill="#E90130"/>
580                  <path d="M53.3437 30.7051C53.985 30.7051 54.51 30.1801 54.51 29.5388C54.51 28.8976 53.9887 28.3726 53.3437 28.3726C52.6987 28.3726 52.1775 28.8976 52.1775 29.5388C52.1775 30.1801 52.7025 30.7051 53.3437 30.7051Z" fill="#E90130"/>
581                  <path d="M70.4175 43.9574C69.4238 45.6037 67.605 46.6237 65.6663 46.6237C62.6513 46.6237 60.1688 44.2124 59.9438 41.1074H72.2288C72.7313 41.1074 73.125 40.7399 73.125 40.2749V40.1399C72.8025 36.0337 69.5963 32.9399 65.6663 32.9399C61.5188 32.9399 58.1438 36.4274 58.1438 40.7099C58.1438 44.9924 61.5188 48.4162 65.6663 48.4162C68.2013 48.4162 70.53 47.1149 71.91 44.9324L70.4175 43.9574ZM65.6663 34.7287C68.3363 34.7287 70.6275 36.6599 71.1788 39.3487H60.0638C60.675 36.6187 62.9513 34.7287 65.6663 34.7287Z" fill="#E90130"/>
582                  <path d="M83.16 32.9175C81.4275 32.9175 79.7925 33.6225 78.6075 34.8675V32.9175H76.845V48.4162H78.6075V39.2362C78.6675 36.7387 80.7112 34.71 83.16 34.71C85.6087 34.71 87.6825 36.7387 87.6825 39.2325V48.4162H89.475V39.2325C89.475 35.7487 86.6437 32.9175 83.16 32.9175Z" fill="#E90130"/>
583                  <path d="M98.8987 46.65L98.7187 46.6987C98.5462 46.7475 98.25 46.8037 97.8337 46.8037C97.0987 46.8037 96.7875 46.3387 96.7875 45.2475V34.695H98.9362V32.9137H96.7875V27.7087H94.92V32.9137H92.7562V34.695H94.92V45.3C94.92 46.4625 95.13 47.2237 95.5762 47.6887C95.9925 48.1612 96.6262 48.4125 97.4137 48.4125C98.0062 48.4125 98.5275 48.33 98.8875 48.1837L98.9887 48.1425L98.8987 46.65Z" fill="#E90130"/>
584                  <path d="M14.985 12.255C14.985 8.00621 11.625 4.54871 7.4925 4.54871C5.28 4.54871 3.23625 5.50871 1.8225 7.20371V4.54871H0V25.6312H1.8225V17.3437C3.2475 19.0537 5.2875 20.0287 7.4925 20.0287C11.625 20.0287 14.985 16.5412 14.985 12.2587V12.255ZM7.4925 18.2025C4.43625 18.2025 1.94625 15.6975 1.8225 12.495V12.2512C1.8225 9.00746 4.365 6.36746 7.4925 6.36746C10.62 6.36746 13.1625 9.00746 13.1625 12.2512C13.1625 15.5325 10.62 18.1987 7.4925 18.1987V18.2025Z" fill="black"/>
585                  <path d="M28.635 4.54871V13.7025C28.635 16.2262 26.6325 18.225 24.0825 18.2587C21.5625 18.2287 19.59 16.2262 19.59 13.7025V4.54871H17.7975V13.7025C17.7975 17.2012 20.61
58575 20.0475 24.0825 20.0475C27.5475 20.0475 30.4575 17.2012 30.4575 13.7025V4.54871H28.635Z" fill="black"/>
586                  <path d="M41.5762 4.545C39.375 4.545 37.3312 5.51625 35.9062 7.23V0H34.0837V20.0475H35.9062V17.37C37.32 19.0612 39.36 20.025 41.5762 20.025C45.7087 20.025 49.0687 16.5675 49.0687 12.3187C49.0687 8.07 45.7087 4.54875 41.5762 4.54875V4.545ZM47.2462 12.315C47.2462 15.5587 44.7037 18.1987 41.5762 18.1987C38.4487 18.1987 35.9062 15.5587 35.9062 12.315V12.0712C36.03 8.8725 38.52 6.36375 41.5762 6.36375C44.6325 6.36375 47.2462 9.03375 47.2462 12.3112V12.315Z" fill="black"/>
587                  <path d="M54.255 0H52.4325V20.0438H54.255V0Z" fill="black"/>
588                  <path d="M61.4062 4.54871H59.5837V20.0475H61.4062V4.54871Z" fill="black"/>
589                  <path d="M60.495 2.3325C61.1362 2.3325 61.6612 1.8075 61.6612 1.16625C61.6612 0.525 61.14 0 60.495 0C59.85 0 59.3287 0.525 59.3287 1.16625C59.3287 1.8075 59.8537 2.3325 60.495 2.3325Z" fill="black"/>
590                  <path d="M76.8075 16.9012C75.7537 17.7262 74.415 18.225 72.96 18.225C69.585 18.225 66.84 15.5662 66.84 12.3C66.84 9.03374 69.585 6.37499 72.96 6.37499C74.4187 6.37499 75.7575 6.87374 76.8075 7.69874L78.105 6.40124C76.7175 5.24999 74.9212 4.55249 72.96 4.55249C68.5725 4.55249 65.0175 8.02124 65.0175 12.3C65.0175 16.5787 68.5725 20.0475 72.96 20.0475C74.925 20.0475 76.7212 19.35 78.105 18.1987L76.8075 16.9012Z" fill="black"/>
591                  <path d="M84.2175 4.54871H82.395V20.0475H84.2175V4.54871Z" fill="black"/>
592                  <path d="M83.3063 2.3325C83.9475 2.3325 84.4725 1.8075 84.4725 1.16625C84.4725 0.525 83.9513 0 83.3063 0C82.6613 0 82.14 0.525 82.14 1.16625C82.14 1.8075 82.665 2.3325 83.3063 2.3325Z" fill="black"/>
593                  <path d="M97.7737 12.5662C97.7737 12.5662 97.3012 12.1987 96.7912 11.9812C96.2812 11.7675 95.5462 11.5162 94.0274 11.145C93.8212 11.0962 93.6224 11.0512 93.4312 11.0025C92.4149 10.7475 91.6124 10.4062 91.0462 9.98248C90.4837 9.49873 90.2737 9.09748 90.2999 8.54998C90.3262 7.97623 90.6712 7.41373 91.2712 6.97498C91.9574 6.46873 92.9587 6.21373 94.0874 6.26248C95.3699 6.31873 96.3487 6.95998 97.4024 7.72873L97.5037 7.80373L98.8312 6.56998C98.6699 6.41998 98.6399 6.39373 98.1974 6.08998C97.1549 5.38498 95.8762 4.63873 94.1624 4.56373C92.6699 4.49998 91.3424 4.80373 90.3112 5.44873C89.1937 6.20248 88.4887 7.30123 88.4737 8.46748C88.4624 9.33373 88.6424 10.1475 89.5087 10.9837C90.5437 11.9812 92.1562 12.5062 93.6337 12.795C94.8974 13.0387 96.0674 13.5075 96.6562 13.995C97.3612 14.64 97.6087 15.1087 97.6087 15.78C97.5824 16.4212 97.1624 17.0362 96.4424 17.4712C95.7224 18.0075 94.6949 18.2887 93.6224 18.2437C92.2124 18.1837 90.7499 17.565 89.2799 16.4137L89.1787 16.335L87.8774 17.5275L88.0087 17.64C89.7224 19.1175 91.5824 19.9237 93.5474 20.0362C95.0174 20.1 96.2999 19.7512 97.4662 18.9675C98.6774 18.1312 99.3449 17.055 99.3974 15.8625C99.4537 14.5912 98.8274 13.3275 97.7662 12.5625L97.7737 12.5662Z" fill="black"/>
594                </g>
595                <defs>
596                  <clipPath id="clip0_ps_logo_desktop">
597                    <rect width="99.4088" height="54" fill="white"/>
598                  </clipPath>
599                </defs>
600              </svg>
601            
602          </a>
603
604          <!-- Navigation Tabs -->
605          <div class="nav-tabs">
606            <ul class="flex items-center gap-1 navigation-sm:gap-6 navigation-lg:gap-10 list-none m-0 p-0">
607              
608                <li>
609                  <!-- Nav Tab -->
610                  
611
612                  
613
614                  
615                    <!-- Secondary Nav Button -->
616                    <button type="button" class="nav-tab relative inline-flex flex-col items-center font-body font-medium text-base leading-6 transition-colors duration-200 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-8 rounded group navigation-sm:ps-text-md-medium text-gray-900 hover:text-gray-950" aria-label="Solutions" aria-expanded="false" aria-haspopup="menu" tabindex="0" style="-webkit-appearance: none; appearance: none">
617                      <span class="relative">
618                        Solutions
619                        <!-- Animated underline -->
620                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
621                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
622                          <span class="absolute inset-0 bg-ps-red origin-left scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100 group-focus-visible:scale-x-100"></span>
623                        </span>
624                      </span>
625                    </button>
626                  
627                </li>
628              
629                <li>
630                  <!-- Nav Tab -->
631                  
632
633                  
634
635                  
636                    <!-- Secondary Nav Button -->
637                    <button type="button" class="nav-tab relative inline-flex flex-col items-center font-body font-medium text-base leading-6 transition-colors duration-200 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-8 rounded group navigation-sm:ps-text-md-medium text-gray-900 hover:text-gray-950" aria-label="Industries" aria-expanded="false" aria-haspopup="menu" tabindex="0" style="-webkit-appearance: none; appearance: none">
638                      <span class="relative">
639                        Industries
640                        <!-- Animated underline -->
641                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
642                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
643                          <span class="absolute inset-0 bg-ps-red origin-left scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100 group-focus-visible:scale-x-100"></span>
644                        </span>
645                      </span>
646                    </button>
647                  
648                </li>
649              
650                <li>
651                  <!-- Nav Tab -->
652                  
653
654                  
655
656                  
657                    <!-- Secondary Nav Button -->
658                    <button type="button" class="nav-tab relative inline-flex flex-col items-center font-body font-medium text-base leading-6 transition-colors duration-200 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-8 rounded group navigation-sm:ps-text-md-medium text-gray-900 hover:text-gray-950" aria-label="AI Platforms" aria-expanded="false" aria-haspopup="menu" tabindex="0" style="-webkit-appearance: none; appearance: none">
659                      <span class="relative">
660                        AI Platforms
661                        <!-- Animated underline -->
662                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
663                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
664                          <span class="absolute inset-0 bg-ps-red origin-left scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100 group-focus-visible:scale-x-100"></span>
665                        </span>
666                      </span>
667                    </button>
668                  
669                </li>
670              
671                <li>
672                  <!-- Nav Tab -->
673                  
674
675                  
676                    <!-- Regular Link -->
677                    <a href="https://www.publicissapient.com/customers/stories" class="nav-tab relative inline-flex flex-col items-center font-body font-medium text-base leading-6 transition-colors duration-200 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-8 rounded group navigation-sm:ps-text-md-medium text-gray-900 hover:text-gray-950" aria-label="Customers" tabindex="0">
678                      <span class="relative">
679                        Customers
680                        <!-- Animated underline -->
681                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
682                          <span class="absolute inset-0 bg-ps-red origin-left scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100 group-focus-visible:scale-x-100"></span>
683                        </span>
684                      </span>
685                    </a>
686                  
687
688                  
689                </li>
690              
691                <li>
692                  <!-- Nav Tab -->
693                  
694
695                  
696
697                  
698                    <!-- Secondary Nav Button -->
699                    <button type="button" class="nav-tab relative inline-flex flex-col items-center font-body font-medium text-base leading-6 transition-colors duration-200 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-8 rounded group navigation-sm:ps-text-md-medium text-gray-900 hover:text-gray-950" aria-label="Resources" aria-expanded="false" aria-haspopup="menu" tabindex="0" style="-webkit-appearance: none; appearance: none">
700                      <span class="relative">
701                        Resources
702                        <!-- Animated underline -->
703                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
704                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
705                          <span class="absolute inset-0 bg-ps-red origin-left scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100 group-focus-visible:scale-x-100"></span>
706                        </span>
707                      </span>
708                    </button>
709                  
710                </li>
711              
712                <li>
713                  <!-- Nav Tab -->
714                  
715
716                  
717
718                  
719                    <!-- Secondary Nav Button -->
720                    <button type="button" class="nav-tab relative inline-flex flex-col items-center font-body font-medium text-base leading-6 transition-colors duration-200 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-8 rounded group navigation-sm:ps-text-md-medium text-gray-900 hover:text-gray-950" aria-label="Company" aria-expanded="false" aria-haspopup="menu" tabindex="0" style="-webkit-appearance: none; appearance: none">
721                      <span class="relative">
722                        Company
723                        <!-- Animated underline -->
724                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
725                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
726                          <span class="absolute inset-0 bg-ps-red origin-left scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100 group-focus-visible:scale-x-100"></span>
727                        </span>
728                      </span>
729                    </button>
730                  
731                </li>
732              
733                <li>
734                  <!-- Nav Tab -->
735                  
736                    <!-- New Tab Link -->
737                    <a href="https://careers.publicissapient.com/" target="_blank" rel="noopener noreferrer" class="nav-tab relative inline-flex flex-col items-center font-body font-medium text-base leading-6 transition-colors duration-200 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-8 rounded group navigation-sm:ps-text-md-medium text-gray-900 hover:text-gray-950" aria-label="Careers" tabindex="0">
738                      <span class="flex items-center gap-1">
739                        <span class="relative">
740                          Careers
741                          <!-- Animated underline -->
742                          <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
743                            <span class="absolute inset-0 bg-ps-red origin-left scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100 group-focus-visible:scale-x-100"></span>
744                          </span>
745                        </span>
746                        <!-- External link icon placeholder -->
747                        <span class="ps-icon inline-block shrink-0 bg-current ps-icon--share-05 w-5 h-5" aria-hidden="true"></span>
748                      </span>
749                    </a>
750                  
751
752                  
753
754                  
755                </li>
756              
757            </ul>
758          </div>
759        </div>
760
761        <!-- Right Section: Search + CTA -->
762        <div class="flex items-center gap-6">
763          <!-- Search -->
764          
765            <a href="https://www.publicissapient.com/search" class="nav-search inline-flex items-center justify-center rounded-lg transition-colors duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-2 group" aria-label="Search" tabindex="0">
766              <span class="ps-icon inline-block shrink-0 bg-current ps-icon--ai-search-hover w-6 h-6 group-hover:text-ps-red group-focus-visible:text-ps-red" aria-hidden="true"></span>
767            </a>
768          
769
770          <!-- CTA Button -->
771          
772            
773            <a href="https://www.publicissapient.com/contact" target="_self" data-animated-btn="brand" data-animated-btn-size="md" aria-label="Let&#39;s Connect" class="nav-contact-btn h-11 px-4 [&_.animated-btn-text]:px-0.5">
774              Let&#39;s Connect
775              
776            </a>
777          
778        </div>
779      </nav>
780    </div>
781
782    <!-- Mobile Navigation Header -->
783    <nav class="mobile-nav navigation-sm:hidden flex items-center justify-between px-4 py-5" aria-label="Main">
784      <!-- Left Group: Hamburger/Close Button + Logo -->
785      <div class="flex items-center gap-5">
786        <!-- Toggle Button: Hamburger when closed, Close when open -->
787        <button type="button" class="inline-flex items-center justify-center rounded-lg transition-colors duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-2 text-gray-700" aria-expanded="false" aria-controls="mobile-menu" aria-label="Open menu">
788          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--menu w-5 h-5" aria-hidden="true"></span>
789        </button>
790
791        <!-- Mobile Logo — uses authored logoImage if present, same as desktop -->
792        <a href="/" class="nav-logo shrink-0 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-2 transition-colors duration-200" aria-label="publicis sapient - Go to homepage" tabindex="0">
793          
794          
795            <!-- Default PS Logo SVG fallback for mobile — full logo, same paths as desktop -->
796            <svg width="80" height="43" viewBox="0 0 100 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
797              <g clip-path="url(#clip0_mob_logo)">
798                <path d="M10.1138 40.935C10.1138 40.935 9.64128 40.5675 9.13128 40.35C8.62128 40.1363 7.88628 39.885 6.36753 39.5138C6.16128 39.465 5.96253 39.42 5.77128 39.3713C4.75503 39.1163 3.95253 38.775 3.38628 38.3513C2.82378 37.8675 2.61378 37.4663 2.64003 36.9188C2.66628 36.345 3.01128 35.7825 3.61128 35.3438C4.29753 34.8375 5.29878 34.5825 6.42753 34.6313C7.71003 34.6875 8.68878 35.3288 9.74253 36.0975L9.84378 36.1725L11.1713 34.9388C11.01 34.7888 10.98 34.7625 10.5375 34.4588C9.49503 33.7538 8.21628 33.0075 6.50253 32.9325C5.01003 32.8688 3.68253 33.1725 2.65128 33.8175C1.53378 34.5713 0.828779 35.67 0.813779 36.8363C0.802529 37.7025 0.982529 38.5163 1.84878 39.3525C2.88378 40.35 4.49628 40.875 5.97378 41.1638C7.23753 41.4075 8.40753 41.8763 8.99628 42.3638C9.70128 43.0088 9.94878 43.4775 9.94878 44.1488C9.92253 44.79 9.50253 45.405 8.78253 45.84C8.06253 46.3763 7.03503 46.6575 5.96253 46.6125C4.55253 46.5525 3.09003 45.9338 1.62003 44.7825L1.51878 44.7038L0.217529 45.8963L0.348779 46.0088C2.06253 47.4863 3.92253 48.2925 5.88753 48.405C7.35753 48.4688 8.64003 48.12 9.80628 47.3363C11.0175 46.5 11.685 45.4238 11.7375 44.2313C11.7938 42.96 11.1675 41.6963 10.1063 40.9313L10.1138 40.935Z" fill="#E90130"/>
799                <path d="M21.7988 48.3937C24 48.3937 26.0438 47.4225 27.4688 45.7087V48.4125H29.2913V32.9175H27.4688V35.5725C26.055 33.8812 24.015 32.9175 21.7988 32.9175C17.6663 32.9175 14.3063 36.375 14.3063 40.6237C14.3063 44.8725 17.6663 48.3937 21.7988 48.3937ZM16.1288 40.6237C16.1288 37.38 18.6713 34.74 21.7988 34.74C24.9263 34.74 27.4688 37.38 27.4688 40.6237V40.8675C27.345 44.0662 24.855 46.575 21.7988 46.575C18.6713 46.575 16.1288 43.905 16.1288 40.6275V40.6237Z" fill="#E90130"/>
800                <path d="M49.0687 40.6237C49.0687 36.375 45.7087 32.9175 41.5762 32.9175C39.3637 32.9175 37.32 33.8775 35.9062 35.5725V32.9175H34.0837V54H35.9062V45.7125C37.3312 47.4225 39.3712 48.3975 41.5762 48.3975C45.7087 48.3975 49.0687 44.91 49.0687 40.6275V40.6237ZM41.5762 46.5712C38.52 46.5712 36.03 44.0662 35.9062 40.8637V40.62C35.9062 37.3762 38.4487 34.7362 41.5762 34.7362C44.7037 34.7362 47.2462 37.3762 47.2462 40.62C47.2462 43.9012 44.7037 46.5675 41.5762 46.5675V46.5712Z" fill="#E90130"/>
801                <path d="M54.255 32.9175H52.4325V48.4162H54.255V32.9175Z" fill="#E90130"/>
802                <path d="M53.3437 30.7051C53.985 30.7051 54.51 30.1801 54.51 29.5388C54.51 28.8976 53.9887 28.3726 53.3437 28.3726C52.6987 28.3726 52.1775 28.8976 52.1775 29.5388C52.1775 3
8020.1801 52.7025 30.7051 53.3437 30.7051Z" fill="#E90130"/>
803                <path d="M70.4175 43.9574C69.4238 45.6037 67.605 46.6237 65.6663 46.6237C62.6513 46.6237 60.1688 44.2124 59.9438 41.1074H72.2288C72.7313 41.1074 73.125 40.7399 73.125 40.2749V40.1399C72.8025 36.0337 69.5963 32.9399 65.6663 32.9399C61.5188 32.9399 58.1438 36.4274 58.1438 40.7099C58.1438 44.9924 61.5188 48.4162 65.6663 48.4162C68.2013 48.4162 70.53 47.1149 71.91 44.9324L70.4175 43.9574ZM65.6663 34.7287C68.3363 34.7287 70.6275 36.6599 71.1788 39.3487H60.0638C60.675 36.6187 62.9513 34.7287 65.6663 34.7287Z" fill="#E90130"/>
804                <path d="M83.16 32.9175C81.4275 32.9175 79.7925 33.6225 78.6075 34.8675V32.9175H76.845V48.4162H78.6075V39.2362C78.6675 36.7387 80.7112 34.71 83.16 34.71C85.6087 34.71 87.6825 36.7387 87.6825 39.2325V48.4162H89.475V39.2325C89.475 35.7487 86.6437 32.9175 83.16 32.9175Z" fill="#E90130"/>
805                <path d="M98.8987 46.65L98.7187 46.6987C98.5462 46.7475 98.25 46.8037 97.8337 46.8037C97.0987 46.8037 96.7875 46.3387 96.7875 45.2475V34.695H98.9362V32.9137H96.7875V27.7087H94.92V32.9137H92.7562V34.695H94.92V45.3C94.92 46.4625 95.13 47.2237 95.5762 47.6887C95.9925 48.1612 96.6262 48.4125 97.4137 48.4125C98.0062 48.4125 98.5275 48.33 98.8875 48.1837L98.9887 48.1425L98.8987 46.65Z" fill="#E90130"/>
806                <path d="M14.985 12.255C14.985 8.00621 11.625 4.54871 7.4925 4.54871C5.28 4.54871 3.23625 5.50871 1.8225 7.20371V4.54871H0V25.6312H1.8225V17.3437C3.2475 19.0537 5.2875 20.0287 7.4925 20.0287C11.625 20.0287 14.985 16.5412 14.985 12.2587V12.255ZM7.4925 18.2025C4.43625 18.2025 1.94625 15.6975 1.8225 12.495V12.2512C1.8225 9.00746 4.365 6.36746 7.4925 6.36746C10.62 6.36746 13.1625 9.00746 13.1625 12.2512C13.1625 15.5325 10.62 18.1987 7.4925 18.1987V18.2025Z" fill="black"/>
807                <path d="M28.635 4.54871V13.7025C28.635 16.2262 26.6325 18.225 24.0825 18.2587C21.5625 18.2287 19.59 16.2262 19.59 13.7025V4.54871H17.7975V13.7025C17.7975 17.2012 20.6175 20.0475 24.0825 20.0475C27.5475 20.0475 30.4575 17.2012 30.4575 13.7025V4.54871H28.635Z" fill="black"/>
808                <path d="M41.5762 4.545C39.375 4.545 37.3312 5.51625 35.9062 7.23V0H34.0837V20.0475H35.9062V17.37C37.32 19.0612 39.36 20.025 41.5762 20.025C45.7087 20.025 49.0687 16.5675 49.0687 12.3187C49.0687 8.07 45.7087 4.54875 41.5762 4.54875V4.545ZM47.2462 12.315C47.2462 15.5587 44.7037 18.1987 41.5762 18.1987C38.4487 18.1987 35.9062 15.5587 35.9062 12.315V12.0712C36.03 8.8725 38.52 6.36375 41.5762 6.36375C44.6325 6.36375 47.2462 9.03375 47.2462 12.3112V12.315Z" fill="black"/>
809                <path d="M54.255 0H52.4325V20.0438H54.255V0Z" fill="black"/>
810                <path d="M61.4062 4.54871H59.5837V20.0475H61.4062V4.54871Z" fill="black"/>
811                <path d="M60.495 2.3325C61.1362 2.3325 61.6612 1.8075 61.6612 1.16625C61.6612 0.525 61.14 0 60.495 0C59.85 0 59.3287 0.525 59.3287 1.16625C59.3287 1.8075 59.8537 2.3325 60.495 2.3325Z" fill="black"/>
812                <path d="M76.8075 16.9012C75.7537 17.7262 74.415 18.225 72.96 18.225C69.585 18.225 66.84 15.5662 66.84 12.3C66.84 9.03374 69.585 6.37499 72.96 6.37499C74.4187 6.37499 75.7575 6.87374 76.8075 7.69874L78.105 6.40124C76.7175 5.24999 74.9212 4.55249 72.96 4.55249C68.5725 4.55249 65.0175 8.02124 65.0175 12.3C65.0175 16.5787 68.5725 20.0475 72.96 20.0475C74.925 20.0475 76.7212 19.35 78.105 18.1987L76.8075 16.9012Z" fill="black"/>
813                <path d="M84.2175 4.54871H82.395V20.0475H84.2175V4.54871Z" fill="black"/>
814                <path d="M83.3063 2.3325C83.9475 2.3325 84.4725 1.8075 84.4725 1.16625C84.4725 0.525 83.9513 0 83.3063 0C82.6613 0 82.14 0.525 82.14 1.16625C82.14 1.8075 82.665 2.3325 83.3063 2.3325Z" fill="black"/>
815                <path d="M97.7737 12.5662C97.7737 12.5662 97.3012 12.1987 96.7912 11.9812C96.2812 11.7675 95.5462 11.5162 94.0274 11.145C93.8212 11.0962 93.6224 11.0512 93.4312 11.0025C92.4149 10.7475 91.6124 10.4062 91.0462 9.98248C90.4837 9.49873 90.2737 9.09748 90.2999 8.54998C90.3262 7.97623 90.6712 7.41373 91.2712 6.97498C91.9574 6.46873 92.9587 6.21373 94.0874 6.26248C95.3699 6.31873 96.3487 6.95998 97.4024 7.72873L97.5037 7.80373L98.8312 6.56998C98.6699 6.41998 98.6399 6.39373 98.1974 6.08998C97.1549 5.38498 95.8762 4.63873 94.1624 4.56373C92.6699 4.49998 91.3424 4.80373 90.3112 5.44873C89.1937 6.20248 88.4887 7.30123 88.4737 8.46748C88.4624 9.33373 88.6424 
81510.1475 89.5087 10.9837C90.5437 11.9812 92.1562 12.5062 93.6337 12.795C94.8974 13.0387 96.0674 13.5075 96.6562 13.995C97.3612 14.64 97.6087 15.1087 97.6087 15.78C97.5824 16.4212 97.1624 17.0362 96.4424 17.4712C95.7224 18.0075 94.6949 18.2887 93.6224 18.2437C92.2124 18.1837 90.7499 17.565 89.2799 16.4137L89.1787 16.335L87.8774 17.5275L88.0087 17.64C89.7224 19.1175 91.5824 19.9237 93.5474 20.0362C95.0174 20.1 96.2999 19.7512 97.4662 18.9675C98.6774 18.1312 99.3449 17.055 99.3974 15.8625C99.4537 14.5912 98.8274 13.3275 97.7662 12.5625L97.7737 12.5662Z" fill="black"/>
816              </g>
817              <defs>
818                <clipPath id="clip0_mob_logo">
819                  <rect width="99.4088" height="54" fill="white"/>
820                </clipPath>
821              </defs>
822            </svg>
823          
824        </a>
825      </div>
826
827      <!-- Right Group: Search + CTA -->
828      <div class="flex items-center gap-4">
829        <!-- Search -->
830        
831          <a href="https://www.publicissapient.com/search" class="nav-search inline-flex items-center justify-center rounded-lg transition-colors duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ps-focus focus-visible:ring-offset-2 group" aria-label="Search" tabindex="0">
832            <span class="ps-icon inline-block shrink-0 bg-current ps-icon--ai-search-hover w-5 h-5 group-hover:text-ps-red group-focus-visible:text-ps-red" aria-hidden="true"></span>
833          </a>
834        
835
836        
837          
838          <a href="https://www.publicissapient.com/contact" target="_self" data-animated-btn="brand" data-animated-btn-size="sm" aria-label="Let&#39;s Connect" class="nav-contact-btn px-4 py-2 rounded-full bg-ps-red text-white inline-flex items-center justify-center [&_.animated-btn-text]:px-0.5 [&_.animated-btn-content]:gap-1.5!">
839            Let&#39;s Connect
840            
841          </a>
842        
843      </div>
844    </nav>
845  </div>
846
847  <!-- Secondary Navigation Dropdown -->
848  <!-- fixed+full-height container acts as a click-outside catcher; content floats inside via absolute -->
849  <div class="secondary-nav hidden navigation-sm:block fixed left-0 right-0 bottom-0 z-1001" style="display: none">
850    
851      <div class="secondary-nav-content absolute top-0 bg-white rounded-2xl p-8 shadow-[0px_0px_16px_0px_rgba(0,0,0,0.18),0px_8px_8px_-4px_rgba(0,0,0,0.03),0px_3px_3px_-1.5px_rgba(0,0,0,0.04)] min-w-92" style="display: none">
852        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
853        
854        
855        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
856        <div class="flex gap-8 min-w-75">
857          <!-- Left Navigation -->
858          <div class="secondary-nav-left w-76">
859            <ul class="space-y-6 list-none m-0 p-0">
860              
861                <li class="list-none">
862                  
863                  <span class="flex gap-3 items-start">
864                    
865                    <span class="flex flex-col gap-y-1">
866                      <span class="flex items-center gap-1">
867                        <span class="ps-text-md-medium">Solutions</span>
868                        
869                      </span>
870                      
871                    </span>
872                  </span>
873
874                  <!-- Level 3 Navigation -->
875                  
876                </li>
877              
878                <li class="list-none">
879                  <a href="https://www.publicissapient.com/platforms/slingshot/legacy-modernization" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
880                    
881                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
882                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-code-browser.svg" alt="" class="w-full h-full" loading="lazy"/>
883                      </span>
884                    
885                    <span class="flex flex-col gap-y-1">
886                      <span class="flex items-center gap-1">
887                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Legacy Modernization</span>
888                        
889                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
890                        
891                      </span>
892                      
893                    </span>
894                  </a>
895                  
896
897                  <!-- Level 3 Navigation -->
898                  
899                </li>
900              
901                <li class="list-none">
902                  <a href="https://www.publicissapient.com/platforms/bodhi/content-supply-chain" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
903                    
904                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
905                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-swap.svg" alt="" class="w-full h-full" loading="lazy"/>
906                      </span>
907                    
908                    <span class="flex flex-col gap-y-1">
909                      <span class="flex items-center gap-1">
910                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Content Supply Chain</span>
911                        
912                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
913                        
914                      </span>
915                      
916                    </span>
917                  </a>
918                  
919
920                  <!-- Level 3 Navigation -->
921                  
922                </li>
923              
924                <li class="list-none">
925                  <a href="https://www.publicissapient.com/solutions/customer-engagements" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
926                    
927                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
928                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-users.svg" alt="" class="w-full h-full" loading="lazy"/>
929                      </span>
930                    
931                    <span class="flex flex-col gap-y-1">
932                      <span class="flex items-center gap-1">
933                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Customer Engagement</span>
934                        
935                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
936                        
937                      </span>
938                      
939                    </span>
940                  </a>
941                  
942
943                  <!-- Level 3 Navigation -->
944                  
945                </li>
946              
947                <li class="list-none">
948                  <a href="https://www.publicissapient.com/solutions/commerce" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
949                    
950                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
951                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-qr-code.svg" alt="" class="w-full h-full" loading="lazy"/>
952                      </span>
953                    
954                    <span class="flex flex-col gap-y-1">
955                      <span class="flex items-center gap-1">
956                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Digital Commerce</span>
957                        
958                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
959                        
960                      </span>
961                      
962                    </span>
963                  </a>
964                  
965
966                  <!-- Level 3 Navigation -->
967                  
968                </li>
969              
970                <li class="list-none">
971                  <a href="https://www.publicissapient.com/solutions/experience-transformation" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
972                    
973                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
974                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-git-pull-request.svg" alt="" class="w-full h-full" loading="lazy"/>
975                      </span>
976                    
977                    <span class="flex flex-col gap-y-1">
978                      <span class="flex items-center gap-1">
979                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Experience Transformation</span>
980                        
981                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
982                        
983                      </span>
984                      
985                    </span>
986                  </a>
987                  
988
989                  <!-- Level 3 Navigation -->
990                  
991                </li>
992              
993            </ul>
994          </div>
995
996          <!-- Right Navigation -->
997          <div class="secondary-nav-right w-76">
998            <ul class="space-y-6 list-none m-0 p-0">
999              
1000                <li class="list-none">
1001                  <a href="https://www.publicissapient.com/partners" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1002                    
1003                    <span class="flex flex-col gap-y-1">
1004                      <span class="flex items-center gap-1">
1005                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Partners</span>
1006                        
1007                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1008                        
1009                      </span>
1010                      
1011                    </span>
1012                  </a>
1013
1014                  <!-- Level 3 Navigation -->
1015                  
1016                </li>
1017              
1018                <li class="list-none">
1019                  <a href="https://www.publicissapient.com/partners/adobe" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1020                    
1021                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1022                        <img src="/content/dam/ps-redesign/us/en/global/topnav/adobe.svg" alt="" class="w-full h-full" loading="lazy"/>
1023                      </span>
1024                    
1025                    <span class="flex flex-col gap-y-1">
1026                      <span class="flex items-center gap-1">
1027                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Adobe</span>
1028                        
1029                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1030                        
1031                      </span>
1032                      
1033                    </span>
1034                  </a>
1035
1036                  <!-- Level 3 Navigation -->
1037                  
1038                </li>
1039              
1040                <li class="list-none">
1041                  <a href="https://www.publicissapient.com/partners/aws" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1042                    
1043                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1044                        <img src="/content/dam/ps-redesign/us/en/global/topnav/amazon.svg" alt="" class="w-full h-full" loading="lazy"/>
1045                      </span>
1046                    
1047                    <span class="flex flex-col gap-y-1">
1048                      <span class="flex items-center gap-1">
1049                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">AWS</span>
1050                        
1051                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1052                        
1053                      </span>
1054                      
1055                    </span>
1056                  </a>
1057
1058                  <!-- Level 3 Navigation -->
1059                  
1060                </li>
1061              
1062                <li class="list-none">
1063                  <a href="https://www.publicissapient.com/partners/google-cloud" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1064                    
1065                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1066                        <img src="/content/dam/ps-redesign/us/en/global/topnav/google.svg" alt="" class="w-full h-full" loading="lazy"/>
1067                      </span>
1068                    
1069                    <span class="flex flex-col gap-y-1">
1070                      <span class="flex items-center gap-1">
1071                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Google Cloud</span>
1072                        
1073                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1074                        
1075                      </span>
1076                      
1077                    </span>
1078                  </a>
1079
1080                  <!-- Level 3 Navigation -->
1081                  
1082                </li>
1083              
1084                <li class="list-none">
1085                  <a href="https://www.publicissapient.com/partners/microsoft" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1086                    
1087                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1088                        <img src="/content/dam/ps-redesign/us/en/global/topnav/microsoft.svg" alt="" class="w-full h-full" loading="lazy"/>
1089                      </span>
1090                    
1091                    <span class="flex flex-col gap-y-1">
1092                      <span class="flex items-center gap-1">
1093                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Microsoft</span>
1094                        
1095                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1096                        
1097                      </span>
1098                      
1099                    </span>
1100                  </a>
1101
1102                  <!-- Level 3 Navigation -->
1103                  
1104                </li>
1105              
1106                <li class="list-none">
1107                  <a href="https://www.publicissapient.com/partners/salesforce" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1108                    
1109                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1110                        <img src="/content/dam/ps-redesign/us/en/global/topnav/salesforce.svg" alt="" class="w-full h-full" loading="lazy"/>
1111                      </span>
1112                    
1113                    <span class="flex flex-col gap-y-1">
1114                      <span class="flex items-center gap-1">
1115                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Salesforce</span>
1116                        
1117                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1118                        
1119                      </span>
1120                      
1121                    </span>
1122                  </a>
1123
1124                  <!-- Level 3 Navigation -->
1125                  
1126                </li>
1127              
1128            </ul>
1129          </div>
1130        </div>
1131      </div>
1132    
1133      <div class="secondary-nav-content absolute top-0 bg-white rounded-2xl p-8 shadow-[0px_0px_16px_0px_rgba(0,0,0,0.18),0px_8px_8px_-4px_rgba(0,0,0,0.03),0px_3px_3px_-1.5px_rgba(0,0,0,0.04)] min-w-92" style="display: none">
1134        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1135        
1136        
1137        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1138        <div class="flex gap-8 min-w-75">
1139          <!-- Left Navigation -->
1140          <div class="secondary-nav-left w-76">
1141            <ul class="space-y-6 list-none m-0 p-0">
1142              
1143                <li class="list-none">
1144                  <a href="https://www.publicissapient.com/industries/consumer-products" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1145                    
1146                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1147                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-shopping-cart.svg" alt="" class="w-full h-full" loading="lazy"/>
1148                      </span>
1149                    
1150                    <span class="flex flex-col gap-y-1">
1151                      <span class="flex items-center gap-1">
1152                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Consumer Products</span>
1153                        
1154                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1155                        
1156                      </span>
1157                      
1158                    </span>
1159                  </a>
1160                  
1161
1162                  <!-- Level 3 Navigation -->
1163                  
1164                </li>
1165              
1166                <li class="list-none">
1167                  <a href="https://www.publicissapient.com/industries/energy-commodities" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1168                    
1169                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1170                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-flash.svg" alt="" class="w-full h-full" loading="lazy"/>
1171                      </span>
1172                    
1173                    <span class="flex flex-col gap-y-1">
1174                      <span class="flex items-center gap-1">
1175                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Energy &amp; Commodities</span>
1176                        
1177                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1178                        
1179                      </span>
1180                      
1181                    </span>
1182                  </a>
1183                  
1184
1185                  <!-- Level 3 Navigation -->
1186                  
1187                </li>
1188              
1189                <li class="list-none">
1190                  <a href="https://www.publicissapient.com/industries/financial-services" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1191                    
1192                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1193                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-stacked.svg" alt="" class="w-full h-full" loading="lazy"/>
1194                      </span>
1195                    
1196                    <span class="flex flex-col gap-y-1">
1197                      <span class="flex items-center gap-1">
1198                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Financial Services</span>
1199                        
1200                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1201                        
1202                      </span>
1203                      
1204                    </span>
1205                  </a>
1206                  
1207
1208                  <!-- Level 3 Navigation -->
1209                  
1210                </li>
1211              
1212                <li class="list-none">
1213                  <a href="https://www.publicissapient.com/industries/health" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1214                    
1215                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1216                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-heart.svg" alt="" class="w-full h-full" loading="lazy"/>
1217                      </span>
1218                    
1219                    <span class="flex flex-col gap-y-1">
1220                      <span class="flex items-center gap-1">
1221                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Health</span>
1222                        
1223                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1224                        
1225                      </span>
1226                      
1227                    </span>
1228                  </a>
1229                  
1230
1231                  <!-- Level 3 Navigation -->
1232                  
1233                </li>
1234              
1235                <li class="list-none">
1236                  <a href="https://www.publicissapient.com/industries/public-sector" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1237                    
1238                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1239                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-bank.svg" alt="" class="w-full h-full" loading="lazy"/>
1240                      </span>
1241                    
1242                    <span class="flex flex-col gap-y-1">
1243                      <span class="flex items-center gap-1">
1244                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Public Sector</span>
1245                        
1246                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1247                        
1248                      </span>
1249                      
1250                    </span>
1251                  </a>
1252                  
1253
1254                  <!-- Level 3 Navigation -->
1255                  
1256                </li>
1257              
1258                <li class="list-none">
1259                  <a href="https://www.publicissapient.com/industries/retail" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1260                    
1261                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1262                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-tag.svg" alt="" class="w-full h-full" loading="lazy"/>
1263                      </span>
1264                    
1265                    <span class="flex flex-col gap-y-1">
1266                      <span class="flex items-center gap-1">
1267                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Retail</span>
1268                        
1269                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1270                        
1271                      </span>
1272                      
1273                    </span>
1274                  </a>
1275                  
1276
1277                  <!-- Level 3 Navigation -->
1278                  
1279                </li>
1280              
1281                <li class="list-none">
1282                  <a href="https://www.publicissapient.com/industries/telecommunications-media-technology" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1283                    
1284                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1285                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-signal.svg" alt="" class="w-full h-full" loading="lazy"/>
1286                      </span>
1287                    
1288                    <span class="flex flex-col gap-y-1">
1289                      <span class="flex items-center gap-1">
1290                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Telecom, Media &amp; Tech</span>
1291                        
1292                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1293                        
1294                      </span>
1295                      
1296                    </span>
1297                  </a>
1298                  
1299
1300                  <!-- Level 3 Navigation -->
1301                  
1302                </li>
1303              
1304                <li class="list-none">
1305                  <a href="https://www.publicissapient.com/industries/transportation-mobility" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1306                    
1307                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1308                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-car.svg" alt="" class="w-full h-full" loading="lazy"/>
1309                      </span>
1310                    
1311                    <span class="flex flex-col gap-y-1">
1312                      <span class="flex items-center gap-1">
1313                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Transportation &amp; Mobility</span>
1314                        
1315                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1316                        
1317                      </span>
1318                      
1319                    </span>
1320                  </a>
1321                  
1322
1323                  <!-- Level 3 Navigation -->
1324                  
1325                </li>
1326              
1327                <li class="list-none">
1328                  <a href="https://www.publicissapient.com/industries/travel-hospitality" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
1329                    
1330                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1331                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-plane.svg" alt="" class="w-full h-full" loading="lazy"/>
1332                      </span>
1333                    
1334                    <span class="flex flex-col gap-y-1">
1335                      <span class="flex items-center gap-1">
1336                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Travel &amp; Hospitality</span>
1337                        
1338                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1339                        
1340                      </span>
1341                      
1342                    </span>
1343                  </a>
1344                  
1345
1346                  <!-- Level 3 Navigation -->
1347                  
1348                </li>
1349              
1350            </ul>
1351          </div>
1352
1353          <!-- Right Navigation -->
1354          
1355        </div>
1356      </div>
1357    
1358      <div class="secondary-nav-content absolute top-0 bg-white rounded-2xl p-8 shadow-[0px_0px_16px_0px_rgba(0,0,0,0.18),0px_8px_8px_-4px_rgba(0,0,0,0.03),0px_3px_3px_-1.5px_rgba(0,0,0,0.04)] min-w-92" style="display: none">
1359        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1360        
1361        
1362        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1363        <div class="flex gap-8 min-w-75">
1364          <!-- Left Navigation -->
1365          <div class="secondary-nav-left w-76">
1366            <ul class="space-y-6 list-none m-0 p-0">
1367              
1368                <li class="list-none">
1369                  <a href="https://www.publicissapient.com/platforms" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
1370                    
1371                    <span class="flex flex-col gap-y-1">
1372                      <span class="flex items-center gap-1">
1373                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">AI Platforms Overview</span>
1374                        
1375                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1376                        
1377                      </span>
1378                      
1379                    </span>
1380                  </a>
1381                  
1382
1383                  <!-- Level 3 Navigation -->
1384                  
1385                </li>
1386              
1387                <li class="list-none">
1388                  <a href="https://www.publicissapient.com/platforms/slingshot" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
1389                    
1390                      <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
1391                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-slingshot.svg" alt="" class="w-full h-full" loading="lazy"/>
1392                      </span>
1393                    
1394                    <span class="flex flex-col gap-y-1">
1395                      <span class="flex items-center gap-1">
1396                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Sapient Slingshot</span>
1397                        
1398                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1399                        
1400                      </span>
1401                      
1402                        <p class="ps-text-sm-regular text-gray-neutral-700">
1403                          Accelerate and automate your entire software lifecycle
1404                        </p>
1405                      
1406                    </span>
1407                  </a>
1408                  
1409
1410                  <!-- Level 3 Navigation -->
1411                  
1412                </li>
1413              
1414                <li class="list-none">
1415                  <a href="https://www.publicissapient.com/platforms/bodhi" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
1416                    
1417                      <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
1418                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-bodhi.svg" alt="" class="w-full h-full" loading="lazy"/>
1419                      </span>
1420                    
1421                    <span class="flex flex-col gap-y-1">
1422                      <span class="flex items-center gap-1">
1423                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Sapient Bodhi</span>
1424                        
1425                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1426                        
1427                      </span>
1428                      
1429                        <p class="ps-text-sm-regular text-gray-neutral-700">
1430                          Build and orchestrate agents and AI workflows
1431                        </p>
1432                      
1433                    </span>
1434                  </a>
1435                  
1436
1437                  <!-- Level 3 Navigation -->
1438                  
1439                </li>
1440              
1441                <li class="list-none">
1442                  <a href="https://www.publicissapient.com/platforms/sustain" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
1443                    
1444                      <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
1445                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-sustain-ai.svg" alt="" class="w-full h-full" loading="lazy"/>
1446                      </span>
1447                    
1448                    <span class="flex flex-col gap-y-1">
1449                      <span class="flex items-center gap-1">
1450                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Sapient Sustain</span>
1451                        
1452                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1453                        
1454                      </span>
1455                      
1456                        <p class="ps-text-sm-regular text-gray-neutral-700">
1457                          Optimize IT operations with AI-enabled automation and support
1458                        </p>
1459                      
1460                    </span>
1461                  </a>
1462                  
1463
1464                  <!-- Level 3 Navigation -->
1465                  
1466                </li>
1467              
1468            </ul>
1469          </div>
1470
1471          <!-- Right Navigation -->
1472          
1473        </div>
1474      </div>
1475    
1476      
1477    
1478      <div class="secondary-nav-content absolute top-0 bg-white rounded-2xl p-8 shadow-[0px_0px_16px_0px_rgba(0,0,0,0.18),0px_8px_8px_-4px_rgba(0,0,0,0.03),0px_3px_3px_-1.5px_rgba(0,0,0,0.04)] min-w-92" style="display: none">
1479        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1480        
1481        
1482        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1483        <div class="flex gap-8 min-w-75">
1484          <!-- Left Navigation -->
1485          <div class="secondary-nav-left w-76">
1486            <ul class="space-y-6 list-none m-0 p-0">
1487              
1488                <li class="list-none">
1489                  <a href="https://www.publicissapient.com/resources/blog" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Resources">
1490                    
1491                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1492                        <img src="/content/dam/ps-redesign/us/en/global/topnav/image-indent-left.svg" alt="" class="w-full h-full" loading="lazy"/>
1493                      </span>
1494                    
1495                    <span class="flex flex-col gap-y-1">
1496                      <span class="flex items-center gap-1">
1497                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Blog</span>
1498                        
1499                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1500                        
1501                      </span>
1502                      
1503                        <p class="ps-text-sm-regular text-gray-neutral-700">
1504                          Explore research, documentation and expert perspectives
1505                        </p>
1506                      
1507                    </span>
1508                  </a>
1509                  
1510
1511                  <!-- Level 3 Navigation -->
1512                  
1513                </li>
1514              
1515                <li class="list-none">
1516                  <a href="https://www.publicissapient.com/resources/demos" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Resources">
1517                    
1518                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1519                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-cursor-box.svg" alt="" class="w-full h-full" loading="lazy"/>
1520                      </span>
1521                    
1522                    <span class="flex flex-col gap-y-1">
1523                      <span class="flex items-center gap-1">
1524                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Demo Library</span>
1525                        
1526                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1527                        
1528                      </span>
1529                      
1530                        <p class="ps-text-sm-regular text-gray-neutral-700">
1531                          Interactive demos and product walkthroughs
1532                        </p>
1533                      
1534                    </span>
1535                  </a>
1536                  
1537
1538                  <!-- Level 3 Navigation -->
1539                  
1540                </li>
1541              
1542            </ul>
1543          </div>
1544
1545          <!-- Right Navigation -->
1546          
1547        </div>
1548      </div>
1549    
1550      <div class="secondary-nav-content absolute top-0 bg-white rounded-2xl p-8 shadow-[0px_0px_16px_0px_rgba(0,0,0,0.18),0px_8px_8px_-4px_rgba(0,0,0,0.03),0px_3px_3px_-1.5px_rgba(0,0,0,0.04)] min-w-92" style="display: none">
1551        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1552        
1553        
1554        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1555        <div class="flex gap-8 min-w-75">
1556          <!-- Left Navigation -->
1557          <div class="secondary-nav-left w-76">
1558            <ul class="space-y-6 list-none m-0 p-0">
1559              
1560                <li class="list-none">
1561                  <a href="https://www.publicissapient.com/company" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1562                    
1563                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1564                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-star.svg" alt="" class="w-full h-full" loading="lazy"/>
1565                      </span>
1566                    
1567                    <span class="flex flex-col gap-y-1">
1568                      <span class="flex items-center gap-1">
1569                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">About</span>
1570                        
1571                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1572                        
1573                      </span>
1574                      
1575                    </span>
1576                  </a>
1577                  
1578
1579                  <!-- Level 3 Navigation -->
1580                  
1581                </li>
1582              
1583                <li class="list-none">
1584                  <a href="https://www.publicissapient.com/company/why-publicis-sapient" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1585                    
1586                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1587                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-message-question-square.svg" alt="" class="w-full h-full" loading="lazy"/>
1588                      </span>
1589                    
1590                    <span class="flex flex-col gap-y-1">
1591                      <span class="flex items-center gap-1">
1592                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Why Publicis Sapient</span>
1593                        
1594                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1595                        
1596                      </span>
1597                      
1598                    </span>
1599                  </a>
1600                  
1601
1602                  <!-- Level 3 Navigation -->
1603                  
1604                </li>
1605              
1606                <li class="list-none">
1607                  <a href="https://www.publicissapient.com/company/news" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1608                    
1609                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1610                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-file.svg" alt="" class="w-full h-full" loading="lazy"/>
1611                      </span>
1612                    
1613                    <span class="flex flex-col gap-y-1">
1614                      <span class="flex items-center gap-1">
1615                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Newsroom</span>
1616                        
1617                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1618                        
1619                      </span>
1620                      
1621                    </span>
1622                  </a>
1623                  
1624
1625                  <!-- Level 3 Navigation -->
1626                  
1627                </li>
1628              
1629                <li class="list-none">
1630                  <a href="https://www.publicissapient.com/company/accolades" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1631                    
1632                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1633                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-stars.svg" alt="" class="w-full h-full" loading="lazy"/>
1634                      </span>
1635                    
1636                    <span class="flex flex-col gap-y-1">
1637                      <span class="flex items-center gap-1">
1638                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Accolades</span>
1639                        
1640                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1641                        
1642                      </span>
1643                      
1644                    </span>
1645                  </a>
1646                  
1647
1648                  <!-- Level 3 Navigation -->
1649                  
1650                </li>
1651              
1652                <li class="list-none">
1653                  <a href="https://www.publicissapient.com/company/locations" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1654                    
1655                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1656                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-globe.svg" alt="" class="w-full h-full" loading="lazy"/>
1657                      </span>
1658                    
1659                    <span class="flex flex-col gap-y-1">
1660                      <span class="flex items-center gap-1">
1661                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Locations</span>
1662                        
1663                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1664                        
1665                      </span>
1666                      
1667                    </span>
1668                  </a>
1669                  
1670
1671                  <!-- Level 3 Navigation -->
1672                  
1673                </li>
1674              
1675            </ul>
1676          </div>
1677
1678          <!-- Right Navigation -->
1679          <div class="secondary-nav-right w-76">
1680            <ul class="space-y-6 list-none m-0 p-0">
1681              
1682                <li class="list-none">
1683                  <a href="https://www.publicissapient.com/company/capabilities" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1684                    
1685                    <span class="flex flex-col gap-y-1">
1686                      <span class="flex items-center gap-1">
1687                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Capabilities Overview</span>
1688                        
1689                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1690                        
1691                      </span>
1692                      
1693                    </span>
1694                  </a>
1695
1696                  <!-- Level 3 Navigation -->
1697                  
1698                </li>
1699              
1700                <li class="list-none">
1701                  <a href="https://www.publicissapient.com/company/capabilities/enterprise-ai-strategy" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1702                    
1703                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1704                        <img src="/content/dam/ps-redesign/us/en/global/topnav/compass-03.svg" alt="" class="w-full h-full" loading="lazy"/>
1705                      </span>
1706                    
1707                    <span class="flex flex-col gap-y-1">
1708                      <span class="flex items-center gap-1">
1709                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Strategy</span>
1710                        
1711                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1712                        
1713                      </span>
1714                      
1715                    </span>
1716                  </a>
1717
1718                  <!-- Level 3 Navigation -->
1719                  
1720                </li>
1721              
1722                <li class="list-none">
1723                  <a href="https://www.publicissapient.com/company/capabilities/product" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1724                    
1725                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1726                        <img src="/content/dam/ps-redesign/us/en/global/topnav/container.svg" alt="" class="w-full h-full" loading="lazy"/>
1727                      </span>
1728                    
1729                    <span class="flex flex-col gap-y-1">
1730                      <span class="flex items-center gap-1">
1731                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Product</span>
1732                        
1733                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1734                        
1735                      </span>
1736                      
1737                    </span>
1738                  </a>
1739
1740                  <!-- Level 3 Navigation -->
1741                  
1742                </li>
1743              
1744                <li class="list-none">
1745                  <a href="https://www.publicissapient.com/company/capabilities/experience" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1746                    
1747                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1748                        <img src="/content/dam/ps-redesign/us/en/global/topnav/left-indent-01.svg" alt="" class="w-full h-full" loading="lazy"/>
1749                      </span>
1750                    
1751                    <span class="flex flex-col gap-y-1">
1752                      <span class="flex items-center gap-1">
1753                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Experience</span>
1754                        
1755                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1756                        
1757                      </span>
1758                      
1759                    </span>
1760                  </a>
1761
1762                  <!-- Level 3 Navigation -->
1763                  
1764                </li>
1765              
1766                <li class="list-none">
1767                  <a href="https://www.publicissapient.com/company/capabilities/enterprise-engineering" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1768                    
1769                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1770                        <img src="/content/dam/ps-redesign/us/en/global/topnav/code-square-01.svg" alt="" class="w-full h-full" loading="lazy"/>
1771                      </span>
1772                    
1773                    <span class="flex flex-col gap-y-1">
1774                      <span class="flex items-center gap-1">
1775                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Engineering</span>
1776                        
1777                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1778                        
1779                      </span>
1780                      
1781                    </span>
1782                  </a>
1783
1784                  <!-- Level 3 Navigation -->
1785                  
1786                </li>
1787              
1788                <li class="list-none">
1789                  <a href="https://www.publicissapient.com/company/capabilities/data-ai" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1790                    
1791                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1792                        <img src="/content/dam/ps-redesign/us/en/global/topnav/data.svg" alt="" class="w-full h-full" loading="lazy"/>
1793                      </span>
1794                    
1795                    <span class="flex flex-col gap-y-1">
1796                      <span class="flex items-center gap-1">
1797                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Data &amp; AI</span>
1798                        
1799                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1800                        
1801                      </span>
1802                      
1803                    </span>
1804                  </a>
1805
1806                  <!-- Level 3 Navigation -->
1807                  
1808                </li>
1809              
1810                <li class="list-none">
1811                  <a href="https://www.publicissapient.com/company/capabilities/global-capability-centers" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
1812                    
1813                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1814                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-atom.svg" alt="" class="w-full h-full" loading="lazy"/>
1815                      </span>
1816                    
1817                    <span class="flex flex-col gap-y-1">
1818                      <span class="flex items-center gap-1">
1819                        <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100 group-focus-visible:after:scale-x-100">Global Capability Centers</span>
1820                        
1821                          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
1822                        
1823                      </span>
1824                      
1825                    </span>
1826                  </a>
1827
1828                  <!-- Level 3 Navigation -->
1829                  
1830                </li>
1831              
1832            </ul>
1833          </div>
1834        </div>
1835      </div>
1836    
1837      
1838    
1839  </div>
1840
1841  <!-- Overlay -->
1842  <div class="nav-overlay fixed inset-0 z-999" style="display: none"></div>
1843
1844  <!-- Mobile Menu -->
1845  <div id="mobile-menu" class="mobile-menu w-full max-w-full navigation-sm:hidden fixed inset-x-0 bottom-0 p-8 bg-white flex flex-col overflow-y-auto overflow-x-hidden z-1002" style="display: none; top: 4rem" aria-hidden="true">
1846    <!-- Navigation Items -->
1847    <nav aria-label="Mobile navigation menu">
1848      <ul class="list-none m-0 p-0 mb-5">
1849        
1850          <li class="relative pb-5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gray-neutral-300 ">
1851            <!-- Expandable L1 item (has secondary nav) -->
1852            
1853              <button type="button" class="w-full flex items-center justify-between ps-text-md-medium focus:outline-none focus-visible:bg-gray-50" aria-expanded="false" data-mobile-toggle="Solutions">
1854                <span>Solutions</span>
1855                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-200 shrink-0" aria-hidden="true">
1856                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1857                </svg>
1858              </button>
1859
1860              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
1861              <div data-mobile-content="Solutions" style="display: none">
1862                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
1863                
1864                
1865                <ul class="mt-5 flex flex-col gap-y-6 list-none">
1866                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
1867                  
1868                    <li>
1869                      
1870                      <span class="flex gap-3 items-start">
1871                        
1872                        <span class="flex flex-col gap-y-1">
1873                          <span class="flex items-center gap-1">
1874                            <span class="ps-text-md-medium">Solutions</span>
1875                            
1876                          </span>
1877                          
1878                        </span>
1879                      </span>
1880
1881                      <!-- L3 items under this L2 -->
1882                      
1883                    </li>
1884                  
1885                    <li>
1886                      <a href="https://www.publicissapient.com/platforms/slingshot/legacy-modernization" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1887                        
1888                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1889                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-code-browser.svg" alt="" class="w-full h-full" loading="lazy"/>
1890                          </span>
1891                        
1892                        <span class="flex flex-col gap-y-1">
1893                          <span class="flex items-center gap-1">
1894                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Legacy Modernization</span>
1895                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1896                            
1897                          </span>
1898                          
1899                        </span>
1900                      </a>
1901                      
1902
1903                      <!-- L3 items under this L2 -->
1904                      
1905                    </li>
1906                  
1907                    <li>
1908                      <a href="https://www.publicissapient.com/platforms/bodhi/content-supply-chain" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1909                        
1910                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1911                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-swap.svg" alt="" class="w-full h-full" loading="lazy"/>
1912                          </span>
1913                        
1914                        <span class="flex flex-col gap-y-1">
1915                          <span class="flex items-center gap-1">
1916                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Content Supply Chain</span>
1917                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1918                            
1919                          </span>
1920                          
1921                        </span>
1922                      </a>
1923                      
1924
1925                      <!-- L3 items under this L2 -->
1926                      
1927                    </li>
1928                  
1929                    <li>
1930                      <a href="https://www.publicissapient.com/solutions/customer-engagements" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1931                        
1932                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1933                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-users.svg" alt="" class="w-full h-full" loading="lazy"/>
1934                          </span>
1935                        
1936                        <span class="flex flex-col gap-y-1">
1937                          <span class="flex items-center gap-1">
1938                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Customer Engagement</span>
1939                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1940                            
1941                          </span>
1942                          
1943                        </span>
1944                      </a>
1945                      
1946
1947                      <!-- L3 items under this L2 -->
1948                      
1949                    </li>
1950                  
1951                    <li>
1952                      <a href="https://www.publicissapient.com/solutions/commerce" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1953                        
1954                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1955                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-qr-code.svg" alt="" class="w-full h-full" loading="lazy"/>
1956                          </span>
1957                        
1958                        <span class="flex flex-col gap-y-1">
1959                          <span class="flex items-center gap-1">
1960                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Digital Commerce</span>
1961                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1962                            
1963                          </span>
1964                          
1965                        </span>
1966                      </a>
1967                      
1968
1969                      <!-- L3 items under this L2 -->
1970                      
1971                    </li>
1972                  
1973                    <li>
1974                      <a href="https://www.publicissapient.com/solutions/experience-transformation" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
1975                        
1976                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1977                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-git-pull-request.svg" alt="" class="w-full h-full" loading="lazy"/>
1978                          </span>
1979                        
1980                        <span class="flex flex-col gap-y-1">
1981                          <span class="flex items-center gap-1">
1982                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Experience Transformation</span>
1983                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1984                            
1985                          </span>
1986                          
1987                        </span>
1988                      </a>
1989                      
1990
1991                      <!-- L3 items under this L2 -->
1992                      
1993                    </li>
1994                  
1995
1996                  <!-- Right L2 Items — same NavSection pattern -->
1997                  
1998                    <li>
1999                      <a href="https://www.publicissapient.com/partners" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
2000                        
2001                        <span class="flex flex-col gap-y-1">
2002                          <span class="flex items-center gap-1">
2003                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Partners</span>
2004                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2005                            
2006                              <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
2007                            
2008                          </span>
2009                          
2010                        </span>
2011                      </a>
2012
2013                      <!-- L3 items under this L2 -->
2014                      
2015                    </li>
2016                  
2017                    <li>
2018                      <a href="https://www.publicissapient.com/partners/adobe" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
2019                        
2020                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2021                            <img src="/content/dam/ps-redesign/us/en/global/topnav/adobe.svg" alt="" class="w-full h-full" loading="lazy"/>
2022                          </span>
2023                        
2024                        <span class="flex flex-col gap-y-1">
2025                          <span class="flex items-center gap-1">
2026                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Adobe</span>
2027                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2028                            
2029                          </span>
2030                          
2031                        </span>
2032                      </a>
2033
2034                      <!-- L3 items under this L2 -->
2035                      
2036                    </li>
2037                  
2038                    <li>
2039                      <a href="https://www.publicissapient.com/partners/aws" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
2040                        
2041                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2042                            <img src="/content/dam/ps-redesign/us/en/global/topnav/amazon.svg" alt="" class="w-full h-full" loading="lazy"/>
2043                          </span>
2044                        
2045                        <span class="flex flex-col gap-y-1">
2046                          <span class="flex items-center gap-1">
2047                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">AWS</span>
2048                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2049                            
2050                          </span>
2051                          
2052                        </span>
2053                      </a>
2054
2055                      <!-- L3 items under this L2 -->
2056                      
2057                    </li>
2058                  
2059                    <li>
2060                      <a href="https://www.publicissapient.com/partners/google-cloud" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
2061                        
2062                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2063                            <img src="/content/dam/ps-redesign/us/en/global/topnav/google.svg" alt="" class="w-full h-full" loading="lazy"/>
2064                          </span>
2065                        
2066                        <span class="flex flex-col gap-y-1">
2067                          <span class="flex items-center gap-1">
2068                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Google Cloud</span>
2069                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2070                            
2071                          </span>
2072                          
2073                        </span>
2074                      </a>
2075
2076                      <!-- L3 items under this L2 -->
2077                      
2078                    </li>
2079                  
2080                    <li>
2081                      <a href="https://www.publicissapient.com/partners/microsoft" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
2082                        
2083                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2084                            <img src="/content/dam/ps-redesign/us/en/global/topnav/microsoft.svg" alt="" class="w-full h-full" loading="lazy"/>
2085                          </span>
2086                        
2087                        <span class="flex flex-col gap-y-1">
2088                          <span class="flex items-center gap-1">
2089                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Microsoft</span>
2090                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2091                            
2092                          </span>
2093                          
2094                        </span>
2095                      </a>
2096
2097                      <!-- L3 items under this L2 -->
2098                      
2099                    </li>
2100                  
2101                    <li>
2102                      <a href="https://www.publicissapient.com/partners/salesforce" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Solutions">
2103                        
2104                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2105                            <img src="/content/dam/ps-redesign/us/en/global/topnav/salesforce.svg" alt="" class="w-full h-full" loading="lazy"/>
2106                          </span>
2107                        
2108                        <span class="flex flex-col gap-y-1">
2109                          <span class="flex items-center gap-1">
2110                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Salesforce</span>
2111                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2112                            
2113                          </span>
2114                          
2115                        </span>
2116                      </a>
2117
2118                      <!-- L3 items under this L2 -->
2119                      
2120                    </li>
2121                  
2122                </ul>
2123              </div>
2124            
2125
2126            <!-- Simple L1 link (no secondary nav) -->
2127            
2128          </li>
2129        
2130          <li class="relative pb-5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gray-neutral-300 pt-5">
2131            <!-- Expandable L1 item (has secondary nav) -->
2132            
2133              <button type="button" class="w-full flex items-center justify-between ps-text-md-medium focus:outline-none focus-visible:bg-gray-50" aria-expanded="false" data-mobile-toggle="Industries">
2134                <span>Industries</span>
2135                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-200 shrink-0" aria-hidden="true">
2136                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2137                </svg>
2138              </button>
2139
2140              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2141              <div data-mobile-content="Industries" style="display: none">
2142                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2143                
2144                
2145                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2146                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2147                  
2148                    <li>
2149                      <a href="https://www.publicissapient.com/industries/consumer-products" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2150                        
2151                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2152                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-shopping-cart.svg" alt="" class="w-full h-full" loading="lazy"/>
2153                          </span>
2154                        
2155                        <span class="flex flex-col gap-y-1">
2156                          <span class="flex items-center gap-1">
2157                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Consumer Products</span>
2158                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2159                            
2160                          </span>
2161                          
2162                        </span>
2163                      </a>
2164                      
2165
2166                      <!-- L3 items under this L2 -->
2167                      
2168                    </li>
2169                  
2170                    <li>
2171                      <a href="https://www.publicissapient.com/industries/energy-commodities" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2172                        
2173                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2174                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-flash.svg" alt="" class="w-full h-full" loading="lazy"/>
2175                          </span>
2176                        
2177                        <span class="flex flex-col gap-y-1">
2178                          <span class="flex items-center gap-1">
2179                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Energy &amp; Commodities</span>
2180                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2181                            
2182                          </span>
2183                          
2184                        </span>
2185                      </a>
2186                      
2187
2188                      <!-- L3 items under this L2 -->
2189                      
2190                    </li>
2191                  
2192                    <li>
2193                      <a href="https://www.publicissapient.com/industries/financial-services" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2194                        
2195                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2196                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-stacked.svg" alt="" class="w-full h-full" loading="lazy"/>
2197                          </span>
2198                        
2199                        <span class="flex flex-col gap-y-1">
2200                          <span class="flex items-center gap-1">
2201                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Financial Services</span>
2202                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2203                            
2204                          </span>
2205                          
2206                        </span>
2207                      </a>
2208                      
2209
2210                      <!-- L3 items under this L2 -->
2211                      
2212                    </li>
2213                  
2214                    <li>
2215                      <a href="https://www.publicissapient.com/industries/health" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2216                        
2217                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2218                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-heart.svg" alt="" class="w-full h-full" loading="lazy"/>
2219                          </span>
2220                        
2221                        <span class="flex flex-col gap-y-1">
2222                          <span class="flex items-center gap-1">
2223                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Health</span>
2224                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2225                            
2226                          </span>
2227                          
2228                        </span>
2229                      </a>
2230                      
2231
2232                      <!-- L3 items under this L2 -->
2233                      
2234                    </li>
2235                  
2236                    <li>
2237                      <a href="https://www.publicissapient.com/industries/public-sector" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2238                        
2239                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2240                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-bank.svg" alt="" class="w-full h-full" loading="lazy"/>
2241                          </span>
2242                        
2243                        <span class="flex flex-col gap-y-1">
2244                          <span class="flex items-center gap-1">
2245                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Public Sector</span>
2246                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2247                            
2248                          </span>
2249                          
2250                        </span>
2251                      </a>
2252                      
2253
2254                      <!-- L3 items under this L2 -->
2255                      
2256                    </li>
2257                  
2258                    <li>
2259                      <a href="https://www.publicissapient.com/industries/retail" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2260                        
2261                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2262                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-tag.svg" alt="" class="w-full h-full" loading="lazy"/>
2263                          </span>
2264                        
2265                        <span class="flex flex-col gap-y-1">
2266                          <span class="flex items-center gap-1">
2267                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Retail</span>
2268                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2269                            
2270                          </span>
2271                          
2272                        </span>
2273                      </a>
2274                      
2275
2276                      <!-- L3 items under this L2 -->
2277                      
2278                    </li>
2279                  
2280                    <li>
2281                      <a href="https://www.publicissapient.com/industries/telecommunications-media-technology" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2282                        
2283                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2284                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-signal.svg" alt="" class="w-full h-full" loading="lazy"/>
2285                          </span>
2286                        
2287                        <span class="flex flex-col gap-y-1">
2288                          <span class="flex items-center gap-1">
2289                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Telecom, Media &amp; Tech</span>
2290                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2291                            
2292                          </span>
2293                          
2294                        </span>
2295                      </a>
2296                      
2297
2298                      <!-- L3 items under this L2 -->
2299                      
2300                    </li>
2301                  
2302                    <li>
2303                      <a href="https://www.publicissapient.com/industries/transportation-mobility" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2304                        
2305                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2306                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-car.svg" alt="" class="w-full h-full" loading="lazy"/>
2307                          </span>
2308                        
2309                        <span class="flex flex-col gap-y-1">
2310                          <span class="flex items-center gap-1">
2311                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Transportation &amp; Mobility</span>
2312                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2313                            
2314                          </span>
2315                          
2316                        </span>
2317                      </a>
2318                      
2319
2320                      <!-- L3 items under this L2 -->
2321                      
2322                    </li>
2323                  
2324                    <li>
2325                      <a href="https://www.publicissapient.com/industries/travel-hospitality" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Industries">
2326                        
2327                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2328                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-plane.svg" alt="" class="w-full h-full" loading="lazy"/>
2329                          </span>
2330                        
2331                        <span class="flex flex-col gap-y-1">
2332                          <span class="flex items-center gap-1">
2333                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Travel &amp; Hospitality</span>
2334                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2335                            
2336                          </span>
2337                          
2338                        </span>
2339                      </a>
2340                      
2341
2342                      <!-- L3 items under this L2 -->
2343                      
2344                    </li>
2345                  
2346
2347                  <!-- Right L2 Items — same NavSection pattern -->
2348                  
2349                </ul>
2350              </div>
2351            
2352
2353            <!-- Simple L1 link (no secondary nav) -->
2354            
2355          </li>
2356        
2357          <li class="relative pb-5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gray-neutral-300 pt-5">
2358            <!-- Expandable L1 item (has secondary nav) -->
2359            
2360              <button type="button" class="w-full flex items-center justify-between ps-text-md-medium focus:outline-none focus-visible:bg-gray-50" aria-expanded="false" data-mobile-toggle="AI Platforms">
2361                <span>AI Platforms</span>
2362                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-200 shrink-0" aria-hidden="true">
2363                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2364                </svg>
2365              </button>
2366
2367              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2368              <div data-mobile-content="AI Platforms" style="display: none">
2369                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2370                
2371                
2372                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2373                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2374                  
2375                    <li>
2376                      <a href="https://www.publicissapient.com/platforms" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
2377                        
2378                        <span class="flex flex-col gap-y-1">
2379                          <span class="flex items-center gap-1">
2380                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">AI Platforms Overview</span>
2381                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2382                            
2383                              <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
2384                            
2385                          </span>
2386                          
2387                        </span>
2388                      </a>
2389                      
2390
2391                      <!-- L3 items under this L2 -->
2392                      
2393                    </li>
2394                  
2395                    <li>
2396                      <a href="https://www.publicissapient.com/platforms/slingshot" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
2397                        
2398                          <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
2399                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-slingshot.svg" alt="" class="w-full h-full" loading="lazy"/>
2400                          </span>
2401                        
2402                        <span class="flex flex-col gap-y-1">
2403                          <span class="flex items-center gap-1">
2404                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Sapient Slingshot</span>
2405                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2406                            
2407                          </span>
2408                          
2409                            <p class="ps-text-sm-regular text-gray-neutral-700">
2410                              Accelerate and automate your entire software lifecycle
2411                            </p>
2412                          
2413                        </span>
2414                      </a>
2415                      
2416
2417                      <!-- L3 items under this L2 -->
2418                      
2419                    </li>
2420                  
2421                    <li>
2422                      <a href="https://www.publicissapient.com/platforms/bodhi" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
2423                        
2424                          <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
2425                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-bodhi.svg" alt="" class="w-full h-full" loading="lazy"/>
2426                          </span>
2427                        
2428                        <span class="flex flex-col gap-y-1">
2429                          <span class="flex items-center gap-1">
2430                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Sapient Bodhi</span>
2431                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2432                            
2433                          </span>
2434                          
2435                            <p class="ps-text-sm-regular text-gray-neutral-700">
2436                              Build and orchestrate agents and AI workflows
2437                            </p>
2438                          
2439                        </span>
2440                      </a>
2441                      
2442
2443                      <!-- L3 items under this L2 -->
2444                      
2445                    </li>
2446                  
2447                    <li>
2448                      <a href="https://www.publicissapient.com/platforms/sustain" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="AI Platforms">
2449                        
2450                          <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
2451                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-sustain-ai.svg" alt="" class="w-full h-full" loading="lazy"/>
2452                          </span>
2453                        
2454                        <span class="flex flex-col gap-y-1">
2455                          <span class="flex items-center gap-1">
2456                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Sapient Sustain</span>
2457                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2458                            
2459                          </span>
2460                          
2461                            <p class="ps-text-sm-regular text-gray-neutral-700">
2462                              Optimize IT operations with AI-enabled automation and support
2463                            </p>
2464                          
2465                        </span>
2466                      </a>
2467                      
2468
2469                      <!-- L3 items under this L2 -->
2470                      
2471                    </li>
2472                  
2473
2474                  <!-- Right L2 Items — same NavSection pattern -->
2475                  
2476                </ul>
2477              </div>
2478            
2479
2480            <!-- Simple L1 link (no secondary nav) -->
2481            
2482          </li>
2483        
2484          <li class="relative pb-5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gray-neutral-300 pt-5">
2485            <!-- Expandable L1 item (has secondary nav) -->
2486            
2487
2488            <!-- Simple L1 link (no secondary nav) -->
2489            
2490              <a href="https://www.publicissapient.com/customers/stories" target="_self" class="flex items-center justify-between ps-text-md-medium text-gray-900">
2491                <span>Customers</span>
2492                
2493              </a>
2494            
2495          </li>
2496        
2497          <li class="relative pb-5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gray-neutral-300 pt-5">
2498            <!-- Expandable L1 item (has secondary nav) -->
2499            
2500              <button type="button" class="w-full flex items-center justify-between ps-text-md-medium focus:outline-none focus-visible:bg-gray-50" aria-expanded="false" data-mobile-toggle="Resources">
2501                <span>Resources</span>
2502                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-200 shrink-0" aria-hidden="true">
2503                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2504                </svg>
2505              </button>
2506
2507              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2508              <div data-mobile-content="Resources" style="display: none">
2509                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2510                
2511                
2512                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2513                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2514                  
2515                    <li>
2516                      <a href="https://www.publicissapient.com/resources/blog" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Resources">
2517                        
2518                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2519                            <img src="/content/dam/ps-redesign/us/en/global/topnav/image-indent-left.svg" alt="" class="w-full h-full" loading="lazy"/>
2520                          </span>
2521                        
2522                        <span class="flex flex-col gap-y-1">
2523                          <span class="flex items-center gap-1">
2524                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Blog</span>
2525                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2526                            
2527                          </span>
2528                          
2529                            <p class="ps-text-sm-regular text-gray-neutral-700">
2530                              Explore research, documentation and expert perspectives
2531                            </p>
2532                          
2533                        </span>
2534                      </a>
2535                      
2536
2537                      <!-- L3 items under this L2 -->
2538                      
2539                    </li>
2540                  
2541                    <li>
2542                      <a href="https://www.publicissapient.com/resources/demos" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Resources">
2543                        
2544                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2545                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-cursor-box.svg" alt="" class="w-full h-full" loading="lazy"/>
2546                          </span>
2547                        
2548                        <span class="flex flex-col gap-y-1">
2549                          <span class="flex items-center gap-1">
2550                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Demo Library</span>
2551                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2552                            
2553                          </span>
2554                          
2555                            <p class="ps-text-sm-regular text-gray-neutral-700">
2556                              Interactive demos and product walkthroughs
2557                            </p>
2558                          
2559                        </span>
2560                      </a>
2561                      
2562
2563                      <!-- L3 items under this L2 -->
2564                      
2565                    </li>
2566                  
2567
2568                  <!-- Right L2 Items — same NavSection pattern -->
2569                  
2570                </ul>
2571              </div>
2572            
2573
2574            <!-- Simple L1 link (no secondary nav) -->
2575            
2576          </li>
2577        
2578          <li class="relative pb-5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gray-neutral-300 pt-5">
2579            <!-- Expandable L1 item (has secondary nav) -->
2580            
2581              <button type="button" class="w-full flex items-center justify-between ps-text-md-medium focus:outline-none focus-visible:bg-gray-50" aria-expanded="false" data-mobile-toggle="Company">
2582                <span>Company</span>
2583                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-200 shrink-0" aria-hidden="true">
2584                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2585                </svg>
2586              </button>
2587
2588              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2589              <div data-mobile-content="Company" style="display: none">
2590                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2591                
2592                
2593                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2594                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2595                  
2596                    <li>
2597                      <a href="https://www.publicissapient.com/company" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2598                        
2599                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2600                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-star.svg" alt="" class="w-full h-full" loading="lazy"/>
2601                          </span>
2602                        
2603                        <span class="flex flex-col gap-y-1">
2604                          <span class="flex items-center gap-1">
2605                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">About</span>
2606                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2607                            
2608                          </span>
2609                          
2610                        </span>
2611                      </a>
2612                      
2613
2614                      <!-- L3 items under this L2 -->
2615                      
2616                    </li>
2617                  
2618                    <li>
2619                      <a href="https://www.publicissapient.com/company/why-publicis-sapient" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2620                        
2621                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2622                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-message-question-square.svg" alt="" class="w-full h-full" loading="lazy"/>
2623                          </span>
2624                        
2625                        <span class="flex flex-col gap-y-1">
2626                          <span class="flex items-center gap-1">
2627                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Why Publicis Sapient</span>
2628                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2629                            
2630                          </span>
2631                          
2632                        </span>
2633                      </a>
2634                      
2635
2636                      <!-- L3 items under this L2 -->
2637                      
2638                    </li>
2639                  
2640                    <li>
2641                      <a href="https://www.publicissapient.com/company/news" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2642                        
2643                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2644                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-file.svg" alt="" class="w-full h-full" loading="lazy"/>
2645                          </span>
2646                        
2647                        <span class="flex flex-col gap-y-1">
2648                          <span class="flex items-center gap-1">
2649                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Newsroom</span>
2650                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2651                            
2652                          </span>
2653                          
2654                        </span>
2655                      </a>
2656                      
2657
2658                      <!-- L3 items under this L2 -->
2659                      
2660                    </li>
2661                  
2662                    <li>
2663                      <a href="https://www.publicissapient.com/company/accolades" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2664                        
2665                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2666                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-stars.svg" alt="" class="w-full h-full" loading="lazy"/>
2667                          </span>
2668                        
2669                        <span class="flex flex-col gap-y-1">
2670                          <span class="flex items-center gap-1">
2671                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Accolades</span>
2672                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2673                            
2674                          </span>
2675                          
2676                        </span>
2677                      </a>
2678                      
2679
2680                      <!-- L3 items under this L2 -->
2681                      
2682                    </li>
2683                  
2684                    <li>
2685                      <a href="https://www.publicissapient.com/company/locations" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2686                        
2687                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2688                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-globe.svg" alt="" class="w-full h-full" loading="lazy"/>
2689                          </span>
2690                        
2691                        <span class="flex flex-col gap-y-1">
2692                          <span class="flex items-center gap-1">
2693                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Locations</span>
2694                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2695                            
2696                          </span>
2697                          
2698                        </span>
2699                      </a>
2700                      
2701
2702                      <!-- L3 items under this L2 -->
2703                      
2704                    </li>
2705                  
2706
2707                  <!-- Right L2 Items — same NavSection pattern -->
2708                  
2709                    <li>
2710                      <a href="https://www.publicissapient.com/company/capabilities" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2711                        
2712                        <span class="flex flex-col gap-y-1">
2713                          <span class="flex items-center gap-1">
2714                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Capabilities Overview</span>
2715                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2716                            
2717                              <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-4 h-4 group-hover:translate-x-1 group-focus-visible:translate-x-1 transition-transform duration-300 ease-in-out" aria-hidden="true"></span>
2718                            
2719                          </span>
2720                          
2721                        </span>
2722                      </a>
2723
2724                      <!-- L3 items under this L2 -->
2725                      
2726                    </li>
2727                  
2728                    <li>
2729                      <a href="https://www.publicissapient.com/company/capabilities/enterprise-ai-strategy" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2730                        
2731                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2732                            <img src="/content/dam/ps-redesign/us/en/global/topnav/compass-03.svg" alt="" class="w-full h-full" loading="lazy"/>
2733                          </span>
2734                        
2735                        <span class="flex flex-col gap-y-1">
2736                          <span class="flex items-center gap-1">
2737                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Strategy</span>
2738                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2739                            
2740                          </span>
2741                          
2742                        </span>
2743                      </a>
2744
2745                      <!-- L3 items under this L2 -->
2746                      
2747                    </li>
2748                  
2749                    <li>
2750                      <a href="https://www.publicissapient.com/company/capabilities/product" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2751                        
2752                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2753                            <img src="/content/dam/ps-redesign/us/en/global/topnav/container.svg" alt="" class="w-full h-full" loading="lazy"/>
2754                          </span>
2755                        
2756                        <span class="flex flex-col gap-y-1">
2757                          <span class="flex items-center gap-1">
2758                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Product</span>
2759                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2760                            
2761                          </span>
2762                          
2763                        </span>
2764                      </a>
2765
2766                      <!-- L3 items under this L2 -->
2767                      
2768                    </li>
2769                  
2770                    <li>
2771                      <a href="https://www.publicissapient.com/company/capabilities/experience" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2772                        
2773                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2774                            <img src="/content/dam/ps-redesign/us/en/global/topnav/left-indent-01.svg" alt="" class="w-full h-full" loading="lazy"/>
2775                          </span>
2776                        
2777                        <span class="flex flex-col gap-y-1">
2778                          <span class="flex items-center gap-1">
2779                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Experience</span>
2780                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2781                            
2782                          </span>
2783                          
2784                        </span>
2785                      </a>
2786
2787                      <!-- L3 items under this L2 -->
2788                      
2789                    </li>
2790                  
2791                    <li>
2792                      <a href="https://www.publicissapient.com/company/capabilities/enterprise-engineering" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2793                        
2794                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2795                            <img src="/content/dam/ps-redesign/us/en/global/topnav/code-square-01.svg" alt="" class="w-full h-full" loading="lazy"/>
2796                          </span>
2797                        
2798                        <span class="flex flex-col gap-y-1">
2799                          <span class="flex items-center gap-1">
2800                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Engineering</span>
2801                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2802                            
2803                          </span>
2804                          
2805                        </span>
2806                      </a>
2807
2808                      <!-- L3 items under this L2 -->
2809                      
2810                    </li>
2811                  
2812                    <li>
2813                      <a href="https://www.publicissapient.com/company/capabilities/data-ai" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2814                        
2815                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2816                            <img src="/content/dam/ps-redesign/us/en/global/topnav/data.svg" alt="" class="w-full h-full" loading="lazy"/>
2817                          </span>
2818                        
2819                        <span class="flex flex-col gap-y-1">
2820                          <span class="flex items-center gap-1">
2821                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Data &amp; AI</span>
2822                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2823                            
2824                          </span>
2825                          
2826                        </span>
2827                      </a>
2828
2829                      <!-- L3 items under this L2 -->
2830                      
2831                    </li>
2832                  
2833                    <li>
2834                      <a href="https://www.publicissapient.com/company/capabilities/global-capability-centers" target="_self" class="flex gap-3 items-start rounded-xs group outline-none focus-visible:ring-ps-focus focus-visible:ring-2 focus-visible:ring-offset-2" data-nav-section="" data-l1-title="Company">
2835                        
2836                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2837                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-atom.svg" alt="" class="w-full h-full" loading="lazy"/>
2838                          </span>
2839                        
2840                        <span class="flex flex-col gap-y-1">
2841                          <span class="flex items-center gap-1">
2842                            <span class="ps-text-md-medium relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:origin-bottom-left after:scale-x-0 after:bg-current after:transition-transform after:duration-300 after:ease-in-out group-hover:after:scale-x-100">Global Capability Centers</span>
2843                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2844                            
2845                          </span>
2846                          
2847                        </span>
2848                      </a>
2849
2850                      <!-- L3 items under this L2 -->
2851                      
2852                    </li>
2853                  
2854                </ul>
2855              </div>
2856            
2857
2858            <!-- Simple L1 link (no secondary nav) -->
2859            
2860          </li>
2861        
2862          <li class="relative  pt-5">
2863            <!-- Expandable L1 item (has secondary nav) -->
2864            
2865
2866            <!-- Simple L1 link (no secondary nav) -->
2867            
2868              <a href="https://careers.publicissapient.com/" target="_blank" class="flex items-center justify-between ps-text-md-medium text-gray-900">
2869                <span>Careers</span>
2870                
2871                  <span class="ps-icon inline-block shrink-0 bg-current ps-icon--link-external-02 w-4 h-4" aria-hidden="true"></span>
2872                
2873              </a>
2874            
2875          </li>
2876        
2877      </ul>
2878    </nav>
2879
2880    <!-- Chat with us CTA — matches React MobileMenu bottom button. Hidden for careerNav (matches React: chatWithUs={careerNav? {} : {...}}) -->
2881    
2882      <div class="text-center pt-8">
2883        <button type="button" data-chat-trigger aria-label="Chat with us" class="inline-flex items-center justify-center gap-1.5 cursor-pointer select-none outline-none font-semibold transition-all duration-200 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ps-focus focus-visible:rounded-full bg-white text-black border-2 border-black rounded-full hover:text-white hover:bg-black active:bg-white active:text-black focus-visible:text-white focus-visible:bg-black ps-text-sm-medium px-4 py-2 h-9.5">
2884          <span class="shrink-0 flex">
2885            <span class="ps-icon inline-block shrink-0 bg-current ps-icon--redesign-ai-sparkle w-5 h-5 text-ps-red" aria-hidden="true"></span>
2886          </span>
2887          Chat with us
2888        </button>
2889      </div>
2890    
2891  </div>
2892</header>
2893
2894    
2895    
2895<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-topnavigation.js?v=20260923-1031-eca8b"></script>
2895
2896
2897
2898</div>
2899<div class="sapientchat">
2900
2901
2902
2903
2904<div class="cmp-sapientchat" data-cmp-is="sapientchat" data-react-props='{&#34;greeting&#34;:&#34;&lt;p>Hey there! Welcome to Sapient Chat. What issue can we solve for you?&lt;/p>\r\n&#34;,&#34;inputPlaceholder&#34;:&#34;Ask anything...&#34;,&#34;botName&#34;:&#34;Sapient Chat&#34;,&#34;enableVoice&#34;:true,&#34;bottomOffset&#34;:&#34;24&#34;,&#34;rightOffset&#34;:&#34;24&#34;,&#34;hideOnFooterCollision&#34;:true,&#34;clearChatLabel&#34;:&#34;Clear chat&#34;,&#34;errorMessage&#34;:&#34;I&#39;m sorry, I encountered an error. Please try again.&#34;,&#34;noResponseMessage&#34;:&#34;I&#39;m sorry, I couldn&#39;t get a response. Please try again.&#34;,&#34;listeningText&#34;:&#34;Listening...&#34;,&#34;listeningHint&#34;:&#34;Listening... Click the microphone to stop&#34;,&#34;micDeniedMessage&#34;:&#34;Microphone access isn’t enabled on your browser. Please adjust your browser settings to use voice input.&#34;,&#34;voiceErrorMessage&#34;:&#34;Voice input encountered an error. Please try again or type your message.&#34;,&#34;voiceNotSupportedMessage&#34;:&#34;Voice input is not supported in your browser. Please use Chrome, Safari, or Edge for voice features.&#34;,&#34;openChatAriaLabel&#34;:&#34;Open chat&#34;,&#34;closeChatAriaLabel&#34;:&#34;Close chat&#34;,&#34;sendAriaLabel&#34;:&#34;Send message&#34;,&#34;startVoiceAriaLabel&#34;:&#34;Start voice input&#34;,&#34;stopVoiceAriaLabel&#34;:&#34;Stop recording&#34;,&#34;defaultFallbackResponse&#34;:&#34;Thank you for your question! Our team will get back to you shortly...&#34;,&#34;legalCopy&#34;:&#34;This tool generates answers from Publicis Sapient content using generative AI. It may make mistakes, please verify information.&#34;,&#34;suggestedPrompts&#34;:[{&#34;id&#34;:&#34;1&#34;,&#34;label&#34;:&#34;What problems do your products solve?&#34;},{&#34;id&#34;:&#34;2&#34;,&#34;label&#34;:&#34;Do your platforms work with existing systems?&#34;},{&#34;id&#34;:&#34;3&#34;,&#34;label&#34;:&#34;Can I explore a demo?&#34;}],&#34;personalizationEnabled&#34;:true,&#34;sixsenseConfidenceForPersonalization&#34;:[&#34;Very High&#34;,&#34;High&#34;],&#34;:type&#34;:&#34;ps-redesign/components/sapientchat&#34;}'>
2905</div>
2906
2907
2908    
2909    
2909<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-sapientchat.js?v=20260923-1031-eca8b" defer="defer"></script>
2909
2910
2911</div>
2912<div class="genericEmbedIframe">
2913
2914<!-- Authoring placeholder -->
2915
2916
2917<!-- Generic Embed/Iframe Container -->
2918<div data-cmp-is="generic-embed-iframe" class="generic-embed-iframe">
2919
2920    <!-- If Embed -->
2921    
2922        <div id="main"></div>
2923    
2924
2925    <!-- If iFrame -->
2926    
2927</div>
2928</div>
2929
2930        
2931    </div>
2932
2933</div>
2934
2935        
2936    </div>
2937
2938</div>
2939
2940    
2941</div>
2942<main class="container responsivegrid">
2943
2944    
2945    
2946    
2947    <div id="container-be6d9ac423" class="cmp-container">
2948        
2949        <div class="herowithtextinput">
2950
2951
2952
2953
2954
2955<section class="bg-white w-full overflow-clip pt-12 pb-3" data-cmp-is="herotextinput" data-react-props='{&#34;title&#34;:&#34;We Build AI Solutions for the Enterprise&#34;,&#34;description&#34;:&#34;&lt;p style=\&#34;text-align: center;\&#34;>Publicis Sapient brings the experts who understand your business and the platforms to modernize systems, scale AI agents and keep operations resilient.&lt;/p>\r\n&#34;,&#34;headingLevel&#34;:&#34;1&#34;,&#34;:type&#34;:&#34;ps-redesign/components/herowithtextinput&#34;,&#34;searchPlaceholder&#34;:[&#34;What can we solve for you?&#34;]}' style="visibility: hidden">
2956
2957    <div class="w-full boxed mx-auto">
2958        <div class="ps-grid grid-cols-12 gap-y-12 md:gap-y-16">
2959
2960            <div data-animate="content" class="col-span-full text-center flex flex-col gap-6 md:gap-8 md:col-start-3 md:col-span-8">
2961                <h1 class="display-lg-regular md:display-2xl-regular">
2962                    We Build AI Solutions for the Enterprise
2963                </h1>
2964
2965                <div class="rich-text content-style ps-text-lg-regular md:ps-text-xl-regular text-gray-neutral-700">
2966                    <p style="text-align: center;">Publicis Sapient brings the experts who understand your business and the platforms to modernize systems, scale AI agents and keep operations resilient.</p>
2967
2968                </div>
2969            </div>
2970
2971            <div class="col-span-full flex justify-center md:col-start-4 md:col-span-6">
2972                <!-- data-search-widget: JS replaces this with the interactive expandable search -->
2973                <div class="w-full max-w-[600px] relative" data-search-widget>
2974                    <div class="flex items-center gap-3 w-full min-h-14 px-4 py-3 bg-white border border-gray-neutral-300 rounded-2xl shadow-sm">
2975                        <span class="ps-icon inline-block shrink-0 bg-current ps-icon--search-md w-5 h-5 text-gray-neutral-500" aria-hidden="true"></span>
2976                        <input type="text" class="flex-1 min-w-0 bg-transparent outline-none ps-text-md-regular text-gray-950 placeholder:text-gray-500" placeholder="What can we solve for you?" disabled="disabled"/>
2977                        <button type="button" class="flex items-center justify-center size-10 rounded-full bg-ps-red text-white" disabled="disabled" aria-label="Submit search">
2978                            <span class="ps-icon inline-block shrink-0 bg-current ps-icon--arrow-narrow-right w-5 h-5" aria-hidden="true"></span>
2979                        </button>
2980                    </div>
2981                </div>
2982            </div>
2983        </div>
2984    </div>
2985</section>
2986
2987
2988    
2989    
2989<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-herotextinput.js?v=20260923-1031-eca8b"></script>
2989
2990
2991</div>
2992<div class="verticalpadding">
2993
2994
2995
2996
2997
2998
2999
3000
3001<div class="vp-m vp-white" style="min-height: 40px;"></div>
3002</div>
3003<div class="logoAnimation">
3004
3005
3006
3007
3008
3009
3010<div class="bg-white" data-cmp-is="logo-animation" data-react-props='{&#34;title&#34;:&#34;Trusted by leading organizations in every industry&#34;,&#34;scrollVariation&#34;:&#34;auto&#34;,&#34;displayVariation&#34;:&#34;small&#34;,&#34;logosList&#34;:[{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/01—walmart.svg&#34;,&#34;logoImageAlt&#34;:&#34;walmart&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/02—marriott-homes-and-villas.svg&#34;,&#34;logoImageAlt&#34;:&#34;marriott-homes-and-villas&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/03—hellmans.svg&#34;,&#34;logoImageAlt&#34;:&#34;hellmans&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/04—rwe.svg&#34;,&#34;logoImageAlt&#34;:&#34;rwe&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/05—loreal.svg&#34;,&#34;logoImageAlt&#34;:&#34;loreal&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/06—pandora.svg&#34;,&#34;logoImageAlt&#34;:&#34;pandora&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/07—lufthansa.svg&#34;,&#34;logoImageAlt&#34;:&#34;lufthansa&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/08-nestle.svg&#34;,&#34;logoImageAlt&#34;:&#34;nestle&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/09—nissan.svg&#34;,&#34;logoImageAlt&#34;:&#34;nissan&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/10—chevron.svg&#34;,&#34;logoImageAlt&#34;:&#34;chevron&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/11—verizon.svg&#34;,&#34;logoImageAlt&#34;:&#34;verizon&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/12—hrsa.svg&#34;,&#34;logoImageAlt&#34;:&#34;hrsa&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/13—heathrow.svg&#34;,&#34;logoImageAlt&#34;:&#34;heathrow&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/14—british-gas.svg&#34;,&#34;logoImageAlt&#34;:&#34;british-gas&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/15—audi.svg&#34;,&#34;logoImageAlt&#34;:&#34;audi&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/17-scb.svg&#34;,&#34;logoImageAlt&#34;:&#34; scb&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/18 -anglo-gulf.svg&#34;,&#34;logoImageAlt&#34;:&#34;anglo-gulf&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/19—lowes.svg&#34;,&#34;logoImageAlt&#34;:&#34;lowes&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/20—carrefour.svg&#34;,&#34;logoImageAlt&#34;:&#34;carrefour&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:&#34;true&#34;,&#34;openInNewWindow&#34;:true}],&#34;:type&#34;:&#34;ps-redesign/components/logoAnimation&#34;}'>
3011  <div class="w-full flex flex-col gap-6 md:gap-8">
3012    
3013      <div class="ps-grid grid-cols-12">
3014        <div class="col-span-full md:col-start-3 md:col-span-8 flex items-center justify-center">
3015          
3016            <p class="eyebrow-xs-medium text-gray-neutral-600 text-center">
3017              Trusted by leading organizations in every industry
3018            </p>
3019          
3020          
3021        </div>
3022      </div>
3023    
3024
3025    <div class="flex items-center justify-center gap-8 md:gap-12 flex-wrap">
3026      
3027        
3028        
3029          <div class="flex items-center justify-center h-8 md:h-10">
3030            
3031            
3032    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3033        
3034        
3035        
3036        
3037            <div class="aspect-square w-full"></div>
3038        
3039        
3040        
3041        
3042        
3043        
3044        
3045        
3046        
3047    </div>
3048
3049            <span class="sr-only">walmart</span>
3050          </div>
3051        
3052      
3053        
3054        
3055          <div class="flex items-center justify-center h-8 md:h-10">
3056            
3057            
3058    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3059        
3060        
3061        
3062        
3063            <div class="aspect-square w-full"></div>
3064        
3065        
3066        
3067        
3068        
3069        
3070        
3071        
3072        
3073    </div>
3074
3075            <span class="sr-only">marriott-homes-and-villas</span>
3076          </div>
3077        
3078      
3079        
3080        
3081          <div class="flex items-center justify-center h-8 md:h-10">
3082            
3083            
3084    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3085        
3086        
3087        
3088        
3089            <div class="aspect-square w-full"></div>
3090        
3091        
3092        
3093        
3094        
3095        
3096        
3097        
3098        
3099    </div>
3100
3101            <span class="sr-only">hellmans</span>
3102          </div>
3103        
3104      
3105        
3106        
3107          <div class="flex items-center justify-center h-8 md:h-10">
3108            
3109            
3110    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3111        
3112        
3113        
3114        
3115            <div class="aspect-square w-full"></div>
3116        
3117        
3118        
3119        
3120        
3121        
3122        
3123        
3124        
3125    </div>
3126
3127            <span class="sr-only">rwe</span>
3128          </div>
3129        
3130      
3131        
3132        
3133          <div class="flex items-center justify-center h-8 md:h-10">
3134            
3135            
3136    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3137        
3138        
3139        
3140        
3141            <div class="aspect-square w-full"></div>
3142        
3143        
3144        
3145        
3146        
3147        
3148        
3149        
3150        
3151    </div>
3152
3153            <span class="sr-only">loreal</span>
3154          </div>
3155        
3156      
3157        
3158        
3159          <div class="flex items-center justify-center h-8 md:h-10">
3160            
3161            
3162    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3163        
3164        
3165        
3166        
3167            <div class="aspect-square w-full"></div>
3168        
3169        
3170        
3171        
3172        
3173        
3174        
3175        
3176        
3177    </div>
3178
3179            <span class="sr-only">pandora</span>
3180          </div>
3181        
3182      
3183        
3184        
3185          <div class="flex items-center justify-center h-8 md:h-10">
3186            
3187            
3188    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3189        
3190        
3191        
3192        
3193            <div class="aspect-square w-full"></div>
3194        
3195        
3196        
3197        
3198        
3199        
3200        
3201        
3202        
3203    </div>
3204
3205            <span class="sr-only">lufthansa</span>
3206          </div>
3207        
3208      
3209        
3210        
3211          <div class="flex items-center justify-center h-8 md:h-10">
3212            
3213            
3214    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3215        
3216        
3217        
3218        
3219            <div class="aspect-square w-full"></div>
3220        
3221        
3222        
3223        
3224        
3225        
3226        
3227        
3228        
3229    </div>
3230
3231            <span class="sr-only">nestle</span>
3232          </div>
3233        
3234      
3235        
3236        
3237          <div class="flex items-center justify-center h-8 md:h-10">
3238            
3239            
3240    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3241        
3242        
3243        
3244        
3245            <div class="aspect-square w-full"></div>
3246        
3247        
3248        
3249        
3250        
3251        
3252        
3253        
3254        
3255    </div>
3256
3257            <span class="sr-only">nissan</span>
3258          </div>
3259        
3260      
3261        
3262        
3263          <div class="flex items-center justify-center h-8 md:h-10">
3264            
3265            
3266    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3267        
3268        
3269        
3270        
3271            <div class="aspect-square w-full"></div>
3272        
3273        
3274        
3275        
3276        
3277        
3278        
3279        
3280        
3281    </div>
3282
3283            <span class="sr-only">chevron</span>
3284          </div>
3285        
3286      
3287        
3288        
3289          <div class="flex items-center justify-center h-8 md:h-10">
3290            
3291            
3292    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3293        
3294        
3295        
3296        
3297            <div class="aspect-square w-full"></div>
3298        
3299        
3300        
3301        
3302        
3303        
3304        
3305        
3306        
3307    </div>
3308
3309            <span class="sr-only">verizon</span>
3310          </div>
3311        
3312      
3313        
3314        
3315          <div class="flex items-center justify-center h-8 md:h-10">
3316            
3317            
3318    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3319        
3320        
3321        
3322        
3323            <div class="aspect-square w-full"></div>
3324        
3325        
3326        
3327        
3328        
3329        
3330        
3331        
3332        
3333    </div>
3334
3335            <span class="sr-only">hrsa</span>
3336          </div>
3337        
3338      
3339        
3340        
3341          <div class="flex items-center justify-center h-8 md:h-10">
3342            
3343            
3344    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3345        
3346        
3347        
3348        
3349            <div class="aspect-square w-full"></div>
3350        
3351        
3352        
3353        
3354        
3355        
3356        
3357        
3358        
3359    </div>
3360
3361            <span class="sr-only">heathrow</span>
3362          </div>
3363        
3364      
3365        
3366        
3367          <div class="flex items-center justify-center h-8 md:h-10">
3368            
3369            
3370    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3371        
3372        
3373        
3374        
3375            <div class="aspect-square w-full"></div>
3376        
3377        
3378        
3379        
3380        
3381        
3382        
3383        
3384        
3385    </div>
3386
3387            <span class="sr-only">british-gas</span>
3388          </div>
3389        
3390      
3391        
3392        
3393          <div class="flex items-center justify-center h-8 md:h-10">
3394            
3395            
3396    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3397        
3398        
3399        
3400        
3401            <div class="aspect-square w-full"></div>
3402        
3403        
3404        
3405        
3406        
3407        
3408        
3409        
3410        
3411    </div>
3412
3413            <span class="sr-only">audi</span>
3414          </div>
3415        
3416      
3417        
3418        
3419          <div class="flex items-center justify-center h-8 md:h-10">
3420            
3421            
3422    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3423        
3424        
3425        
3426        
3427            <div class="aspect-square w-full"></div>
3428        
3429        
3430        
3431        
3432        
3433        
3434        
3435        
3436        
3437    </div>
3438
3439            <span class="sr-only"> scb</span>
3440          </div>
3441        
3442      
3443        
3444        
3445          <div class="flex items-center justify-center h-8 md:h-10">
3446            
3447            
3448    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3449        
3450        
3451        
3452        
3453            <div class="aspect-square w-full"></div>
3454        
3455        
3456        
3457        
3458        
3459        
3460        
3461        
3462        
3463    </div>
3464
3465            <span class="sr-only">anglo-gulf</span>
3466          </div>
3467        
3468      
3469        
3470        
3471          <div class="flex items-center justify-center h-8 md:h-10">
3472            
3473            
3474    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3475        
3476        
3477        
3478        
3479            <div class="aspect-square w-full"></div>
3480        
3481        
3482        
3483        
3484        
3485        
3486        
3487        
3488        
3489    </div>
3490
3491            <span class="sr-only">lowes</span>
3492          </div>
3493        
3494      
3495        
3496        
3497          <div class="flex items-center justify-center h-8 md:h-10">
3498            
3499            
3500    <div class="ssr-skeleton bg-white rounded-lg w-16 h-full" data-ssr-skeleton="image" aria-hidden="true">
3501        
3502        
3503        
3504        
3505            <div class="aspect-square w-full"></div>
3506        
3507        
3508        
3509        
3510        
3511        
3512        
3513        
3514        
3515    </div>
3516
3517            <span class="sr-only">carrefour</span>
3518          </div>
3519        
3520      
3521    </div>
3522  </div>
3523</div>
3524
3525
3526    
3527    
3527<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-logoanimation.js?v=20260923-1031-eca8b"></script>
3527
3528
3529</div>
3530<div class="verticalpadding">
3531
3532
3533
3534
3535
3536
3537
3538
3539<div class="vp-m vp-white" style="min-height: 40px;"></div>
3540</div>
3541<div class="tabs">
3542
3543
3544
3545
3546
3547<div class="bg-white" data-cmp-is="feature-tabs" data-react-props='{&#34;title&#34;:&#34;We understand and solve your enterprise issues&#34;,&#34;description&#34;:&#34;&lt;p style=\&#34;text-align: center;\&#34;>Across industries, the same barriers keep showing up. Legacy technology, disconnected work, reactive operations and missing context limit what AI can deliver.&lt;/p>\r\n&#34;,&#34;orientation&#34;:&#34;horizontal&#34;,&#34;variation&#34;:&#34;image&#34;,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/08/homepage/images/horizontal-tab-main-img-desktop.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/08/homepage/images/horizontal-tab-main-img-desktop.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/08/homepage/images/horizontal-tab-main-img-mobile.jpg&#34;,&#34;imageAlt&#34;:&#34;The challenges we solve&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;tabs&#34;:[{&#34;title&#34;:&#34;Legacy systems limit growth&#34;,&#34;description&#34;:&#34;&lt;p>We modernize legacy systems end to end, and keep the business running while we do.&lt;/p>\r\n&#34;,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-modernize-enterprise-img-desktop.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-modernize-enterprise-img-desktop.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-modernize-enterprise-img-mobile.jpg&#34;,&#34;imageAlt&#34;:&#34;Modernize your enterprise&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore more&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore more&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/issues/enterprise-modernization&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}},{&#34;title&#34;:&#34;AI struggles to scale&#34;,&#34;description&#34;:&#34;&lt;p>We build governed, context-aware agents that scale past the demo and across your systems.&lt;/p>\r\n&#34;,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-scale-agentic-img-desktop.png&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-scale-agentic-img-desktop.png&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-scale-agentic-img-mobile.png&#34;,&#34;imageAlt&#34;:&#34;Scale agentic solutions&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore more&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore more&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/issues/enterprise-agentic-ai&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}},{&#34;title&#34;:&#34;Operations can’t keep pace&#34;,&#34;description&#34;:&#34;&lt;p>We use AI to anticipate issues, resolve them automatically and keep operations resilient.&lt;/p>\r\n&#34;,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-resiliant-img-it-desktop.png&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-resiliant-img-it-desktop.png&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/horizontal-tabs-resiliant-it-img-mobile.png&#34;,&#34;imageAlt&#34;:&#34;Resilient IT operations&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore more&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore more&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/issues/it-operations-complexity&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}}],&#34;:type&#34;:&#34;ps-redesign/components/tabs&#34;}'>
3548
3549  
3550  <div class="mb-10 md:mb-16">
3551    <div class="ps-grid grid-cols-1 md:grid-cols-12">
3552      <div class="md:col-start-3 md:col-end-11 w-full flex flex-col items-center">
3553        <div class="flex flex-col gap-5 md:gap-6 w-full items-center">
3554          <h2 class="display-sm-light md:display-lg-light leading-tight text-black text-center sr-only">
3555            We understand and solve your enterprise issues
3556          </h2>
3557          <div class="ps-text-lg-regular md:ps-text-xl-regular text-gray-neutral-700 text-center [&_p]:mb-0 sr-only">
3558            <p style="text-align: center;">Across industries, the same barriers keep showing up. Legacy technology, disconnected work, reactive operations and missing context limit what AI can deliver.</p>
3559
3560          </div>
3561        </div>
3562      </div>
3563    </div>
3564  </div>
3565
3566  
3567  <div class="flex flex-col gap-8 w-full overflow-hidden" data-ssr-skeleton="feature-tabs">
3568    <div class="flex gap-2 flex-wrap">
3569      
3570        
3571    
3572    
3573    
3574    
3575        <div class="ssr-skeleton rounded-full bg-white h-10 w-28 " data-ssr-skeleton="button" aria-hidden="true">
3576        </div>
3577    
3578    
3579    
3580    
3581    
3582
3583      
3584        
3585    
3586    
3587    
3588    
3589        <div class="ssr-skeleton rounded-full bg-white h-10 w-28 " data-ssr-skeleton="button" aria-hidden="true">
3590        </div>
3591    
3592    
3593    
3594    
3595    
3596
3597      
3598        
3599    
3600    
3601    
3602    
3603        <div class="ssr-skeleton rounded-full bg-white h-10 w-28 " data-ssr-skeleton="button" aria-hidden="true">
3604        </div>
3605    
3606    
3607    
3608    
3609    
3610
3611      
3612    </div>
3613    
3614    <div class="ssr-skeleton bg-white rounded-lg w-full rounded-2xl" data-ssr-skeleton="image" aria-hidden="true">
3615        
3616        
3617            <div class="aspect-video w-full"></div>
3618        
3619        
3620        
3621        
3622        
3623        
3624        
3625        
3626        
3627        
3628        
3629    </div>
3630
3631  </div>
3632
3633  
3634  <div class="sr-only">
3635    
3636      
3637        
3638      
3639        
3640      
3641        
3642      
3643    
3644  </div>
3645
3646</div>
3647
3648    
3649    
3649<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-featuretabs.js?v=20260923-1031-eca8b" defer="defer"></script>
3649
3650
3651</div>
3652<div class="verticalpadding">
3653
3654
3655
3656
3657
3658
3659
3660
3661<div class="vp-xxl vp-white" style="min-height: 80px;"></div>
3662</div>
3663<div class="featuresSection">
3664
3665
3666
3667
3668
3669
3670
3671
3672
3673
3674<div class="bg-white" data-cmp-is="features-section" data-hydration-priority="lazy" data-react-props='{&#34;title&#34;:&#34;Where enterprise expertise meets AI&#34;,&#34;description&#34;:&#34;&lt;p>Our people bring industry, engineering and functional expertise to find the real problem and build the right solution. Our platforms combine that expertise with your context, including your systems, data, rules and workflows.&lt;/p>\r\n&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Learn more about our approach&#34;,&#34;ctaAriaLabel&#34;:&#34;Learn more about our approach&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/company/capabilities&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/features-section-business-problems.png&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/features-section-business-problems.png&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/features-section-business-problems.png&#34;,&#34;imageAlt&#34;:&#34;How we solve your business problems&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;disableImageOnMobile&#34;:false,&#34;subSections&#34;:[{&#34;subTitle&#34;:&#34;Our People&#34;,&#34;subDescription&#34;:&#34;&lt;p>30+ years of enterprise transformation experience.&lt;/p>\r\n&#34;,&#34;subIcon&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/icons/twenty-thousand-people-icon.svg&#34;},{&#34;subTitle&#34;:&#34;Our Platforms&#34;,&#34;subDescription&#34;:&#34;&lt;p>3 platforms built on decades of enterprise context.&lt;/p>\r\n&#34;,&#34;subIcon&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/icons/layers-three.svg&#34;}],&#34;subSectionEnabled&#34;:true,&#34;:type&#34;:&#34;ps-redesign/components/featuressection&#34;}'>
3675  
3676    
3677    
3678    
3679    <div class="relative boxed">
3680      <div class="hidden md:grid md:grid-cols-12">
3681        
3682        <div class="col-span-5 flex flex-col gap-16 py-10">
3683          <div class="flex flex-col gap-8 items-start">
3684            <div class="flex flex-col gap-6 w-full">
3685              <h2 class="sr-only">
3686                Where enterprise expertise meets AI
3687              </h2>
3688              
3689              
3690                <div class="sr-only">
3691                  <p>Our people bring industry, engineering and functional expertise to find the real problem and build the right solution. Our platforms combine that expertise with your context, including your systems, data, rules and workflows.</p>
3692
3693                </div>
3694              
3695            </div>
3696          </div>
3697
3698          
3699          
3700            <div class="flex gap-6 md:gap-8 w-full">
3701              <div class="flex gap-5 md:gap-6 md:flex-col">
3702                
3703                  
3704                  
3705    <div class="ssr-skeleton bg-white rounded-lg w-12 h-12 rounded-lg" data-ssr-skeleton="image" aria-hidden="true">
3706        
3707        
3708        
3709        
3710            <div class="aspect-square w-full"></div>
3711        
3712        
3713        
3714        
3715        
3716        
3717        
3718        
3719        
3720    </div>
3721
3722                
3723                <div class="flex flex-col justify-center gap-2 flex-1">
3724                  <h3 class="sr-only">
3725                    Our People
3726                  </h3>
3727                  
3728                  
3729                    <div class="sr-only">
3730                      <p>30+ years of enterprise transformation experience.</p>
3731
3732                    </div>
3733                  
3734                </div>
3735              
3736                
3737                  
3738                  
3739    <div class="ssr-skeleton bg-white rounded-lg w-12 h-12 rounded-lg" data-ssr-skeleton="image" aria-hidden="true">
3740        
3741        
3742        
3743        
3744            <div class="aspect-square w-full"></div>
3745        
3746        
3747        
3748        
3749        
3750        
3751        
3752        
3753        
3754    </div>
3755
3756                
3757                <div class="flex flex-col justify-center gap-2 flex-1">
3758                  <h3 class="sr-only">
3759                    Our Platforms
3760                  </h3>
3761                  
3762                  
3763                    <div class="sr-only">
3764                      <p>3 platforms built on decades of enterprise context.</p>
3765
3766                    </div>
3767                  
3768                </div>
3769              </div>
3770            </div>
3771          
3772        </div>
3773
3774        
3775        <div class="col-span-6 col-start-7 flex items-center">
3776          <div class="relative w-full rounded-2xl overflow-hidden">
3777            
3778            
3779    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
3780        
3781        
3782            <div class="aspect-video w-full"></div>
3783        
3784        
3785        
3786        
3787        
3788        
3789        
3790        
3791        
3792        
3793        
3794    </div>
3795
3796          </div>
3797        </div>
3798      </div>
3799
3800      
3801      <div class="grid md:hidden grid-cols-1 gap-10 justify-center">
3802        <div class="col-span-1 flex flex-col gap-12">
3803          <div class="flex flex-col items-center gap-6 mx-auto">
3804            <div class="flex flex-col items-center gap-5 w-full">
3805              <h2 class="sr-only">
3806                Where enterprise expertise meets AI
3807              </h2>
3808              
3809              
3810                <div class="sr-only">
3811                  <p>Our people bring industry, engineering and functional expertise to find the real problem and build the right solution. Our platforms combine that expertise with your context, including your systems, data, rules and workflows.</p>
3812
3813                </div>
3814              
3815            </div>
3816          </div>
3817
3818          
3819          
3820            <div class="flex flex-col gap-6">
3821              <div class="flex gap-5">
3822                
3823                  
3824    <div class="ssr-skeleton bg-white rounded-lg w-12 h-12 rounded-lg" data-ssr-skeleton="image" aria-hidden="true">
3825        
3826        
3827        
3828        
3829            <div class="aspect-square w-full"></div>
3830        
3831        
3832        
3833        
3834        
3835        
3836        
3837        
3838        
3839    </div>
3840
3841                
3842                <div class="flex flex-col justify-center gap-2 flex-1">
3843                  <h3 class="sr-only">
3844                    Our People
3845                  </h3>
3846                  
3847                  
3848                    <div class="sr-only">
3849                      <p>30+ years of enterprise transformation experience.</p>
3850
3851                    </div>
3852                  
3853                </div>
3854              
3855                
3856                  
3857    <div class="ssr-skeleton bg-white rounded-lg w-12 h-12 rounded-lg" data-ssr-skeleton="image" aria-hidden="true">
3858        
3859        
3860        
3861        
3862            <div class="aspect-square w-full"></div>
3863        
3864        
3865        
3866        
3867        
3868        
3869        
3870        
3871        
3872    </div>
3873
3874                
3875                <div class="flex flex-col justify-center gap-2 flex-1">
3876                  <h3 class="sr-only">
3877                    Our Platforms
3878                  </h3>
3879                  
3880                  
3881                    <div class="sr-only">
3882                      <p>3 platforms built on decades of enterprise context.</p>
3883
3884                    </div>
3885                  
3886                </div>
3887              </div>
3888            </div>
3889          
3890        </div>
3891
3892        
3893        <div class="col-span-1">
3894          <div class="relative w-full rounded-2xl overflow-hidden">
3895            
3896    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
3897        
3898        
3899            <div class="aspect-video w-full"></div>
3900        
3901        
3902        
3903        
3904        
3905        
3906        
3907        
3908        
3909        
3910        
3911    </div>
3912
3913          </div>
3914        </div>
3915      </div>
3916    </div>
3917  
3918
3919  
3920  
3921    
3922
3923</div>
3924
3925
3926    
3927    
3927<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-featuressection.js?v=20260923-1031-eca8b" defer="defer"></script>
3927
3928
3929</div>
3930<div class="verticalpadding">
3931
3932
3933
3934
3935
3936
3937
3938
3939<div class="vp-xxl vp-white" style="min-height: 80px;"></div>
3940</div>
3941<div class="casestudystackingcard">
3942
3943
3944<!-- Authoring placeholder -->
3945
3946
3947<div class="case-study-stacking-card bg-white" data-cmp-is="case-study-stacking-card" data-hydration-priority="lazy" data-react-props='{&#34;title&#34;:&#34;The platforms behind the work&#34;,&#34;ctaType&#34;:&#34;textLinkCta&#34;,&#34;cards&#34;:[{&#34;logoPath&#34;:null,&#34;textColor&#34;:&#34;white&#34;,&#34;id&#34;:null,&#34;eyebrow&#34;:null,&#34;title&#34;:&#34;Modernize your enterprise with Sapient Slingshot&#34;,&#34;description&#34;:null,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-desktop-slingshot.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-desktop-slingshot.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-mobile-slingshot.jpg&#34;,&#34;imageAlt&#34;:&#34;Transform software development with Sapient Slingshot&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Learn more about Slingshot&#34;,&#34;ctaAriaLabel&#34;:&#34;Learn more about Slingshot&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/platforms/slingshot&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;cardType&#34;:&#34;copy&#34;,&#34;statistics&#34;:null,&#34;sections&#34;:[{&#34;title&#34;:null,&#34;description&#34;:&#34;&lt;p>Slingshot modernizes legacy systems and builds new software across the full development lifecycle. It reads the code you already have, recovers the business rules buried inside it and rebuilds on top of them so nothing critical gets lost along on the way.&lt;/p>\r\n&#34;}]},{&#34;logoPath&#34;:null,&#34;textColor&#34;:&#34;white&#34;,&#34;id&#34;:null,&#34;eyebrow&#34;:null,&#34;title&#34;:&#34;Build and orchestrate agents with Sapient Bodhi&#34;,&#34;description&#34;:null,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-bohdi.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-bohdi.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-mobile-bohdi.jpg&#34;,&#34;imageAlt&#34;:&#34;Build and deploy agentic solutions with Sapient Bodhi&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Learn more about Bodhi&#34;,&#34;ctaAriaLabel&#34;:&#34;Learn more about Bodhi&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/platforms/bodhi&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;cardType&#34;:&#34;copy&#34;,&#34;statistics&#34;:null,&#34;sections&#34;:[{&#34;title&#34;:null,&#34;description&#34;:&#34;&lt;p>Bodhi builds and orchestrates AI agents that work across your systems, data and workflows. Every agent is grounded in your business context and governed centrally, so AI scales across your organization.&lt;/p>\r\n&#34;}]},{&#34;logoPath&#34;:null,&#34;textColor&#34;:&#34;white&#34;,&#34;id&#34;:null,&#34;eyebrow&#34;:null,&#34;title&#34;:&#34;Run resilient IT operations with Sapient Sustain&#34;,&#34;description&#34;:null,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-desktop-sustain.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-desktop-sustain.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/homepage/images/stacking-cards-product-overview-mobile-sustain.jpg&#34;,&#34;imageAlt&#34;:&#34;Modernize IT operations with Sapient Sustain&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Learn more about Sustain&#34;,&#34;ctaAriaLabel&#34;:&#34;Learn more about Sustain&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/platforms/sustain&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;cardType&#34;:&#34;copy&#34;,&#34;statistics&#34;:null,&#34;sections&#34;:[{&#34;title&#34;:null,&#34;description&#34;:&#34;&lt;p>Sustain keeps enterprise technology running by anticipating issues and resolving them automatically. It works on top of the tools you already use, so reliability goes up while the cost of running IT comes down.&lt;/p>\r\n&#34;}]}],&#34;:type&#34;:&#34;ps-redesign/components/casestudystackingcard&#34;}'>
3948    
3949    
3950        <h2 class="case-study-stacking-card__title sr-only">
3951            The platforms behind the work
3952        </h2>
3953    
3954    
3955    <!-- Cards -->
3956    <div class="case-study-stacking-card__cards">
3957        <article class="case-study-card">
3958            
3959            <span class="case-study-card__eyebrow sr-only"></span>
3960            <h3 class="case-study-card__title sr-only">Modernize your enterprise with Sapient Slingshot</h3>
3961            
3962            <!-- Media -->
3963            <div class="case-study-card__media">
3964                
3965                
3966    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
3967        
3968        
3969            <div class="aspect-video w-full"></div>
3970        
3971        
3972        
3973        
3974        
3975        
3976        
3977        
3978        
3979        
3980        
3981    </div>
3982
3983            </div>
3984            <!-- COPY card -->
3985            <div class="case-study-card__sections sr-only">
3986                <div class="case-study-card__section">
3987                    <h4></h4>
3988                    <p>&lt;p&gt;Slingshot modernizes legacy systems and builds new software across the full development lifecycle. It reads the code you already have, recovers the business rules buried inside it and rebuilds on top of them so nothing critical gets lost along on the way.&lt;/p&gt;
3989</p>
3990                </div>
3991
3992            </div>
3993            <!-- STATS card -->
3994            
3995            <!-- CTA -->
3996            <a class="case-study-card__cta sr-only" href="https://www.publicissapient.com/platforms/slingshot" aria-label="Learn more about Slingshot" target="_self">
3997                Learn more about Slingshot
3998            </a>
3999        </article>
4000<article class="case-study-card">
4001            
4002            <span class="case-study-card__eyebrow sr-only"></span>
4003            <h3 class="case-study-card__title sr-only">Build and orchestrate agents with Sapient Bodhi</h3>
4004            
4005            <!-- Media -->
4006            <div class="case-study-card__media">
4007                
4008                
4009    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4010        
4011        
4012            <div class="aspect-video w-full"></div>
4013        
4014        
4015        
4016        
4017        
4018        
4019        
4020        
4021        
4022        
4023        
4024    </div>
4025
4026            </div>
4027            <!-- COPY card -->
4028            <div class="case-study-card__sections sr-only">
4029                <div class="case-study-card__section">
4030                    <h4></h4>
4031                    <p>&lt;p&gt;Bodhi builds and orchestrates AI agents that work across your systems, data and workflows. Every agent is grounded in your business context and governed centrally, so AI scales across your organization.&lt;/p&gt;
4032</p>
4033                </div>
4034
4035            </div>
4036            <!-- STATS card -->
4037            
4038            <!-- CTA -->
4039            <a class="case-study-card__cta sr-only" href="https://www.publicissapient.com/platforms/bodhi" aria-label="Learn more about Bodhi" target="_self">
4040                Learn more about Bodhi
4041            </a>
4042        </article>
4043<article class="case-study-card">
4044            
4045            <span class="case-study-card__eyebrow sr-only"></span>
4046            <h3 class="case-study-card__title sr-only">Run resilient IT operations with Sapient Sustain</h3>
4047            
4048            <!-- Media -->
4049            <div class="case-study-card__media">
4050                
4051                
4052    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4053        
4054        
4055            <div class="aspect-video w-full"></div>
4056        
4057        
4058        
4059        
4060        
4061        
4062        
4063        
4064        
4065        
4066        
4067    </div>
4068
4069            </div>
4070            <!-- COPY card -->
4071            <div class="case-study-card__sections sr-only">
4072                <div class="case-study-card__section">
4073                    <h4></h4>
4074                    <p>&lt;p&gt;Sustain keeps enterprise technology running by anticipating issues and resolving them automatically. It works on top of the tools you already use, so reliability goes up while the cost of running IT comes down.&lt;/p&gt;
4075</p>
4076                </div>
4077
4078            </div>
4079            <!-- STATS card -->
4080            
4081            <!-- CTA -->
4082            <a class="case-study-card__cta sr-only" href="https://www.publicissapient.com/platforms/sustain" aria-label="Learn more about Sustain" target="_self">
4083                Learn more about Sustain
4084            </a>
4085        </article>
4086
4087    </div>
4088</div>
4089
4090    
4091    
4091<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-casestudystackingcard.js?v=20260923-1031-eca8b" defer="defer"></script>
4091
4092</div>
4093<div class="verticalpadding">
4094
4095
4096
4097
4098
4099
4100
4101
4102<div class="vp-xxl vp-white" style="min-height: 80px;"></div>
4103</div>
4104<div class="copyBlock">
4105
4106
4107
4108<!-- Header Variant -->
4109
4110  <div data-cmp-is="copyblock" data-hydration-priority="lazy" data-react-props='{&#34;headline&#34;:&#34;Results from our customers&#39; transformations&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;variant&#34;:&#34;header&#34;,&#34;as&#34;:&#34;h2&#34;,&#34;enableAnimation&#34;:false,&#34;sections&#34;:[],&#34;:type&#34;:&#34;ps-redesign/components/copyBlock&#34;}'>
4111    <!-- SSR Content Structure -->
4112    <div class="copy-block copy-block--header sr-only" data-ssr-content="true">
4113      <div class="copy-block__container boxed m-auto">
4114        <div class="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-8">
4115          <div class="md:col-start-3 md:col-span-8 w-full text-center">
4116            <div class="flex flex-col gap-4 md:gap-6">
4117              <!-- Title + Eyebrow -->
4118              <div class="flex flex-col gap-3">
4119                
4120                <h2 class="display-sm-light md:display-lg-light text-gray-neutral-900">
4121                  Results from our customers&#39; transformations
4122                </h2>
4123              </div>
4124              <!-- Description -->
4125              
4126            </div>
4127          </div>
4128        </div>
4129      </div>
4130    </div>
4131  </div>
4132
4133
4134<!-- GTN Variant -->
4135
4136
4137<!-- Rail Variant -->
4138
4139
4140<!-- Legal Variant -->
4141
4142
4143
4144    
4145    
4145<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-copyblock.js?v=20260923-1031-eca8b" defer="defer"></script>
4145
4146
4147</div>
4148<div class="verticalpadding">
4149
4150
4151
4152
4153
4154
4155
4156
4157<div class="vp-m vp-white" style="min-height: 40px;"></div>
4158</div>
4159<div class="caseStudySingleCard">
4160
4161
4162<!-- Authoring placeholder -->
4163
4164
4165<div class="case-study-single-card bg-white" data-cmp-is="case-study-single-card" data-hydration-priority="lazy" data-react-props='{&#34;backgroundImagePath&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/case-study-single-card/case-study-background-img-green.png&#34;,&#34;caseStudies&#34;:[{&#34;eyebrow&#34;:&#34;Scale agentic solutions&#34;,&#34;title&#34;:&#34;AI-Powered Personalization at Scale for a Global CPG Leader&#34;,&#34;description&#34;:&#34;&lt;p>A global CPG company used Sapient Bodhi to automate content creation to produce more assets faster, cut manual work and support personalization across markets.&lt;/p>\r\n&#34;,&#34;statistics&#34;:[{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;700&#34;,&#34;laterSymbol&#34;:&#34;+&#34;,&#34;description&#34;:&#34;&lt;p>assets in two months&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;60&#34;,&#34;laterSymbol&#34;:&#34;%&#34;,&#34;description&#34;:&#34;&lt;p>reuse across brands&lt;/p>\r\n&#34;}],&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/cpg-case-study-img-desk.png&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/cpg-case-study-img-desk.png&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/cpg-case-study-img-mob.png&#34;,&#34;imageAlt&#34;:&#34;AI-Powered Personalization at Scale for a Global CPG Leader&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Learn more&#34;,&#34;ctaAriaLabel&#34;:&#34;Learn more&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/customers/stories/cpg-bodhi-content-supply-chain&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}},{&#34;eyebrow&#34;:&#34;Modernize your enterprise&#34;,&#34;title&#34;:&#34;Global Retail and Commercial Bank Extracts Legacy COBOL&#34;,&#34;description&#34;:&#34;&lt;p>A global bank used Sapient Slingshot to turn nearly three million lines of legacy COBOL into audit-ready specs in eight weeks, cutting code-to-spec effort by up to 85 percent.&lt;br>\r\n&amp;nbsp;&lt;/p>\r\n&#34;,&#34;statistics&#34;:[{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;50&#34;,&#34;laterSymbol&#34;:&#34;%&#34;,&#34;description&#34;:&#34;&lt;p>faster specification creation&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:&#34;70-&#34;,&#34;statsNumber&#34;:&#34;85&#34;,&#34;laterSymbol&#34;:&#34;%&#34;,&#34;description&#34;:&#34;&lt;p>reduced manual code-to-spec effort&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;95&#34;,&#34;laterSymbol&#34;:&#34;%&#34;,&#34;description&#34;:&#34;&lt;p>specification accuracy&lt;/p>\r\n&#34;}],&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/global-retail-casestudy-img-desk.png&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/global-retail-casestudy-img-desk.png&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/global-retail-casestudy-img-mob.png&#34;,&#34;imageAlt&#34;:&#34;Global Retail and Commercial Bank Extracts Legacy COBOL&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Learn more&#34;,&#34;ctaAriaLabel&#34;:&#34;Learn more&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/customers/stories/financial-services-slingshot-legacy-modernization&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}},{&#34;eyebrow&#34;:&#34;Resilient IT operations&#34;,&#34;title&#34;:&#34;Nissan Cuts IT Costs 40% With
AI Monitoring and Automation&#34;,&#34;description&#34;:&#34;&lt;p>Sapient Sustain added AI-powered monitoring, self-healing automation and real-time visibility to prevent issues earlier without disrupting Nissan’s existing tech stack.&lt;br>\r\n&amp;nbsp;&lt;/p>\r\n&#34;,&#34;statistics&#34;:[{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;62&#34;,&#34;laterSymbol&#34;:&#34;%&#34;,&#34;description&#34;:&#34;&lt;p>same-day issue resolution&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;99.9&#34;,&#34;laterSymbol&#34;:&#34;%&#34;,&#34;description&#34;:&#34;&lt;p>platform uptime maintained&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;40&#34;,&#34;laterSymbol&#34;:&#34;%&#34;,&#34;description&#34;:&#34;&lt;p>reduction in operational costs&lt;/p>\r\n&#34;}],&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/case-study-image-nissan-desk.png&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/case-study-image-nissan-desk.png&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/homepage/images/case-study-image-nissan-mob.png&#34;,&#34;imageAlt&#34;:&#34;Nissan Cuts IT Costs 40% With
AI Monitoring and Automation&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Learn more&#34;,&#34;ctaAriaLabel&#34;:&#34;Learn more&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/customers/stories/nissan-sustain-ai-operations&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null}}],&#34;:type&#34;:&#34;ps-redesign/components/caseStudySingleCard&#34;}'>
4166  <!-- ================= Case Studies ================= -->
4167  <div class="case-study-single-card__list">
4168    <div class="case-study-single-card__item">
4169      
4170      <span class="case-study-single-card__eyebrow sr-only">
4171        Scale agentic solutions
4172      </span>
4173      <h2 class="case-study-single-card__title sr-only">AI-Powered Personalization at Scale for a Global CPG Leader</h2>
4174      <div class="case-study-single-card__description sr-only">
4175        <p>A global CPG company used Sapient Bodhi to automate content creation to produce more assets faster, cut manual work and support personalization across markets.</p>
4176
4177      </div>
4178
4179      <!-- ================= Statistics ================= -->
4180      <div class="case-study-single-card__stats sr-only">
4181        <div class="case-study-single-card__stat">
4182          <span></span>
4183          <strong>700</strong>
4184          <span>+</span>
4185          <p>&lt;p&gt;assets in two months&lt;/p&gt;
4186</p>
4187        </div>
4188<div class="case-study-single-card__stat">
4189          <span></span>
4190          <strong>60</strong>
4191          <span>%</span>
4192          <p>&lt;p&gt;reuse across brands&lt;/p&gt;
4193</p>
4194        </div>
4195
4196      </div>
4197
4198      <!-- ================= Images ================= -->
4199      <div class="case-study-single-card__images">
4200        
4201        
4202    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4203        
4204        
4205            <div class="aspect-video w-full"></div>
4206        
4207        
4208        
4209        
4210        
4211        
4212        
4213        
4214        
4215        
4216        
4217    </div>
4218
4219        
4220        <span class="sr-only">AI-Powered Personalization at Scale for a Global CPG Leader</span>
4221      </div>
4222
4223      <!-- ================= CTA ================= -->
4224      <div class="case-study-single-card__cta sr-only">
4225        <a href="https://www.publicissapient.com/customers/stories/cpg-bodhi-content-supply-chain" aria-label="Learn more" target="_self">
4226          Learn more
4227        </a>
4228      </div>
4229    </div>
4230<div class="case-study-single-card__item">
4231      
4232      <span class="case-study-single-card__eyebrow sr-only">
4233        Modernize your enterprise
4234      </span>
4235      <h2 class="case-study-single-card__title sr-only">Global Retail and Commercial Bank Extracts Legacy COBOL</h2>
4236      <div class="case-study-single-card__description sr-only">
4237        <p>A global bank used Sapient Slingshot to turn nearly three million lines of legacy COBOL into audit-ready specs in eight weeks, cutting code-to-spec effort by up to 85 percent.<br />
4238 </p>
4239
4240      </div>
4241
4242      <!-- ================= Statistics ================= -->
4243      <div class="case-study-single-card__stats sr-only">
4244        <div class="case-study-single-card__stat">
4245          <span></span>
4246          <strong>50</strong>
4247          <span>%</span>
4248          <p>&lt;p&gt;faster specification creation&lt;/p&gt;
4249</p>
4250        </div>
4251<div class="case-study-single-card__stat">
4252          <span>70-</span>
4253          <strong>85</strong>
4254          <span>%</span>
4255          <p>&lt;p&gt;reduced manual code-to-spec effort&lt;/p&gt;
4256</p>
4257        </div>
4258<div class="case-study-single-card__stat">
4259          <span></span>
4260          <strong>95</strong>
4261          <span>%</span>
4262          <p>&lt;p&gt;specification accuracy&lt;/p&gt;
4263</p>
4264        </div>
4265
4266      </div>
4267
4268      <!-- ================= Images ================= -->
4269      <div class="case-study-single-card__images">
4270        
4271        
4272    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4273        
4274        
4275            <div class="aspect-video w-full"></div>
4276        
4277        
4278        
4279        
4280        
4281        
4282        
4283        
4284        
4285        
4286        
4287    </div>
4288
4289        
4290        <span class="sr-only">Global Retail and Commercial Bank Extracts Legacy COBOL</span>
4291      </div>
4292
4293      <!-- ================= CTA ================= -->
4294      <div class="case-study-single-card__cta sr-only">
4295        <a href="https://www.publicissapient.com/customers/stories/financial-services-slingshot-legacy-modernization" aria-label="Learn more" target="_self">
4296          Learn more
4297        </a>
4298      </div>
4299    </div>
4300<div class="case-study-single-card__item">
4301      
4302      <span class="case-study-single-card__eyebrow sr-only">
4303        Resilient IT operations
4304      </span>
4305      <h2 class="case-study-single-card__title sr-only">Nissan Cuts IT Costs 40% With
AI Monitoring and Automation</h2>
4306      <div class="case-study-single-card__description sr-only">
4307        <p>Sapient Sustain added AI-powered monitoring, self-healing automation and real-time visibility to prevent issues earlier without disrupting Nissan’s existing tech stack.<br />
4308 </p>
4309
4310      </div>
4311
4312      <!-- ================= Statistics ================= -->
4313      <div class="case-study-single-card__stats sr-only">
4314        <div class="case-study-single-card__stat">
4315          <span></span>
4316          <strong>62</strong>
4317          <span>%</span>
4318          <p>&lt;p&gt;same-day issue resolution&lt;/p&gt;
4319</p>
4320        </div>
4321<div class="case-study-single-card__stat">
4322          <span></span>
4323          <strong>99.9</strong>
4324          <span>%</span>
4325          <p>&lt;p&gt;platform uptime maintained&lt;/p&gt;
4326</p>
4327        </div>
4328<div class="case-study-single-card__stat">
4329          <span></span>
4330          <strong>40</strong>
4331          <span>%</span>
4332          <p>&lt;p&gt;reduction in operational costs&lt;/p&gt;
4333</p>
4334        </div>
4335
4336      </div>
4337
4338      <!-- ================= Images ================= -->
4339      <div class="case-study-single-card__images">
4340        
4341        
4342    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4343        
4344        
4345            <div class="aspect-video w-full"></div>
4346        
4347        
4348        
4349        
4350        
4351        
4352        
4353        
4354        
4355        
4356        
4357    </div>
4358
4359        
4360        <span class="sr-only">Nissan Cuts IT Costs 40% With
AI Monitoring and Automation</span>
4361      </div>
4362
4363      <!-- ================= CTA ================= -->
4364      <div class="case-study-single-card__cta sr-only">
4365        <a href="https://www.publicissapient.com/customers/stories/nissan-sustain-ai-operations" aria-label="Learn more" target="_self">
4366          Learn more
4367        </a>
4368      </div>
4369    </div>
4370
4371  </div>
4372</div>
4373
4374    
4375    
4375<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-casestudysinglecard.js?v=20260923-1031-eca8b" defer="defer"></script>
4375
4376
4377</div>
4378<div class="verticalpadding">
4379
4380
4381
4382
4383
4384
4385
4386
4387<div class="vp-xxl vp-white" style="min-height: 80px;"></div>
4388</div>
4389<div class="stats">
4390
4391
4392
4393
4394
4395
4396
4397<div class="cmp-stats bg-white" data-cmp-is="stats" data-react-props='{&#34;title&#34;:&#34;We’re purpose-built for enterprise AI&#34;,&#34;description&#34;:&#34;&lt;p style=\&#34;text-align: center;\&#34;>For more than 30 years, enterprises have used our technology to solve their hardest problems. Now, we’re building AI platforms that do it at scale.&lt;/p>&#34;,&#34;statisticsAlign&#34;:&#34;left&#34;,&#34;hideStatistics&#34;:false,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:null,&#34;tabletImage&#34;:null,&#34;mobileImage&#34;:null,&#34;imageAlt&#34;:null,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;statistics&#34;:[{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;30&#34;,&#34;laterSymbol&#34;:&#34;+&#34;,&#34;description&#34;:&#34;&lt;p>years of experience&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;20,000&#34;,&#34;laterSymbol&#34;:null,&#34;description&#34;:&#34;&lt;p>passionate people&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;26&#34;,&#34;laterSymbol&#34;:&#34;+&#34;,&#34;description&#34;:&#34;&lt;p>countries&lt;/p>\r\n&#34;},{&#34;priorSymbol&#34;:null,&#34;statsNumber&#34;:&#34;3&#34;,&#34;laterSymbol&#34;:null,&#34;description&#34;:&#34;&lt;p>AI platforms&lt;/p>\r\n&#34;}],&#34;:type&#34;:&#34;ps-redesign/components/stats&#34;}'>
4398
4399    
4400    <div class="sr-only">
4401        <h2>We’re purpose-built for enterprise AI</h2>
4402        <p><p style="text-align: center;">For more than 30 years, enterprises have used our technology to solve their hardest problems. Now, we’re building AI platforms that do it at scale.</p></p>
4403    </div>
4404
4405    
4406    <div class="sr-only">
4407        
4408            <div>
4409                
4410                <span>30</span>
4411                <span>+</span>
4412                <p>&lt;p&gt;years of experience&lt;/p&gt;
4413</p>
4414            </div>
4415        
4416            <div>
4417                
4418                <span>20,000</span>
4419                
4420                <p>&lt;p&gt;passionate people&lt;/p&gt;
4421</p>
4422            </div>
4423        
4424            <div>
4425                
4426                <span>26</span>
4427                <span>+</span>
4428                <p>&lt;p&gt;countries&lt;/p&gt;
4429</p>
4430            </div>
4431        
4432            <div>
4433                
4434                <span>3</span>
4435                
4436                <p>&lt;p&gt;AI platforms&lt;/p&gt;
4437</p>
4438            </div>
4439        
4440    </div>
4441
4442    
4443    <div class="flex flex-col gap-10 py-16 md:py-24 w-full" aria-hidden="true" data-ssr-skeleton="stats-section">
4444        
4445        <div class="flex flex-col gap-4 max-w-3xl">
4446            
4447    <div class="ssr-skeleton bg-white rounded h-4 w-full h-10 w-2/3" data-ssr-skeleton="text" aria-hidden="true">
4448    </div>
4449
4450            
4451    <div class="flex flex-col gap-2 " data-ssr-skeleton="text-block" aria-hidden="true">
4452        <div class="ssr-skeleton bg-white rounded h-4 w-full"></div>
4453        
4454            <div class="ssr-skeleton bg-white rounded h-4 w-full"></div>
4455        
4456        
4457        
4458    </div>
4459
4460        </div>
4461        
4462        <div class="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 w-full">
4463            
4464                <div class="flex flex-col gap-2 pl-5 border-l border-gray-neutral-200">
4465                    <div class="h-10 bg-gray-neutral-200 animate-pulse rounded w-3/4"></div>
4466                    <div class="h-4 bg-gray-neutral-200 animate-pulse rounded w-full"></div>
4467                    <div class="h-3 bg-gray-neutral-200 animate-pulse rounded w-2/3"></div>
4468                </div>
4469            
4470                <div class="flex flex-col gap-2 pl-5 border-l border-gray-neutral-200">
4471                    <div class="h-10 bg-gray-neutral-200 animate-pulse rounded w-3/4"></div>
4472                    <div class="h-4 bg-gray-neutral-200 animate-pulse rounded w-full"></div>
4473                    <div class="h-3 bg-gray-neutral-200 animate-pulse rounded w-2/3"></div>
4474                </div>
4475            
4476                <div class="flex flex-col gap-2 pl-5 border-l border-gray-neutral-200">
4477                    <div class="h-10 bg-gray-neutral-200 animate-pulse rounded w-3/4"></div>
4478                    <div class="h-4 bg-gray-neutral-200 animate-pulse rounded w-full"></div>
4479                    <div class="h-3 bg-gray-neutral-200 animate-pulse rounded w-2/3"></div>
4480                </div>
4481            
4482                <div class="flex flex-col gap-2 pl-5 border-l border-gray-neutral-200">
4483                    <div class="h-10 bg-gray-neutral-200 animate-pulse rounded w-3/4"></div>
4484                    <div class="h-4 bg-gray-neutral-200 animate-pulse rounded w-full"></div>
4485                    <div class="h-3 bg-gray-neutral-200 animate-pulse rounded w-2/3"></div>
4486                </div>
4487            
4488        </div>
4489    </div>
4490
4491</div>
4492
4493
4494    
4495    
4495<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-stats.js?v=20260923-1031-eca8b" defer="defer"></script>
4495
4496</div>
4497<div class="verticalpadding">
4498
4499
4500
4501
4502
4503
4504
4505
4506<div class="vp-xxl vp-white" style="min-height: 80px;"></div>
4507</div>
4508<div class="glassmorphiccards">
4509
4510    
4511    <div class="bg-white" data-cmp-is="glassmorphicCards" data-hydration-priority="lazy" data-react-props='{&#34;title&#34;:&#34;Industry recognition&#34;,&#34;description&#34;:&#34;&lt;p>Independent recognition of our AI platforms, services and the business outcomes they deliver.&lt;/p>\r\n&#34;,&#34;displayMode&#34;:&#34;grid&#34;,&#34;dataFetchMode&#34;:&#34;manual&#34;,&#34;textVariant&#34;:&#34;white&#34;,&#34;numberOfCards&#34;:&#34;4&#34;,&#34;imageSource&#34;:&#34;promoAsset&#34;,&#34;turnOffCardDescription&#34;:false,&#34;cardDetails&#34;:[{&#34;title&#34;:&#34;Stevie® Gold Winner&#34;,&#34;description&#34;:&#34;&lt;p>Sapient Slingshot earns recognition for innovation in artificial intelligence.&lt;/p>\r\n&#34;,&#34;iconPath&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore Slingshot&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore Slingshot&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/platforms/slingshot&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-stevie-award.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-stevie-award.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-stevie-award.jpg&#34;,&#34;imageAlt&#34;:&#34;accolades&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;id&#34;:&#34;GC-1&#34;},{&#34;title&#34;:&#34;AI Excellence Award&#34;,&#34;description&#34;:&#34;&lt;p>Sapient Slingshot earns recognition for AI-Powered delivery.&lt;/p>\r\n&#34;,&#34;iconPath&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;AI Excellence Award &#34;,&#34;ctaAriaLabel&#34;:&#34;AI Excellence Award &#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.bintelligence.com/posts/2026-artificial-intelligence-excellence-awards-honoring-the-organizations-products-teams-and-individuals-defining-what-ai-can-actually-do&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:true,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-ai-excellence-award.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-ai-excellence-award.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-ai-excellence-award.jpg&#34;,&#34;imageAlt&#34;:&#34;accolades&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;id&#34;:&#34;GC-2&#34;},{&#34;title&#34;:&#34;#1 for Deep Research&#34;,&#34;description&#34;:&#34;&lt;p>Sapient Bodhi earned #1 spot on Hugging Face DeepResearch Bench Leaderboard.&lt;/p>\r\n&#34;,&#34;iconPath&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;#3 for Deep Research&#34;,&#34;ctaAriaLabel&#34;:&#34;#3 for Deep Research&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://huggingface.co/spaces/muset-ai/DeepResearch-Bench-Leaderboard&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:true,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-deep-research.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-deep-research.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/07/company/accolades/images/glassmorphic-deep-research.jpg&#34;,&#34;imageAlt&#34;:&#34;accolades&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;id&#34;:&#34;GC-3&#34;}],&#34;:type&#34;:&#34;ps-redesign/components/glassmorphiccards&#34;}'>
4512
4513        <div class="glassmorphic-container overflow-clip">
4514            <div class="boxed m-auto">
4515
4516                
4517                
4518                    <div class="flex flex-col gap-4 md:gap-5 mb-10 md:mb-16">
4519                        
4520                            <h2 class="display-md-medium md:display-lg-medium">Industry recognition</h2>
4521                        
4522                        
4523                            <div class="content-style ps-text-lg-regular md:ps-text-xl-regular text-gray-600"><p>Independent recognition of our AI platforms, services and the business outcomes they deliver.</p>
4524</div>
4525                        
4526                    </div>
4527                
4528
4529                
4530                
4531                    <div class="space-y-10">
4532                        <div class="glassmorphic-grid grid grid-cols-1 gap-6 md:gap-8 md:flex md:flex-wrap md:justify-center">
4533                            
4534                                <div class="grid-cell">
4535                                    <article class="relative w-full h-full group">
4536                                        
4537                                        
4538                                            <a href="https://www.publicissapient.com/platforms/slingshot" class="absolute inset-0 z-10 focus-visible:rounded-2xl" aria-label="Explore Slingshot">
4539                                                <span class="sr-only">Stevie® Gold Winner</span>
4540                                            </a>
4541                                        
4542
4543                                        
4544                                        <div class="relative rounded-2xl overflow-hidden aspect-3/4 w-full h-full">
4545                                            
4546                                            
4547    <div class="ssr-skeleton bg-white rounded-lg w-full h-full" data-ssr-skeleton="image" aria-hidden="true">
4548        
4549        
4550        
4551        
4552        
4553        
4554            <div class="aspect-[3/4] w-full"></div>
4555        
4556        
4557        
4558        
4559        
4560        
4561        
4562    </div>
4563
4564                                            
4565                                            <span class="sr-only">accolades</span>
4566
4567                                            
4568                                            <div class="absolute bottom-0 left-0 right-0 p-3 md:p-4">
4569                                                <div class="glassmorphic-card rounded-2xl px-4 py-6 md:px-5 md:py-6 backdrop-blur-md bg-white/30 border border-white/30">
4570                                                    <div class="space-y-5 md:space-y-6">
4571                                                        
4572                                                        <div class="flex items-center gap-3">
4573                                                            <h3 class="flex items-center justify-between w-full display-xxs-medium md:display-xs-medium leading-tight text-white">
4574                                                                <span class="line-clamp-2 md:line-clamp-1">Stevie® Gold Winner</span>
4575                                                                
4576                                                                    
4577    
4578        
4579        
4580        
4581        
4582        
4583        
4584        
4585        <span class="ps-icon ps-icon--arrow-right inline-block shrink-0 bg-current w-6 h-6 text-white p-0" role="presentation" aria-hidden="true"></span>
4586        
4587        
4588        
4589        
4590    
4591
4592                                                                
4593                                                            </h3>
4594                                                        </div>
4595
4596                                                        
4597                                                        
4598                                                            <div class="ps-text-md-regular md:ps-text-lg-regular leading-relaxed text-white line-clamp-3 md:line-clamp-2"><p>Sapient Slingshot earns recognition for innovation in artificial intelligence.</p>
4599</div>
4600                                                        
4601                                                    </div>
4602                                                </div>
4603                                            </div>
4604                                        </div>
4605                                    </article>
4606                                </div>
4607                            
4608                                <div class="grid-cell">
4609                                    <article class="relative w-full h-full group">
4610                                        
4611                                        
4612                                            <a href="https://www.bintelligence.com/posts/2026-artificial-intelligence-excellence-awards-honoring-the-organizations-products-teams-and-individuals-defining-what-ai-can-actually-do" class="absolute inset-0 z-10 focus-visible:rounded-2xl" aria-label="AI Excellence Award " rel="noopener noreferrer" target="_blank">
4613                                                <span class="sr-only">AI Excellence Award</span>
4614                                            </a>
4615                                        
4616
4617                                        
4618                                        <div class="relative rounded-2xl overflow-hidden aspect-3/4 w-full h-full">
4619                                            
4620                                            
4621    <div class="ssr-skeleton bg-white rounded-lg w-full h-full" data-ssr-skeleton="image" aria-hidden="true">
4622        
4623        
4624        
4625        
4626        
4627        
4628            <div class="aspect-[3/4] w-full"></div>
4629        
4630        
4631        
4632        
4633        
4634        
4635        
4636    </div>
4637
4638                                            
4639                                            <span class="sr-only">accolades</span>
4640
4641                                            
4642                                            <div class="absolute bottom-0 left-0 right-0 p-3 md:p-4">
4643                                                <div class="glassmorphic-card rounded-2xl px-4 py-6 md:px-5 md:py-6 backdrop-blur-md bg-white/30 border border-white/30">
4644                                                    <div class="space-y-5 md:space-y-6">
4645                                                        
4646                                                        <div class="flex items-center gap-3">
4647                                                            <h3 class="flex items-center justify-between w-full display-xxs-medium md:display-xs-medium leading-tight text-white">
4648                                                                <span class="line-clamp-2 md:line-clamp-1">AI Excellence Award</span>
4649                                                                
4650                                                                    
4651    
4652        
4653        
4654        
4655        
4656        
4657        
4658        
4659        <span class="ps-icon ps-icon--arrow-right inline-block shrink-0 bg-current w-6 h-6 text-white p-0" role="presentation" aria-hidden="true"></span>
4660        
4661        
4662        
4663        
4664    
4665
4666                                                                
4667                                                            </h3>
4668                                                        </div>
4669
4670                                                        
4671                                                        
4672                                                            <div class="ps-text-md-regular md:ps-text-lg-regular leading-relaxed text-white line-clamp-3 md:line-clamp-2"><p>Sapient Slingshot earns recognition for AI-Powered delivery.</p>
4673</div>
4674                                                        
4675                                                    </div>
4676                                                </div>
4677                                            </div>
4678                                        </div>
4679                                    </article>
4680                                </div>
4681                            
4682                                <div class="grid-cell">
4683                                    <article class="relative w-full h-full group">
4684                                        
4685                                        
4686                                            <a href="https://huggingface.co/spaces/muset-ai/DeepResearch-Bench-Leaderboard" class="absolute inset-0 z-10 focus-visible:rounded-2xl" aria-label="#3 for Deep Research" rel="noopener noreferrer" target="_blank">
4687                                                <span class="sr-only">#1 for Deep Research</span>
4688                                            </a>
4689                                        
4690
4691                                        
4692                                        <div class="relative rounded-2xl overflow-hidden aspect-3/4 w-full h-full">
4693                                            
4694                                            
4695    <div class="ssr-skeleton bg-white rounded-lg w-full h-full" data-ssr-skeleton="image" aria-hidden="true">
4696        
4697        
4698        
4699        
4700        
4701        
4702            <div class="aspect-[3/4] w-full"></div>
4703        
4704        
4705        
4706        
4707        
4708        
4709        
4710    </div>
4711
4712                                            
4713                                            <span class="sr-only">accolades</span>
4714
4715                                            
4716                                            <div class="absolute bottom-0 left-0 right-0 p-3 md:p-4">
4717                                                <div class="glassmorphic-card rounded-2xl px-4 py-6 md:px-5 md:py-6 backdrop-blur-md bg-white/30 border border-white/30">
4718                                                    <div class="space-y-5 md:space-y-6">
4719                                                        
4720                                                        <div class="flex items-center gap-3">
4721                                                            <h3 class="flex items-center justify-between w-full display-xxs-medium md:display-xs-medium leading-tight text-white">
4722                                                                <sp
4722an class="line-clamp-2 md:line-clamp-1">#1 for Deep Research</span>
4723                                                                
4724                                                                    
4725    
4726        
4727        
4728        
4729        
4730        
4731        
4732        
4733        <span class="ps-icon ps-icon--arrow-right inline-block shrink-0 bg-current w-6 h-6 text-white p-0" role="presentation" aria-hidden="true"></span>
4734        
4735        
4736        
4737        
4738    
4739
4740                                                                
4741                                                            </h3>
4742                                                        </div>
4743
4744                                                        
4745                                                        
4746                                                            <div class="ps-text-md-regular md:ps-text-lg-regular leading-relaxed text-white line-clamp-3 md:line-clamp-2"><p>Sapient Bodhi earned #1 spot on Hugging Face DeepResearch Bench Leaderboard.</p>
4747</div>
4748                                                        
4749                                                    </div>
4750                                                </div>
4751                                            </div>
4752                                        </div>
4753                                    </article>
4754                                </div>
4755                            
4756                        </div>
4757                    </div>
4758                
4759
4760                
4761                
4762
4763            </div>
4764        </div>
4765    </div>
4766
4767    
4768    
4769    
4769<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-glassmorphiccards.js?v=20260923-1031-eca8b" defer="defer"></script>
4769
4770
4771
4772
4773
4774
4775
4776    
4777
4778</div>
4779<div class="verticalpadding">
4780
4781
4782
4783
4784
4785
4786
4787
4788<div class="vp-xxl vp-white" style="min-height: 80px;"></div>
4789</div>
4790<div class="highlightedresources">
4791    
4792    <div class="cmp-highlightedresources bg-white" data-cmp-is="highlightedresources" data-react-props='{&#34;cardCount&#34;:3,&#34;title&#34;:&#34;Trending topics&#34;,&#34;description&#34;:&#34;Perspectives from the practitioners solving these challenges for our customers.&#34;,&#34;hideDate&#34;:false,&#34;id&#34;:&#34;resources&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Explore insights&#34;,&#34;ctaAriaLabel&#34;:&#34;Explore insights&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/highlighted-resources/resources-twocard-desktop.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/highlighted-resources/resources-twocard-desktop.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/highlighted-resources/resources-twocard-mobile.jpg&#34;,&#34;imageAlt&#34;:&#34;Explore our resources&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;cards&#34;:[{&#34;title&#34;:&#34;AI Adoption Is Up. Enterprise Impact Still Lags&#34;,&#34;date&#34;:&#34;August 03, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-adoption-enterprise-impact&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;card-1&#34;},{&#34;title&#34;:&#34;Tokenmaxxing: AI’s Free Spending Era is Over&#34;,&#34;date&#34;:&#34;July 20, 2026&#34;,&#34;eyebrowText&#34;:&#34;POV&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/enterprise-ai-business-value&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;card-2&#34;},{&#34;title&#34;:&#34;No AI ROI? Start With Understanding How Work Really Happens&#34;,&#34;date&#34;:&#34;July 13, 2026&#34;,&#34;eyebrowText&#34;:&#34;POV&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-roi-human-context&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;card-3&#34;}],&#34;:type&#34;:&#34;ps-redesign/components/highlightedresources&#34;}' id="resources">
4793        
4794        <h2 class="cmp-highlightedresources__title sr-only">Trending topics</h2>
4795        <div class="cmp-highlightedresources__description sr-only">Perspectives from the practitioners solving these challenges for our customers.
4796        </div>
4797
4798        <ul class="cmp-highlightedresources__cards">
4799            <li class="cmp-highlightedresources__card">
4800                
4801                <div class="cmp-highlightedresources__card-media">
4802                    
4803    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4804        
4805        
4806            <div class="aspect-video w-full"></div>
4807        
4808        
4809        
4810        
4811        
4812        
4813        
4814        
4815        
4816        
4817        
4818    </div>
4819
4820                </div>
4821                
4822                
4823                <span class="cmp-highlightedresources__card-tag sr-only">Article</span>
4824                <span class="cmp-highlightedresources__card-title sr-only">AI Adoption Is Up. Enterprise Impact Still Lags</span>
4825                <span class="cmp-highlightedresources__card-date sr-only">August 03, 2026</span>
4826            </li>
4827        
4828            <li class="cmp-highlightedresources__card">
4829                
4830                <div class="cmp-highlightedresources__card-media">
4831                    
4832    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4833        
4834        
4835            <div class="aspect-video w-full"></div>
4836        
4837        
4838        
4839        
4840        
4841        
4842        
4843        
4844        
4845        
4846        
4847    </div>
4848
4849                </div>
4850                
4851                
4852                <span class="cmp-highlightedresources__card-tag sr-only">Article</span>
4853                <span class="cmp-highlightedresources__card-title sr-only">Tokenmaxxing: AI’s Free Spending Era is Over</span>
4854                <span class="cmp-highlightedresources__card-date sr-only">July 20, 2026</span>
4855            </li>
4856        
4857            <li class="cmp-highlightedresources__card">
4858                
4859                <div class="cmp-highlightedresources__card-media">
4860                    
4861    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
4862        
4863        
4864            <div class="aspect-video w-full"></div>
4865        
4866        
4867        
4868        
4869        
4870        
4871        
4872        
4873        
4874        
4875        
4876    </div>
4877
4878                </div>
4879                
4880                
4881                <span class="cmp-highlightedresources__card-tag sr-only">Article</span>
4882                <span class="cmp-highlightedresources__card-title sr-only">No AI ROI? Start With Understanding How Work Really Happens</span>
4883                <span class="cmp-highlightedresources__card-date sr-only">July 13, 2026</span>
4884            </li>
4885        </ul>
4886
4887    </div>
4888    
4889    
4890    
4890<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-highlightedresources.js?v=20260923-1031-eca8b" defer="defer"></script>
4890
4891
4892
4893
4894    
4895</div>
4896<div class="verticalpadding">
4897
4898
4899
4900
4901
4902
4903
4904
4905<div class="vp-xl vp-white" style="min-height: 64px;"></div>
4906</div>
4907
4908        
4909    </div>
4910
4911</main>
4912<div class="promoAsset"></div>
4913<div class="footerWrapper">
4914
4915<div id="footerWrapper-e5597222a8" class="cmp-footerwrapper cmp-footerwrapper--footer">
4916
4917
4918    
4919    
4920    
4921    <div id="container-3e7c9019b5" class="cmp-container">
4922        
4923        <div class="container responsivegrid">
4924
4925    
4926    
4927    
4928    <div id="container-322b049cdd" class="cmp-container">
4929        
4930        <div class="inlinecontactusform"><!-- Inline Contact Us Form - HTL rendering (aligned to InlineContactUsForm model) -->
4931
4932
4933
4934
4935<!-- Edit Mode Placeholder -->
4936
4937
4938<!-- React hydration root with serialized props -->
4939
4940<div class="relative overflow-hidden bg-white" data-cmp-is="inline-contact-us-form" data-sst-disabled="true" data-sst-autorefresh="900000" data-react-props='{&#34;media&#34;:{&#34;mediaType&#34;:&#34;video&#34;,&#34;desktopImage&#34;:null,&#34;tabletImage&#34;:null,&#34;mobileImage&#34;:null,&#34;imageAlt&#34;:null,&#34;videoAsset&#34;:&#34;https://s7d9.scene7.com/is/content/publicissapient/ps-redesign/us/en/global/forms/videos/form-video-new-v2.mp4&#34;,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:true,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;title&#34;:&#34;&lt;p>Ready to learn more?&lt;/p>\r\n&#34;,&#34;bulletPoints&#34;:[&#34;Discuss your unique business challenges&#34;,&#34;Explore AI solutions built for your industry&#34;,&#34;Get proven delivery guidance&#34;,&#34;Identify the next step that fits your goals&#34;],&#34;logoAnimationTitle&#34;:&#34;Trusted by leading organizations in every industry.&#34;,&#34;partnerLogos&#34;:[{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/hellmanns.svg&#34;,&#34;logoImageAlt&#34;:&#34;hellmans&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/nissan.svg&#34;,&#34;logoImageAlt&#34;:&#34;nissan&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/verizon.svg&#34;,&#34;logoImageAlt&#34;:&#34;verizon&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/pandora.svg&#34;,&#34;logoImageAlt&#34;:&#34;pandora&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/rwe.svg&#34;,&#34;logoImageAlt&#34;:&#34;rwe&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false},{&#34;logoImageUrl&#34;:&#34;/content/dam/ps-redesign/us/en/global/client-logos/loreal.svg&#34;,&#34;logoImageAlt&#34;:&#34;loreal&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaNewWindow&#34;:null,&#34;openInNewWindow&#34;:false}],&#34;formTitle&#34;:&#34;&lt;p>Get in touch&lt;/p>\r\n&#34;,&#34;formSubtitle&#34;:&#34;Submit the form below and one of our experts will reach out.&#34;,&#34;totalErrors&#34;:&#34;There {{N}} on the form.&#34;,&#34;firstName&#34;:&#34;First name&#34;,&#34;firstNameErrorMsg&#34;:&#34;Error: First name required&#34;,&#34;firstNameRequired&#34;:true,&#34;lastNameRequired&#34;:true,&#34;companyRequired&#34;:true,&#34;emailRequired&#34;:true,&#34;countryRequired&#34;:true,&#34;lastName&#34;:&#34;Last name&#34;,&#34;lastNameErrorMsg&#34;:&#34;Error: Last name required&#34;,&#34;company&#34;:&#34;Company&#34;,&#34;companyErrorMsg&#34;:&#34;Error: Company required&#34;,&#34;emailId&#34;:&#34;Email&#34;,&#34;emailIdErrorMsg&#34;:&#34;Error: Email must be in the expected format (e.g. [email protected])&#34;,&#34;country&#34;:&#34;Country&#34;,&#34;countryErrorMsg&#34;:&#34;Error: Country required&#34;,&#34;phoneRequired&#34;:false,&#34;jobTitle&#34;:&#34;Job Title&#34;,&#34;jobTitleErrorMsg&#34;:&#34;Error: Job Title is required&#34;,&#34;jobTitleRequired&#34;:true,&#34;reason&#34;:&#34;Reason for contacting&#34;,&#34;reasonErrorMsg&#34;:&#34;Error: Reason for contacting&#34;,&#34;reasonRequired&#34;:false,&#34;message&#34;:&#34;Message&#34;,&#34;captchaLabel&#34;:&#34;Security validation&#34;,&#34;captchaErrorMsg&#34;:&#34;Error: Security validation required&#34;,&#34;marketingCheckboxLabel&#34;:&#34;Sign me up to receive future marketing communications regarding our products, services and events.&#34;,&#34;privacyHtml&#34;:&#34;&lt;p>By submitting this form, I authorize&amp;nbsp;&lt;a href=\&#34;/content/ps-redesign/us/en/privacy.html#Introduction\&#34;>Publicis Sapient companies&lt;/a>&amp;nbsp;to contact me regarding my inquiry or according to my choice to register for future communications. Read our&amp;nbsp;&lt;a href=\&#34;/content/ps-redesign/us/en/privacy.html\&#34;>Privacy Policy&lt;/a>&amp;nbsp;for more detail or opt out at any time using the unsubscribe link on any of our emails.&lt;/p>\r\n&#34;,&#34;submitButtonText&#34;:&#34;Submit&#34;,&#34;formType&#34;:&#34;default&#34;,&#34;form360Id&#34;:&#34;701Vl00001Gq8PbIAJ&#34;,&#34;id&#34;:&#34;connect&#34;,&#34;thankYouTitle&#34;:&#34;
4940Thank you for reaching out!&#34;,&#34;thankYouMessage&#34;:&#34;&lt;p>Your form has been submitted successfully. We’ll be in touch soon.&lt;/p>\r\n&#34;,&#34;failureTitle&#34;:&#34;Form Error&#34;,&#34;captchaScriptUrl&#34;:&#34;https://challenges.cloudflare.com/turnstile/v0/api.js&#34;,&#34;ttDurationMs&#34;:3000,&#34;captchaDisabled&#34;:false,&#34;selfSignedTokenDisabled&#34;:true,&#34;sstDisabled&#34;:true,&#34;captchaSiteKey&#34;:&#34;0x4AAAAAACdjhXyY4mDgcmL1&#34;,&#34;captchaTheme&#34;:&#34;light&#34;,&#34;sstAutoRefresh&#34;:900000,&#34;:type&#34;:&#34;ps-redesign/components/inlinecontactusform&#34;}' id="connect">
4941    
4942    <div class="absolute inset-0 bg-white" data-ssr-skeleton="background" aria-hidden="true"></div>
4943
4944    
4945    <div class="relative boxed mx-auto py-20 md:py-32" data-ssr-skeleton="content">
4946        <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
4947            <div class="flex flex-col lg:flex-row">
4948                
4949                <div class="lg:w-[400px] min-[1356px]:w-[672px] py-10 md:py-16 pb-0 md:pd-16 px-5 md:pl-10 min-[1356px]:pl-20 lg:pr-10 min-[1356px]:pr-36 flex flex-col justify-between">
4950                    
4951                    <div>
4952                        <h2 class="display-xxs-regular md:display-xs-regular text-center md:text-left text-black mt-0 mb-7 md:mt-3">
4953                            <p>Ready to learn more?</p>
4954
4955                        </h2>
4956
4957                        
4958                        <ul class="space-y-3">
4959                            <li class="flex items-start gap-3">
4960                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
4961                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
4962                                </span>
4963                                <span class="text-gray-neutral-700 ps-text-lg-regular">Discuss your unique business challenges</span>
4964                            </li>
4965                        
4966                            <li class="flex items-start gap-3">
4967                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
4968                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
4969                                </span>
4970                                <span class="text-gray-neutral-700 ps-text-lg-regular">Explore AI solutions built for your industry</span>
4971                            </li>
4972                        
4973                            <li class="flex items-start gap-3">
4974                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
4975                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
4976                                </span>
4977                                <span class="text-gray-neutral-700 ps-text-lg-regular">Get proven delivery guidance</span>
4978                            </li>
4979                        
4980                            <li class="flex items-start gap-3">
4981                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
4982                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
4983                                </span>
4984                                <span class="text-gray-neutral-700 ps-text-lg-regular">Identify the next step that fits your goals</span>
4985                            </li>
4986                        </ul>
4987                    </div>
4988
4989                    
4990                    <div class="mt-auto pt-10 md:pt-8">
4991                        
4992                        
4993
4994                        
4995                        <div class="pt-6 border-t border-gray-neutral-400">
4996                            <p class="eyebrow-xs-medium text-xs text-gray-neutral-700 mb-4 md:mb-5 text-center md:text-left">
4997                                Trusted by leading organizations in every industry.
4998                            </p>
4999                            <div class="w-auto h-12 flex items-center gap-4">
5000                                
5001                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
5002                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
5003                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
5004                            </div>
5005                        </div>
5006                    </div>
5007                </div>
5008
5009                
5010                <div class="flex-1 px-5 md:pl-0 lg:pr-10 min-[1356px]:pr-20 py-10 md:py-16">
5011                    <div class="flex flex-col gap-8">
5012                        <div>
5013                            <h3 class="display-sm-light md:display-lg-light text-black mb-5 md:mb-6 text-center md:text-left">
5014                                <p>Get in touch</p>
5015
5016                            </h3>
5017                            <p class="text-gray-neutral-700 ps-text-lg-regular md:ps-text-xl-regular text-center md:text-left">
5018                                Submit the form below and one of our experts will reach out.
5019                            </p>
5020                        </div>
5021
5022                        
5023                        <form class="flex flex-col gap-8" novalidate>
5024                            <div class="flex flex-col gap-6 md:gap-4">
5025                                <p class="text-gray-neutral-600 ps-text-sm-regular -mb-1 md:mb-1">*Required field</p>
5026
5027                                
5028                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
5029                                    <div class="flex flex-col gap-1.5">
5030                                        <label for="contact-firstName-ssr" class="ps-text-sm-medium text-gray-neutral-700">First name<span class="ml-0.5 text-gray-neutral-700">*</span></label>
5031                                        <input type="text" id="contact-firstName-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
5032                                    </div>
5033                                    <div class="flex flex-col gap-1.5">
5034                                        <label for="contact-lastName-ssr" class="ps-text-sm-medium text-gray-neutral-700">Last name<span class="ml-0.5 text-gray-neutral-700">*</span></label>
5035                                        <input type="text" id="contact-lastName-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
5036                                    </div>
5037                                </div>
5038
5039                                
5040                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
5041                                    <div class="flex flex-col gap-1.5">
5042                                        <label for="contact-company-ssr" class="ps-text-sm-medium text-gray-neutral-700">Company<span class="ml-0.5 text-gray-neutral-700">*</span></label>
5043                                        <input type="text" id="contact-company-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
5044                                    </div>
5045                                    <div class="flex flex-col gap-1.5">
5046                                        <label for="contact-email-ssr" 
5046class="ps-text-sm-medium text-gray-neutral-700">Email<span class="ml-0.5 text-gray-neutral-700">*</span></label>
5047                                        <input type="email" id="contact-email-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
5048                                    </div>
5049                                </div>
5050
5051                                
5052                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
5053                                    <div class="flex flex-col gap-1.5">
5054                                        <label for="contact-country-ssr" class="ps-text-sm-medium text-gray-neutral-700">Country<span class="ml-0.5 text-gray-neutral-700">*</span></label>
5055                                        <select id="contact-country-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-gray-neutral-600 ps-text-md-regular">
5056                                            <option>Select a country</option>
5057                                        </select>
5058                                    </div>
5059                                    
5060                                </div>
5061
5062                                
5063                                <div class="flex flex-col gap-1.5">
5064                                    <label for="contact-message-ssr" class="ps-text-sm-medium text-gray-neutral-700">Message</label>
5065                                    <textarea id="contact-message-ssr" disabled rows="4" class="h-40 bg-white border border-gray-300 rounded-lg px-4 py-3 text-base resize-none"></textarea>
5066                                </div>
5067                            </div>
5068
5069                            
5070                            <div class="flex flex-col md:flex-row md:items-center gap-5 md:gap-6">
5071                                <div class="flex gap-3 items-start flex-1">
5072                                    <div class="w-5 h-5 border border-gray-neutral-400 rounded-xxs bg-white mt-0.5 shrink-0"></div>
5073                                    <span class="text-gray-neutral-700 ps-text-sm-regular">Sign me up to receive future marketing communications regarding our products, services and events.</span>
5074                                </div>
5075                                <button type="button" disabled class="self
5075-center shrink-0 rounded-full px-6 py-3 bg-ps-red text-white ps-text-md-medium flex items-center gap-2">
5076                                    Submit
5077                                    <span class="w-5 h-5">→</span>
5078                                </button>
5079                            </div>
5080
5081                            
5082                            <div class="text-gray-neutral-600 ps-text-sm-regular">
5083                                <p>By submitting this form, I authorize <a href="/privacy#Introduction">Publicis Sapient companies</a> to contact me regarding my inquiry or according to my choice to register for future communications. Read our <a href="/privacy">Privacy Policy</a> for more detail or opt out at any time using the unsubscribe link on any of our emails.</p>
5084
5085                            </div>
5086                        </form>
5087                    </div>
5088                </div>
5089            </div>
5090        </div>
5091    </div>
5092</div>
5093
5094
5095    
5096    
5096<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-inlinecontactform.js?v=20260923-1031-eca8b" defer="defer"></script>
5096
5097</div>
5098<div class="psRedesignFooter">
5099
5100
5101
5102
5103<footer class="cmp-footer bg-white text-black" data-cmp-is="psredesignfooter" id="12345" data-react-props='{&#34;logoSrc&#34;:&#34;/content/dam/ps-redesign/us/en/global/footer/ps-logo-footer.svg&#34;,&#34;logoAlt&#34;:&#34;Sapient Log Alt Text&#34;,&#34;logoHref&#34;:&#34;https://www.publicissapient.com/&#34;,&#34;logoUrlInNewTab&#34;:false,&#34;tagline&#34;:&#34;&lt;p>Where People and Products Shape the Future of Enterprise&lt;/p>\r\n&#34;,&#34;chatButtonText&#34;:&#34;Chat with us&#34;,&#34;copyrightText&#34;:&#34;© 2026 Publicis Sapient. All rights reserved. A Publicis Groupe Company.&#34;,&#34;careersPages&#34;:false,&#34;l1FooterLinks&#34;:[{&#34;linkTitle&#34;:&#34;Solutions&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;Legacy Modernization&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/platforms/slingshot/legacy-modernization&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Content Supply Chain&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/platforms/bodhi/content-supply-chain&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Customer Engagement&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/solutions/customer-engagements&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Digital Commerce&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/solutions/commerce&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Experience Transformation&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/solutions/experience-transformation&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[{&#34;linkTitle&#34;:&#34;Partners&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;Partners Overview&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/partners&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Adobe&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/partners/adobe&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;AWS&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/partners/aws&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Google Cloud&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/partners/google-cloud&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Microsoft&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/partners/microsoft&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Salesforce&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/partners/salesforce&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[]}]},{&#34;linkTitle&#34;:&#34;Industries&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;Consumer Products&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/consumer-products&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Energy &amp; Commodities&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/energy-commodities&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Financial Services&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/financial-services&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Health&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/health&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Public Sector&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/public-sector&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Retail&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/retail&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Telecom, Media &amp; Tech&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/telecommunications-media-technology&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Transportation &amp; Mobility&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/transportation-mobility&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Travel &amp; Hospitality&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/industries/travel-hospitality&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[]},{&#34;linkTitle&#34;:&#34;AI Platforms&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;AI Platforms Overview&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/platforms&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Sapient Slingshot&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/platforms/slingshot&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Sapient Bodhi&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/platforms/bodhi&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Sapient Sustain&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/platforms/sustain&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[{&#34;linkTitle&#34;:&#34;Customers&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;Customer Stories&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/customers/stories&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[]},{&#34;linkTitle&#34;:&#34;Resources&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;Blog&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/resources/blog&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Demo Library&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/resources/demos&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[]}]},{&#34;linkTitle&#34;:&#34;Capabilities&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;Capabilities Overview&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/capabilities&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Strategy&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/capabilities/enterprise-ai-strategy&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Product&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/capabilities/product&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Experience&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/capabilities/experience&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Engineering&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/capabilities/enterprise-engineering&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Data &amp; AI&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/capabilities/data-ai&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Global Capability
Centers&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/capabilities/global-capability-centers&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[]},{&#34;linkTitle&#34;:&#34;Company&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;About&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Why Publicis Sapient&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/why-publicis-sapient&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Newsroom&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/news&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Accolades&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/accolades&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Locations&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/company/locations&#34;,&#34;external&#34;:false}],&#34;additionalSections&#34;:[{&#34;linkTitle&#34;:&#34;Careers&#34;,&#34;l2FooterLinks&#34;:[{&#34;label&#34;:&#34;Careers Overview&#34;,&#34;href&#34;:&#34;https://careers.publicissapient.com/&#34;,&#34;external&#34;:true},{&#34;label&#34;:&#34;Open Roles&#34;,&#34;href&#34;:&#34;https://careers.publicissapient.com/job-search&#34;,&#34;external&#34;:true}],&#34;additionalSections&#34;:[]}]}],&#34;footerLowerLinks&#34;:[{&#34;label&#34;:&#34;Accessibility&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/accessibility&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Cookie Policy&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/cookie-policy&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Cookie Settings&#34;,&#34;href&#34;:&#34;/#open-cookie-manager&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Do Not Sell My Personal Information&#34;,&#34;href&#34;:&#34;https://publicisresources-privacy.my.onetrust.com/webform/a57c3297-68d3-4bc0-8843-262957a92400/5aedb450-5a2e-4d7c-b25e-51d838384c25&#34;,&#34;external&#34;:true},{&#34;label&#34;:&#34;Legal&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/legal&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Privacy Policy&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/privacy&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Site Map&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/sitemap&#34;,&#34;external&#34;:false},{&#34;label&#34;:&#34;Terms&#34;,&#34;href&#34;:&#34;https://www.publicissapient.com/terms&#34;,&#34;external&#34;:false}],&#34;shareOptions&#34;:[{&#34;shareMethod&#34;:&#34;linkedin&#34;,&#34;url&#34;:&#34;https://www.linkedin.com/company/publicissapient/&#34;,&#34;ariaLabel&#34;:&#34;LinkedIn&#34;,&#34;external&#34;:true},{&#34;shareMethod&#34;:&#34;instagram&#34;,&#34;url&#34;:&#34;https://www.instagram.com/publicissapient/&#34;,&#34;ariaLabel&#34;:&#34;Instagram&#34;,&#34;external&#34;:true},{&#34;shareMethod&#34;:&#34;facebook&#34;,&#34;url&#34;:&#34;https://www.facebook.com/publicissapient/&#34;,&#34;ariaLabel&#34;:&#34;Facebook&#34;,&#34;external&#34;:true},{&#34;shareMethod&#34;:&#34;threads&#34;,&#34;url&#34;:&#34;https://www.threads.net/@publicissapient&#34;,&#34;ariaLabel&#34;:&#34;Threads&#34;,&#34;external&#34;:true},{&#34;shareMethod&#34;:&#34;youtube&#34;,&#34;url&#34;:&#34;https://www.youtube.com/@PublicisSapient&#34;,&#34;ariaLabel&#34;:&#34;Youtube&#34;,&#34;external&#34;:true}],&#34;id&#34;:&#34;12345&#34;,&#34;shareEnabled&#34;:true,&#34;:type&#34;:&#34;
5103ps-redesign/components/psRedesignFooter&#34;}'>
5104  <div class="max-w-[1440px] mx-auto px-4 md:px-8 lg:px-16 py-12 md:py-16 lg:py-20 sr-only">
5105    
5106    <div class="flex flex-col lg:flex-row gap-10 lg:gap-16">
5107      
5108      <div class="lg:w-[220px] flex-shrink-0 flex flex-col gap-8">
5109        
5110        
5111        <a href="https://www.publicissapient.com/" class="inline-block w-[100px]" aria-label="Sapient Log Alt Text">
5112          <span class="ps-icon ps-icon--ps-logo w-[100px] h-[54px] text-black" aria-hidden="true"></span>
5113        </a>
5114        
5115        <div class="flex flex-col gap-6">
5116          <p class="text-lg leading-7 text-black"><p>Where People and Products Shape the Future of Enterprise</p>
5117</p>
5118          <button class="inline-flex items-center justify-center gap-2 px-5 py-2.5 border border-black rounded-full text-black text-base font-medium hover:bg-black hover:text-white transition-colors w-fit" data-chat-trigger="true">
5119            <span>Chat with us</span>
5120            <span class="ps-icon ps-icon--message-dots-square w-5 h-5" aria-hidden="true"></span>
5121          </button>
5122        </div>
5123      </div>
5124      
5125      <div class="flex-1">
5126        
5127        <div class="hidden lg:grid lg:grid-cols-5 gap-8">
5128          
5129            <div class="flex flex-col gap-8">
5130              
5131              <div class="flex flex-col gap-4">
5132                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Solutions</h3>
5133                <ul class="flex flex-col gap-3">
5134                  
5135                    <li>
5136                      <a href="https://www.publicissapient.com/platforms/slingshot/legacy-modernization" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5137                        Legacy Modernization
5138                        
5139                      </a>
5140                    </li>
5141                  
5142                    <li>
5143                      <a href="https://www.publicissapient.com/platforms/bodhi/content-supply-chain" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5144                        Content Supply Chain
5145                        
5146                      </a>
5147                    </li>
5148                  
5149                    <li>
5150                      <a href="https://www.publicissapient.com/solutions/customer-engagements" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5151                        Customer Engagement
5152                        
5153                      </a>
5154                    </li>
5155                  
5156                    <li>
5157                      <a href="https://www.publicissapient.com/solutions/commerce" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5158                        Digital Commerce
5159                        
5160                      </a>
5161                    </li>
5162                  
5163                    <li>
5164                      <a href="https://www.publicissapient.com/solutions/experience-transformation" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5165                        Experience Transformation
5166                        
5167                      </a>
5168                    </li>
5169                  
5170                </ul>
5171              </div>
5172              
5173              
5174                <div class="flex flex-col gap-4">
5175                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Partners</h3>
5176                  <ul class="flex flex-col gap-3">
5177                    
5178                      <li>
5179                        <a href="https://www.publicissapient.com/partners" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5180                          Partners Overview
5181                          
5182                        </a>
5183                      </li>
5184                    
5185                      <li>
5186                        <a href="https://www.publicissapient.com/partners/adobe" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5187                          Adobe
5188                          
5189                        </a>
5190                      </li>
5191                    
5192                      <li>
5193                        <a href="https://www.publicissapient.com/partners/aws" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5194                          AWS
5195                          
5196                        </a>
5197                      </li>
5198                    
5199                      <li>
5200                        <a href="https://www.publicissapient.com/partners/google-cloud" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5201                          Google Cloud
5202                          
5203                        </a>
5204                      </li>
5205                    
5206                      <li>
5207                        <a href="https://www.publicissapient.com/partners/microsoft" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5208                          Microsoft
5209                          
5210                        </a>
5211                      </li>
5212                    
5213                      <li>
5214                        <a href="https://www.publicissapient.com/partners/salesforce" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5215                          Salesforce
5216                          
5217                        </a>
5218                      </li>
5219                    
5220                  </ul>
5221                </div>
5222              
5223            </div>
5224          
5225            <div class="flex flex-col gap-8">
5226              
5227              <div class="flex flex-col gap-4">
5228                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Industries</h3>
5229                <ul class="flex flex-col gap-3">
5230                  
5231                    <li>
5232                      <a href="https://www.publicissapient.com/industries/consumer-products" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5233                        Consumer Products
5234                        
5235                      </a>
5236                    </li>
5237                  
5238                    <li>
5239                      <a href="https://www.publicissapient.com/industries/energy-commodities" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5240                        Energy &amp; Commodities
5241                        
5242                      </a>
5243                    </li>
5244                  
5245                    <li>
5246                      <a href="https://www.publicissapient.com/industries/financial-services" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5247                        Financial Services
5248                        
5249                      </a>
5250                    </li>
5251                  
5252                    <li>
5253                      <a href="https://www.publicissapient.com/industries/health" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5254                        Health
5255                        
5256                      </a>
5257                    </li>
5258                  
5259                    <li>
5260                      <a href="https://www.publicissapient.com/industries/public-sector" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5261                        Public Sector
5262                        
5263                      </a>
5264                    </li>
5265                  
5266                    <li>
5267                      <a href="https://www.publicissapient.com/industries/retail" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5268                        Retail
5269                        
5270                      </a>
5271                    </li>
5272                  
5273                    <li>
5274                      <a href="https://www.publicissapient.com/industries/telecommunications-media-technology" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5275                        Telecom, Media &amp; Tech
5276                        
5277                      </a>
5278                    </li>
5279                  
5280                    <li>
5281                      <a href="https://www.publicissapient.com/industries/transportation-mobility" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5282                        Transportation &amp; Mobility
5283                        
5284                      </a>
5285                    </li>
5286                  
5287                    <li>
5288                      <a href="https://www.publicissapient.com/industries/travel-hospitality" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5289                        Travel &amp;
5289 Hospitality
5290                        
5291                      </a>
5292                    </li>
5293                  
5294                </ul>
5295              </div>
5296              
5297              
5298            </div>
5299          
5300            <div class="flex flex-col gap-8">
5301              
5302              <div class="flex flex-col gap-4">
5303                <h3 class="text-xs font-bold text-black uppercase tracking-wide">AI Platforms</h3>
5304                <ul class="flex flex-col gap-3">
5305                  
5306                    <li>
5307                      <a href="https://www.publicissapient.com/platforms" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5308                        AI Platforms Overview
5309                        
5310                      </a>
5311                    </li>
5312                  
5313                    <li>
5314                      <a href="https://www.publicissapient.com/platforms/slingshot" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5315                        Sapient Slingshot
5316                        
5317                      </a>
5318                    </li>
5319                  
5320                    <li>
5321                      <a href="https://www.publicissapient.com/platforms/bodhi" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5322                        Sapient Bodhi
5323                        
5324                      </a>
5325                    </li>
5326                  
5327                    <li>
5328                      <a href="https://www.publicissapient.com/platforms/sustain" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5329                        Sapient Sustain
5330                        
5331                      </a>
5332                    </li>
5333                  
5334                </ul>
5335              </div>
5336              
5337              
5338                <div class="flex flex-col gap-4">
5339                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Customers</h3>
5340                  <ul class="flex flex-col gap-3">
5341                    
5342                      <li>
5343                        <a href="https://www.publicissapient.com/customers/stories" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5344                          Customer Stories
5345                          
5346                        </a>
5347                      </li>
5348                    
5349                  </ul>
5350                </div>
5351              
5352                <div class="flex flex-col gap-4">
5353                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Resources</h3>
5354                  <ul class="flex flex-col gap-3">
5355                    
5356                      <li>
5357                        <a href="https://www.publicissapient.com/resources/blog" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5358                          Blog
5359                          
5360                        </a>
5361                      </li>
5362                    
5363                      <li>
5364                        <a href="https://www.publicissapient.com/resources/demos" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5365                          Demo Library
5366                          
5367                        </a>
5368                      </li>
5369                    
5370                  </ul>
5371                </div>
5372              
5373            </div>
5374          
5375            <div class="flex flex-col gap-8">
5376              
5377              <div class="flex flex-col gap-4">
5378                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Capabilities</h3>
5379                <ul class="flex flex-col gap-3">
5380                  
5381                    <li>
5382                      <a href="https://www.publicissapient.com/company/capabilities" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5383                        Capabilities Overview
5384                        
5385                      </a>
5386                    </li>
5387                  
5388                    <li>
5389                      <a href="https://www.publicissapient.com/company/capabilities/enterprise-ai-strategy" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5390                        Strategy
5391                        
5392                      </a>
5393                    </li>
5394                  
5395                    <li>
5396                      <a href="https://www.publicissapient.com/company/capabilities/product" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5397                        Product
5398                        
5399                      </a>
5400                    </li>
5401                  
5402                    <li>
5403                      <a href="https://www.publicissapient.com/company/capabilities/experience" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5404                        Experience
5405                        
5406                      </a>
5407                    </li>
5408                  
5409                    <li>
5410                      <a href="https://www.publicissapient.com/company/capabilities/enterprise-engineering" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5411                        Engineering
5412                        
5413                      </a>
5414                    </li>
5415                  
5416                    <li>
5417                      <a href="https://www.publicissapient.com/company/capabilities/data-ai" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5418                        Data &amp; AI
5419                        
5420                      </a>
5421                    </li>
5422                  
5423                    <li>
5424                      <a href="https://www.publicissapient.com/company/capabilities/global-capability-centers" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5425                        Global Capability
Centers
5426                        
5427                      </a>
5428                    </li>
5429                  
5430                </ul>
5431              </div>
5432              
5433              
5434            </div>
5435          
5436            <div class="flex flex-col gap-8">
5437              
5438              <div class="flex flex-col gap-4">
5439                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Company</h3>
5440                <ul class="flex flex-col gap-3">
5441                  
5442                    <li>
5443                      <a href="https://www.publicissapient.com/company" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5444                        About
5445                        
5446                      </a>
5447                    </li>
5448                  
5449                    <li>
5450                      <a href="https://www.publicissapient.com/company/why-publicis-sapient" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5451                        Why Publicis Sapient
5452                        
5453                      </a>
5454                    </li>
5455                  
5456                    <li>
5457                      <a href="https://www.publicissapient.com/company/news" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5458                        Newsroom
5459                        
5460                      </a>
5461                    </li>
5462                  
5463                    <li>
5464                      <a href="https://www.publicissapient.com/company/accolades" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5465                        Accolades
5466                        
5467                      </a>
5468                    </li>
5469                  
5470                    <li>
5471                      <a href="https://www.publicissapient.com/company/locations" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5472                        Locations
5473                        
5474                      </a>
5475                    </li>
5476                  
5477                </ul>
5478              </div>
5479              
5480              
5481                <div class="flex flex-col gap-4">
5482                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Careers</h3>
5483                  <ul class="flex flex-col gap-3">
5484                    
5485                      <li>
5486                        <a href="https://careers.publicissapient.com/" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_blank" rel="noopener noreferrer">
5487                          Careers Overview
5488                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
5489                        </a>
5490                      </li>
5491                    
5492                      <li>
5493                        <a href="https://careers.publicissapient.com/job-search" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_blank" rel="noopener noreferrer">
5494                          Open Roles
5495                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
5496                        </a>
5497                      </li>
5498                    
5499                  </ul>
5500                </div>
5501              
5502            </div>
5503          
5504        </div>
5505        
5506        <div class="grid grid-cols-2 gap-x-8 gap-y-10 lg:hidden">
5507          
5508            <div class="flex flex-col gap-8">
5509              
5510              <div class="flex flex-col gap-4">
5511                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Solutions</h3>
5512                <ul class="flex flex-col gap-3">
5513                  
5514                    <li>
5515                      <a href="https://www.publicissapient.com/platforms/slingshot/legacy-modernization" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5516                        Legacy Modernization
5517                        
5518                      </a>
5519                    </li>
5520                  
5521                    <li>
5522                      <a href="https://www.publicissapient.com/platforms/bodhi/content-supply-chain" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5523                        Content Supply Chain
5524                        
5525                      </a>
5526                    </li>
5527                  
5528                    <li>
5529                      <a href="https://www.publicissapient.com/solutions/customer-engagements" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5530                        Customer Engagement
5531                        
5532                      </a>
5533                    </li>
5534                  
5535                    <li>
5536                      <a href="https://www.publicissapient.com/solutions/commerce" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5537                        Digital Commerce
5538                        
5539                      </a>
5540                    </li>
5541                  
5542                    <li>
5543                      <a href="https://www.publicissapient.com/solutions/experience-transformation" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5544                        Experience Transformation
5545                        
5546                      </a>
5547                    </li>
5548                  
5549                </ul>
5550              </div>
5551              
5552              
5553                <div class="flex flex-col gap-4">
5554                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Partners</h3>
5555                  <ul class="flex flex-col gap-3">
5556                    
5557                      <li>
5558                        <a href="https://www.publicissapient.com/partners" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5559                          Partners Overview
5560                          
5561                        </a>
5562                      </li>
5563                    
5564                      <li>
5565                        <a href="https://www.publicissapient.com/partners/adobe" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5566                          Adobe
5567                          
5568                        </a>
5569                      </li>
5570                    
5571                      <li>
5572                        <a href="https://www.publicissapient.com/partners/aws" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5573                          AWS
5574                          
5575                        </a>
5576                      </li>
5577                    
5578                      <li>
5579                        <a href="https://www.publicissapient.com/partners/google-cloud" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5580                          Google Cloud
5581                          
5582                        </a>
5583                      </li>
5584                    
5585                      <li>
5586                        <a href="https://www.publicissapient.com/partners/microsoft" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5587                          Microsoft
5588                          
5589                        </a>
5590                      </li>
5591                    
5592                      <li>
5593                        <a href="https://www.publicissapient.com/partners/salesforce" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5594                          Salesforce
5595                          
5596                        </a>
5597                      </li>
5598                    
5599                  </ul>
5600                </div>
5601              
5602            </div>
5603          
5604            <div class="flex flex-col gap-8">
5605              
5606              <div class="flex flex-col gap-4">
5607                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Industries</h3>
5608                <ul class="flex flex-col gap-3">
5609                  
5610                    <li>
5611                      <a href="https://www.publicissapient.com/industries/consumer-products" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5612                        Consumer Products
5613                        
5614                      </a>
5615                    </li>
5616                  
5617                    <li>
5618                      <a href="https://www.publicissapient.com/industries/energy-commodities" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5619                        Energy &amp; Commodities
5620                        
5621                      </a>
5622                    </li>
5623                  
5624                    <li>
5625                      <a href="https://www.publicissapient.com/industries/financial-services" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5626                        Financial Services
5627                        
5628                      </a>
5629                    </li>
5630                  
5631                    <li>
5632                      <a href="https://www.publicissapient.com/industries/health" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5633                        Health
5634                        
5635                      </a>
5636                    </li>
5637                  
5638                    <li>
5639                      <a href="https://www.publicissapient.com/industries/public-sector" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5640                        Public Sector
5641                        
5642                      </a>
5643                    </li>
5644                  
5645                    <li>
5646                      <a href="https://www.publicissapient.com/industries/retail" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5647                        Retail
5648                        
5649                      </a>
5650                    </li>
5651                  
5652                    <li>
5653                      <a href="https://www.publicissapient.com/industries/telecommunications-media-technology" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5654                        Telecom, Media &amp; Tech
5655                        
5656                      </a>
5657                    </li>
5658                  
5659                    <li>
5660                      <a href="https://www.publicissapient.com/industries/transportation-mobility" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5661                        Transportation &amp; Mobility
5662                        
5663                      </a>
5664                    </li>
5665                  
5666                    <li>
5667                      <a href="https://www.publicissapient.com/industries/travel-hospitality" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5668                        Travel &amp;
5668 Hospitality
5669                        
5670                      </a>
5671                    </li>
5672                  
5673                </ul>
5674              </div>
5675              
5676              
5677            </div>
5678          
5679            <div class="flex flex-col gap-8">
5680              
5681              <div class="flex flex-col gap-4">
5682                <h3 class="text-xs font-bold text-black uppercase tracking-wide">AI Platforms</h3>
5683                <ul class="flex flex-col gap-3">
5684                  
5685                    <li>
5686                      <a href="https://www.publicissapient.com/platforms" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5687                        AI Platforms Overview
5688                        
5689                      </a>
5690                    </li>
5691                  
5692                    <li>
5693                      <a href="https://www.publicissapient.com/platforms/slingshot" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5694                        Sapient Slingshot
5695                        
5696                      </a>
5697                    </li>
5698                  
5699                    <li>
5700                      <a href="https://www.publicissapient.com/platforms/bodhi" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5701                        Sapient Bodhi
5702                        
5703                      </a>
5704                    </li>
5705                  
5706                    <li>
5707                      <a href="https://www.publicissapient.com/platforms/sustain" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5708                        Sapient Sustain
5709                        
5710                      </a>
5711                    </li>
5712                  
5713                </ul>
5714              </div>
5715              
5716              
5717                <div class="flex flex-col gap-4">
5718                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Customers</h3>
5719                  <ul class="flex flex-col gap-3">
5720                    
5721                      <li>
5722                        <a href="https://www.publicissapient.com/customers/stories" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5723                          Customer Stories
5724                          
5725                        </a>
5726                      </li>
5727                    
5728                  </ul>
5729                </div>
5730              
5731                <div class="flex flex-col gap-4">
5732                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Resources</h3>
5733                  <ul class="flex flex-col gap-3">
5734                    
5735                      <li>
5736                        <a href="https://www.publicissapient.com/resources/blog" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5737                          Blog
5738                          
5739                        </a>
5740                      </li>
5741                    
5742                      <li>
5743                        <a href="https://www.publicissapient.com/resources/demos" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5744                          Demo Library
5745                          
5746                        </a>
5747                      </li>
5748                    
5749                  </ul>
5750                </div>
5751              
5752            </div>
5753          
5754            <div class="flex flex-col gap-8">
5755              
5756              <div class="flex flex-col gap-4">
5757                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Capabilities</h3>
5758                <ul class="flex flex-col gap-3">
5759                  
5760                    <li>
5761                      <a href="https://www.publicissapient.com/company/capabilities" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5762                        Capabilities Overview
5763                        
5764                      </a>
5765                    </li>
5766                  
5767                    <li>
5768                      <a href="https://www.publicissapient.com/company/capabilities/enterprise-ai-strategy" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5769                        Strategy
5770                        
5771                      </a>
5772                    </li>
5773                  
5774                    <li>
5775                      <a href="https://www.publicissapient.com/company/capabilities/product" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5776                        Product
5777                        
5778                      </a>
5779                    </li>
5780                  
5781                    <li>
5782                      <a href="https://www.publicissapient.com/company/capabilities/experience" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5783                        Experience
5784                        
5785                      </a>
5786                    </li>
5787                  
5788                    <li>
5789                      <a href="https://www.publicissapient.com/company/capabilities/enterprise-engineering" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5790                        Engineering
5791                        
5792                      </a>
5793                    </li>
5794                  
5795                    <li>
5796                      <a href="https://www.publicissapient.com/company/capabilities/data-ai" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5797                        Data &amp; AI
5798                        
5799                      </a>
5800                    </li>
5801                  
5802                    <li>
5803                      <a href="https://www.publicissapient.com/company/capabilities/global-capability-centers" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5804                        Global Capability
Centers
5805                        
5806                      </a>
5807                    </li>
5808                  
5809                </ul>
5810              </div>
5811              
5812              
5813            </div>
5814          
5815            <div class="flex flex-col gap-8">
5816              
5817              <div class="flex flex-col gap-4">
5818                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Company</h3>
5819                <ul class="flex flex-col gap-3">
5820                  
5821                    <li>
5822                      <a href="https://www.publicissapient.com/company" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5823                        About
5824                        
5825                      </a>
5826                    </li>
5827                  
5828                    <li>
5829                      <a href="https://www.publicissapient.com/company/why-publicis-sapient" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5830                        Why Publicis Sapient
5831                        
5832                      </a>
5833                    </li>
5834                  
5835                    <li>
5836                      <a href="https://www.publicissapient.com/company/news" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5837                        Newsroom
5838                        
5839                      </a>
5840                    </li>
5841                  
5842                    <li>
5843                      <a href="https://www.publicissapient.com/company/accolades" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5844                        Accolades
5845                        
5846                      </a>
5847                    </li>
5848                  
5849                    <li>
5850                      <a href="https://www.publicissapient.com/company/locations" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5851                        Locations
5852                        
5853                      </a>
5854                    </li>
5855                  
5856                </ul>
5857              </div>
5858              
5859              
5860                <div class="flex flex-col gap-4">
5861                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Careers</h3>
5862                  <ul class="flex flex-col gap-3">
5863                    
5864                      <li>
5865                        <a href="https://careers.publicissapient.com/" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_blank" rel="noopener noreferrer">
5866                          Careers Overview
5867                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
5868                        </a>
5869                      </li>
5870                    
5871                      <li>
5872                        <a href="https://careers.publicissapient.com/job-search" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_blank" rel="noopener noreferrer">
5873                          Open Roles
5874                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
5875                        </a>
5876                      </li>
5877                    
5878                  </ul>
5879                </div>
5880              
5881            </div>
5882          
5883        </div>
5884      </div>
5885    </div>
5886    
5887    <div class="mt-12 pt-8 border-t border-gray-200 flex flex-col gap-6">
5888      
5889      
5890      
5891      <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
5892        <p class="text-sm text-black">© 2026 Publicis Sapient. All rights reserved. A Publicis Groupe Company.</p>
5893        <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
5894          
5895            <a href="https://www.publicissapient.com/accessibility" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5896              Accessibility
5897              
5898            </a>
5899          
5900            <a href="https://www.publicissapient.com/cookie-policy" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5901              Cookie Policy
5902              
5903            </a>
5904          
5905            <a href="/#open-cookie-manager" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5906              Cookie Settings
5907              
5908            </a>
5909          
5910            <a href="https://publicisresources-privacy.my.onetrust.com/webform/a57c3297-68d3-4bc0-8843-262957a92400/5aedb450-5a2e-4d7c-b25e-51d838384c25" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_blank" rel="noopener noreferrer">
5911              Do Not Sell My Personal Information
5912              <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
5913            </a>
5914          
5915            <a href="https://www.publicissapient.com/legal" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5916              Legal
5917              
5918            </a>
5919          
5920            <a href="https://www.publicissapient.com/privacy" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5921              Privacy Policy
5922              
5923            </a>
5924          
5925            <a href="https://www.publicissapient.com/sitemap" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5926              Site Map
5927              
5928            </a>
5929          
5930            <a href="https://www.publicissapient.com/terms" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
5931              Terms
5932              
5933            </a>
5934          
5935        </div>
5936      </div>
5937    </div>
5938  </div>
5939</footer>
5940
5941    
5942    
5942<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-footer.js?v=20260923-1031-eca8b" defer="defer"></script>
5942
5943</div>
5944
5945        
5946    </div>
5947
5948</div>
5949
5950        
5951    </div>
5952
5953</div>
5954
5955
5956    
5957
5958</div>
5959
5960        
5961    </div>
5962
5963</div>
5964
5965
5966            
5967    
5968    
5969
5970
5971    
5972    
5972<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site.js?v=20260923-1031-eca8b" defer="defer"></script>
5972
5973
5974
5975
5976
5977    
5978
5979    
5980
5981    
5982
5983    
5984    
5985
5986            
5987
5988<!--
5989  Sitewide singleton mount point for the ContactModalLauncher React island. It renders
5990  nothing until a vanilla-JS progressive-enhancement script (e.g. TopNavigation/
5991  FrenchTopNavigation's enhance.ts) dispatches an `openContactModal` window CustomEvent
5992  carrying a CTA. Needs no authoring, no dialog and no server-rendered props -- see
5993  ContactModalLauncher/entry.tsx for the hydration wiring.
5994-->
5995<div>
5996    <div data-cmp-is="contact-modal-launcher"></div>
5997    
5998    
5999    
5999<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-contactmodallauncher.js?v=20260923-1031-eca8b" defer="defer"></script>
5999
6000
6001</div>
6002
6003        
6004    </body>
6005</html>

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.