PageSourceSearch

https://www.publicissapient.com/resources/blog

html publicissapient.com collected 2026-09-24 08:32:42 UTC 322,995 bytes, 4,486 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 Blog | Articles and Research | Publicis Sapient</title>
19
20    <meta name="author" content="Publicis Sapient"/>
21    <meta name="description" content="Explore Publicis Sapient articles and research on enterprise AI, legacy modernization, agentic AI, and software development and deployment."/>
22    
23
24    
25<link rel="canonical" href="https://www.publicissapient.com/resources/blog"/>
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/resources/blog"/>
37    <meta property="og:title" content="Publicis Sapient Blog | Articles and Research | Publicis Sapient"/>
38    <meta property="og:description" content="Explore Publicis Sapient articles and research on enterprise AI, legacy modernization, agentic AI, and software development and deployment."/>
39
40    <meta property="og:image" content="https://www.publicissapient.com/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/og-insights-hub.jpg"/>
41    <meta name="twitter:title" content="Publicis Sapient Blog | Articles and Research | Publicis Sapient"/>
42    <meta name="twitter:description" content="Explore Publicis Sapient articles and research on enterprise AI, legacy modernization, agentic AI, and software development and deployment."/>
43    <meta name="twitter:image" content="https://www.publicissapient.com/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/og-insights-hub.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 Blog | Articles and Research",
143        pageParent: "Resources",
144        channel: "en",
145        region: "us",
146        pageTags: [],
147        pageTagsPath: [],
148        pageContentTypeTag: ["Resource"],
149        pageContentTypeTagPath: ["ps-redesign:content-type/resource"],
150        datemodified: "2026-08-20",
151        datepublished: "2026-08-20",
152        breadCrumbs: ["home","resources","blog"],
153        contentId: "4798dcaf5d0dac133bba2808bce0d2b65ac19afe42f00749808bd8291f37ae41"
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-ab0314d7dc" 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-49ffb1ddea" class="cmp-container">
2950        
2951        <div class="herowith7-8image">
2952
2953
2954
2955
2956
2957
2958
2959<div class="bg-white" data-cmp-is="herowithimage78" data-hydration-priority="critical" data-react-props='{&#34;title&#34;:&#34;Blog&#34;,&#34;description&#34;:&#34;&lt;p>Product updates, practical guides and what we’re learning as we build.&lt;/p>\r\n&#34;,&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/hero-7-8.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/hero-7-8.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/hero-7-8.jpg&#34;,&#34;imageAlt&#34;:null,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;placeholder&#34;:&#34;Enter your email*&#34;,&#34;policyText&#34;:&#34;&lt;p>&lt;a href=\&#34;/content/ps-redesign/us/en/privacy.html#Introduction\&#34;>Publicis Sapient companies&lt;/a> may contact me with marketing communications about products, services, and events. I understand I can unsubscribe at any time via email. By submitting this form, I authorize Publicis Sapient to contact me. Read our &lt;a href=\&#34;/content/ps-redesign/us/en/privacy.html\&#34;>Privacy Policy&lt;/a>.&lt;/p>\r\n&#34;,&#34;hintText&#34;:&#34;Error: Email must be in the expected format&#34;,&#34;ctaLabel&#34;:&#34;Submit&#34;,&#34;ctaAriaLabel&#34;:&#34;Submit&#34;,&#34;ctaForm360Id&#34;:&#34;701Vl00001GR00dIAD&#34;,&#34;successMessage&#34;:&#34;Success! Great things are coming to your inbox.&#34;,&#34;errorMessage&#34;:&#34;Error&#34;,&#34;captchaWidgetSiteKey&#34;:&#34;0x4AAAAAACdkFg-X7VHPI6xH&#34;,&#34;selfSignTokenAutoRefresh&#34;:900000,&#34;ttDurationMs&#34;:1500,&#34;captchaDisabled&#34;:false,&#34;selfSignedTokenDisabled&#34;:true,&#34;:type&#34;:&#34;ps-redesign/components/herowith7-8image&#34;}'>
2960
2961    
2962    
2963        
2964    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
2965        
2966        
2967        
2968        
2969        
2970        
2971            <div class="aspect-[3/4] w-full"></div>
2972        
2973        
2974        
2975        
2976        
2977        
2978        
2979    </div>
2980
2981    
2982
2983    
2984    <h1 class="sr-only">Blog</h1>
2985    <div class="sr-only"><p>Product updates, practical guides and what we’re learning as we build.</p>
2986</div>
2987    <div class="sr-only"><p><a href="/privacy#Introduction">Publicis Sapient companies</a> may contact me with marketing communications about products, services, and events. I understand I can unsubscribe at any time via email. By submitting this form, I authorize Publicis Sapient to contact me. Read our <a href="/privacy">Privacy Policy</a>.</p>
2988</div>
2989    
2990    
2991</div>
2992
2993
2994    
2995    
2995<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-herowithimage78.js?v=20260923-1031-eca8b"></script>
2995
2996
2997</div>
2998<div class="copyBlock">
2999
3000
3001
3002<!-- Header Variant -->
3003
3004  <div data-cmp-is="copyblock" data-hydration-priority="lazy" data-react-props='{&#34;headline&#34;:&#34;Explore all content&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:null,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;variant&#34;:&#34;header&#34;,&#34;as&#34;:&#34;h2&#34;,&#34;enableAnimation&#34;:false,&#34;id&#34;:&#34;all-content&#34;,&#34;sections&#34;:[],&#34;:type&#34;:&#34;ps-redesign/components/copyBlock&#34;}' id="all-content">
3005    <!-- SSR Content Structure -->
3006    <div class="copy-block copy-block--header sr-only" data-ssr-content="true">
3007      <div class="copy-block__container boxed m-auto">
3008        <div class="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-8">
3009          <div class="md:col-start-3 md:col-span-8 w-full text-center">
3010            <div class="flex flex-col gap-4 md:gap-6">
3011              <!-- Title + Eyebrow -->
3012              <div class="flex flex-col gap-3">
3013                
3014                <h2 class="display-sm-light md:display-lg-light text-gray-neutral-900">
3015                  Explore all content
3016                </h2>
3017              </div>
3018              <!-- Description -->
3019              
3020            </div>
3021          </div>
3022        </div>
3023      </div>
3024    </div>
3025  </div>
3026
3027
3028<!-- GTN Variant -->
3029
3030
3031<!-- Rail Variant -->
3032
3033
3034<!-- Legal Variant -->
3035
3036
3037
3038    
3039    
3039<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-copyblock.js?v=20260923-1031-eca8b" defer="defer"></script>
3039
3040
3041</div>
3042<div class="verticalpadding">
3043
3044
3045
3046
3047
3048
3049
3050
3051<div class="vp-l vp-white" style="min-height: 64px;"></div>
3052</div>
3053<div class="contentcardssection">
3054    
3055    <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;:3,&#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;All&#34;,&#34;cards&#34;:[{&#34;title&#34;:&#34;Guide to Next 2026 Industry Trends Report&#34;,&#34;date&#34;:&#34;September 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/resources/blog/guide-to-next-report&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-1&#34;},{&#34;title&#34;:&#34;What I Learned Building AI Agents for Commercial Banking&#34;,&#34;date&#34;:&#34;September 16, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-agents-commercial-banking&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-2&#34;},{&#34;title&#34;:&#34;What AI Means for the Next Generation of Data Engineers &#34;,&#34;date&#34;:&#34;September 10, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-future-data-engineers&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-3&#34;},{&#34;title&#34;:&#34;Can Gen AI Help Agile Teams Improve Delivery Clarity?&#34;,&#34;date&#34;:&#34;September 02, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/gen-ai-agile-delivery-clarity&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-4&#34;},{&#34;title&#34;:&#34;What Star Formation Taught Me About Solving Business Problems&#34;,&#34;date&#34;:&#34;August 21, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-business-problem-solving&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-5&#34;},{&#34;title&#34;:&#34;AI Pays Off When You Redesign Around Value Flows&#34;,&#34;date&#34;:&#34;August 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/resources/blog/enterprise-ai-value-flows&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-6&#34;},{&#34;title&#34;:&#34;AI Adoption Is Up. Enterprise Impact Still Lags&#34;,&#34;date&#34;:&#34;August 03, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-adoption-enterprise-impact&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-7&#34;},{&#34;title&#34;:&#34;How AI Agents Use Shared Context in IT Operations&#34;,&#34;date&#34;:&#34;July 31, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-agents-shared-context-it-operations&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-8&#34;},{&#34;title&#34;:&#34;Digital Euro Readiness Without a Core Banking Rebuild &#34;,&#34;date&#34;:&#34;July 30, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/digital-euro-banking-readiness&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-9&#34;},{&#34;title&#34;:&#34;AI for Core Banking Modernization&#34;,&#34;date&#34;:&#34;July 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/resources/research/ai-core-banking-modernization&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-10&#34;},{&#34;title&#34;:&#34;
3055Our Marketing Transformation Is Now a Business School Case Study &#34;,&#34;date&#34;:&#34;July 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/resources/blog/ai-marketing-transformation&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-11&#34;},{&#34;title&#34;:&#34;AI’s Free-Spending Era Is Over&#34;,&#34;date&#34;:&#34;July 20, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/enterprise-ai-business-value&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-12&#34;},{&#34;title&#34;:&#34;AI ROI Starts With Understanding How Work Really Happens&#34;,&#34;date&#34;:&#34;July 13, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-roi-human-context&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-13&#34;},{&#34;title&#34;:&#34;The 5 Major Pitfalls of Scaling AI Across the Enterprise &#34;,&#34;date&#34;:&#34;June 20, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/pitfalls-of-scaling-ai&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-14&#34;},{&#34;title&#34;:&#34;Why Context Matters in AI-Driven IT Operations &#34;,&#34;date&#34;:&#34;June 10, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/sustain-ai-it-operations-context&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-15&#34;},{&#34;title&#34;:&#34;Practical AI Tips: Design, Test and Scale a Custom GPT&#34;,&#34;date&#34;:&#34;May 28, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/design-test-scale-custom-gpt&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-16&#34;},{&#34;title&#34;:&#34;“Time-to-Ship” Has Lost Its Meaning &#34;,&#34;date&#34;:&#34;April 29, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/time-to-ship-metric-ai-software-delivery&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-17&#34;},{&#34;title&#34;:&#34;How Sapient Bodhi Turns AI Pilots into Enterprise Results &#34;,&#34;date&#34;:&#34;April 28, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/how-sapient-bodhi-scales&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-18&#34;}]},{&#34;hideDate&#34;:false,&#34;tabName&#34;:&#34;Articles&#34;,&#34;cards&#34;:[{&#34;title&#34;:&#34;What I Learned Building AI Agents for Commercial Banking&#34;,&#34;date&#34;:&#34;September 16, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-agents-commercial-banking&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-19&#34;},{&#34;title&#34;:&#34;What AI Means for the Next Generation of Data Engineers &#34;,&#34;date&#34;:&#34;September 10, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-future-data-engineers&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-20&#34;},{&#34;title&#34;:&#34;Can Gen AI Help Agile Teams Improve Delivery Clarity?&#34;,&#34;date&#34;:&#34;September 02, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/gen-ai-agile-delivery-clarity&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-21&#34;},{&#34;title&#34;:&#34;What Star Formation Taught Me About Solving Business Problems&#34;,&#34;date&#34;:&#34;August 21, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-business-problem-solving&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-22&#34;},{&#34;title&#34;:&#34;AI Pays Off When You Redesign Around Value Flows&#34;,&#34;date&#34;:&#34;August 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/resources/blog/enterprise-ai-value-flows&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-23&#34;},{&#34;title&#34;:&#34;AI Adoption Is Up. Enterprise Impact Still Lags&#34;,&#34;date&#34;:&#34;August 03, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-adoption-enterprise-impact&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-24&#34;},{&#34;title&#34;:&#34;How AI Agents Use Shared Context in IT Operations&#34;,&#34;date&#34;:&#34;July 31, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-agents-shared-context-it-operations&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-25&#34;},{&#34;title&#34;:&#34;Digital Euro Readiness Without a Core Banking Rebuild &#34;,&#34;date&#34;:&#34;July 30, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/digital-euro-banking-readiness&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-26&#34;},{&#34;title&#34;:&#34;AI for Core Banking Modernization&#34;,&#34;date&#34;:&#34;July 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/resources/research/ai-core-banking-modernization&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-27&#34;},{&#34;title&#34;:&#34;
3055Our Marketing Transformation Is Now a Business School Case Study &#34;,&#34;date&#34;:&#34;July 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/resources/blog/ai-marketing-transformation&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-28&#34;},{&#34;title&#34;:&#34;AI’s Free-Spending Era Is Over&#34;,&#34;date&#34;:&#34;July 20, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/enterprise-ai-business-value&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-29&#34;},{&#34;title&#34;:&#34;AI ROI Starts With Understanding How Work Really Happens&#34;,&#34;date&#34;:&#34;July 13, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/ai-roi-human-context&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-30&#34;},{&#34;title&#34;:&#34;The 5 Major Pitfalls of Scaling AI Across the Enterprise &#34;,&#34;date&#34;:&#34;June 20, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/pitfalls-of-scaling-ai&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-31&#34;},{&#34;title&#34;:&#34;Why Context Matters in AI-Driven IT Operations &#34;,&#34;date&#34;:&#34;June 10, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/sustain-ai-it-operations-context&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-32&#34;},{&#34;title&#34;:&#34;Practical AI Tips: Design, Test and Scale a Custom GPT&#34;,&#34;date&#34;:&#34;May 28, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/design-test-scale-custom-gpt&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-33&#34;},{&#34;title&#34;:&#34;“Time-to-Ship” Has Lost Its Meaning &#34;,&#34;date&#34;:&#34;April 29, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/time-to-ship-metric-ai-software-delivery&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-34&#34;},{&#34;title&#34;:&#34;How Sapient Bodhi Turns AI Pilots into Enterprise Results &#34;,&#34;date&#34;:&#34;April 28, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/how-sapient-bodhi-scales&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-35&#34;},{&#34;title&#34;:&#34;The Orchestration Gap Is Why Enterprise AI Still Stalls&#34;,&#34;date&#34;:&#34;April 13, 2026&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/blog/the-orchestration-gap&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Article&#34;,&#34;id&#34;:&#34;article-36&#34;}]},{&#34;hideDate&#34;:false,&#34;tabName&#34;:&#34;Research&#34;,&#34;cards&#34;:[{&#34;title&#34;:&#34;Guide to Next 2026 Industry Trends Report&#34;,&#34;date&#34;:&#34;September 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/resources/blog/guide-to-next-report&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-37&#34;},{&#34;title&#34;:&#34;Modernization Risks in Regulated Industries &#34;,&#34;date&#34;:&#34;March 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/resources/research/ai-legacy-modernization-regulated-industries&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-38&#34;},{&#34;title&#34;:&#34;The AI-Powered Investment Firm&#34;,&#34;date&#34;:&#34;December 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/resources/research/ai-powered-investment-firm-report-2025&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-39&#34;},{&#34;title&#34;:&#34;Omnichannel Success Starts with Smart Data&#34;,&#34;date&#34;:&#34;November 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/resources/research/data-for-omnichannel-commerce&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-40&#34;},{&#34;title&#34;:&#34;The 2025 System Modernization Report&#34;,&#34;date&#34;:&#34;October 17, 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/resources/research/system-modernization-report-2025&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-41&#34;},{&#34;title&#34;:&#34;3rd Annual Global Banking Benchmark Study&#34;,&#34;date&#34;:&#34;October 13, 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/resources/research/global-banking-benchmark-study&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-42&#34;},{&#34;title&#34;:&#34;The 2025 Digital Citizen Report&#34;,&#34;date&#34;:&#34;September 19, 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/resources/research/citizen-insights-hub&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-43&#34;},{&#34;title&#34;:&#34;Loyalty Is Broken. Here’s How Travel &amp; Dining Brands Can Fix It&#34;,&#34;date&#34;:&#34;August 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/resources/research/travel-dining-loyalty&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-44&#34;},{&#34;title&#34;:&#34;CX and AI Report&#34;,&#34;date&#34;:&#34;July 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/resources/research/cx-ai-report&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-45&#34;},{&#34;title&#34;:&#34;Know Consumers’ Expectations, Grow Digital Commerce Strategy&#34;,&#34;date&#34;:&#34;
3055June 03, 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/resources/research/digital-commerce-survey&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-46&#34;},{&#34;title&#34;:&#34;How to Make Embedded Banking Work&#34;,&#34;date&#34;:&#34;June 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/resources/research/embedded-banking&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-47&#34;},{&#34;title&#34;:&#34;Smash Through Tech Debt with AI&#34;,&#34;date&#34;:&#34;May 26, 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/resources/research/hfs-ai-tech-debt&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-48&#34;},{&#34;title&#34;:&#34;The 2025 Generative AI Innovation Report&#34;,&#34;date&#34;:&#34;April 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/resources/research/gen-ai-executive-innovation-report&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-49&#34;},{&#34;title&#34;:&#34;How Residents Will Navigate Government Services as Gen AI Evolves&#34;,&#34;date&#34;:&#34;April 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/resources/research/how-generative-ai-will-change-government-services&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-50&#34;},{&#34;title&#34;:&#34;Payment Tech Companies Must Keep Pace with the Potential Use Cases of Gen AI Within Digital Customer Service&#34;,&#34;date&#34;:&#34;December 21, 2023&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/research/how-generative-ai-will-change-payment-technology&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-51&#34;},{&#34;title&#34;:&#34;Digital Leaders in Energy Talk Net Zero&#34;,&#34;date&#34;:&#34;April 06, 2023&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/research/next-step-net-zero&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-52&#34;},{&#34;title&#34;:&#34;10 Imperatives to Thrive in a Digital-First World&#34;,&#34;date&#34;:&#34;January 11, 2023&#34;,&#34;eyebrowText&#34;:null,&#34;cta&#34;:{&#34;ctaLabel&#34;:null,&#34;ctaAriaLabel&#34;:null,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/resources/research/idc-ceo-tech-agenda&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:null,&#34;modalFormModel&#34;:null},&#34;contentType&#34;:&#34;Research&#34;,&#34;id&#34;:&#34;article-53&#34;}]}],&#34;:type&#34;:&#34;ps-redesign/components/contentcardssection&#34;}' data-fetch-mode="dynamicTagFetch" data-tabs-count="3">
3056        
3057        <div class="flex flex-col gap-8 py-16 md:py-24 w-full" aria-hidden="true" data-ssr-skeleton="content-cards-section">
3058            
3059            <div class="flex gap-2 flex-wrap">
3060                
3061                    
3062    
3063    
3064        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3065        </div>
3066    
3067    
3068    
3069    
3070    
3071    
3072    
3073
3074                
3075                    
3076    
3077    
3078        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3079        </div>
3080    
3081    
3082    
3083    
3084    
3085    
3086    
3087
3088                
3089                    
3090    
3091    
3092        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3093        </div>
3094    
3095    
3096    
3097    
3098    
3099    
3100    
3101
3102                
3103                    
3104    
3105    
3106        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3107        </div>
3108    
3109    
3110    
3111    
3112    
3113    
3114    
3115
3116                
3117                    
3118    
3119    
3120        <div class="ssr-skeleton rounded-full bg-white h-9 w-24 " data-ssr-skeleton="button" aria-hidden="true">
3121        </div>
3122    
3123    
3124    
3125    
3126    
3127    
3128    
3129
3130                
3131            </div>
3132            
3133            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 w-full">
3134                
3135    <div class="ssr-skeleton flex flex-col gap-4 " data-ssr-skeleton="c
3135ard" aria-hidden="true">
3136        
3137        <div class="bg-white rounded-lg">
3138            
3139                <div class="aspect-video w-full"></div>
3140            
3141            
3142            
3143        </div>
3144        
3145        <div class="h-6 bg-white rounded w-3/4"></div>
3146        
3147        
3148            <div class="h-4 bg-white rounded w-full"></div>
3149        
3150        
3151            <div class="h-4 bg-white rounded w-2/3"></div>
3152        
3153    </div>
3154
3155                
3156    <div class="ssr-skeleton flex flex-col gap-4 " data-ssr-skeleton="card" aria-hidden="true">
3157        
3158        <div class="bg-white rounded-lg">
3159            
3160                <div class="aspect-video w-full"></div>
3161            
3162            
3163            
3164        </div>
3165        
3166        <div class="h-6 bg-white rounded w-3/4"></div>
3167        
3168        
3169            <div class="h-4 bg-white rounded w-full"></div>
3170        
3171        
3172            <div class="h-4 bg-white rounded w-2/3"></div>
3173        
3174    </div>
3175
3176                
3177    <div class="ssr-skeleton flex flex-col gap-4 " data-ssr-skeleton="card" aria-hidden="true">
3178        
3179        <div class="bg-white rounded-lg">
3180            
3181                <div class="aspect-video w-full"></div>
3182            
3183            
3184            
3185        </div>
3186        
3187        <div class="h-6 bg-white rounded w-3/4"></div>
3188        
3189        
3190            <div class="h-4 bg-white rounded w-full"></div>
3191        
3192        
3193            <div class="h-4 bg-white rounded w-2/3"></div>
3194        
3195    </div>
3196
3197            </div>
3198        </div>
3199
3200        
3201        
3202            <div class="sr-only">
3203                
3204                    <div>
3205                        <h2>All</h2>
3206                        
3207                    </div>
3208                
3209                    <div>
3210                        <h2>Articles</h2>
3211                        
3212                    </div>
3213                
3214                    <div>
3215                        <h2>Research</h2>
3216                        
3217                    </div>
3218                
3219                    <div>
3220                        
3221                        
3222                    </div>
3223                
3224                    <div>
3225                        
3226                        
3227                    </div>
3228                
3229            </div>
3230        
3231
3232    </div>
3233  
3234    
3235    
3235<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-contentcardssection.js?v=20260923-1031-eca8b" defer="defer"></script>
3235
3236
3237
3238
3239    
3240</div>
3241<div class="verticalpadding">
3242
3243
3244
3245
3246
3247
3248
3249
3250<div class="vp-l vp-white" style="min-height: 64px;"></div>
3251</div>
3252<div class="featuresSection">
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263<div class="bg-white" data-cmp-is="features-section" data-hydration-priority="lazy" data-react-props='{&#34;title&#34;:&#34;Award-winning thought leadership&#34;,&#34;description&#34;:&#34;&lt;p>Guide to Next 2026 was recognized with the Thought Leadership Storytelling Award at the TLFT Awards 2026. Selected from a competitive global field, the report earned the highest overall score in the judging process and was recognized for its distinctive concept, measurable impact, multi-format activation and compelling storytelling.&lt;/p>\r\n&#34;,&#34;cta&#34;:{&#34;ctaLabel&#34;:&#34;Read the guide&#34;,&#34;ctaAriaLabel&#34;:&#34;Read the guide&#34;,&#34;ctaActionType&#34;:&#34;link&#34;,&#34;ctaLinkUrl&#34;:&#34;https://www.publicissapient.com/insights/guide-to-next-report&#34;,&#34;ctaVideoId&#34;:null,&#34;ctaOpenLinkInNewTab&#34;:false,&#34;ctaIconType&#34;:&#34;arrow-right&#34;,&#34;modalFormModel&#34;:null},&#34;media&#34;:{&#34;mediaType&#34;:&#34;image&#34;,&#34;desktopImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/tlft-awards-blog.jpg&#34;,&#34;tabletImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/tlft-awards-blog.jpg&#34;,&#34;mobileImage&#34;:&#34;/content/dam/ps-redesign/us/en/2026/01/resources/blog/images/tlft-awards-blog.jpg&#34;,&#34;imageAlt&#34;:&#34;Guide to Next 2026&#34;,&#34;videoAsset&#34;:null,&#34;lottieFile&#34;:null,&#34;playPauseEnable&#34;:false,&#34;playPausePosition&#34;:null,&#34;playPauseColor&#34;:null,&#34;playPauseVisibility&#34;:null},&#34;disableImageOnMobile&#34;:false,&#34;subSectionEnabled&#34;:false,&#34;:type&#34;:&#34;ps-redesign/components/featuressection&#34;}'>
3264  
3265    
3266    
3267    
3268    <div class="relative boxed">
3269      <div class="hidden md:grid md:grid-cols-12">
3270        
3271        <div class="col-span-5 flex flex-col gap-16 py-10">
3272          <div class="flex flex-col gap-8 items-start">
3273            <div class="flex flex-col gap-6 w-full">
3274              <h2 class="sr-only">
3275                Award-winning thought leadership
3276              </h2>
3277              
3278              
3279                <div class="sr-only">
3280                  <p>Guide to Next 2026 was recognized with the Thought Leadership Storytelling Award at the TLFT Awards 2026. Selected from a competitive global field, the report earned the highest overall score in the judging process and was recognized for its distinctive concept, measurable impact, multi-format activation and compelling storytelling.</p>
3281
3282                </div>
3283              
3284            </div>
3285          </div>
3286
3287          
3288          
3289        </div>
3290
3291        
3292        <div class="col-span-6 col-start-7 flex items-center">
3293          <div class="relative w-full rounded-2xl overflow-hidden">
3294            
3295            
3296    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
3297        
3298        
3299            <div class="aspect-video w-full"></div>
3300        
3301        
3302        
3303        
3304        
3305        
3306        
3307        
3308        
3309        
3310        
3311    </div>
3312
3313          </div>
3314        </div>
3315      </div>
3316
3317      
3318      <div class="grid md:hidden grid-cols-1 gap-10 justify-center">
3319        <div class="col-span-1 flex flex-col gap-12">
3320          <div class="flex flex-col items-center gap-6 mx-auto">
3321            <div class="flex flex-col items-center gap-5 w-full">
3322              <h2 class="sr-only">
3323                Award-winning thought leadership
3324              </h2>
3325              
3326              
3327                <div class="sr-only">
3328                  <p>Guide to Next 2026 was recognized with the Thought Leadership Storytelling Award at the TLFT Awards 2026. Selected from a competitive global field, the report earned the highest overall score in the judging process and was recognized for its distinctive concept, measurable impact, multi-format activation and compelling storytelling.</p>
3329
3330                </div>
3331              
3332            </div>
3333          </div>
3334
3335          
3336          
3337        </div>
3338
3339        
3340        <div class="col-span-1">
3341          <div class="relative w-full rounded-2xl overflow-hidden">
3342            
3343    <div class="ssr-skeleton bg-white rounded-lg w-full" data-ssr-skeleton="image" aria-hidden="true">
3344        
3345        
3346            <div class="aspect-video w-full"></div>
3347        
3348        
3349        
3350        
3351        
3352        
3353        
3354        
3355        
3356        
3357        
3358    </div>
3359
3360          </div>
3361        </div>
3362      </div>
3363    </div>
3364  
3365
3366  
3367  
3368    
3369
3370</div>
3371
3372
3373    
3374    
3374<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-featuressection.js?v=20260923-1031-eca8b" defer="defer"></script>
3374
3375
3376</div>
3377<div class="verticalpadding">
3378
3379
3380
3381
3382
3383
3384
3385
3386<div class="vp-l vp-white" style="min-height: 64px;"></div>
3387</div>
3388
3389        
3390    </div>
3391
3392</main>
3393<div class="promoAsset"></div>
3394<div class="footerWrapper">
3395
3396<div id="footerWrapper-e5597222a8" class="cmp-footerwrapper cmp-footerwrapper--footer">
3397
3398
3399    
3400    
3401    
3402    <div id="container-3e7c9019b5" class="cmp-container">
3403        
3404        <div class="container responsivegrid">
3405
3406    
3407    
3408    
3409    <div id="container-322b049cdd" class="cmp-container">
3410        
3411        <div class="inlinecontactusform"><!-- Inline Contact Us Form - HTL rendering (aligned to InlineContactUsForm model) -->
3412
3413
3414
3415
3416<!-- Edit Mode Placeholder -->
3417
3418
3419<!-- React hydration root with serialized props -->
3420
3421<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;
3421Thank 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">
3422    
3423    <div class="absolute inset-0 bg-white" data-ssr-skeleton="background" aria-hidden="true"></div>
3424
3425    
3426    <div class="relative boxed mx-auto py-20 md:py-32" data-ssr-skeleton="content">
3427        <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
3428            <div class="flex flex-col lg:flex-row">
3429                
3430                <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">
3431                    
3432                    <div>
3433                        <h2 class="display-xxs-regular md:display-xs-regular text-center md:text-left text-black mt-0 mb-7 md:mt-3">
3434                            <p>Ready to learn more?</p>
3435
3436                        </h2>
3437
3438                        
3439                        <ul class="space-y-3">
3440                            <li class="flex items-start gap-3">
3441                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3442                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3443                                </span>
3444                                <span class="text-gray-neutral-700 ps-text-lg-regular">Discuss your unique business challenges</span>
3445                            </li>
3446                        
3447                            <li class="flex items-start gap-3">
3448                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3449                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3450                                </span>
3451                                <span class="text-gray-neutral-700 ps-text-lg-regular">Explore AI solutions built for your industry</span>
3452                            </li>
3453                        
3454                            <li class="flex items-start gap-3">
3455                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3456                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3457                                </span>
3458                                <span class="text-gray-neutral-700 ps-text-lg-regular">Get proven delivery guidance</span>
3459                            </li>
3460                        
3461                            <li class="flex items-start gap-3">
3462                                <span class="shrink-0 w-6 h-6 rounded-full bg-transparent flex items-center justify-center mt-0.5">
3463                                    <span class="w-5 h-5 rounded-full bg-gray-200"></span>
3464                                </span>
3465                                <span class="text-gray-neutral-700 ps-text-lg-regular">Identify the next step that fits your goals</span>
3466                            </li>
3467                        </ul>
3468                    </div>
3469
3470                    
3471                    <div class="mt-auto pt-10 md:pt-8">
3472                        
3473                        
3474
3475                        
3476                        <div class="pt-6 border-t border-gray-neutral-400">
3477                            <p class="eyebrow-xs-medium text-xs text-gray-neutral-700 mb-4 md:mb-5 text-center md:text-left">
3478                                Trusted by leading organizations in every industry.
3479                            </p>
3480                            <div class="w-auto h-12 flex items-center gap-4">
3481                                
3482                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
3483                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
3484                                <div class="w-16 h-8 bg-gray-100 rounded animate-pulse"></div>
3485                            </div>
3486                        </div>
3487                    </div>
3488                </div>
3489
3490                
3491                <div class="flex-1 px-5 md:pl-0 lg:pr-10 min-[1356px]:pr-20 py-10 md:py-16">
3492                    <div class="flex flex-col gap-8">
3493                        <div>
3494                            <h3 class="display-sm-light md:display-lg-light text-black mb-5 md:mb-6 text-center md:text-left">
3495                                <p>Get in touch</p>
3496
3497                            </h3>
3498                            <p class="text-gray-neutral-700 ps-text-lg-regular md:ps-text-xl-regular text-center md:text-left">
3499                                Submit the form below and one of our experts will reach out.
3500                            </p>
3501                        </div>
3502
3503                        
3504                        <form class="flex flex-col gap-8" novalidate>
3505                            <div class="flex flex-col gap-6 md:gap-4">
3506                                <p class="text-gray-neutral-600 ps-text-sm-regular -mb-1 md:mb-1">*Required field</p>
3507
3508                                
3509                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
3510                                    <div class="flex flex-col gap-1.5">
3511                                        <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>
3512                                        <input type="text" id="contact-firstName-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3513                                    </div>
3514                                    <div class="flex flex-col gap-1.5">
3515                                        <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>
3516                                        <input type="text" id="contact-lastName-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3517                                    </div>
3518                                </div>
3519
3520                                
3521                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
3522                                    <div class="flex flex-col gap-1.5">
3523                                        <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>
3524                                        <input type="text" id="contact-company-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3525                                    </div>
3526                                    <div class="flex flex-col gap-1.5">
3527                                        <label for="contact-email-ssr" 
3527class="ps-text-sm-medium text-gray-neutral-700">Email<span class="ml-0.5 text-gray-neutral-700">*</span></label>
3528                                        <input type="email" id="contact-email-ssr" disabled class="h-11 bg-white border border-gray-300 rounded-lg px-4 text-base"/>
3529                                    </div>
3530                                </div>
3531
3532                                
3533                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
3534                                    <div class="flex flex-col gap-1.5">
3535                                        <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>
3536                                        <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">
3537                                            <option>Select a country</option>
3538                                        </select>
3539                                    </div>
3540                                    
3541                                </div>
3542
3543                                
3544                                <div class="flex flex-col gap-1.5">
3545                                    <label for="contact-message-ssr" class="ps-text-sm-medium text-gray-neutral-700">Message</label>
3546                                    <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>
3547                                </div>
3548                            </div>
3549
3550                            
3551                            <div class="flex flex-col md:flex-row md:items-center gap-5 md:gap-6">
3552                                <div class="flex gap-3 items-start flex-1">
3553                                    <div class="w-5 h-5 border border-gray-neutral-400 rounded-xxs bg-white mt-0.5 shrink-0"></div>
3554                                    <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>
3555                                </div>
3556                                <button type="button" disabled class="self
3556-center shrink-0 rounded-full px-6 py-3 bg-ps-red text-white ps-text-md-medium flex items-center gap-2">
3557                                    Submit
3558                                    <span class="w-5 h-5">→</span>
3559                                </button>
3560                            </div>
3561
3562                            
3563                            <div class="text-gray-neutral-600 ps-text-sm-regular">
3564                                <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>
3565
3566                            </div>
3567                        </form>
3568                    </div>
3569                </div>
3570            </div>
3571        </div>
3572    </div>
3573</div>
3574
3575
3576    
3577    
3577<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-inlinecontactform.js?v=20260923-1031-eca8b" defer="defer"></script>
3577
3578</div>
3579<div class="psRedesignFooter">
3580
3581
3582
3583
3584<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;
3584ps-redesign/components/psRedesignFooter&#34;}'>
3585  <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">
3586    
3587    <div class="flex flex-col lg:flex-row gap-10 lg:gap-16">
3588      
3589      <div class="lg:w-[220px] flex-shrink-0 flex flex-col gap-8">
3590        
3591        
3592        <a href="https://www.publicissapient.com/" class="inline-block w-[100px]" aria-label="Sapient Log Alt Text">
3593          <span class="ps-icon ps-icon--ps-logo w-[100px] h-[54px] text-black" aria-hidden="true"></span>
3594        </a>
3595        
3596        <div class="flex flex-col gap-6">
3597          <p class="text-lg leading-7 text-black"><p>Where People and Products Shape the Future of Enterprise</p>
3598</p>
3599          <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">
3600            <span>Chat with us</span>
3601            <span class="ps-icon ps-icon--message-dots-square w-5 h-5" aria-hidden="true"></span>
3602          </button>
3603        </div>
3604      </div>
3605      
3606      <div class="flex-1">
3607        
3608        <div class="hidden lg:grid lg:grid-cols-5 gap-8">
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">Solutions</h3>
3614                <ul class="flex flex-col gap-3">
3615                  
3616                    <li>
3617                      <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">
3618                        Legacy Modernization
3619                        
3620                      </a>
3621                    </li>
3622                  
3623                    <li>
3624                      <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">
3625                        Content Supply Chain
3626                        
3627                      </a>
3628                    </li>
3629                  
3630                    <li>
3631                      <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">
3632                        Customer Engagement
3633                        
3634                      </a>
3635                    </li>
3636                  
3637                    <li>
3638                      <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">
3639                        Digital Commerce
3640                        
3641                      </a>
3642                    </li>
3643                  
3644                    <li>
3645                      <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">
3646                        Experience Transformation
3647                        
3648                      </a>
3649                    </li>
3650                  
3651                </ul>
3652              </div>
3653              
3654              
3655                <div class="flex flex-col gap-4">
3656                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Partners</h3>
3657                  <ul class="flex flex-col gap-3">
3658                    
3659                      <li>
3660                        <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">
3661                          Partners Overview
3662                          
3663                        </a>
3664                      </li>
3665                    
3666                      <li>
3667                        <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">
3668                          Adobe
3669                          
3670                        </a>
3671                      </li>
3672                    
3673                      <li>
3674                        <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">
3675                          AWS
3676                          
3677                        </a>
3678                      </li>
3679                    
3680                      <li>
3681                        <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">
3682                          Google Cloud
3683                          
3684                        </a>
3685                      </li>
3686                    
3687                      <li>
3688                        <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">
3689                          Microsoft
3690                          
3691                        </a>
3692                      </li>
3693                    
3694                      <li>
3695                        <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">
3696                          Salesforce
3697                          
3698                        </a>
3699                      </li>
3700                    
3701                  </ul>
3702                </div>
3703              
3704            </div>
3705          
3706            <div class="flex flex-col gap-8">
3707              
3708              <div class="flex flex-col gap-4">
3709                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Industries</h3>
3710                <ul class="flex flex-col gap-3">
3711                  
3712                    <li>
3713                      <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">
3714                        Consumer Products
3715                        
3716                      </a>
3717                    </li>
3718                  
3719                    <li>
3720                      <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">
3721                        Energy &amp; Commodities
3722                        
3723                      </a>
3724                    </li>
3725                  
3726                    <li>
3727                      <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">
3728                        Financial Services
3729                        
3730                      </a>
3731                    </li>
3732                  
3733                    <li>
3734                      <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">
3735                        Health
3736                        
3737                      </a>
3738                    </li>
3739                  
3740                    <li>
3741                      <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">
3742                        Public Sector
3743                        
3744                      </a>
3745                    </li>
3746                  
3747                    <li>
3748                      <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">
3749                        Retail
3750                        
3751                      </a>
3752                    </li>
3753                  
3754                    <li>
3755                      <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">
3756                        Telecom, Media &amp; Tech
3757                        
3758                      </a>
3759                    </li>
3760                  
3761                    <li>
3762                      <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">
3763                        Transportation &amp; Mobility
3764                        
3765                      </a>
3766                    </li>
3767                  
3768                    <li>
3769                      <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">
3770                        Travel &amp;
3770 Hospitality
3771                        
3772                      </a>
3773                    </li>
3774                  
3775                </ul>
3776              </div>
3777              
3778              
3779            </div>
3780          
3781            <div class="flex flex-col gap-8">
3782              
3783              <div class="flex flex-col gap-4">
3784                <h3 class="text-xs font-bold text-black uppercase tracking-wide">AI Platforms</h3>
3785                <ul class="flex flex-col gap-3">
3786                  
3787                    <li>
3788                      <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">
3789                        AI Platforms Overview
3790                        
3791                      </a>
3792                    </li>
3793                  
3794                    <li>
3795                      <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">
3796                        Sapient Slingshot
3797                        
3798                      </a>
3799                    </li>
3800                  
3801                    <li>
3802                      <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">
3803                        Sapient Bodhi
3804                        
3805                      </a>
3806                    </li>
3807                  
3808                    <li>
3809                      <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">
3810                        Sapient Sustain
3811                        
3812                      </a>
3813                    </li>
3814                  
3815                </ul>
3816              </div>
3817              
3818              
3819                <div class="flex flex-col gap-4">
3820                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Customers</h3>
3821                  <ul class="flex flex-col gap-3">
3822                    
3823                      <li>
3824                        <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">
3825                          Customer Stories
3826                          
3827                        </a>
3828                      </li>
3829                    
3830                  </ul>
3831                </div>
3832              
3833                <div class="flex flex-col gap-4">
3834                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Resources</h3>
3835                  <ul class="flex flex-col gap-3">
3836                    
3837                      <li>
3838                        <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">
3839                          Blog
3840                          
3841                        </a>
3842                      </li>
3843                    
3844                      <li>
3845                        <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">
3846                          Demo Library
3847                          
3848                        </a>
3849                      </li>
3850                    
3851                  </ul>
3852                </div>
3853              
3854            </div>
3855          
3856            <div class="flex flex-col gap-8">
3857              
3858              <div class="flex flex-col gap-4">
3859                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Capabilities</h3>
3860                <ul class="flex flex-col gap-3">
3861                  
3862                    <li>
3863                      <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">
3864                        Capabilities Overview
3865                        
3866                      </a>
3867                    </li>
3868                  
3869                    <li>
3870                      <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">
3871                        Strategy
3872                        
3873                      </a>
3874                    </li>
3875                  
3876                    <li>
3877                      <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">
3878                        Product
3879                        
3880                      </a>
3881                    </li>
3882                  
3883                    <li>
3884                      <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">
3885                        Experience
3886                        
3887                      </a>
3888                    </li>
3889                  
3890                    <li>
3891                      <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">
3892                        Engineering
3893                        
3894                      </a>
3895                    </li>
3896                  
3897                    <li>
3898                      <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">
3899                        Data &amp; AI
3900                        
3901                      </a>
3902                    </li>
3903                  
3904                    <li>
3905                      <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">
3906                        Global Capability
Centers
3907                        
3908                      </a>
3909                    </li>
3910                  
3911                </ul>
3912              </div>
3913              
3914              
3915            </div>
3916          
3917            <div class="flex flex-col gap-8">
3918              
3919              <div class="flex flex-col gap-4">
3920                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Company</h3>
3921                <ul class="flex flex-col gap-3">
3922                  
3923                    <li>
3924                      <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">
3925                        About
3926                        
3927                      </a>
3928                    </li>
3929                  
3930                    <li>
3931                      <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">
3932                        Why Publicis Sapient
3933                        
3934                      </a>
3935                    </li>
3936                  
3937                    <li>
3938                      <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">
3939                        Newsroom
3940                        
3941                      </a>
3942                    </li>
3943                  
3944                    <li>
3945                      <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">
3946                        Accolades
3947                        
3948                      </a>
3949                    </li>
3950                  
3951                    <li>
3952                      <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">
3953                        Locations
3954                        
3955                      </a>
3956                    </li>
3957                  
3958                </ul>
3959              </div>
3960              
3961              
3962                <div class="flex flex-col gap-4">
3963                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Careers</h3>
3964                  <ul class="flex flex-col gap-3">
3965                    
3966                      <li>
3967                        <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">
3968                          Careers Overview
3969                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
3970                        </a>
3971                      </li>
3972                    
3973                      <li>
3974                        <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">
3975                          Open Roles
3976                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
3977                        </a>
3978                      </li>
3979                    
3980                  </ul>
3981                </div>
3982              
3983            </div>
3984          
3985        </div>
3986        
3987        <div class="grid grid-cols-2 gap-x-8 gap-y-10 lg:hidden">
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">Solutions</h3>
3993                <ul class="flex flex-col gap-3">
3994                  
3995                    <li>
3996                      <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">
3997                        Legacy Modernization
3998                        
3999                      </a>
4000                    </li>
4001                  
4002                    <li>
4003                      <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">
4004                        Content Supply Chain
4005                        
4006                      </a>
4007                    </li>
4008                  
4009                    <li>
4010                      <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">
4011                        Customer Engagement
4012                        
4013                      </a>
4014                    </li>
4015                  
4016                    <li>
4017                      <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">
4018                        Digital Commerce
4019                        
4020                      </a>
4021                    </li>
4022                  
4023                    <li>
4024                      <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">
4025                        Experience Transformation
4026                        
4027                      </a>
4028                    </li>
4029                  
4030                </ul>
4031              </div>
4032              
4033              
4034                <div class="flex flex-col gap-4">
4035                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Partners</h3>
4036                  <ul class="flex flex-col gap-3">
4037                    
4038                      <li>
4039                        <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">
4040                          Partners Overview
4041                          
4042                        </a>
4043                      </li>
4044                    
4045                      <li>
4046                        <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">
4047                          Adobe
4048                          
4049                        </a>
4050                      </li>
4051                    
4052                      <li>
4053                        <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">
4054                          AWS
4055                          
4056                        </a>
4057                      </li>
4058                    
4059                      <li>
4060                        <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">
4061                          Google Cloud
4062                          
4063                        </a>
4064                      </li>
4065                    
4066                      <li>
4067                        <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">
4068                          Microsoft
4069                          
4070                        </a>
4071                      </li>
4072                    
4073                      <li>
4074                        <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">
4075                          Salesforce
4076                          
4077                        </a>
4078                      </li>
4079                    
4080                  </ul>
4081                </div>
4082              
4083            </div>
4084          
4085            <div class="flex flex-col gap-8">
4086              
4087              <div class="flex flex-col gap-4">
4088                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Industries</h3>
4089                <ul class="flex flex-col gap-3">
4090                  
4091                    <li>
4092                      <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">
4093                        Consumer Products
4094                        
4095                      </a>
4096                    </li>
4097                  
4098                    <li>
4099                      <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">
4100                        Energy &amp; Commodities
4101                        
4102                      </a>
4103                    </li>
4104                  
4105                    <li>
4106                      <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">
4107                        Financial Services
4108                        
4109                      </a>
4110                    </li>
4111                  
4112                    <li>
4113                      <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">
4114                        Health
4115                        
4116                      </a>
4117                    </li>
4118                  
4119                    <li>
4120                      <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">
4121                        Public Sector
4122                        
4123                      </a>
4124                    </li>
4125                  
4126                    <li>
4127                      <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">
4128                        Retail
4129                        
4130                      </a>
4131                    </li>
4132                  
4133                    <li>
4134                      <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">
4135                        Telecom, Media &amp; Tech
4136                        
4137                      </a>
4138                    </li>
4139                  
4140                    <li>
4141                      <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">
4142                        Transportation &amp; Mobility
4143                        
4144                      </a>
4145                    </li>
4146                  
4147                    <li>
4148                      <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">
4149                        Travel &amp;
4149 Hospitality
4150                        
4151                      </a>
4152                    </li>
4153                  
4154                </ul>
4155              </div>
4156              
4157              
4158            </div>
4159          
4160            <div class="flex flex-col gap-8">
4161              
4162              <div class="flex flex-col gap-4">
4163                <h3 class="text-xs font-bold text-black uppercase tracking-wide">AI Platforms</h3>
4164                <ul class="flex flex-col gap-3">
4165                  
4166                    <li>
4167                      <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">
4168                        AI Platforms Overview
4169                        
4170                      </a>
4171                    </li>
4172                  
4173                    <li>
4174                      <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">
4175                        Sapient Slingshot
4176                        
4177                      </a>
4178                    </li>
4179                  
4180                    <li>
4181                      <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">
4182                        Sapient Bodhi
4183                        
4184                      </a>
4185                    </li>
4186                  
4187                    <li>
4188                      <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">
4189                        Sapient Sustain
4190                        
4191                      </a>
4192                    </li>
4193                  
4194                </ul>
4195              </div>
4196              
4197              
4198                <div class="flex flex-col gap-4">
4199                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Customers</h3>
4200                  <ul class="flex flex-col gap-3">
4201                    
4202                      <li>
4203                        <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">
4204                          Customer Stories
4205                          
4206                        </a>
4207                      </li>
4208                    
4209                  </ul>
4210                </div>
4211              
4212                <div class="flex flex-col gap-4">
4213                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Resources</h3>
4214                  <ul class="flex flex-col gap-3">
4215                    
4216                      <li>
4217                        <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">
4218                          Blog
4219                          
4220                        </a>
4221                      </li>
4222                    
4223                      <li>
4224                        <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">
4225                          Demo Library
4226                          
4227                        </a>
4228                      </li>
4229                    
4230                  </ul>
4231                </div>
4232              
4233            </div>
4234          
4235            <div class="flex flex-col gap-8">
4236              
4237              <div class="flex flex-col gap-4">
4238                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Capabilities</h3>
4239                <ul class="flex flex-col gap-3">
4240                  
4241                    <li>
4242                      <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">
4243                        Capabilities Overview
4244                        
4245                      </a>
4246                    </li>
4247                  
4248                    <li>
4249                      <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">
4250                        Strategy
4251                        
4252                      </a>
4253                    </li>
4254                  
4255                    <li>
4256                      <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">
4257                        Product
4258                        
4259                      </a>
4260                    </li>
4261                  
4262                    <li>
4263                      <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">
4264                        Experience
4265                        
4266                      </a>
4267                    </li>
4268                  
4269                    <li>
4270                      <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">
4271                        Engineering
4272                        
4273                      </a>
4274                    </li>
4275                  
4276                    <li>
4277                      <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">
4278                        Data &amp; AI
4279                        
4280                      </a>
4281                    </li>
4282                  
4283                    <li>
4284                      <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">
4285                        Global Capability
Centers
4286                        
4287                      </a>
4288                    </li>
4289                  
4290                </ul>
4291              </div>
4292              
4293              
4294            </div>
4295          
4296            <div class="flex flex-col gap-8">
4297              
4298              <div class="flex flex-col gap-4">
4299                <h3 class="text-xs font-bold text-black uppercase tracking-wide">Company</h3>
4300                <ul class="flex flex-col gap-3">
4301                  
4302                    <li>
4303                      <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">
4304                        About
4305                        
4306                      </a>
4307                    </li>
4308                  
4309                    <li>
4310                      <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">
4311                        Why Publicis Sapient
4312                        
4313                      </a>
4314                    </li>
4315                  
4316                    <li>
4317                      <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">
4318                        Newsroom
4319                        
4320                      </a>
4321                    </li>
4322                  
4323                    <li>
4324                      <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">
4325                        Accolades
4326                        
4327                      </a>
4328                    </li>
4329                  
4330                    <li>
4331                      <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">
4332                        Locations
4333                        
4334                      </a>
4335                    </li>
4336                  
4337                </ul>
4338              </div>
4339              
4340              
4341                <div class="flex flex-col gap-4">
4342                  <h3 class="text-xs font-bold text-black uppercase tracking-wide">Careers</h3>
4343                  <ul class="flex flex-col gap-3">
4344                    
4345                      <li>
4346                        <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">
4347                          Careers Overview
4348                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
4349                        </a>
4350                      </li>
4351                    
4352                      <li>
4353                        <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">
4354                          Open Roles
4355                          <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
4356                        </a>
4357                      </li>
4358                    
4359                  </ul>
4360                </div>
4361              
4362            </div>
4363          
4364        </div>
4365      </div>
4366    </div>
4367    
4368    <div class="mt-12 pt-8 border-t border-gray-200 flex flex-col gap-6">
4369      
4370      
4371      
4372      <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
4373        <p class="text-sm text-black">© 2026 Publicis Sapient. All rights reserved. A Publicis Groupe Company.</p>
4374        <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
4375          
4376            <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">
4377              Accessibility
4378              
4379            </a>
4380          
4381            <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">
4382              Cookie Policy
4383              
4384            </a>
4385          
4386            <a href="/#open-cookie-manager" class="text-sm text-black hover:text-gray-600 transition-colors inline-flex items-center gap-1" target="_self">
4387              Cookie Settings
4388              
4389            </a>
4390          
4391            <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">
4392              Do Not Sell My Personal Information
4393              <span class="ps-icon ps-icon--external-link w-3 h-3" aria-hidden="true"></span>
4394            </a>
4395          
4396            <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">
4397              Legal
4398              
4399            </a>
4400          
4401            <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">
4402              Privacy Policy
4403              
4404            </a>
4405          
4406            <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">
4407              Site Map
4408              
4409            </a>
4410          
4411            <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">
4412              Terms
4413              
4414            </a>
4415          
4416        </div>
4417      </div>
4418    </div>
4419  </div>
4420</footer>
4421
4422    
4423    
4423<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-footer.js?v=20260923-1031-eca8b" defer="defer"></script>
4423
4424</div>
4425
4426        
4427    </div>
4428
4429</div>
4430
4431        
4432    </div>
4433
4434</div>
4435
4436
4437    
4438
4439</div>
4440
4441        
4442    </div>
4443
4444</div>
4445
4446
4447            
4448    
4449    
4450
4451
4452    
4453    
4453<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-site.js?v=20260923-1031-eca8b" defer="defer"></script>
4453
4454
4455
4456
4457
4458    
4459
4460    
4461
4462    
4463
4464    
4465    
4466
4467            
4468
4469<!--
4470  Sitewide singleton mount point for the ContactModalLauncher React island. It renders
4471  nothing until a vanilla-JS progressive-enhancement script (e.g. TopNavigation/
4472  FrenchTopNavigation's enhance.ts) dispatches an `openContactModal` window CustomEvent
4473  carrying a CTA. Needs no authoring, no dialog and no server-rendered props -- see
4474  ContactModalLauncher/entry.tsx for the hydration wiring.
4475-->
4476<div>
4477    <div data-cmp-is="contact-modal-launcher"></div>
4478    
4479    
4480    
4480<script src="/etc.clientlibs/ps-redesign/clientlibs/clientlib-contactmodallauncher.js?v=20260923-1031-eca8b" defer="defer"></script>
4480
4481
4482</div>
4483
4484        
4485    </body>
4486</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.