PageSourceSearch

https://www.publicissapient.com/company/news

html publicissapient.com collected 2026-09-24 08:32:43 UTC 301,620 bytes, 4,390 lines download raw bytes

1
2<!DOCTYPE HTML>
3<html lang="en">
4    <head>
5
6    
7
8    
9    
10    
11        
12    
13    
14
15    <meta charset="UTF-8"/>
16    <meta name="viewport" content="width=device-width, initial-scale=1"/>
17
18    <title> Publicis Sapient Newsroom | Publicis Sapient</title>
19
20    <meta name="author" content="Publicis Sapient"/>
21    <meta name="description" content="Read the latest news from Publicis Sapient, including enterprise AI updates, generative AI use cases, customer stories and platform announcements."/>
22    
23
24    
25<link rel="canonical" href="https://www.publicissapient.com/company/news"/>
26
27
28
29    
30    
31    
32
33    
34    <meta property="og:type" content="website"/>
35    <meta property="og:site_name" content="Publicis Sapient"/>
36    <meta property="og:url" content="https://www.publicissapient.com/company/news"/>
37    <meta property="og:title" content=" Publicis Sapient Newsroom | Publicis Sapient"/>
38    <meta property="og:description" content="Read the latest news from Publicis Sapient, including enterprise AI updates, generative AI use cases, customer stories and platform announcements."/>
39
40    <meta property="og:image" content="https://www.publicissapient.com/content/dam/ps-redesign/us/en/2026/01/company/news/images/og-newsroom.jpg"/>
41    <meta name="twitter:title" content=" Publicis Sapient Newsroom | Publicis Sapient"/>
42    <meta name="twitter:description" content="Read the latest news from Publicis Sapient, including enterprise AI updates, generative AI use cases, customer stories and platform announcements."/>
43    <meta name="twitter:image" content="https://www.publicissapient.com/content/dam/ps-redesign/us/en/2026/01/company/news/images/og-newsroom.jpg"/>
44    <meta name="twitter:card" content="summary_large_image"/>
45    <meta name="twitter:site" content="Publicis Sapient"/>
46
47    
48    <link rel="icon" type="image/svg+xml" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon.svg"/>
49
50    
51    <link rel="icon" type="image/x-icon" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon.ico"/>
52
53    
54    <link rel="icon" type="image/png" sizes="48x48" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon-48x48.png"/>
55    <link rel="icon" type="image/png" sizes="32x32" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon-32x32.png"/>
56    <link rel="icon" type="image/png" sizes="16x16" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/favicon-16x16.png"/>
57
58    
59    <link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site/resources/icons/apple-touch-icon.png"/>
60
61
62    
63        
64            <link rel="preconnect" href="https://s7d9.scene7.com" crossorigin>
65<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
66<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin/>
67<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"/>
68<link rel="preconnect" href="https://assets.adobedtm.com" crossorigin>
69        
70    
71
72    
73
74    <meta name="template" content="one-column-content"/>
75
76    
77    
78
79
80
81<script type="text/javascript">
82    globalThis.dynamicMediaServiceUrl="//s7d9.scene7.com/is/image/publicissapient";
83</script>
83
84
85
86<script type="text/javascript">
87    globalThis.featureVideoAutoPlay="";
88    globalThis.featureVideoSessionTracking="";
89</script>
89
90
91
92<!-- Build Version: 20260923-1031-eca8b -->
93
94
95
96
97
98<link rel="stylesheet" href="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site.css?v=20260923-1031-eca8b" type="text/css"/>
99
100
101<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-runtime.js?v=20260923-1031-eca8b"></script>
101
102
103
104<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-lottie.js?v=20260923-1031-eca8b"></script>
104
105
106
107
108
109    
110
111    
112        
112<script id="__FE_CONFIGURATION__" type="application/json">
113{
114  "featureToggles": {"FEATURE_ENABLE_SERVICE_WORKER": true}
115}
116</script>
116
117    
118
119
120
121
122
123
124
125
126
127
128
129
130
131  
132  
133  
134  
135  
136
137
138  
139    
139<script>
140      window.digitalData = window.digitalData || {};
141      window.digitalData.page = {
142        pageName: " Publicis Sapient Newsroom",
143        pageParent: "Publicis Sapient | Purpose-Built for Enterprise AI",
144        channel: "en",
145        region: "us",
146        pageTags: [],
147        pageTagsPath: [],
148        pageContentTypeTag: ["News"],
149        pageContentTypeTagPath: ["ps-redesign:content-type/news"],
150        datemodified: "2026-05-14",
151        datepublished: "2026-08-27",
152        breadCrumbs: ["home","company","news"],
153        contentId: "dfa065ead89f873e0e0c274418133e4d18f3b9d80e1ed7615ac6976b55e26e71"
154      };
155    </script>
155
156  
157
158
159  <!-- Structured data for SEO -->
160    
160<script type="application/ld+json">
161    {
162      "@context": "https://schema.org",
163      "@type": "WebSite",
164      "name": "Publicis Sapient",
165      "url": "https://www.publicissapient.com"
166    }
167  </script>
167
168
169  
169<script type="application/ld+json">
170    {
171      "@context": "https://schema.org",
172      "@type": "Organization",
173      "name": "Publicis Sapient",
174      "url": "https://www.publicissapient.com",
175      "logo": "https://www.publicissapient.com/content/dam/ps-redesign/us/en/global/topnav/image/PS-Logo-Regular.svg",
176      "sameAs": [
177        "https://www.linkedin.com/company/publicissapient/",
178        "https://www.instagram.com/publicissapient/",
179        "https://www.facebook.com/publicissapient/",
180        "https://www.youtube.com/@PublicisSapient"
181      ]
182    }
183  </script>
183
184  
185    
186    
187  
188
189
190
191
192<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
192
193
194<!-- Adobe Analytics Header Code -->
195
196    
196<script defer src="https://assets.adobedtm.com/8006c40e7dec/d13f0c377358/launch-76a1e5c643eb.min.js"></script>
196
197
198
199
200    
201    
202    
203
204    
205
206    
207    
208    
209
210    
211    
212</head>
213    <body class="page basicpage" id="page-a310054713" 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">
214
215        
216        
217            
218
219<div class="cmp-page__skiptomaincontent">
220    <a class="cmp-page__skiptomaincontent-link" href="#main">Skip to main content</a>
221</div>
222
223            
224<div class="root container responsivegrid">
225
226    
227    
228    
229    <div id="container-83c7051a3f" class="cmp-container">
230        
231        <div class="announcementTicker">
232
233
234
235
236  <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;}'>
237    
238    <section class="AnnouncementTicker relative isolate overflow-hidden false bg-ps-red text-white">
239      
240        <div aria-hidden="true" class="absolute z-0 pointer-events-none select-none overflow-hidden inset-0">
241          <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"/>
242        </div>
243      
244      <div class="boxed px-0 relative z-10">
245        <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">
246          <div class="flex items-center justify-center gap-2 md:gap-8 flex-1 min-w-0">
247          <!-- Left Navigation Button (only if multiple announcements) 
247-->
248          
249            <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">
250              <svg class="text-white" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
251                <path d="M10 12l-4-4 4-4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
252              </svg>
253            </button>
254          
255
256          <!-- Announcements List -->
257          
258            <ul class="flex overflow-hidden flex-1 min-w-0">
259              
260                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="0">
261                  <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">
262                    <!-- Icon/Image (if present) -->
263                    
264                      <div class="shrink-0">
265                        
266                          <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"/>
267                        
268                        
269                        
270                      </div>
271                    
272
273                    <!-- Text Content Container -->
274                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
275                      <!-- Announcement Text -->
276                      <div class="min-w-0 text-center mr-1">
277                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
278                          Sapient Slingshot wins Technology Breakthrough of the Year.
279                        </p>
280                      </div>
281
282                      <!-- CTA Link (if present) -->
283                      
284                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
285                          <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">
286                            
287                            <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">
288                              Explore Slingshot
289                            </span>
290                            
291                            
292                              
293                                
294    
295        
296        
297        
298        <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>
299        
300        
301        
302        
303        
304        
305        
306        
307    
308
309                              
310                              
311                              
312                              
313                            
314                          </a>
315                        </div>
316                      
317                    </div>
318                  </div>
319                </li>
320              
321                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="1" inert>
322                  <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">
323                    <!-- Icon/Image (if present) -->
324                    
325                      <div class="shrink-0">
326                        
327                          <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-
3275 md:w-5" loading="eager"/>
328                        
329                        
330                        
331                      </div>
332                    
333
334                    <!-- Text Content Container -->
335                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
336                      <!-- Announcement Text -->
337                      <div class="min-w-0 text-center mr-1">
338                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
339                          Sapient Bodhi ranked #1 for deep research.
340                        </p>
341                      </div>
342
343                      <!-- CTA Link (if present) -->
344                      
345                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
346                          <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">
347                            
348                            <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">
349                              Explore Bodhi
350                            </span>
351                            
352                            
353                              
354                                
355    
356        
357        
358        
359        <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>
360        
361        
362        
363        
364        
365        
366        
367        
368    
369
370                              
371                              
372                              
373                              
374                            
375                          </a>
376                        </div>
377                      
378                    </div>
379                  </div>
380                </li>
381              
382                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="2" inert>
383                  <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">
384                    <!-- Icon/Image (if present) -->
385                    
386                      <div class="shrink-0">
387                        
388                          <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"/>
389                        
390                        
391                        
392                      </div>
393                    
394
395                    <!-- Text Content Container -->
396                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
397                      <!-- Announcement Text -->
398                      <div class="min-w-0 text-center mr-1">
399                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
400                          Meet Sapient Sustain: context-aware AI for complex IT operations.
401                        </p>
402                      </div>
403
404                      <!-- CTA Link (if present) -->
405                      
406                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
407                          <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">
408                            
409                            <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">
410                              Explore Sustain
411                            </span>
412                            
413                            
414                              
415                                
416    
417        
418        
419        
420        <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>
421        
422        
423        
424        
425        
426        
427        
428        
429    
430
431                              
432                              
433                              
434                              
435                            
436                          </a>
437                        </div>
438                      
439                    </div>
440                  </div>
441                </li>
442              
443                <li class="text-center box shrink-0 w-full min-w-0 flex items-center justify-center py-1" data-announcement-index="3" inert>
444                  <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">
445                    <!-- Icon/Image (if present) -->
446                    
447                      <div class="shrink-0">
448                        
449                          <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"/>
450                        
451                        
452                        
453                      </div>
454                    
455
456                    <!-- Text Content Container -->
457                    <div class="flex flex-col md:flex-row items-center justify-center min-w-0 max-w-full">
458                      <!-- Announcement Text -->
459                      <div class="min-w-0 text-center mr-1">
460                        <p class="ticker-sm-medium md:ps-text-sm-medium line-clamp-2 md:line-clamp-1">
461                          3M lines of COBOL → clear specs in 8 weeks.
462                        </p>
463                      </div>
464
465                      <!-- CTA Link (if present) -->
466                      
467                        <div class="shrink-0 w-full md:w-auto flex justify-center md:justify-start">
468                          <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">
469                            
470                            <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">
471                              Get the details
472                            </span>
473                            
474                            
475                              
476                                
477    
478        
479        
480        
481        <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>
482        
483        
484        
485        
486        
487        
488        
489        
490    
491
492                              
493                              
494                              
495                              
496                            
497                          </a>
498                        </div>
499                      
500                    </div>
501                  </div>
502                </li>
503              
504            </ul>
505          
506
507          <!-- Right Navigation Button (only if multiple announcements) 
507-->
508          
509            <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">
510              <svg class="text-white" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
511                <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
512              </svg>
513            </button>
514          
515          </div>
516        
517          <!-- Play/Pause Button (only if multiple announcements) -->
518          
519          <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">
520            <!-- Play Icon (default state) -->
521            <svg class="text-white ticker-play-icon" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
522              <path d="M5 3l8 5-8 5V3z" fill="currentColor"/>
523            </svg>
524            <!-- Pause Icon (hidden by default) -->
525            <svg class="text-white ticker-pause-icon hidden" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
526              <path d="M5 3h2v10H5V3zm4 0h2v10H9V3z" fill="currentColor"/>
527            </svg>
528          </button>
529          
530        </div>
531      </div>
532    </section>
533  </div>
534  
535    
536    
536<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-announcementticker.js?v=20260923-1031-eca8b"></script>
536
537
538
539</div>
540<div class="experiencefragment">
541<div id="experiencefragment-ca979016b4" class="cmp-experiencefragment cmp-experiencefragment--header">
542
543
544    
545    
546    
547    <div id="container-fb1914a3d9" class="cmp-container">
548        
549        <div class="container responsivegrid">
550
551    
552    
553    
554    <div id="container-c41a1319ef" class="cmp-container">
555        
556        <div class="psRedesignPrimaryNav">
557
558
559
560<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;
560 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">
561  <!-- Spacer: empty at page top; enhance.ts sets height when nav becomes fixed (past ticker threshold) -->
562  <div class="nav-spacer"></div>
563
564  <!-- Main Navigation Bar — relative at page top, becomes fixed when scrolled past AnnouncementTicker.
565       invisible until enhance.ts runs (FOUT prevention). z-1000 matches React Z_INDEX.nav. -->
566  <div class="top-navigation relative invisible left-0 right-0 w-full transition-transform duration-300 ease-in-out bg-transparent z-1000">
567    <div class="navigation-sm:boxed">
568      <!-- Desktop Navigation -->
569      <nav class="hidden navigation-sm:flex items-center justify-between h-33.5" aria-label="Main">
570        <div class="flex items-center gap-8 navigation-lg:gap-16">
571          <!-- Logo -->
572          <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">
573            
574            
575              <!-- Default PS Logo SVG - Desktop: 99.5x54 -->
576              <svg width="99.5" height="54" viewBox="0 0 100 54" fill="none" xmlns="http://www.w3.org/2000/svg">
577                <g clip-path="url(#clip0_ps_logo_desktop)">
578                  <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"/>
579                  <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"/>
580                  <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"/>
581                  <path d="M54.255 32.9175H52.4325V48.4162H54.255V32.9175Z" fill="#E90130"/>
582                  <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"/>
583                  <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"/>
584                  <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"/>
585                  <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"/>
586                  <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"/>
587                  <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
58775 20.0475 24.0825 20.0475C27.5475 20.0475 30.4575 17.2012 30.4575 13.7025V4.54871H28.635Z" fill="black"/>
588                  <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"/>
589                  <path d="M54.255 0H52.4325V20.0438H54.255V0Z" fill="black"/>
590                  <path d="M61.4062 4.54871H59.5837V20.0475H61.4062V4.54871Z" fill="black"/>
591                  <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"/>
592                  <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"/>
593                  <path d="M84.2175 4.54871H82.395V20.0475H84.2175V4.54871Z" fill="black"/>
594                  <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"/>
595                  <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"/>
596                </g>
597                <defs>
598                  <clipPath id="clip0_ps_logo_desktop">
599                    <rect width="99.4088" height="54" fill="white"/>
600                  </clipPath>
601                </defs>
602              </svg>
603            
604          </a>
605
606          <!-- Navigation Tabs -->
607          <div class="nav-tabs">
608            <ul class="flex items-center gap-1 navigation-sm:gap-6 navigation-lg:gap-10 list-none m-0 p-0">
609              
610                <li>
611                  <!-- Nav Tab -->
612                  
613
614                  
615
616                  
617                    <!-- Secondary Nav Button -->
618                    <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">
619                      <span class="relative">
620                        Solutions
621                        <!-- Animated underline -->
622                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
623                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
624                          <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>
625                        </span>
626                      </span>
627                    </button>
628                  
629                </li>
630              
631                <li>
632                  <!-- Nav Tab -->
633                  
634
635                  
636
637                  
638                    <!-- Secondary Nav Button -->
639                    <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">
640                      <span class="relative">
641                        Industries
642                        <!-- Animated underline -->
643                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
644                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
645                          <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>
646                        </span>
647                      </span>
648                    </button>
649                  
650                </li>
651              
652                <li>
653                  <!-- Nav Tab -->
654                  
655
656                  
657
658                  
659                    <!-- Secondary Nav Button -->
660                    <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">
661                      <span class="relative">
662                        AI Platforms
663                        <!-- Animated underline -->
664                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
665                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
666                          <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>
667                        </span>
668                      </span>
669                    </button>
670                  
671                </li>
672              
673                <li>
674                  <!-- Nav Tab -->
675                  
676
677                  
678                    <!-- Regular Link -->
679                    <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">
680                      <span class="relative">
681                        Customers
682                        <!-- Animated underline -->
683                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
684                          <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>
685                        </span>
686                      </span>
687                    </a>
688                  
689
690                  
691                </li>
692              
693                <li>
694                  <!-- Nav Tab -->
695                  
696
697                  
698
699                  
700                    <!-- Secondary Nav Button -->
701                    <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">
702                      <span class="relative">
703                        Resources
704                        <!-- Animated underline -->
705                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
706                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
707                          <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>
708                        </span>
709                      </span>
710                    </button>
711                  
712                </li>
713              
714                <li>
715                  <!-- Nav Tab -->
716                  
717
718                  
719
720                  
721                    <!-- Secondary Nav Button -->
722                    <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">
723                      <span class="relative">
724                        Company
725                        <!-- Animated underline -->
726                        <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
727                          <span class="absolute inset-0 bg-ps-red opacity-0 transition-opacity duration-200"></span>
728                          <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>
729                        </span>
730                      </span>
731                    </button>
732                  
733                </li>
734              
735                <li>
736                  <!-- Nav Tab -->
737                  
738                    <!-- New Tab Link -->
739                    <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">
740                      <span class="flex items-center gap-1">
741                        <span class="relative">
742                          Careers
743                          <!-- Animated underline -->
744                          <span class="absolute -bottom-1.5 left-0 right-0 h-0.5">
745                            <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>
746                          </span>
747                        </span>
748                        <!-- External link icon placeholder -->
749                        <span class="ps-icon inline-block shrink-0 bg-current ps-icon--share-05 w-5 h-5" aria-hidden="true"></span>
750                      </span>
751                    </a>
752                  
753
754                  
755
756                  
757                </li>
758              
759            </ul>
760          </div>
761        </div>
762
763        <!-- Right Section: Search + CTA -->
764        <div class="flex items-center gap-6">
765          <!-- Search -->
766          
767            <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">
768              <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>
769            </a>
770          
771
772          <!-- CTA Button -->
773          
774            
775            <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">
776              Let&#39;s Connect
777              
778            </a>
779          
780        </div>
781      </nav>
782    </div>
783
784    <!-- Mobile Navigation Header -->
785    <nav class="mobile-nav navigation-sm:hidden flex items-center justify-between px-4 py-5" aria-label="Main">
786      <!-- Left Group: Hamburger/Close Button + Logo -->
787      <div class="flex items-center gap-5">
788        <!-- Toggle Button: Hamburger when closed, Close when open -->
789        <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">
790          <span class="ps-icon inline-block shrink-0 bg-current ps-icon--menu w-5 h-5" aria-hidden="true"></span>
791        </button>
792
793        <!-- Mobile Logo — uses authored logoImage if present, same as desktop -->
794        <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">
795          
796          
797            <!-- Default PS Logo SVG fallback for mobile — full logo, same paths as desktop -->
798            <svg width="80" height="43" viewBox="0 0 100 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
799              <g clip-path="url(#clip0_mob_logo)">
800                <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"/>
801                <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"/>
802                <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"/>
803                <path d="M54.255 32.9175H52.4325V48.4162H54.255V32.9175Z" fill="#E90130"/>
804                <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
8040.1801 52.7025 30.7051 53.3437 30.7051Z" fill="#E90130"/>
805                <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"/>
806                <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"/>
807                <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"/>
808                <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"/>
809                <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"/>
810                <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"/>
811                <path d="M54.255 0H52.4325V20.0438H54.255V0Z" fill="black"/>
812                <path d="M61.4062 4.54871H59.5837V20.0475H61.4062V4.54871Z" fill="black"/>
813                <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"/>
814                <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"/>
815                <path d="M84.2175 4.54871H82.395V20.0475H84.2175V4.54871Z" fill="black"/>
816                <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"/>
817                <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 
81710.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"/>
818              </g>
819              <defs>
820                <clipPath id="clip0_mob_logo">
821                  <rect width="99.4088" height="54" fill="white"/>
822                </clipPath>
823              </defs>
824            </svg>
825          
826        </a>
827      </div>
828
829      <!-- Right Group: Search + CTA -->
830      <div class="flex items-center gap-4">
831        <!-- Search -->
832        
833          <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">
834            <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>
835          </a>
836        
837
838        
839          
840          <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!">
841            Let&#39;s Connect
842            
843          </a>
844        
845      </div>
846    </nav>
847  </div>
848
849  <!-- Secondary Navigation Dropdown -->
850  <!-- fixed+full-height container acts as a click-outside catcher; content floats inside via absolute -->
851  <div class="secondary-nav hidden navigation-sm:block fixed left-0 right-0 bottom-0 z-1001" style="display: none">
852    
853      <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">
854        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
855        
856        
857        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
858        <div class="flex gap-8 min-w-75">
859          <!-- Left Navigation -->
860          <div class="secondary-nav-left w-76">
861            <ul class="space-y-6 list-none m-0 p-0">
862              
863                <li class="list-none">
864                  
865                  <span class="flex gap-3 items-start">
866                    
867                    <span class="flex flex-col gap-y-1">
868                      <span class="flex items-center gap-1">
869                        <span class="ps-text-md-medium">Solutions</span>
870                        
871                      </span>
872                      
873                    </span>
874                  </span>
875
876                  <!-- Level 3 Navigation -->
877                  
878                </li>
879              
880                <li class="list-none">
881                  <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">
882                    
883                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
884                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-code-browser.svg" alt="" class="w-full h-full" loading="lazy"/>
885                      </span>
886                    
887                    <span class="flex flex-col gap-y-1">
888                      <span class="flex items-center gap-1">
889                        <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>
890                        
891                          <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>
892                        
893                      </span>
894                      
895                    </span>
896                  </a>
897                  
898
899                  <!-- Level 3 Navigation -->
900                  
901                </li>
902              
903                <li class="list-none">
904                  <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">
905                    
906                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
907                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-swap.svg" alt="" class="w-full h-full" loading="lazy"/>
908                      </span>
909                    
910                    <span class="flex flex-col gap-y-1">
911                      <span class="flex items-center gap-1">
912                        <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>
913                        
914                          <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>
915                        
916                      </span>
917                      
918                    </span>
919                  </a>
920                  
921
922                  <!-- Level 3 Navigation -->
923                  
924                </li>
925              
926                <li class="list-none">
927                  <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">
928                    
929                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
930                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-users.svg" alt="" class="w-full h-full" loading="lazy"/>
931                      </span>
932                    
933                    <span class="flex flex-col gap-y-1">
934                      <span class="flex items-center gap-1">
935                        <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>
936                        
937                          <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>
938                        
939                      </span>
940                      
941                    </span>
942                  </a>
943                  
944
945                  <!-- Level 3 Navigation -->
946                  
947                </li>
948              
949                <li class="list-none">
950                  <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">
951                    
952                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
953                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-qr-code.svg" alt="" class="w-full h-full" loading="lazy"/>
954                      </span>
955                    
956                    <span class="flex flex-col gap-y-1">
957                      <span class="flex items-center gap-1">
958                        <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>
959                        
960                          <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>
961                        
962                      </span>
963                      
964                    </span>
965                  </a>
966                  
967
968                  <!-- Level 3 Navigation -->
969                  
970                </li>
971              
972                <li class="list-none">
973                  <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">
974                    
975                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
976                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-git-pull-request.svg" alt="" class="w-full h-full" loading="lazy"/>
977                      </span>
978                    
979                    <span class="flex flex-col gap-y-1">
980                      <span class="flex items-center gap-1">
981                        <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>
982                        
983                          <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>
984                        
985                      </span>
986                      
987                    </span>
988                  </a>
989                  
990
991                  <!-- Level 3 Navigation -->
992                  
993                </li>
994              
995            </ul>
996          </div>
997
998          <!-- Right Navigation -->
999          <div class="secondary-nav-right w-76">
1000            <ul class="space-y-6 list-none m-0 p-0">
1001              
1002                <li class="list-none">
1003                  <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">
1004                    
1005                    <span class="flex flex-col gap-y-1">
1006                      <span class="flex items-center gap-1">
1007                        <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>
1008                        
1009                          <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>
1010                        
1011                      </span>
1012                      
1013                    </span>
1014                  </a>
1015
1016                  <!-- Level 3 Navigation -->
1017                  
1018                </li>
1019              
1020                <li class="list-none">
1021                  <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">
1022                    
1023                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1024                        <img src="/content/dam/ps-redesign/us/en/global/topnav/adobe.svg" alt="" class="w-full h-full" loading="lazy"/>
1025                      </span>
1026                    
1027                    <span class="flex flex-col gap-y-1">
1028                      <span class="flex items-center gap-1">
1029                        <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>
1030                        
1031                          <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>
1032                        
1033                      </span>
1034                      
1035                    </span>
1036                  </a>
1037
1038                  <!-- Level 3 Navigation -->
1039                  
1040                </li>
1041              
1042                <li class="list-none">
1043                  <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">
1044                    
1045                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1046                        <img src="/content/dam/ps-redesign/us/en/global/topnav/amazon.svg" alt="" class="w-full h-full" loading="lazy"/>
1047                      </span>
1048                    
1049                    <span class="flex flex-col gap-y-1">
1050                      <span class="flex items-center gap-1">
1051                        <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>
1052                        
1053                          <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>
1054                        
1055                      </span>
1056                      
1057                    </span>
1058                  </a>
1059
1060                  <!-- Level 3 Navigation -->
1061                  
1062                </li>
1063              
1064                <li class="list-none">
1065                  <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">
1066                    
1067                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1068                        <img src="/content/dam/ps-redesign/us/en/global/topnav/google.svg" alt="" class="w-full h-full" loading="lazy"/>
1069                      </span>
1070                    
1071                    <span class="flex flex-col gap-y-1">
1072                      <span class="flex items-center gap-1">
1073                        <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>
1074                        
1075                          <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>
1076                        
1077                      </span>
1078                      
1079                    </span>
1080                  </a>
1081
1082                  <!-- Level 3 Navigation -->
1083                  
1084                </li>
1085              
1086                <li class="list-none">
1087                  <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">
1088                    
1089                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1090                        <img src="/content/dam/ps-redesign/us/en/global/topnav/microsoft.svg" alt="" class="w-full h-full" loading="lazy"/>
1091                      </span>
1092                    
1093                    <span class="flex flex-col gap-y-1">
1094                      <span class="flex items-center gap-1">
1095                        <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>
1096                        
1097                          <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>
1098                        
1099                      </span>
1100                      
1101                    </span>
1102                  </a>
1103
1104                  <!-- Level 3 Navigation -->
1105                  
1106                </li>
1107              
1108                <li class="list-none">
1109                  <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">
1110                    
1111                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1112                        <img src="/content/dam/ps-redesign/us/en/global/topnav/salesforce.svg" alt="" class="w-full h-full" loading="lazy"/>
1113                      </span>
1114                    
1115                    <span class="flex flex-col gap-y-1">
1116                      <span class="flex items-center gap-1">
1117                        <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>
1118                        
1119                          <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>
1120                        
1121                      </span>
1122                      
1123                    </span>
1124                  </a>
1125
1126                  <!-- Level 3 Navigation -->
1127                  
1128                </li>
1129              
1130            </ul>
1131          </div>
1132        </div>
1133      </div>
1134    
1135      <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">
1136        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1137        
1138        
1139        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1140        <div class="flex gap-8 min-w-75">
1141          <!-- Left Navigation -->
1142          <div class="secondary-nav-left w-76">
1143            <ul class="space-y-6 list-none m-0 p-0">
1144              
1145                <li class="list-none">
1146                  <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">
1147                    
1148                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1149                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-shopping-cart.svg" alt="" class="w-full h-full" loading="lazy"/>
1150                      </span>
1151                    
1152                    <span class="flex flex-col gap-y-1">
1153                      <span class="flex items-center gap-1">
1154                        <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>
1155                        
1156                          <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>
1157                        
1158                      </span>
1159                      
1160                    </span>
1161                  </a>
1162                  
1163
1164                  <!-- Level 3 Navigation -->
1165                  
1166                </li>
1167              
1168                <li class="list-none">
1169                  <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">
1170                    
1171                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1172                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-flash.svg" alt="" class="w-full h-full" loading="lazy"/>
1173                      </span>
1174                    
1175                    <span class="flex flex-col gap-y-1">
1176                      <span class="flex items-center gap-1">
1177                        <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>
1178                        
1179                          <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>
1180                        
1181                      </span>
1182                      
1183                    </span>
1184                  </a>
1185                  
1186
1187                  <!-- Level 3 Navigation -->
1188                  
1189                </li>
1190              
1191                <li class="list-none">
1192                  <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">
1193                    
1194                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1195                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-stacked.svg" alt="" class="w-full h-full" loading="lazy"/>
1196                      </span>
1197                    
1198                    <span class="flex flex-col gap-y-1">
1199                      <span class="flex items-center gap-1">
1200                        <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>
1201                        
1202                          <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>
1203                        
1204                      </span>
1205                      
1206                    </span>
1207                  </a>
1208                  
1209
1210                  <!-- Level 3 Navigation -->
1211                  
1212                </li>
1213              
1214                <li class="list-none">
1215                  <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">
1216                    
1217                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1218                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-heart.svg" alt="" class="w-full h-full" loading="lazy"/>
1219                      </span>
1220                    
1221                    <span class="flex flex-col gap-y-1">
1222                      <span class="flex items-center gap-1">
1223                        <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>
1224                        
1225                          <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>
1226                        
1227                      </span>
1228                      
1229                    </span>
1230                  </a>
1231                  
1232
1233                  <!-- Level 3 Navigation -->
1234                  
1235                </li>
1236              
1237                <li class="list-none">
1238                  <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">
1239                    
1240                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1241                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-bank.svg" alt="" class="w-full h-full" loading="lazy"/>
1242                      </span>
1243                    
1244                    <span class="flex flex-col gap-y-1">
1245                      <span class="flex items-center gap-1">
1246                        <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>
1247                        
1248                          <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>
1249                        
1250                      </span>
1251                      
1252                    </span>
1253                  </a>
1254                  
1255
1256                  <!-- Level 3 Navigation -->
1257                  
1258                </li>
1259              
1260                <li class="list-none">
1261                  <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">
1262                    
1263                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1264                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-tag.svg" alt="" class="w-full h-full" loading="lazy"/>
1265                      </span>
1266                    
1267                    <span class="flex flex-col gap-y-1">
1268                      <span class="flex items-center gap-1">
1269                        <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>
1270                        
1271                          <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>
1272                        
1273                      </span>
1274                      
1275                    </span>
1276                  </a>
1277                  
1278
1279                  <!-- Level 3 Navigation -->
1280                  
1281                </li>
1282              
1283                <li class="list-none">
1284                  <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">
1285                    
1286                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1287                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-signal.svg" alt="" class="w-full h-full" loading="lazy"/>
1288                      </span>
1289                    
1290                    <span class="flex flex-col gap-y-1">
1291                      <span class="flex items-center gap-1">
1292                        <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>
1293                        
1294                          <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>
1295                        
1296                      </span>
1297                      
1298                    </span>
1299                  </a>
1300                  
1301
1302                  <!-- Level 3 Navigation -->
1303                  
1304                </li>
1305              
1306                <li class="list-none">
1307                  <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">
1308                    
1309                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1310                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-car.svg" alt="" class="w-full h-full" loading="lazy"/>
1311                      </span>
1312                    
1313                    <span class="flex flex-col gap-y-1">
1314                      <span class="flex items-center gap-1">
1315                        <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>
1316                        
1317                          <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>
1318                        
1319                      </span>
1320                      
1321                    </span>
1322                  </a>
1323                  
1324
1325                  <!-- Level 3 Navigation -->
1326                  
1327                </li>
1328              
1329                <li class="list-none">
1330                  <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">
1331                    
1332                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1333                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-plane.svg" alt="" class="w-full h-full" loading="lazy"/>
1334                      </span>
1335                    
1336                    <span class="flex flex-col gap-y-1">
1337                      <span class="flex items-center gap-1">
1338                        <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>
1339                        
1340                          <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>
1341                        
1342                      </span>
1343                      
1344                    </span>
1345                  </a>
1346                  
1347
1348                  <!-- Level 3 Navigation -->
1349                  
1350                </li>
1351              
1352            </ul>
1353          </div>
1354
1355          <!-- Right Navigation -->
1356          
1357        </div>
1358      </div>
1359    
1360      <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">
1361        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1362        
1363        
1364        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1365        <div class="flex gap-8 min-w-75">
1366          <!-- Left Navigation -->
1367          <div class="secondary-nav-left w-76">
1368            <ul class="space-y-6 list-none m-0 p-0">
1369              
1370                <li class="list-none">
1371                  <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">
1372                    
1373                    <span class="flex flex-col gap-y-1">
1374                      <span class="flex items-center gap-1">
1375                        <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>
1376                        
1377                          <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>
1378                        
1379                      </span>
1380                      
1381                    </span>
1382                  </a>
1383                  
1384
1385                  <!-- Level 3 Navigation -->
1386                  
1387                </li>
1388              
1389                <li class="list-none">
1390                  <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">
1391                    
1392                      <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
1393                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-slingshot.svg" alt="" class="w-full h-full" loading="lazy"/>
1394                      </span>
1395                    
1396                    <span class="flex flex-col gap-y-1">
1397                      <span class="flex items-center gap-1">
1398                        <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>
1399                        
1400                          <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>
1401                        
1402                      </span>
1403                      
1404                        <p class="ps-text-sm-regular text-gray-neutral-700">
1405                          Accelerate and automate your entire software lifecycle
1406                        </p>
1407                      
1408                    </span>
1409                  </a>
1410                  
1411
1412                  <!-- Level 3 Navigation -->
1413                  
1414                </li>
1415              
1416                <li class="list-none">
1417                  <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">
1418                    
1419                      <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
1420                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-bodhi.svg" alt="" class="w-full h-full" loading="lazy"/>
1421                      </span>
1422                    
1423                    <span class="flex flex-col gap-y-1">
1424                      <span class="flex items-center gap-1">
1425                        <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>
1426                        
1427                          <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>
1428                        
1429                      </span>
1430                      
1431                        <p class="ps-text-sm-regular text-gray-neutral-700">
1432                          Build and orchestrate agents and AI workflows
1433                        </p>
1434                      
1435                    </span>
1436                  </a>
1437                  
1438
1439                  <!-- Level 3 Navigation -->
1440                  
1441                </li>
1442              
1443                <li class="list-none">
1444                  <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">
1445                    
1446                      <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
1447                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-sustain-ai.svg" alt="" class="w-full h-full" loading="lazy"/>
1448                      </span>
1449                    
1450                    <span class="flex flex-col gap-y-1">
1451                      <span class="flex items-center gap-1">
1452                        <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>
1453                        
1454                          <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>
1455                        
1456                      </span>
1457                      
1458                        <p class="ps-text-sm-regular text-gray-neutral-700">
1459                          Optimize IT operations with AI-enabled automation and support
1460                        </p>
1461                      
1462                    </span>
1463                  </a>
1464                  
1465
1466                  <!-- Level 3 Navigation -->
1467                  
1468                </li>
1469              
1470            </ul>
1471          </div>
1472
1473          <!-- Right Navigation -->
1474          
1475        </div>
1476      </div>
1477    
1478      
1479    
1480      <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">
1481        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1482        
1483        
1484        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1485        <div class="flex gap-8 min-w-75">
1486          <!-- Left Navigation -->
1487          <div class="secondary-nav-left w-76">
1488            <ul class="space-y-6 list-none m-0 p-0">
1489              
1490                <li class="list-none">
1491                  <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">
1492                    
1493                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1494                        <img src="/content/dam/ps-redesign/us/en/global/topnav/image-indent-left.svg" alt="" class="w-full h-full" loading="lazy"/>
1495                      </span>
1496                    
1497                    <span class="flex flex-col gap-y-1">
1498                      <span class="flex items-center gap-1">
1499                        <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>
1500                        
1501                          <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>
1502                        
1503                      </span>
1504                      
1505                        <p class="ps-text-sm-regular text-gray-neutral-700">
1506                          Explore research, documentation and expert perspectives
1507                        </p>
1508                      
1509                    </span>
1510                  </a>
1511                  
1512
1513                  <!-- Level 3 Navigation -->
1514                  
1515                </li>
1516              
1517                <li class="list-none">
1518                  <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">
1519                    
1520                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1521                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-cursor-box.svg" alt="" class="w-full h-full" loading="lazy"/>
1522                      </span>
1523                    
1524                    <span class="flex flex-col gap-y-1">
1525                      <span class="flex items-center gap-1">
1526                        <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>
1527                        
1528                          <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>
1529                        
1530                      </span>
1531                      
1532                        <p class="ps-text-sm-regular text-gray-neutral-700">
1533                          Interactive demos and product walkthroughs
1534                        </p>
1535                      
1536                    </span>
1537                  </a>
1538                  
1539
1540                  <!-- Level 3 Navigation -->
1541                  
1542                </li>
1543              
1544            </ul>
1545          </div>
1546
1547          <!-- Right Navigation -->
1548          
1549        </div>
1550      </div>
1551    
1552      <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">
1553        <!-- Icon container class: ver1 (AI Platforms) = w-8 h-8, ver2 (Industries/Solutions/etc.) = w-4 h-4 mt-1 -->
1554        
1555        
1556        <!-- Matches React NavSection atom: icon + title + description as a single <a> -->
1557        <div class="flex gap-8 min-w-75">
1558          <!-- Left Navigation -->
1559          <div class="secondary-nav-left w-76">
1560            <ul class="space-y-6 list-none m-0 p-0">
1561              
1562                <li class="list-none">
1563                  <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">
1564                    
1565                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1566                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-star.svg" alt="" class="w-full h-full" loading="lazy"/>
1567                      </span>
1568                    
1569                    <span class="flex flex-col gap-y-1">
1570                      <span class="flex items-center gap-1">
1571                        <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>
1572                        
1573                          <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>
1574                        
1575                      </span>
1576                      
1577                    </span>
1578                  </a>
1579                  
1580
1581                  <!-- Level 3 Navigation -->
1582                  
1583                </li>
1584              
1585                <li class="list-none">
1586                  <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">
1587                    
1588                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1589                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-message-question-square.svg" alt="" class="w-full h-full" loading="lazy"/>
1590                      </span>
1591                    
1592                    <span class="flex flex-col gap-y-1">
1593                      <span class="flex items-center gap-1">
1594                        <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>
1595                        
1596                          <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>
1597                        
1598                      </span>
1599                      
1600                    </span>
1601                  </a>
1602                  
1603
1604                  <!-- Level 3 Navigation -->
1605                  
1606                </li>
1607              
1608                <li class="list-none">
1609                  <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">
1610                    
1611                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1612                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-file.svg" alt="" class="w-full h-full" loading="lazy"/>
1613                      </span>
1614                    
1615                    <span class="flex flex-col gap-y-1">
1616                      <span class="flex items-center gap-1">
1617                        <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>
1618                        
1619                          <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>
1620                        
1621                      </span>
1622                      
1623                    </span>
1624                  </a>
1625                  
1626
1627                  <!-- Level 3 Navigation -->
1628                  
1629                </li>
1630              
1631                <li class="list-none">
1632                  <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">
1633                    
1634                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1635                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-stars.svg" alt="" class="w-full h-full" loading="lazy"/>
1636                      </span>
1637                    
1638                    <span class="flex flex-col gap-y-1">
1639                      <span class="flex items-center gap-1">
1640                        <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>
1641                        
1642                          <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>
1643                        
1644                      </span>
1645                      
1646                    </span>
1647                  </a>
1648                  
1649
1650                  <!-- Level 3 Navigation -->
1651                  
1652                </li>
1653              
1654                <li class="list-none">
1655                  <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">
1656                    
1657                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1658                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-globe.svg" alt="" class="w-full h-full" loading="lazy"/>
1659                      </span>
1660                    
1661                    <span class="flex flex-col gap-y-1">
1662                      <span class="flex items-center gap-1">
1663                        <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>
1664                        
1665                          <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>
1666                        
1667                      </span>
1668                      
1669                    </span>
1670                  </a>
1671                  
1672
1673                  <!-- Level 3 Navigation -->
1674                  
1675                </li>
1676              
1677            </ul>
1678          </div>
1679
1680          <!-- Right Navigation -->
1681          <div class="secondary-nav-right w-76">
1682            <ul class="space-y-6 list-none m-0 p-0">
1683              
1684                <li class="list-none">
1685                  <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">
1686                    
1687                    <span class="flex flex-col gap-y-1">
1688                      <span class="flex items-center gap-1">
1689                        <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>
1690                        
1691                          <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>
1692                        
1693                      </span>
1694                      
1695                    </span>
1696                  </a>
1697
1698                  <!-- Level 3 Navigation -->
1699                  
1700                </li>
1701              
1702                <li class="list-none">
1703                  <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">
1704                    
1705                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1706                        <img src="/content/dam/ps-redesign/us/en/global/topnav/compass-03.svg" alt="" class="w-full h-full" loading="lazy"/>
1707                      </span>
1708                    
1709                    <span class="flex flex-col gap-y-1">
1710                      <span class="flex items-center gap-1">
1711                        <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>
1712                        
1713                          <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>
1714                        
1715                      </span>
1716                      
1717                    </span>
1718                  </a>
1719
1720                  <!-- Level 3 Navigation -->
1721                  
1722                </li>
1723              
1724                <li class="list-none">
1725                  <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">
1726                    
1727                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1728                        <img src="/content/dam/ps-redesign/us/en/global/topnav/container.svg" alt="" class="w-full h-full" loading="lazy"/>
1729                      </span>
1730                    
1731                    <span class="flex flex-col gap-y-1">
1732                      <span class="flex items-center gap-1">
1733                        <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>
1734                        
1735                          <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>
1736                        
1737                      </span>
1738                      
1739                    </span>
1740                  </a>
1741
1742                  <!-- Level 3 Navigation -->
1743                  
1744                </li>
1745              
1746                <li class="list-none">
1747                  <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">
1748                    
1749                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1750                        <img src="/content/dam/ps-redesign/us/en/global/topnav/left-indent-01.svg" alt="" class="w-full h-full" loading="lazy"/>
1751                      </span>
1752                    
1753                    <span class="flex flex-col gap-y-1">
1754                      <span class="flex items-center gap-1">
1755                        <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>
1756                        
1757                          <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>
1758                        
1759                      </span>
1760                      
1761                    </span>
1762                  </a>
1763
1764                  <!-- Level 3 Navigation -->
1765                  
1766                </li>
1767              
1768                <li class="list-none">
1769                  <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">
1770                    
1771                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1772                        <img src="/content/dam/ps-redesign/us/en/global/topnav/code-square-01.svg" alt="" class="w-full h-full" loading="lazy"/>
1773                      </span>
1774                    
1775                    <span class="flex flex-col gap-y-1">
1776                      <span class="flex items-center gap-1">
1777                        <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>
1778                        
1779                          <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>
1780                        
1781                      </span>
1782                      
1783                    </span>
1784                  </a>
1785
1786                  <!-- Level 3 Navigation -->
1787                  
1788                </li>
1789              
1790                <li class="list-none">
1791                  <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">
1792                    
1793                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1794                        <img src="/content/dam/ps-redesign/us/en/global/topnav/data.svg" alt="" class="w-full h-full" loading="lazy"/>
1795                      </span>
1796                    
1797                    <span class="flex flex-col gap-y-1">
1798                      <span class="flex items-center gap-1">
1799                        <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>
1800                        
1801                          <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>
1802                        
1803                      </span>
1804                      
1805                    </span>
1806                  </a>
1807
1808                  <!-- Level 3 Navigation -->
1809                  
1810                </li>
1811              
1812                <li class="list-none">
1813                  <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">
1814                    
1815                      <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1816                        <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-atom.svg" alt="" class="w-full h-full" loading="lazy"/>
1817                      </span>
1818                    
1819                    <span class="flex flex-col gap-y-1">
1820                      <span class="flex items-center gap-1">
1821                        <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>
1822                        
1823                          <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>
1824                        
1825                      </span>
1826                      
1827                    </span>
1828                  </a>
1829
1830                  <!-- Level 3 Navigation -->
1831                  
1832                </li>
1833              
1834            </ul>
1835          </div>
1836        </div>
1837      </div>
1838    
1839      
1840    
1841  </div>
1842
1843  <!-- Overlay -->
1844  <div class="nav-overlay fixed inset-0 z-999" style="display: none"></div>
1845
1846  <!-- Mobile Menu -->
1847  <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">
1848    <!-- Navigation Items -->
1849    <nav aria-label="Mobile navigation menu">
1850      <ul class="list-none m-0 p-0 mb-5">
1851        
1852          <li class="relative pb-5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gray-neutral-300 ">
1853            <!-- Expandable L1 item (has secondary nav) -->
1854            
1855              <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">
1856                <span>Solutions</span>
1857                <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">
1858                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1859                </svg>
1860              </button>
1861
1862              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
1863              <div data-mobile-content="Solutions" style="display: none">
1864                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
1865                
1866                
1867                <ul class="mt-5 flex flex-col gap-y-6 list-none">
1868                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
1869                  
1870                    <li>
1871                      
1872                      <span class="flex gap-3 items-start">
1873                        
1874                        <span class="flex flex-col gap-y-1">
1875                          <span class="flex items-center gap-1">
1876                            <span class="ps-text-md-medium">Solutions</span>
1877                            
1878                          </span>
1879                          
1880                        </span>
1881                      </span>
1882
1883                      <!-- L3 items under this L2 -->
1884                      
1885                    </li>
1886                  
1887                    <li>
1888                      <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">
1889                        
1890                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1891                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-code-browser.svg" alt="" class="w-full h-full" loading="lazy"/>
1892                          </span>
1893                        
1894                        <span class="flex flex-col gap-y-1">
1895                          <span class="flex items-center gap-1">
1896                            <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>
1897                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1898                            
1899                          </span>
1900                          
1901                        </span>
1902                      </a>
1903                      
1904
1905                      <!-- L3 items under this L2 -->
1906                      
1907                    </li>
1908                  
1909                    <li>
1910                      <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">
1911                        
1912                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1913                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-swap.svg" alt="" class="w-full h-full" loading="lazy"/>
1914                          </span>
1915                        
1916                        <span class="flex flex-col gap-y-1">
1917                          <span class="flex items-center gap-1">
1918                            <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>
1919                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1920                            
1921                          </span>
1922                          
1923                        </span>
1924                      </a>
1925                      
1926
1927                      <!-- L3 items under this L2 -->
1928                      
1929                    </li>
1930                  
1931                    <li>
1932                      <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">
1933                        
1934                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1935                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-users.svg" alt="" class="w-full h-full" loading="lazy"/>
1936                          </span>
1937                        
1938                        <span class="flex flex-col gap-y-1">
1939                          <span class="flex items-center gap-1">
1940                            <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>
1941                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1942                            
1943                          </span>
1944                          
1945                        </span>
1946                      </a>
1947                      
1948
1949                      <!-- L3 items under this L2 -->
1950                      
1951                    </li>
1952                  
1953                    <li>
1954                      <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">
1955                        
1956                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1957                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-qr-code.svg" alt="" class="w-full h-full" loading="lazy"/>
1958                          </span>
1959                        
1960                        <span class="flex flex-col gap-y-1">
1961                          <span class="flex items-center gap-1">
1962                            <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>
1963                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1964                            
1965                          </span>
1966                          
1967                        </span>
1968                      </a>
1969                      
1970
1971                      <!-- L3 items under this L2 -->
1972                      
1973                    </li>
1974                  
1975                    <li>
1976                      <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">
1977                        
1978                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
1979                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-git-pull-request.svg" alt="" class="w-full h-full" loading="lazy"/>
1980                          </span>
1981                        
1982                        <span class="flex flex-col gap-y-1">
1983                          <span class="flex items-center gap-1">
1984                            <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>
1985                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
1986                            
1987                          </span>
1988                          
1989                        </span>
1990                      </a>
1991                      
1992
1993                      <!-- L3 items under this L2 -->
1994                      
1995                    </li>
1996                  
1997
1998                  <!-- Right L2 Items — same NavSection pattern -->
1999                  
2000                    <li>
2001                      <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">
2002                        
2003                        <span class="flex flex-col gap-y-1">
2004                          <span class="flex items-center gap-1">
2005                            <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>
2006                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2007                            
2008                              <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>
2009                            
2010                          </span>
2011                          
2012                        </span>
2013                      </a>
2014
2015                      <!-- L3 items under this L2 -->
2016                      
2017                    </li>
2018                  
2019                    <li>
2020                      <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">
2021                        
2022                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2023                            <img src="/content/dam/ps-redesign/us/en/global/topnav/adobe.svg" alt="" class="w-full h-full" loading="lazy"/>
2024                          </span>
2025                        
2026                        <span class="flex flex-col gap-y-1">
2027                          <span class="flex items-center gap-1">
2028                            <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>
2029                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2030                            
2031                          </span>
2032                          
2033                        </span>
2034                      </a>
2035
2036                      <!-- L3 items under this L2 -->
2037                      
2038                    </li>
2039                  
2040                    <li>
2041                      <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">
2042                        
2043                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2044                            <img src="/content/dam/ps-redesign/us/en/global/topnav/amazon.svg" alt="" class="w-full h-full" loading="lazy"/>
2045                          </span>
2046                        
2047                        <span class="flex flex-col gap-y-1">
2048                          <span class="flex items-center gap-1">
2049                            <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>
2050                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2051                            
2052                          </span>
2053                          
2054                        </span>
2055                      </a>
2056
2057                      <!-- L3 items under this L2 -->
2058                      
2059                    </li>
2060                  
2061                    <li>
2062                      <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">
2063                        
2064                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2065                            <img src="/content/dam/ps-redesign/us/en/global/topnav/google.svg" alt="" class="w-full h-full" loading="lazy"/>
2066                          </span>
2067                        
2068                        <span class="flex flex-col gap-y-1">
2069                          <span class="flex items-center gap-1">
2070                            <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>
2071                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2072                            
2073                          </span>
2074                          
2075                        </span>
2076                      </a>
2077
2078                      <!-- L3 items under this L2 -->
2079                      
2080                    </li>
2081                  
2082                    <li>
2083                      <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">
2084                        
2085                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2086                            <img src="/content/dam/ps-redesign/us/en/global/topnav/microsoft.svg" alt="" class="w-full h-full" loading="lazy"/>
2087                          </span>
2088                        
2089                        <span class="flex flex-col gap-y-1">
2090                          <span class="flex items-center gap-1">
2091                            <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>
2092                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2093                            
2094                          </span>
2095                          
2096                        </span>
2097                      </a>
2098
2099                      <!-- L3 items under this L2 -->
2100                      
2101                    </li>
2102                  
2103                    <li>
2104                      <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">
2105                        
2106                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2107                            <img src="/content/dam/ps-redesign/us/en/global/topnav/salesforce.svg" alt="" class="w-full h-full" loading="lazy"/>
2108                          </span>
2109                        
2110                        <span class="flex flex-col gap-y-1">
2111                          <span class="flex items-center gap-1">
2112                            <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>
2113                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2114                            
2115                          </span>
2116                          
2117                        </span>
2118                      </a>
2119
2120                      <!-- L3 items under this L2 -->
2121                      
2122                    </li>
2123                  
2124                </ul>
2125              </div>
2126            
2127
2128            <!-- Simple L1 link (no secondary nav) -->
2129            
2130          </li>
2131        
2132          <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">
2133            <!-- Expandable L1 item (has secondary nav) -->
2134            
2135              <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">
2136                <span>Industries</span>
2137                <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">
2138                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2139                </svg>
2140              </button>
2141
2142              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2143              <div data-mobile-content="Industries" style="display: none">
2144                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2145                
2146                
2147                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2148                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2149                  
2150                    <li>
2151                      <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">
2152                        
2153                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2154                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-shopping-cart.svg" alt="" class="w-full h-full" loading="lazy"/>
2155                          </span>
2156                        
2157                        <span class="flex flex-col gap-y-1">
2158                          <span class="flex items-center gap-1">
2159                            <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>
2160                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2161                            
2162                          </span>
2163                          
2164                        </span>
2165                      </a>
2166                      
2167
2168                      <!-- L3 items under this L2 -->
2169                      
2170                    </li>
2171                  
2172                    <li>
2173                      <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">
2174                        
2175                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2176                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-flash.svg" alt="" class="w-full h-full" loading="lazy"/>
2177                          </span>
2178                        
2179                        <span class="flex flex-col gap-y-1">
2180                          <span class="flex items-center gap-1">
2181                            <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>
2182                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2183                            
2184                          </span>
2185                          
2186                        </span>
2187                      </a>
2188                      
2189
2190                      <!-- L3 items under this L2 -->
2191                      
2192                    </li>
2193                  
2194                    <li>
2195                      <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">
2196                        
2197                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2198                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-coins-stacked.svg" alt="" class="w-full h-full" loading="lazy"/>
2199                          </span>
2200                        
2201                        <span class="flex flex-col gap-y-1">
2202                          <span class="flex items-center gap-1">
2203                            <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>
2204                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2205                            
2206                          </span>
2207                          
2208                        </span>
2209                      </a>
2210                      
2211
2212                      <!-- L3 items under this L2 -->
2213                      
2214                    </li>
2215                  
2216                    <li>
2217                      <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">
2218                        
2219                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2220                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-heart.svg" alt="" class="w-full h-full" loading="lazy"/>
2221                          </span>
2222                        
2223                        <span class="flex flex-col gap-y-1">
2224                          <span class="flex items-center gap-1">
2225                            <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>
2226                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2227                            
2228                          </span>
2229                          
2230                        </span>
2231                      </a>
2232                      
2233
2234                      <!-- L3 items under this L2 -->
2235                      
2236                    </li>
2237                  
2238                    <li>
2239                      <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">
2240                        
2241                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2242                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-bank.svg" alt="" class="w-full h-full" loading="lazy"/>
2243                          </span>
2244                        
2245                        <span class="flex flex-col gap-y-1">
2246                          <span class="flex items-center gap-1">
2247                            <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>
2248                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2249                            
2250                          </span>
2251                          
2252                        </span>
2253                      </a>
2254                      
2255
2256                      <!-- L3 items under this L2 -->
2257                      
2258                    </li>
2259                  
2260                    <li>
2261                      <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">
2262                        
2263                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2264                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-tag.svg" alt="" class="w-full h-full" loading="lazy"/>
2265                          </span>
2266                        
2267                        <span class="flex flex-col gap-y-1">
2268                          <span class="flex items-center gap-1">
2269                            <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>
2270                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2271                            
2272                          </span>
2273                          
2274                        </span>
2275                      </a>
2276                      
2277
2278                      <!-- L3 items under this L2 -->
2279                      
2280                    </li>
2281                  
2282                    <li>
2283                      <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">
2284                        
2285                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2286                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-signal.svg" alt="" class="w-full h-full" loading="lazy"/>
2287                          </span>
2288                        
2289                        <span class="flex flex-col gap-y-1">
2290                          <span class="flex items-center gap-1">
2291                            <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>
2292                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2293                            
2294                          </span>
2295                          
2296                        </span>
2297                      </a>
2298                      
2299
2300                      <!-- L3 items under this L2 -->
2301                      
2302                    </li>
2303                  
2304                    <li>
2305                      <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">
2306                        
2307                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2308                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-car.svg" alt="" class="w-full h-full" loading="lazy"/>
2309                          </span>
2310                        
2311                        <span class="flex flex-col gap-y-1">
2312                          <span class="flex items-center gap-1">
2313                            <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>
2314                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2315                            
2316                          </span>
2317                          
2318                        </span>
2319                      </a>
2320                      
2321
2322                      <!-- L3 items under this L2 -->
2323                      
2324                    </li>
2325                  
2326                    <li>
2327                      <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">
2328                        
2329                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2330                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-plane.svg" alt="" class="w-full h-full" loading="lazy"/>
2331                          </span>
2332                        
2333                        <span class="flex flex-col gap-y-1">
2334                          <span class="flex items-center gap-1">
2335                            <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>
2336                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2337                            
2338                          </span>
2339                          
2340                        </span>
2341                      </a>
2342                      
2343
2344                      <!-- L3 items under this L2 -->
2345                      
2346                    </li>
2347                  
2348
2349                  <!-- Right L2 Items — same NavSection pattern -->
2350                  
2351                </ul>
2352              </div>
2353            
2354
2355            <!-- Simple L1 link (no secondary nav) -->
2356            
2357          </li>
2358        
2359          <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">
2360            <!-- Expandable L1 item (has secondary nav) -->
2361            
2362              <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">
2363                <span>AI Platforms</span>
2364                <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">
2365                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2366                </svg>
2367              </button>
2368
2369              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2370              <div data-mobile-content="AI Platforms" style="display: none">
2371                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2372                
2373                
2374                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2375                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2376                  
2377                    <li>
2378                      <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">
2379                        
2380                        <span class="flex flex-col gap-y-1">
2381                          <span class="flex items-center gap-1">
2382                            <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>
2383                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2384                            
2385                              <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>
2386                            
2387                          </span>
2388                          
2389                        </span>
2390                      </a>
2391                      
2392
2393                      <!-- L3 items under this L2 -->
2394                      
2395                    </li>
2396                  
2397                    <li>
2398                      <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">
2399                        
2400                          <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
2401                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-slingshot.svg" alt="" class="w-full h-full" loading="lazy"/>
2402                          </span>
2403                        
2404                        <span class="flex flex-col gap-y-1">
2405                          <span class="flex items-center gap-1">
2406                            <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>
2407                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2408                            
2409                          </span>
2410                          
2411                            <p class="ps-text-sm-regular text-gray-neutral-700">
2412                              Accelerate and automate your entire software lifecycle
2413                            </p>
2414                          
2415                        </span>
2416                      </a>
2417                      
2418
2419                      <!-- L3 items under this L2 -->
2420                      
2421                    </li>
2422                  
2423                    <li>
2424                      <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">
2425                        
2426                          <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
2427                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-bodhi.svg" alt="" class="w-full h-full" loading="lazy"/>
2428                          </span>
2429                        
2430                        <span class="flex flex-col gap-y-1">
2431                          <span class="flex items-center gap-1">
2432                            <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>
2433                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2434                            
2435                          </span>
2436                          
2437                            <p class="ps-text-sm-regular text-gray-neutral-700">
2438                              Build and orchestrate agents and AI workflows
2439                            </p>
2440                          
2441                        </span>
2442                      </a>
2443                      
2444
2445                      <!-- L3 items under this L2 -->
2446                      
2447                    </li>
2448                  
2449                    <li>
2450                      <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">
2451                        
2452                          <span class="shrink-0 flex items-center justify-center rounded-lg w-8 h-8">
2453                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-sapient-sustain-ai.svg" alt="" class="w-full h-full" loading="lazy"/>
2454                          </span>
2455                        
2456                        <span class="flex flex-col gap-y-1">
2457                          <span class="flex items-center gap-1">
2458                            <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>
2459                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2460                            
2461                          </span>
2462                          
2463                            <p class="ps-text-sm-regular text-gray-neutral-700">
2464                              Optimize IT operations with AI-enabled automation and support
2465                            </p>
2466                          
2467                        </span>
2468                      </a>
2469                      
2470
2471                      <!-- L3 items under this L2 -->
2472                      
2473                    </li>
2474                  
2475
2476                  <!-- Right L2 Items — same NavSection pattern -->
2477                  
2478                </ul>
2479              </div>
2480            
2481
2482            <!-- Simple L1 link (no secondary nav) -->
2483            
2484          </li>
2485        
2486          <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">
2487            <!-- Expandable L1 item (has secondary nav) -->
2488            
2489
2490            <!-- Simple L1 link (no secondary nav) -->
2491            
2492              <a href="https://www.publicissapient.com/customers/stories" target="_self" class="flex items-center justify-between ps-text-md-medium text-gray-900">
2493                <span>Customers</span>
2494                
2495              </a>
2496            
2497          </li>
2498        
2499          <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">
2500            <!-- Expandable L1 item (has secondary nav) -->
2501            
2502              <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">
2503                <span>Resources</span>
2504                <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">
2505                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2506                </svg>
2507              </button>
2508
2509              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2510              <div data-mobile-content="Resources" style="display: none">
2511                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2512                
2513                
2514                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2515                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2516                  
2517                    <li>
2518                      <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">
2519                        
2520                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2521                            <img src="/content/dam/ps-redesign/us/en/global/topnav/image-indent-left.svg" alt="" class="w-full h-full" loading="lazy"/>
2522                          </span>
2523                        
2524                        <span class="flex flex-col gap-y-1">
2525                          <span class="flex items-center gap-1">
2526                            <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>
2527                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2528                            
2529                          </span>
2530                          
2531                            <p class="ps-text-sm-regular text-gray-neutral-700">
2532                              Explore research, documentation and expert perspectives
2533                            </p>
2534                          
2535                        </span>
2536                      </a>
2537                      
2538
2539                      <!-- L3 items under this L2 -->
2540                      
2541                    </li>
2542                  
2543                    <li>
2544                      <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">
2545                        
2546                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2547                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-cursor-box.svg" alt="" class="w-full h-full" loading="lazy"/>
2548                          </span>
2549                        
2550                        <span class="flex flex-col gap-y-1">
2551                          <span class="flex items-center gap-1">
2552                            <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>
2553                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2554                            
2555                          </span>
2556                          
2557                            <p class="ps-text-sm-regular text-gray-neutral-700">
2558                              Interactive demos and product walkthroughs
2559                            </p>
2560                          
2561                        </span>
2562                      </a>
2563                      
2564
2565                      <!-- L3 items under this L2 -->
2566                      
2567                    </li>
2568                  
2569
2570                  <!-- Right L2 Items — same NavSection pattern -->
2571                  
2572                </ul>
2573              </div>
2574            
2575
2576            <!-- Simple L1 link (no secondary nav) -->
2577            
2578          </li>
2579        
2580          <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">
2581            <!-- Expandable L1 item (has secondary nav) -->
2582            
2583              <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">
2584                <span>Company</span>
2585                <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">
2586                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2587                </svg>
2588              </button>
2589
2590              <!-- Expanded secondary nav (initially hidden) — matches React MobileMenuItem -->
2591              <div data-mobile-content="Company" style="display: none">
2592                <!-- Mobile icon size: ver1 (AI Platforms) = w-8 h-8, ver2 (Solutions/etc.) = w-4 h-4 mt-1 -->
2593                
2594                
2595                <ul class="mt-5 flex flex-col gap-y-6 list-none">
2596                  <!-- Left L2 Items — NavSection pattern: single <a> with icon + title + desc -->
2597                  
2598                    <li>
2599                      <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">
2600                        
2601                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2602                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-star.svg" alt="" class="w-full h-full" loading="lazy"/>
2603                          </span>
2604                        
2605                        <span class="flex flex-col gap-y-1">
2606                          <span class="flex items-center gap-1">
2607                            <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>
2608                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2609                            
2610                          </span>
2611                          
2612                        </span>
2613                      </a>
2614                      
2615
2616                      <!-- L3 items under this L2 -->
2617                      
2618                    </li>
2619                  
2620                    <li>
2621                      <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">
2622                        
2623                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2624                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-message-question-square.svg" alt="" class="w-full h-full" loading="lazy"/>
2625                          </span>
2626                        
2627                        <span class="flex flex-col gap-y-1">
2628                          <span class="flex items-center gap-1">
2629                            <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>
2630                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2631                            
2632                          </span>
2633                          
2634                        </span>
2635                      </a>
2636                      
2637
2638                      <!-- L3 items under this L2 -->
2639                      
2640                    </li>
2641                  
2642                    <li>
2643                      <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">
2644                        
2645                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2646                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-file.svg" alt="" class="w-full h-full" loading="lazy"/>
2647                          </span>
2648                        
2649                        <span class="flex flex-col gap-y-1">
2650                          <span class="flex items-center gap-1">
2651                            <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>
2652                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2653                            
2654                          </span>
2655                          
2656                        </span>
2657                      </a>
2658                      
2659
2660                      <!-- L3 items under this L2 -->
2661                      
2662                    </li>
2663                  
2664                    <li>
2665                      <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">
2666                        
2667                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2668                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-stars.svg" alt="" class="w-full h-full" loading="lazy"/>
2669                          </span>
2670                        
2671                        <span class="flex flex-col gap-y-1">
2672                          <span class="flex items-center gap-1">
2673                            <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>
2674                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2675                            
2676                          </span>
2677                          
2678                        </span>
2679                      </a>
2680                      
2681
2682                      <!-- L3 items under this L2 -->
2683                      
2684                    </li>
2685                  
2686                    <li>
2687                      <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">
2688                        
2689                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2690                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-globe.svg" alt="" class="w-full h-full" loading="lazy"/>
2691                          </span>
2692                        
2693                        <span class="flex flex-col gap-y-1">
2694                          <span class="flex items-center gap-1">
2695                            <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>
2696                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2697                            
2698                          </span>
2699                          
2700                        </span>
2701                      </a>
2702                      
2703
2704                      <!-- L3 items under this L2 -->
2705                      
2706                    </li>
2707                  
2708
2709                  <!-- Right L2 Items — same NavSection pattern -->
2710                  
2711                    <li>
2712                      <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">
2713                        
2714                        <span class="flex flex-col gap-y-1">
2715                          <span class="flex items-center gap-1">
2716                            <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>
2717                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2718                            
2719                              <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>
2720                            
2721                          </span>
2722                          
2723                        </span>
2724                      </a>
2725
2726                      <!-- L3 items under this L2 -->
2727                      
2728                    </li>
2729                  
2730                    <li>
2731                      <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">
2732                        
2733                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2734                            <img src="/content/dam/ps-redesign/us/en/global/topnav/compass-03.svg" alt="" class="w-full h-full" loading="lazy"/>
2735                          </span>
2736                        
2737                        <span class="flex flex-col gap-y-1">
2738                          <span class="flex items-center gap-1">
2739                            <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>
2740                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2741                            
2742                          </span>
2743                          
2744                        </span>
2745                      </a>
2746
2747                      <!-- L3 items under this L2 -->
2748                      
2749                    </li>
2750                  
2751                    <li>
2752                      <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">
2753                        
2754                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2755                            <img src="/content/dam/ps-redesign/us/en/global/topnav/container.svg" alt="" class="w-full h-full" loading="lazy"/>
2756                          </span>
2757                        
2758                        <span class="flex flex-col gap-y-1">
2759                          <span class="flex items-center gap-1">
2760                            <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>
2761                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2762                            
2763                          </span>
2764                          
2765                        </span>
2766                      </a>
2767
2768                      <!-- L3 items under this L2 -->
2769                      
2770                    </li>
2771                  
2772                    <li>
2773                      <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">
2774                        
2775                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2776                            <img src="/content/dam/ps-redesign/us/en/global/topnav/left-indent-01.svg" alt="" class="w-full h-full" loading="lazy"/>
2777                          </span>
2778                        
2779                        <span class="flex flex-col gap-y-1">
2780                          <span class="flex items-center gap-1">
2781                            <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>
2782                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2783                            
2784                          </span>
2785                          
2786                        </span>
2787                      </a>
2788
2789                      <!-- L3 items under this L2 -->
2790                      
2791                    </li>
2792                  
2793                    <li>
2794                      <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">
2795                        
2796                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2797                            <img src="/content/dam/ps-redesign/us/en/global/topnav/code-square-01.svg" alt="" class="w-full h-full" loading="lazy"/>
2798                          </span>
2799                        
2800                        <span class="flex flex-col gap-y-1">
2801                          <span class="flex items-center gap-1">
2802                            <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>
2803                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2804                            
2805                          </span>
2806                          
2807                        </span>
2808                      </a>
2809
2810                      <!-- L3 items under this L2 -->
2811                      
2812                    </li>
2813                  
2814                    <li>
2815                      <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">
2816                        
2817                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2818                            <img src="/content/dam/ps-redesign/us/en/global/topnav/data.svg" alt="" class="w-full h-full" loading="lazy"/>
2819                          </span>
2820                        
2821                        <span class="flex flex-col gap-y-1">
2822                          <span class="flex items-center gap-1">
2823                            <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>
2824                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2825                            
2826                          </span>
2827                          
2828                        </span>
2829                      </a>
2830
2831                      <!-- L3 items under this L2 -->
2832                      
2833                    </li>
2834                  
2835                    <li>
2836                      <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">
2837                        
2838                          <span class="shrink-0 flex items-center justify-center rounded-lg w-4 h-4 mt-1">
2839                            <img src="/content/dam/ps-redesign/us/en/global/topnav/top-nav-atom.svg" alt="" class="w-full h-full" loading="lazy"/>
2840                          </span>
2841                        
2842                        <span class="flex flex-col gap-y-1">
2843                          <span class="flex items-center gap-1">
2844                            <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>
2845                            <!-- Mobile uses enableArrowForMob, not enableArrow (desktop flag) — matches React MobileMenu NavSection prop -->
2846                            
2847                          </span>
2848                          
2849                        </span>
2850                      </a>
2851
2852                      <!-- L3 items under this L2 -->
2853                      
2854                    </li>
2855                  
2856                </ul>
2857              </div>
2858            
2859
2860            <!-- Simple L1 link (no secondary nav) -->
2861            
2862          </li>
2863        
2864          <li class="relative  pt-5">
2865            <!-- Expandable L1 item (has secondary nav) -->
2866            
2867
2868            <!-- Simple L1 link (no secondary nav) -->
2869            
2870              <a href="https://careers.publicissapient.com/" target="_blank" class="flex items-center justify-between ps-text-md-medium text-gray-900">
2871                <span>Careers</span>
2872                
2873                  <span class="ps-icon inline-block shrink-0 bg-current ps-icon--link-external-02 w-4 h-4" aria-hidden="true"></span>
2874                
2875              </a>
2876            
2877          </li>
2878        
2879      </ul>
2880    </nav>
2881
2882    <!-- Chat with us CTA — matches React MobileMenu bottom button. Hidden for careerNav (matches React: chatWithUs={careerNav? {} : {...}}) -->
2883    
2884      <div class="text-center pt-8">
2885        <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">
2886          <span class="shrink-0 flex">
2887            <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>
2888          </span>
2889          Chat with us
2890        </button>
2891      </div>
2892    
2893  </div>
2894</header>
2895
2896    
2897    
2897<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-topnavigation.js?v=20260923-1031-eca8b"></script>
2897
2898
2899
2900</div>
2901<div class="sapientchat">
2902
2903
2904
2905
2906<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;}'>
2907</div>
2908
2909
2910    
2911    
2911<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-sapientchat.js?v=20260923-1031-eca8b" defer="defer"></script>
2911
2912
2913</div>
2914<div class="genericEmbedIframe">
2915
2916<!-- Authoring placeholder -->
2917
2918
2919<!-- Generic Embed/Iframe Container -->
2920<div data-cmp-is="generic-embed-iframe" class="generic-embed-iframe">
2921
2922    <!-- If Embed -->
2923    
2924        <div id="main"></div>
2925    
2926
2927    <!-- If iFrame -->
2928    
2929</div>
2930</div>
2931
2932        
2933    </div>
2934
2935</div>
2936
2937        
2938    </div>
2939
2940</div>
2941
2942    
2943</div>
2944<main class="container responsivegrid">
2945
2946    
2947    
2948    
2949    <div id="container-3621e488df" class="cmp-container">
2950        
2951        <div class="herosectionwithfeaturedcontent">
2952
2953
2954
2955
2956
2957
2958
2959<div class="bg-white" data-cmp-is="herosectionwithfeaturedcontent" data-hydration-priority="critical" data-react-props='{&#34;title&#34;:&#34;News&#34;,&#34;description&#34;:&#34;&lt;p>Product announcements, press releases and customer stories from Publicis Sapient.
Read the latest updates on enterprise AI platforms, generative AI, data and digital transformation.&lt;/p>\r\n&#34;,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:null,&#34;tabletImage&#34;:null,&#34;mobileImage&#34;:null,&#34;imageAlt&#34;:&#34;Image Alt Text&#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;Read press release&#34;,&#34;ctaAriaLabel&#34;:&#34;Read press release&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;#&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;:type&#34;:&#34;ps-redesign/components/herosectionwithfeaturedcontent&#34;}'>
2960
2961    
2962    
2963
2964    
2965    <h1 class="sr-only">News</h1>
2966    <div class="sr-only"><p>Product announcements, press releases and customer stories from Publicis Sapient.
Read the latest updates on enterprise AI platforms, generative AI, data and digital transformation.</p>
2967</div>
2968    
2969    
2970    
2971    
2972    <a class="sr-only" href="#">Read press release</a>
2973</div>
2974
2975
2976    
2977    
2977<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-herosectionwithfeaturedcontent.js?v=20260923-1031-eca8b" defer="defer"></script>
2977
2978
2979</div>
2980<div class="verticalpadding">
2981
2982
2983
2984
2985
2986
2987
2988
2989<div class="vp-xl vp-white" style="min-height: 64px;"></div>
2990</div>
2991<div class="contentcardssection">
2992    
2993    <div class="cmp-contentcardssection bg-white" data-cmp-is="contentcardssection" data-react-props='{&#34;hideIcon&#34;:false,&#34;cardBgNormal&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/article-card/content-card-light.jpg&#34;,&#34;cardBgHover&#34;:&#34;/content/dam/ps-redesign/us/en/global/comps/article-card/content-card-hover.jpg&#34;,&#34;dataFetchMode&#34;:&#34;dynamicTagFetch&#34;,&#34;dynamicOpenLinkInNewTab&#34;:false,&#34;noOfFilterTabs&#34;:1,&#34;itemsPerPageDesktop&#34;:0,&#34;itemsPerPageMobile&#34;:0,&#34;previousLabel&#34;:&#34;Previous&#34;,&#34;nextLabel&#34;:&#34;Next&#34;,&#34;showingResultsFormat&#34;:&#34;Showing {start}-{end} of {total} results&#34;,&#34;tabList&#34;:[{&#34;hideDate&#34;:false,&#34;tabName&#34;:&#34;News&#34;,&#34;cards&#34;:[{&#34;title&#34;:&#34;Vision Bank and Publicis Sapient Partner on AI Banking&#34;,&#34;date&#34;:&#34;September 14, 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/company/news/vision-bank-innovation-hub-partnership&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-1&#34;},{&#34;title&#34;:&#34;AXA and Publicis Sapient Collaborate to Deploy Global AI Hub at Scale&#34;,&#34;date&#34;:&#34;September 08, 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/company/news/axa-publicis-sapient-agentic-hub-partnership&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-2&#34;},{&#34;title&#34;:&#34;Nigel Vaz Named to the 2026 TIME100 AI&#34;,&#34;date&#34;:&#34;August 27, 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/company/news/nigel-vaz-time100-ai&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-3&#34;},{&#34;title&#34;:&#34;Rahul Dubey Joins Publicis Sapient to Lead North America Growth&#34;,&#34;date&#34;:&#34;July 01, 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/company/news/publicis-sapient-names-rahul-dubey-as-north-america-chief-growth-officer&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-4&#34;},{&#34;title&#34;:&#34;Most Enterprises Use AI. Only 10% Say It&#39;s Core to Their Operations&#34;,&#34;date&#34;:&#34;June 17, 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/company/news/ai-adoption-enterprise-readiness-report-2026&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-5&#34;},{&#34;title&#34;:&#34;Publicis Sapient launches Sapient Sustain&#34;,&#34;date&#34;:&#34;June 11, 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/company/news/sapient-sustain-autonomous-it-operations&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-6&#34;},{&#34;title&#34;:&#34;Publicis Sapient Wins 2026 AI Excellence Award&#34;,&#34;date&#34;:&#34;March 24, 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/company/news/slingshot-ai-excellence-award&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-7&#34;},{&#34;title&#34;:&#34;Driving AI Impact Across the UAE and Beyond&#34;,&#34;date&#34;:&#34;February 25, 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/company/news/g42-publicissapient-joint-venture&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-8&#34;},{&#34;title&#34;:&#34;Aldermore Launches Cloud-Native Treasury Platform&#34;,&#34;date&#34;:&#34;December 08, 2025&#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/company/news/aldermore-murex-treasury-transformation&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-9&#34;},{&#34;title&#34;:&#34;Publicis Sapient Achieves AWS Agentic AI Specialization&#34;,&#34;date&#34;:&#34;November 30, 2025&#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/company/news/aws-agentic-ai-specialization&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-10&#34;},{&#34;title&#34;:&#34;
2993Publicis Sapient Named a 2025 Market Leader in HFS Research’s Horizons Report for Energy and Utilities Service Providers&#34;,&#34;date&#34;:&#34;October 09, 2025&#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/company/news/publicis-sapient-named-a-2025-market-leader-in-hfs-research-horizons-report-for-energy-and-utilities-service-providers&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-11&#34;},{&#34;title&#34;:&#34;New Australian research reveals awareness gap in digital government services, despite widespread access&#34;,&#34;date&#34;:&#34;October 07, 2025&#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/company/news/australian-research-digital-government-awareness-gap&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-12&#34;},{&#34;title&#34;:&#34;Publicis Sapient Announces Harshu Deshpande as Product and Engineering Lead for Australia&#34;,&#34;date&#34;:&#34;September 29, 2025&#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/company/news/publicis-sapient-announces-harshu-deshpande-as-product-and-engineering-lead-for-australia&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-13&#34;},{&#34;title&#34;:&#34;Publicis Sapient Launches Agentic Retail Network To Move Retailers Beyond AI Pilot Fatigue&#34;,&#34;date&#34;:&#34;September 29, 2025&#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/company/news/publicis-sapient-launches-agentic-retail-network-to-move-retailers-beyond-ai-pilot-fatigue&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-14&#34;},{&#34;title&#34;:&#34;Nathalie Gaveau Appointed New Chief Client Officer, Publicis Sapient US and EVP, Publicis Groupe&#34;,&#34;date&#34;:&#34;August 28, 2025&#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/company/news/nathalie-gaveau-appointed-new-chief-client-officer&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-15&#34;},{&#34;title&#34;:&#34;Publicis Sapient Announces Availability of Multi Agentic Platform for Customer Services In The New AWS Marketplace AI Agents and Tools Storefront&#34;,&#34;date&#34;:&#34;July 16, 2025&#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/company/news/publicis-sapient-announces-agentic-platform&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-16&#34;},{&#34;title&#34;:&#34;Transforming Global Capability Centers from India&#34;,&#34;date&#34;:&#34;June 10, 2025&#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/company/news/india-gcc-transformation&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-17&#34;},{&#34;title&#34;:&#34;New Short Documentary ‘Doc Albany,’ From Director Ben Proudfoot, Will Premiere At The Tribeca Festival, Addressing Access To Healthcare In Rural America&#34;,&#34;date&#34;:&#34;
2993June 04, 2025&#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/company/news/addressing-access-to-healthcare-in-rural-america&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-18&#34;},{&#34;title&#34;:&#34;New Report from Publicis Sapient and HFS Research Underscores Need for AI-Driven Modernization to Tackle $2 Trillion Tech Debt&#34;,&#34;date&#34;:&#34;May 08, 2025&#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/company/news/new-report-from-publicis-sapient-and-hfs-research-underscores-need-for-ai-driven-modernization&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-19&#34;},{&#34;title&#34;:&#34;Publicis Sapient Announces Appointment of Gavin Seewooruttun as Data and AI Lead for Australia&#34;,&#34;date&#34;:&#34;May 02, 2025&#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/company/news/publicis-sapient-announces-appointment-of-gavin-seewo
2993oruttun-as-data-and-ai-lead-for-australia&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;News&#34;,&#34;id&#34;:&#34;article-20&#34;}]}],&#34;:type&#34;:&#34;ps-redesign/components/contentcardssection&#34;}' data-fetch-mode="dynamicTagFetch" data-tabs-count="1">
2994        
2995        <div class="flex flex-col gap-8 py-16 md:py-24 w-full" aria-hidden="true" data-ssr-skeleton="content-cards-section">
2996            
2997            <div class="flex gap-2 flex-wrap">
2998                
2999                    
3000    
3001    
3002        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3003        </div>
3004    
3005    
3006    
3007    
3008    
3009    
3010    
3011
3012                
3013                    
3014    
3015    
3016        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3017        </div>
3018    
3019    
3020    
3021    
3022    
3023    
3024    
3025
3026                
3027                    
3028    
3029    
3030        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3031        </div>
3032    
3033    
3034    
3035    
3036    
3037    
3038    
3039
3040                
3041                    
3042    
3043    
3044        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3045        </div>
3046    
3047    
3048    
3049    
3050    
3051    
3052    
3053
3054                
3055                    
3056    
3057    
3058        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3059        </div>
3060    
3061    
3062    
3063    
3064    
3065    
3066    
3067
3068                
3069            </div>
3070            
3071            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 w-full">
3072                
3073    <div class="ssr-skeleton flex flex-col gap-4 " data-ssr-skeleton="card" aria-hidden="true">
3074        
3075        <div class="bg-white rounded-lg">
3076            
3077                <div class="aspect-video w-full"></div>
3078            
3079            
3080            
3081        </div>
3082        
3083        <div class="h-6 bg-white rounded w-3/4"></div>
3084        
3085        
3086            <div class="h-4 bg-white rounded w-full"></div>
3087        
3088        
3089            <div class="h-4 bg-white rounded w-2/3"></div>
3090        
3091    </div>
3092
3093                
3094    <div class="ssr-skeleton flex flex-col gap-4 " data-ssr-skeleton="card" aria-hidden="true">
3095        
3096        <div class="bg-white rounded-lg">
3097            
3098                <div class="aspect-video w-full"></div>
3099            
3100            
3101            
3102        </div>
3103        
3104        <div class="h-6 bg-white rounded w-3/4"></div>
3105        
3106        
3107            <div class="h-4 bg-white rounded w-full"></div>
3108        
3109        
3110            <div class="h-4 bg-white rounded w-2/3"></div>
3111        
3112    </div>
3113
3114                
3115    <div class="ssr-skeleton flex flex-col gap-4 " data-ssr-skeleton="card" aria-hidden="true">
3116        
3117        <div class="bg-white rounded-lg">
3118            
3119                <div class="aspect-video w-full"></div>
3120            
3121            
3122            
3123        </div>
3124        
3125        <div class="h-6 bg-white rounded w-3/4"></div>
3126        
3127        
3128            <div class="h-4 bg-white rounded w-full"></div>
3129        
3130        
3131            <div class="h-4 bg-white rounded w-2/3"></div>
3132        
3133    </div>
3134
3135            </div>
3136        </div>
3137
3138        
3139        
3140            <div class="sr-only">
3141                
3142                    <div>
3143                        <h2>News</h2>
3144                        
3145                            <div>
3146                                <h3>Empowering healthcare marketing with Gen AI</h3>
3147                                <span>News</span>
3148                            </div>
3149                        
3150                            <div>
3151                                <h3>Publicis Sapient and Snowflake</h3>
3152                                <span>News</span>
3153                            </div>
3154                        
3155                            <div>
3156                                <h3>The role of personalised prevention strategies</h3>
3157                                <span>News</span>
3158                            </div>
3159                        
3160                            <div>
3161                                <h3>Australians want banks to support sustainability</h3>
3162                                <span>News</span>
3163                            </div>
3164                        
3165                            <div>
3166                                <h3>How younger customers expect banks to tackle</h3>
3167                                <span>News</span>
3168                            </div>
3169                        
3170                            <div>
3171                                <h3>Innovating banking services as digital banking grows</h3>
3172                                <span>News</span>
3173                            </div>
3174                        
3175                            <div>
3176                                <h3>Inside RWE’s Data Strategy Transformation</h3>
3177                                <span>News</span>
3178                            </div>
3179                        
3180                            <div>
3181                                <h3>St. Luke’s Steps Into the Future of Digital Care</h3>
3182                                <span>News</span>
3183                            </div>
3184                        
3185                            <div>
3186                                <h3>8 Trends Shaping the Future of E-commerce</h3>
3187                                <span>Video</span>
3188                            </div>
3189                        
3190                    </div>
3191                
3192                    <div>
3193                        
3194                        
3195                    </div>
3196                
3197                    <div>
3198                        
3199                        
3200                    </div>
3201                
3202                    <div>
3203                        
3204                        
3205                    </div>
3206                
3207                    <div>
3208                        
3209                        
3210                    </div>
3211                
3212            </div>
3213        
3214
3215    </div>
3216  
3217    
3218    
3218<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-contentcardssection.js?v=20260923-1031-eca8b" defer="defer"></script>
3218
3219
3220
3221
3222    
3223</div>
3224<div class="verticalpadding">
3225
3226
3227
3228
3229
3230
3231
3232
3233<div class="vp-m vp-white" style="min-height: 40px;"></div>
3234</div>
3235<div class="copyBlock">
3236
3237
3238
3239<!-- Header Variant -->
3240
3241  <div data-cmp-is="copyblock" data-hydration-priority="lazy" data-react-props='{&#34;headline&#34;:&#34;Looking for more news?&#34;,&#34;description&#34;:&#34;&lt;p>Visit our &lt;a title=\&#34;search-page\&#34; href=\&#34;/search\&#34;>search&lt;/a>&lt;/p>&#34;,&#34;variant&#34;:&#34;header&#34;,&#34;enableAnimation&#34;:false,&#34;sections&#34;:[],&#34;:type&#34;:&#34;ps-redesign/components/copyBlock&#34;}'>
3242    <!-- SSR Content Structure -->
3243    <div class="copy-block copy-block--header sr-only" data-ssr-content="true">
3244      <div class="copy-block__container boxed m-auto">
3245        <div class="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-8">
3246          <div class="md:col-start-3 md:col-span-8 w-full text-center">
3247            <div class="flex flex-col gap-4 md:gap-6">
3248              <!-- Title + Eyebrow -->
3249              <div class="flex flex-col gap-3">
3250                
3251                <h2 class="display-sm-light md:display-lg-light text-gray-neutral-900">
3252                  Looking for more news?
3253                </h2>
3254              </div>
3255              <!-- Description -->
3256              <div class="ps-text-lg-regular md:ps-text-xl-regular text-gray-neutral-700">
3257                <p>Visit our <a title="search-page" href="/search">search</a></p>
3258              </div>
3259            </div>
3260          </div>
3261        </div>
3262      </div>
3263    </div>
3264  </div>
3265
3266
3267<!-- GTN Variant -->
3268
3269
3270<!-- Rail Variant -->
3271
3272
3273<!-- Legal Variant -->
3274
3275
3276
3277    
3278    
3278<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-copyblock.js?v=20260923-1031-eca8b" defer="defer"></script>
3278
3279
3280</div>
3281<div class="verticalpadding">
3282
3283
3284
3285
3286
3287
3288
3289
3290<div class="vp-m vp-white" style="min-height: 40px;"></div>
3291</div>
3292
3293        
3294    </div>
3295
3296</main>
3297<div class="promoAsset"></div>
3298<div class="footerWrapper">
3299
3300<div id="footerWrapper-e5597222a8" class="cmp-footerwrapper cmp-footerwrapper--footer">
3301
3302
3303    
3304    
3305    
3306    <div id="container-3e7c9019b5" class="cmp-container">
3307        
3308        <div class="container responsivegrid">
3309
3310    
3311    
3312    
3313    <div id="container-322b049cdd" class="cmp-container">
3314        
3315        <div class="inlinecontactusform"><!-- Inline Contact Us Form - HTL rendering (aligned to InlineContactUsForm model) -->
3316
3317
3318
3319
3320<!-- Edit Mode Placeholder -->
3321
3322
3323<!-- React hydration root with serialized props -->
3324
3325<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;
3325Thank 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">
3326    
3327    <div class="absolute inset-0 bg-white" data-ssr-skeleton="background" aria-hidden="true"></div>
3328
3329    
3330    <div class="relative boxed mx-auto py-20 md:py-32" data-ssr-skeleton="content">
3331        <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
3332            <div class="flex flex-col lg:flex-row">
3333                
3334                <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">
3335                    
3336                    <div>
3337                        <h2 class="display-xxs-regular md:display-xs-regular text-center md:text-left text-black mt-0 mb-7 md:mt-3">
3338                            <p>Ready to learn more?</p>
3339
3340                        </h2>
3341
3342                        
3343                        <ul class="space-y-3">
3344                            <li class="flex items-start gap-3">
3345                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3346                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3347                                </span>
3348                                <span class="text-gray-neutral-700 ps-text-lg-regular">Discuss your unique business challenges</span>
3349                            </li>
3350                        
3351                            <li class="flex items-start gap-3">
3352                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3353                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3354                                </span>
3355                                <span class="text-gray-neutral-700 ps-text-lg-regular">Explore AI solutions built for your industry</span>
3356                            </li>
3357                        
3358                            <li class="flex items-start gap-3">
3359                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3360                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3361                                </span>
3362                                <span class="text-gray-neutral-700 ps-text-lg-regular">Get proven delivery guidance</span>
3363                            </li>
3364                        
3365                            <li class="flex items-start gap-3">
3366                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3367                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3368                                </span>
3369                                <span class="text-gray-neutral-700 ps-text-lg-regular">Identify the next step that fits your goals</span>
3370                            </li>
3371                        </ul>
3372                    </div>
3373
3374                    
3375                    <div class="mt-auto pt-10 md:pt-8">
3376                        
3377                        
3378
3379                        
3380                        <div class="pt-6 border-t border-gray-neutral-400">
3381                            <p class="eyebrow-xs-medium text-xs text-gray-neutral-700 mb-4 md:mb-5 text-center md:text-left">
3382                                Trusted by leading organizations in every industry.
3383                            </p>
3384                            <div class="w-auto h-12 flex items-center gap-4">
3385                                
3386                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
3387                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
3388                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
3389                            </div>
3390                        </div>
3391                    </div>
3392                </div>
3393
3394                
3395                <div class="flex-1 px-5 md:pl-0 lg:pr-10 min-[1356px]:pr-20 py-10 md:py-16">
3396                    <div class="flex flex-col gap-8">
3397                        <div>
3398                            <h3 class="display-sm-light md:display-lg-light text-black mb-5 md:mb-6 text-center md:text-left">
3399                                <p>Get in touch</p>
3400
3401                            </h3>
3402                            <p class="text-gray-neutral-700 ps-text-lg-regular md:ps-text-xl-regular text-center md:text-left">
3403                                Submit the form below and one of our experts will reach out.
3404                            </p>
3405                        </div>
3406
3407                        
3408                        <form class="flex flex-col gap-8" novalidate>
3409                            <div class="flex flex-col gap-6 md:gap-4">
3410                                <p class="text-gray-neutral-600 ps-text-sm-regular -mb-1 md:mb-1">*Required field</p>
3411
3412                                
3413                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
3414                                    <div class="flex flex-col gap-1.5">
3415                                        <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>
3416                                        <input type="text" id="contact-firstName-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3417                                    </div>
3418                                    <div class="flex flex-col gap-1.5">
3419                                        <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>
3420                                        <input type="text" id="contact-lastName-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3421                                    </div>
3422                                </div>
3423
3424                                
3425                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
3426                                    <div class="flex flex-col gap-1.5">
3427                                        <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>
3428                                        <input type="text" id="contact-company-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3429                                    </div>
3430                                    <div class="flex flex-col gap-1.5">
3431                                        <label for="contact-email-ssr" 
3431class="ps-text-sm-medium text-gray-neutral-700">Email<span class="ml-0.5 text-gray-neutral-700">*</span></label>
3432                                        <input type="email" id="contact-email-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3433                                    </div>
3434                                </div>
3435
3436                                
3437                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
3438                                    <div class="flex flex-col gap-1.5">
3439                                        <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>
3440                                        <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">
3441                                            <option>Select a country</option>
3442                                        </select>
3443                                    </div>
3444                                    
3445                                </div>
3446
3447                                
3448                                <div class="flex flex-col gap-1.5">
3449                                    <label for="contact-message-ssr" class="ps-text-sm-medium text-gray-neutral-700">Message</label>
3450                                    <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>
3451                                </div>
3452                            </div>
3453
3454                            
3455                            <div class="flex flex-col md:flex-row md:items-center gap-5 md:gap-6">
3456                                <div class="flex gap-3 items-start flex-1">
3457                                    <div class="w-5 h-5 border border-gray-neutral-400 rounded-xxs bg-white mt-0.5 shrink-0"></div>
3458                                    <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>
3459                                </div>
3460                                <button type="button" disabled class="self
3460-center shrink-0 rounded-full px-6 py-3 bg-ps-red text-white ps-text-md-medium flex items-center gap-2">
3461                                    Submit
3462                                    <span class="w-5 h-5">→</span>
3463                                </button>
3464                            </div>
3465
3466                            
3467                            <div class="text-gray-neutral-600 ps-text-sm-regular">
3468                                <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>
3469
3470                            </div>
3471                        </form>
3472                    </div>
3473                </div>
3474            </div>
3475        </div>
3476    </div>
3477</div>
3478
3479
3480    
3481    
3481<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-inlinecontactform.js?v=20260923-1031-eca8b" defer="defer"></script>
3481
3482</div>
3483<div class="psRedesignFooter">
3484
3485
3486
3487
3488<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;
3488ps-redesign/components/psRedesignFooter&#34;}'>
3489  <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">
3490    
3491    <div class="flex flex-col lg:flex-row gap-10 lg:gap-16">
3492      
3493      <div class="lg:w-[220px] flex-shrink-0 flex flex-col gap-8">
3494        
3495        
3496        <a href="https://www.publicissapient.com/" class="inline-block w-[100px]" aria-label="Sapient Log Alt Text">
3497          <span class="ps-icon ps-icon--ps-logo w-[100px] h-[54px] text-black" aria-hidden="true"></span>
3498        </a>
3499        
3500        <div class="flex flex-col gap-6">
3501          <p class="text-lg leading-7 text-black"><p>Where People and Products Shape the Future of Enterprise</p>
3502</p>
3503          <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">
3504            <span>Chat with us</span>
3505            <span class="ps-icon ps-icon--message-dots-square w-5 h-5" aria-hidden="true"></span>
3506          </button>
3507        </div>
3508      </div>
3509      
3510      <div class="flex-1">
3511        
3512        <div class="hidden lg:grid lg:grid-cols-5 gap-8">
3513          
3514            <div class="flex flex-col gap-8">
3515              
3516              <div class="flex flex-col gap-4">
3517                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Solutions</h3>
3518                <ul class="flex flex-col gap-3">
3519                  
3520                    <li>
3521                      <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">
3522                        Legacy Modernization
3523                        
3524                      </a>
3525                    </li>
3526                  
3527                    <li>
3528                      <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">
3529                        Content Supply Chain
3530                        
3531                      </a>
3532                    </li>
3533                  
3534                    <li>
3535                      <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">
3536                        Customer Engagement
3537                        
3538                      </a>
3539                    </li>
3540                  
3541                    <li>
3542                      <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">
3543                        Digital Commerce
3544                        
3545                      </a>
3546                    </li>
3547                  
3548                    <li>
3549                      <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">
3550                        Experience Transformation
3551                        
3552                      </a>
3553                    </li>
3554                  
3555                </ul>
3556              </div>
3557              
3558              
3559                <div class="flex flex-col gap-4">
3560                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Partners</h3>
3561                  <ul class="flex flex-col gap-3">
3562                    
3563                      <li>
3564                        <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">
3565                          Partners Overview
3566                          
3567                        </a>
3568                      </li>
3569                    
3570                      <li>
3571                        <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">
3572                          Adobe
3573                          
3574                        </a>
3575                      </li>
3576                    
3577                      <li>
3578                        <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">
3579                          AWS
3580                          
3581                        </a>
3582                      </li>
3583                    
3584                      <li>
3585                        <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">
3586                          Google Cloud
3587                          
3588                        </a>
3589                      </li>
3590                    
3591                      <li>
3592                        <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">
3593                          Microsoft
3594                          
3595                        </a>
3596                      </li>
3597                    
3598                      <li>
3599                        <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">
3600                          Salesforce
3601                          
3602                        </a>
3603                      </li>
3604                    
3605                  </ul>
3606                </div>
3607              
3608            </div>
3609          
3610            <div class="flex flex-col gap-8">
3611              
3612              <div class="flex flex-col gap-4">
3613                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Industries</h3>
3614                <ul class="flex flex-col gap-3">
3615                  
3616                    <li>
3617                      <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">
3618                        Consumer Products
3619                        
3620                      </a>
3621                    </li>
3622                  
3623                    <li>
3624                      <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">
3625                        Energy &amp; Commodities
3626                        
3627                      </a>
3628                    </li>
3629                  
3630                    <li>
3631                      <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">
3632                        Financial Services
3633                        
3634                      </a>
3635                    </li>
3636                  
3637                    <li>
3638                      <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">
3639                        Health
3640                        
3641                      </a>
3642                    </li>
3643                  
3644                    <li>
3645                      <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">
3646                        Public Sector
3647                        
3648                      </a>
3649                    </li>
3650                  
3651                    <li>
3652                      <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">
3653                        Retail
3654                        
3655                      </a>
3656                    </li>
3657                  
3658                    <li>
3659                      <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">
3660                        Telecom, Media &amp; Tech
3661                        
3662                      </a>
3663                    </li>
3664                  
3665                    <li>
3666                      <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">
3667                        Transportation &amp; Mobility
3668                        
3669                      </a>
3670                    </li>
3671                  
3672                    <li>
3673                      <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">
3674                        Travel &amp;
3674 Hospitality
3675                        
3676                      </a>
3677                    </li>
3678                  
3679                </ul>
3680              </div>
3681              
3682              
3683            </div>
3684          
3685            <div class="flex flex-col gap-8">
3686              
3687              <div class="flex flex-col gap-4">
3688                <h3 class="text-xs font-bold text-black uppercase tracking-wide">AI Platforms</h3>
3689                <ul class="flex flex-col gap-3">
3690                  
3691                    <li>
3692                      <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">
3693                        AI Platforms Overview
3694                        
3695                      </a>
3696                    </li>
3697                  
3698                    <li>
3699                      <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">
3700                        Sapient Slingshot
3701                        
3702                      </a>
3703                    </li>
3704                  
3705                    <li>
3706                      <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">
3707                        Sapient Bodhi
3708                        
3709                      </a>
3710                    </li>
3711                  
3712                    <li>
3713                      <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">
3714                        Sapient Sustain
3715                        
3716                      </a>
3717                    </li>
3718                  
3719                </ul>
3720              </div>
3721              
3722              
3723                <div class="flex flex-col gap-4">
3724                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Customers</h3>
3725                  <ul class="flex flex-col gap-3">
3726                    
3727                      <li>
3728                        <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">
3729                          Customer Stories
3730                          
3731                        </a>
3732                      </li>
3733                    
3734                  </ul>
3735                </div>
3736              
3737                <div class="flex flex-col gap-4">
3738                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Resources</h3>
3739                  <ul class="flex flex-col gap-3">
3740                    
3741                      <li>
3742                        <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">
3743                          Blog
3744                          
3745                        </a>
3746                      </li>
3747                    
3748                      <li>
3749                        <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">
3750                          Demo Library
3751                          
3752                        </a>
3753                      </li>
3754                    
3755                  </ul>
3756                </div>
3757              
3758            </div>
3759          
3760            <div class="flex flex-col gap-8">
3761              
3762              <div class="flex flex-col gap-4">
3763                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Capabilities</h3>
3764                <ul class="flex flex-col gap-3">
3765                  
3766                    <li>
3767                      <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">
3768                        Capabilities Overview
3769                        
3770                      </a>
3771                    </li>
3772                  
3773                    <li>
3774                      <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">
3775                        Strategy
3776                        
3777                      </a>
3778                    </li>
3779                  
3780                    <li>
3781                      <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">
3782                        Product
3783                        
3784                      </a>
3785                    </li>
3786                  
3787                    <li>
3788                      <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">
3789                        Experience
3790                        
3791                      </a>
3792                    </li>
3793                  
3794                    <li>
3795                      <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">
3796                        Engineering
3797                        
3798                      </a>
3799                    </li>
3800                  
3801                    <li>
3802                      <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">
3803                        Data &amp; AI
3804                        
3805                      </a>
3806                    </li>
3807                  
3808                    <li>
3809                      <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">
3810                        Global Capability
Centers
3811                        
3812                      </a>
3813                    </li>
3814                  
3815                </ul>
3816              </div>
3817              
3818              
3819            </div>
3820          
3821            <div class="flex flex-col gap-8">
3822              
3823              <div class="flex flex-col gap-4">
3824                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Company</h3>
3825                <ul class="flex flex-col gap-3">
3826                  
3827                    <li>
3828                      <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">
3829                        About
3830                        
3831                      </a>
3832                    </li>
3833                  
3834                    <li>
3835                      <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">
3836                        Why Publicis Sapient
3837                        
3838                      </a>
3839                    </li>
3840                  
3841                    <li>
3842                      <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">
3843                        Newsroom
3844                        
3845                      </a>
3846                    </li>
3847                  
3848                    <li>
3849                      <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">
3850                        Accolades
3851                        
3852                      </a>
3853                    </li>
3854                  
3855                    <li>
3856                      <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">
3857                        Locations
3858                        
3859                      </a>
3860                    </li>
3861                  
3862                </ul>
3863              </div>
3864              
3865              
3866                <div class="flex flex-col gap-4">
3867                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Careers</h3>
3868                  <ul class="flex flex-col gap-3">
3869                    
3870                      <li>
3871                        <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">
3872                          Careers Overview
3873                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
3874                        </a>
3875                      </li>
3876                    
3877                      <li>
3878                        <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">
3879                          Open Roles
3880                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
3881                        </a>
3882                      </li>
3883                    
3884                  </ul>
3885                </div>
3886              
3887            </div>
3888          
3889        </div>
3890        
3891        <div class="grid grid-cols-2 gap-x-8 gap-y-10 lg:hidden">
3892          
3893            <div class="flex flex-col gap-8">
3894              
3895              <div class="flex flex-col gap-4">
3896                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Solutions</h3>
3897                <ul class="flex flex-col gap-3">
3898                  
3899                    <li>
3900                      <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">
3901                        Legacy Modernization
3902                        
3903                      </a>
3904                    </li>
3905                  
3906                    <li>
3907                      <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">
3908                        Content Supply Chain
3909                        
3910                      </a>
3911                    </li>
3912                  
3913                    <li>
3914                      <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">
3915                        Customer Engagement
3916                        
3917                      </a>
3918                    </li>
3919                  
3920                    <li>
3921                      <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">
3922                        Digital Commerce
3923                        
3924                      </a>
3925                    </li>
3926                  
3927                    <li>
3928                      <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">
3929                        Experience Transformation
3930                        
3931                      </a>
3932                    </li>
3933                  
3934                </ul>
3935              </div>
3936              
3937              
3938                <div class="flex flex-col gap-4">
3939                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Partners</h3>
3940                  <ul class="flex flex-col gap-3">
3941                    
3942                      <li>
3943                        <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">
3944                          Partners Overview
3945                          
3946                        </a>
3947                      </li>
3948                    
3949                      <li>
3950                        <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">
3951                          Adobe
3952                          
3953                        </a>
3954                      </li>
3955                    
3956                      <li>
3957                        <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">
3958                          AWS
3959                          
3960                        </a>
3961                      </li>
3962                    
3963                      <li>
3964                        <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">
3965                          Google Cloud
3966                          
3967                        </a>
3968                      </li>
3969                    
3970                      <li>
3971                        <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">
3972                          Microsoft
3973                          
3974                        </a>
3975                      </li>
3976                    
3977                      <li>
3978                        <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">
3979                          Salesforce
3980                          
3981                        </a>
3982                      </li>
3983                    
3984                  </ul>
3985                </div>
3986              
3987            </div>
3988          
3989            <div class="flex flex-col gap-8">
3990              
3991              <div class="flex flex-col gap-4">
3992                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Industries</h3>
3993                <ul class="flex flex-col gap-3">
3994                  
3995                    <li>
3996                      <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">
3997                        Consumer Products
3998                        
3999                      </a>
4000                    </li>
4001                  
4002                    <li>
4003                      <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">
4004                        Energy &amp; Commodities
4005                        
4006                      </a>
4007                    </li>
4008                  
4009                    <li>
4010                      <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">
4011                        Financial Services
4012                        
4013                      </a>
4014                    </li>
4015                  
4016                    <li>
4017                      <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">
4018                        Health
4019                        
4020                      </a>
4021                    </li>
4022                  
4023                    <li>
4024                      <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">
4025                        Public Sector
4026                        
4027                      </a>
4028                    </li>
4029                  
4030                    <li>
4031                      <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">
4032                        Retail
4033                        
4034                      </a>
4035                    </li>
4036                  
4037                    <li>
4038                      <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">
4039                        Telecom, Media &amp; Tech
4040                        
4041                      </a>
4042                    </li>
4043                  
4044                    <li>
4045                      <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">
4046                        Transportation &amp; Mobility
4047                        
4048                      </a>
4049                    </li>
4050                  
4051                    <li>
4052                      <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">
4053                        Travel &amp;
4053 Hospitality
4054                        
4055                      </a>
4056                    </li>
4057                  
4058                </ul>
4059              </div>
4060              
4061              
4062            </div>
4063          
4064            <div class="flex flex-col gap-8">
4065              
4066              <div class="flex flex-col gap-4">
4067                <h3 class="text-xs font-bold text-black uppercase tracking-wide">AI Platforms</h3>
4068                <ul class="flex flex-col gap-3">
4069                  
4070                    <li>
4071                      <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">
4072                        AI Platforms Overview
4073                        
4074                      </a>
4075                    </li>
4076                  
4077                    <li>
4078                      <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">
4079                        Sapient Slingshot
4080                        
4081                      </a>
4082                    </li>
4083                  
4084                    <li>
4085                      <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">
4086                        Sapient Bodhi
4087                        
4088                      </a>
4089                    </li>
4090                  
4091                    <li>
4092                      <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">
4093                        Sapient Sustain
4094                        
4095                      </a>
4096                    </li>
4097                  
4098                </ul>
4099              </div>
4100              
4101              
4102                <div class="flex flex-col gap-4">
4103                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Customers</h3>
4104                  <ul class="flex flex-col gap-3">
4105                    
4106                      <li>
4107                        <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">
4108                          Customer Stories
4109                          
4110                        </a>
4111                      </li>
4112                    
4113                  </ul>
4114                </div>
4115              
4116                <div class="flex flex-col gap-4">
4117                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Resources</h3>
4118                  <ul class="flex flex-col gap-3">
4119                    
4120                      <li>
4121                        <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">
4122                          Blog
4123                          
4124                        </a>
4125                      </li>
4126                    
4127                      <li>
4128                        <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">
4129                          Demo Library
4130                          
4131                        </a>
4132                      </li>
4133                    
4134                  </ul>
4135                </div>
4136              
4137            </div>
4138          
4139            <div class="flex flex-col gap-8">
4140              
4141              <div class="flex flex-col gap-4">
4142                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Capabilities</h3>
4143                <ul class="flex flex-col gap-3">
4144                  
4145                    <li>
4146                      <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">
4147                        Capabilities Overview
4148                        
4149                      </a>
4150                    </li>
4151                  
4152                    <li>
4153                      <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">
4154                        Strategy
4155                        
4156                      </a>
4157                    </li>
4158                  
4159                    <li>
4160                      <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">
4161                        Product
4162                        
4163                      </a>
4164                    </li>
4165                  
4166                    <li>
4167                      <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">
4168                        Experience
4169                        
4170                      </a>
4171                    </li>
4172                  
4173                    <li>
4174                      <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">
4175                        Engineering
4176                        
4177                      </a>
4178                    </li>
4179                  
4180                    <li>
4181                      <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">
4182                        Data &amp; AI
4183                        
4184                      </a>
4185                    </li>
4186                  
4187                    <li>
4188                      <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">
4189                        Global Capability
Centers
4190                        
4191                      </a>
4192                    </li>
4193                  
4194                </ul>
4195              </div>
4196              
4197              
4198            </div>
4199          
4200            <div class="flex flex-col gap-8">
4201              
4202              <div class="flex flex-col gap-4">
4203                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Company</h3>
4204                <ul class="flex flex-col gap-3">
4205                  
4206                    <li>
4207                      <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">
4208                        About
4209                        
4210                      </a>
4211                    </li>
4212                  
4213                    <li>
4214                      <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">
4215                        Why Publicis Sapient
4216                        
4217                      </a>
4218                    </li>
4219                  
4220                    <li>
4221                      <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">
4222                        Newsroom
4223                        
4224                      </a>
4225                    </li>
4226                  
4227                    <li>
4228                      <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">
4229                        Accolades
4230                        
4231                      </a>
4232                    </li>
4233                  
4234                    <li>
4235                      <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">
4236                        Locations
4237                        
4238                      </a>
4239                    </li>
4240                  
4241                </ul>
4242              </div>
4243              
4244              
4245                <div class="flex flex-col gap-4">
4246                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Careers</h3>
4247                  <ul class="flex flex-col gap-3">
4248                    
4249                      <li>
4250                        <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">
4251                          Careers Overview
4252                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
4253                        </a>
4254                      </li>
4255                    
4256                      <li>
4257                        <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">
4258                          Open Roles
4259                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
4260                        </a>
4261                      </li>
4262                    
4263                  </ul>
4264                </div>
4265              
4266            </div>
4267          
4268        </div>
4269      </div>
4270    </div>
4271    
4272    <div class="mt-12 pt-8 border-t border-gray-200 flex flex-col gap-6">
4273      
4274      
4275      
4276      <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
4277        <p class="text-sm text-black">© 2026 Publicis Sapient. All rights reserved. A Publicis Groupe Company.</p>
4278        <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
4279          
4280            <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">
4281              Accessibility
4282              
4283            </a>
4284          
4285            <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">
4286              Cookie Policy
4287              
4288            </a>
4289          
4290            <a href="/#open-cookie-manager" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
4291              Cookie Settings
4292              
4293            </a>
4294          
4295            <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">
4296              Do Not Sell My Personal Information
4297              <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
4298            </a>
4299          
4300            <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">
4301              Legal
4302              
4303            </a>
4304          
4305            <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">
4306              Privacy Policy
4307              
4308            </a>
4309          
4310            <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">
4311              Site Map
4312              
4313            </a>
4314          
4315            <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">
4316              Terms
4317              
4318            </a>
4319          
4320        </div>
4321      </div>
4322    </div>
4323  </div>
4324</footer>
4325
4326    
4327    
4327<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-footer.js?v=20260923-1031-eca8b" defer="defer"></script>
4327
4328</div>
4329
4330        
4331    </div>
4332
4333</div>
4334
4335        
4336    </div>
4337
4338</div>
4339
4340
4341    
4342
4343</div>
4344
4345        
4346    </div>
4347
4348</div>
4349
4350
4351            
4352    
4353    
4354
4355
4356    
4357    
4357<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site.js?v=20260923-1031-eca8b" defer="defer"></script>
4357
4358
4359
4360
4361
4362    
4363
4364    
4365
4366    
4367
4368    
4369    
4370
4371            
4372
4373<!--
4374  Sitewide singleton mount point for the ContactModalLauncher React island. It renders
4375  nothing until a vanilla-JS progressive-enhancement script (e.g. TopNavigation/
4376  FrenchTopNavigation's enhance.ts) dispatches an `openContactModal` window CustomEvent
4377  carrying a CTA. Needs no authoring, no dialog and no server-rendered props -- see
4378  ContactModalLauncher/entry.tsx for the hydration wiring.
4379-->
4380<div>
4381    <div data-cmp-is="contact-modal-launcher"></div>
4382    
4383    
4384    
4384<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-contactmodallauncher.js?v=20260923-1031-eca8b" defer="defer"></script>
4384
4385
4386</div>
4387
4388        
4389    </body>
4390</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.