PageSourceSearch

https://clearstate.com/about-us

html clearstate.com collected 2026-10-02 10:43:22 UTC 179,571 bytes, 5,935 lines download raw bytes

1<!-- Begin partial --><!doctype html><html lang="en"><head>
2    <meta charset="UTF-8">
3    <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
5    <link rel="icon" href="https://www.clearstate.com/favicon.ico" sizes="96x96" type="image/png">
6
7
8  <link rel="icon" href="https://clearstate.com/hubfs/icon.png" sizes="48x48" type="image/png">
9
10    
11     
12  
13
14    
15    
16    <title>About Us</title>
17    
18
19    
20    
21    <meta name="description" content="Clearstate empowers MedTech leaders with actionable insights, data-driven strategies, and market intelligence.">
22    
23    
24    <link rel="preconnect" href="https://fonts.googleapis.com">
25  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26  <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&amp;family=Alexandria:[email protected]&amp;family=Bricolage+Grotesque:opsz,[email protected],200..800&amp;display=swap" rel="stylesheet">
27
28    
29    
30
31    
32    
33
34    
35    <meta name="viewport" content="width=device-width, initial-scale=1">
36
37    
38    <meta property="og:description" content="Clearstate empowers MedTech leaders with actionable insights, data-driven strategies, and market intelligence.">
39    <meta property="og:title" content="About Us">
40    <meta name="twitter:description" content="Clearstate empowers MedTech leaders with actionable insights, data-driven strategies, and market intelligence.">
41    <meta name="twitter:title" content="About Us">
42
43    
44
45    
46        
46<script id="hs-search-input__valid-content-types" type="application/json">
47          [
48            
49              "SITE_PAGE",
50            
51              "LANDING_PAGE",
52            
53              "BLOG_POST",
54            
55              "LISTING_PAGE",
56            
57              "KNOWLEDGE_ARTICLE",
58            
59              "HS_CASE_STUDY"
60            
61          ]
62        </script>
62
63        
64    <style>
65a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
66</style>
67
68
69<style>
70  .blank-page-scope #hs_cos_wrapper_main_content_header-module-2 .navbar {
71    background: #ffffff;
72    border-bottom: 1px solid rgba(196, 202, 209, 1);
73    box-shadow:none;
74  }
75  
76  .blank-page-scope #hs_cos_wrapper_main_content_header-module-2 .menu__link{
77  color: var(--text-primary);
78  }
79  
80  .blank-page-scope #hs_cos_wrapper_main_content_header-module-2 .primary-button:hover .circle{
81 background: var(--secondary-c);
82  }
83  
84  .blank-page-scope #hs_cos_wrapper_main_content_header-module-2 .primary-button:hover {
85 color: white;
86  }
87  
88  .blank-page-scope #hs_cos_wrapper_main_content_header-module-2 .arrow path {
89  stroke: var(--text-primary);
90  }
91  
92  .blank-page-scope #hs_cos_wrapper_main_content_header-module-2 .menu__link:hover .arrow path {
93    stroke: var(--text-primary);
94  }
95  
96</style>
97
98<link rel="stylesheet" href="https://clearstate.com/hubfs/hub_generated/template_assets/1/255601802968/1772420009647/template_main.min.css">
99<link rel="stylesheet" href="https://clearstate.com/hubfs/hub_generated/module_assets/1/255593091801/1764687628124/module_navbar-global.min.css">
100
101<style>
102  #hs_cos_wrapper_main_content_header-module-2 * { box-sizing:border-box; }
103
104#hs_cos_wrapper_main_content_header-module-2 .sub-menu { font-size:16px; }
105
106@media (max-width:1200px) {
107  #hs_cos_wrapper_main_content_header-module-2 .sub-menu { font-size:14.5px; }
108}
109
110@media (max-width:1100px) {
111  #hs_cos_wrapper_main_content_header-module-2 .sub-menu { font-size:12.5px; }
112}
113
114@media (max-width:1000px) {
115  #hs_cos_wrapper_main_content_header-module-2 .sub-menu { font-size:11px; }
116}
117
118@media (max-width:900px) {
119  #hs_cos_wrapper_main_content_header-module-2 .sub-menu { font-size:10px; }
120}
121
122@media (max-width:800px) {
123  #hs_cos_wrapper_main_content_header-module-2 .sub-menu { font-size:10px; }
124}
125
126@media (max-width:768px) {
127  #hs_cos_wrapper_main_content_header-module-2 .sub-menu { font-size:16px; }
128}
129
130#hs_cos_wrapper_main_content_header-module-2 .container-inner { padding:0; }
131
132#hs_cos_wrapper_main_content_header-module-2 form { padding:0; }
133
134#hs_cos_wrapper_main_content_header-module-2 .container { background:var(--gradient-2); }
135
136#hs_cos_wrapper_main_content_header-module-2 .langAndButton {
137  display:flex;
138  flex-direction:row;
139  gap:1.25em;
140}
141
142#hs_cos_wrapper_main_content_header-module-2 .navbar {
143  width:100%;
144  border-bottom:1px solid #FFFFFF;
145  z-index:99;
146  box-shadow:0 2px 6px rgba(0,0,0,0.1);
147  position:relative;
148  top:0;
149}
150
151#hs_cos_wrapper_main_content_header-module-2 .navbar-inner {
152  height:100%;
153  max-width:1440px;
154  margin:0 auto;
155  display:flex;
156  width:90%;
157  align-items:center;
158  justify-content:space-between;
159}
160
161#hs_cos_wrapper_main_content_header-module-2 .logo.desktop {
162  height:75px;
163  width:auto;
164  display:flex;
165  align-items:center;
166  overflow:hidden;
167}
168
169#hs_cos_wrapper_main_content_header-module-2 .logo.desktop a {
170  display:block;
171  height:auto;
172  width:100%;
173  transition:opacity 0.3s ease;
174}
175
176#hs_cos_wrapper_main_content_header-module-2 .logo.desktop a:hover { opacity:0.9; }
177
178#hs_cos_wrapper_main_content_header-module-2 .logo.desktop a img {
179  height:75px !important;
180  width:auto !important;
181  max-width:200px !important;
182  object-fit:contain !important;
183  object-position:left center !important;
184  display:block;
185}
186
187@media (min-width:800px) and (max-width:1024px) {
188  #hs_cos_wrapper_main_content_header-module-2 .logo.desktop a img { height:52px !important; }
189}
190
191#hs_cos_wrapper_main_content_header-module-2 .logo.mobile {
192  width:auto;
193  max-width:150px;
194  display:none;
195  align-items:center;
196  overflow:hidden;
197}
198
199#hs_cos_wrapper_main_content_header-module-2 .logo.mobile a {
200  display:block;
201  height:100%;
202  width:100%;
203  max-width:150px;
204}
205
206#hs_cos_wrapper_main_content_header-module-2 .logo.mobile a img {
207  height:44px !important;
208  width:auto !important;
209  max-width:150px !important;
210  object-fit:contain !important;
211  object-position:left center !important;
212  display:block;
213}
214
215#hs_cos_wrapper_main_content_header-module-2 .links {
216  display:flex;
217  align-items:center;
218  list-style:none;
219  padding-left:0;
220  margin:0;
221  height:100%;
222  gap:10px;
223}
224
225#hs_cos_wrapper_main_content_header-module-2 .links>.menu__item {
226  height:100%;
227  display:flex;
228  align-items:center;
229}
230
231#hs_cos_wrapper_main_content_header-module-2 .menu__link {
232  display:flex;
233  align-items:center;
234  justify-content:space-between;
235  gap:5px;
236  padding:28px 13px;
237  color:white;
238  text-decoration:none;
239  white-space:nowrap;
240  position:relative;
241  transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
242}
243
244#hs_cos_wrapper_main_content_header-module-2 .links>.menu__item:hover>.menu__link,
245#hs_cos_wrapper_main_content_header-module-2 .links>.menu__item.submenu-open>.menu__link,
246#hs_cos_wrapper_main_content_header-module-2 .links>.menu__item.active-trail>.menu__link { box-shadow:inset 0 -5px 0 0 var(--primary-c,#0085FF); }
247
248#hs_cos_wrapper_main_content_header-module-2 .with-submenu { cursor:pointer; }
249
250#hs_cos_wrapper_main_content_header-module-2 .arrow {
251  display:inline-flex;
252  align-items:center;
253  transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);
254  margin-left:4px;
255}
256
257#hs_cos_wrapper_main_content_header-module-2 .arrow path {
258  stroke:white;
259  transition:stroke 0.3s ease;
260}
261
262#hs_cos_wrapper_main_content_header-module-2 .menu__link:hover .arrow path { stroke:white; }
263
264@media (min-width:801px) {
265  #hs_cos_wrapper_main_content_header-module-2 form { background-color:unset; }
266
267  #hs_cos_wrapper_main_content_header-module-2 .menu__item { position:static; }
268
269  #hs_cos_wrapper_main_content_header-module-2 .sub-menu {
270    position:absolute;
271    top:calc(102%);
272    left:0;
273    transform:none;
274    min-width:auto;
275    overflow:auto;
276    width:100%;
277    max-width:100vw;
278    padding:0;
279    background:#ffffff;
280    list-style:none;
281    margin:0;
282    border-radius:0;
283    box-shadow:0px 20px 60px 0px rgba(9,21,43,0.05);
284    z-index:100;
285    opacity:0;
286    visibility:hidden;
287    transform:translateY(-10px);
288    pointer-events:none;
289    transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0.3s;
290  }
291
292  #hs_cos_wrapper_main_content_header-module-2 .sub-menu .sub-menu {
293    position:static;
294    top:auto;
295    left:auto;
296    margin-left:0;
297    border-top:none;
298    box-shadow:none;
299    padding:0;
300    background:transparent;
301    width:auto;
302    opacity:1;
303    visibility:visible;
304    transform:none;
305    display:block;
306  }
307
308  #hs_cos_wrapper_main_content_header-module-2 .menu__item.submenu-open>.sub-menu {
309    opacity:1;
310    visibility:visible;
311    transform:translateY(0);
312    pointer-events:auto;
313  }
314
315  #hs_cos_wrapper_main_content_header-module-2 .menu__item.submenu-open>.menu__link .arrow { transform:rotate(180deg); }
316
317  #hs_cos_wrapper_main_content_header-module-2 .sub-menu .menu__item {
318    width:auto;
319    border-bottom:none;
320    height:auto;
321    display:block;
322  }
323
324  #hs_cos_wrapper_main_content_header-module-2 .sub-menu .menu__link {
325    width:auto;
326    justify-content:space-between;
327    color:var(--text-primary);
328    padding:0;
329    border-radius:0;
330  }
331
332  #hs_cos_wrapper_main_content_header-module-2 .sub-menu .menu__link:hover {
333    background-color:transparent;
334    color:#1f2937;
335  }
336
337  #hs_cos_wrapper_main_content_header-module-2 .sub-menu .arrow path { stroke:var(--text-primary); }
338
339  #hs_cos_wrapper_main_content_header-module-2 .sub-menu .menu__link:hover .arrow path { stroke:white; }
340
341  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-container {
342    margin:0 auto;
343    display:flex;
344    gap:0;
345    position:relative;
346    overflow:visible;
347    max-width:1440px;
348    width:90%;
349  }
350
351  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-left {
352    flex:1;
353    flex-basis:50%;
354    display:flex;
355    gap:4px;
356    flex-direction:column;
357    min-width:200px;
358    padding:2.5em 2em 2.5em 0;
359    border-right:1px solid #ddd;
360    transition:all 0.4s cubic-bezier(0.23,1,0.32,1);
361    max-width:45%;
362    opacity:1;
363    position:static;
364    z-index:10;
365  }
366
367  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-left h3 {
368    margin-top:0;
369    margin-bottom:8px;
370    color:var(--text-primary);
371  }
372
373  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-left .body-1 { color:#555; }
374
375  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-right {
376    flex:1;
377    flex-basis:50%;
378    display:flex;
379    flex-direction:column;
380    transition:all 0.4s cubic-bezier(0.23,1,0.32,1);
381    max-width:55%;
382    position:relative;
383    z-index:20;
384    background-color:#F2F2F2;
385  }
386
387  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item {
388    display:flex;
389    flex-direction:column;
390    padding:1em 1em 1em 1.5em;
391    gap:4px;
392    border-bottom:1px solid #ddd;
393    transition:background-color 0.3s ease,border-left-color 0.3s ease;
394  }
395
396  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-right .mega-menu-item:first-child {}
397
398  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-right .mega-menu-item:last-child {}
399
400  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item.l3-trigger { cursor:pointer; }
401
402  #hs_cos_wrapper_main_content_header-module-2 .l3-trigger-visual {
403    display:flex;
404    justify-content:space-between;
405    align-items:center;
406    padding:0;
407  }
408
409  #hs_cos_wrapper_main_content_header-module-2 .l3-trigger-visual h4 {
410    margin:0;
411    color:var(--text-primary);
412    transition:color 0.3s ease;
413  }
414
415  #hs_cos_wrapper_main_content_header-module-2 .l3-trigger-visual .arrow-right { transition:transform 0.3s ease; }
416
417  #hs_cos_wrapper_main_content_header-module-2 a.mega-menu-item-link {
418    text-decoration:none;
419    color:inherit;
420    display:block;
421  }
422
423  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item.l2-active,
424  #hs_cos_wrapper_main_content_header-module-2 a.mega-menu-item-link:hover .mega-menu-item,
425  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item.l3-trigger:hover {
426    background:var(--gradient-1);
427    border-left:5px solid var(--primary-c,#0085FF);
428  }
429
430  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item.l2-active .l3-trigger-visual h4,
431  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item.l3-trigger:hover .l3-trigger-visual h4,
432  #hs_cos_wrapper_main_content_header-module-2 a.mega-menu-item-link:hover .mega-menu-item h4 { color:var(--primary-c,#2563eb); }
433
434  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item.l3-trigger:hover .l3-trigger-visual .arrow-right { transform:translateX(4px); }
435
436  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item .body-1 {
437    margin:0;
438    color:#555;
439  }
440
441  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-level3-wrapper {
442    flex:1;
443    flex-basis:0%;
444    position:relative;
445    max-width:0%;
446    opacity:0;
447    overflow:hidden;
448    visibility:hidden;
449    z-index:20;
450    padding-left:0;
451    border-left-width:0px;
452    border-left-color:#ddd;
453    border-left-style:solid;
454    transition:all 0.4s cubic-bezier(0.23,1,0.32,1);
455    padding-right:0;
456    background-color:#ffffff;
457  }
458
459  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-level3 { display:none; }
460
461  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-level3.active { display:block; }
462
463  #hs_cos_wrapper_main_content_header-module-2 .l3-close-btn {
464    position:absolute;
465    top:1em;
466    right:-3em;
467    background:#f0f0f0;
468    border:none;
469    border-radius:50%;
470    width:28px;
471    height:28px;
472    display:flex;
473    align-items:center;
474    justify-content:center;
475    cursor:pointer;
476    transition:background 0.3s ease;
477  }
478
479  #hs_cos_wrapper_main_content_header-module-2 .l3-close-btn:hover { background:#e0e0e0; }
480
481  #hs_cos_wrapper_main_content_header-module-2 .l3-item { border-bottom:1px solid #ddd; }
482
483  #hs_cos_wrapper_main_content_header-module-2 .l3-item:last-child { border-bottom:none; }
484
485  #hs_cos_wrapper_main_content_header-module-2 .l3-item a.menu__link {
486    display:block;
487    text-decoration:none;
488    transition:background-color 0.3s ease,margin 0.3s ease,padding 0.3s ease,border-left-color 0.3s ease;
489    margin-left:0;
490    margin-right:0;
491    border-left:3px solid transparent;
492  }
493
494  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-item.l3-item:hover {
495    background:var(--gradient-1);
496    border-left:3px solid var(--primary-c,#0085FF);
497  }
498
499  #hs_cos_wrapper_main_content_header-module-2 .l3-item a.menu__link h4 {
500    margin:0 0 0 10px 0;
501    color:var(--text-primary);
502    transition:color 0.3s ease;
503  }
504
505  #hs_cos_wrapper_main_content_header-module-2 .l3-item a.menu__link p {
506    margin:0;
507    color:#555;
508    text-wrap:auto;
509  }
510
511  #hs_cos_wrapper_main_content_header-module-2 .l3-item a.menu__link:hover h4 { color:var(--primary-c,#2563eb); }
512
513  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-overlay {
514    position:absolute;
515    top:0;
516    left:0;
517    width:100%;
518    height:100%;
519    background:rgba(0,0,0,0.3);
520    opacity:0;
521    visibility:hidden;
522    z-index:9999;
523    transition:all 0.4s ease;
524    cursor:pointer;
525  }
526
527  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-container.l3-open .mega-menu-left {
528    flex-basis:25%;
529    max-width:25%;
530  }
531
532  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-container.l3-open .mega-menu-left .mega-menu-overlay {
533    opacity:1;
534    visibility:visible;
535  }
536
537  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-container.l3-open .mega-menu-right {
538    flex-basis:30%;
539    max-width:30%;
540  }
541
542  #hs_cos_wrapper_main_content_header-module-2 .mega-menu-container.l3-open .mega-menu-level3-wrapper {
543    flex-basis:45%;
544    max-width:45%;
545    opacity:1;
546    visibility:visible;
547    overflow:visible;
548    border-left-width:1px;
549  }
550
551  #hs_cos_wrapper_main_content_header-module-2 .sub-menu .arrow { display:none; }
552
553  #hs_cos_wrapper_main_content_header-module-2 .menu__item:hover>.menu__link .arrow,
554  #hs_cos_wrapper_main_content_header-module-2 .menu__item.submenu-open>.menu__link .arrow { display:inline-flex; }
555
556  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-container { display:none; }
557
558  #hs_cos_wrapper_main_content_header-module-2 .l1-close-btn {
559    position:absolute;
560    top:1em;
561    right:-3em;
562    background:#f0f0f0;
563    border:none;
564    border-radius:50%;
565    width:28px;
566    height:28px;
567    display:flex;
568    align-items:center;
569    justify-content:center;
570    cursor:pointer;
571    transition:background 0.3s ease;
572    z-index:50;
573  }
574
575  #hs_cos_wrapper_main_content_header-module-2 .l1-close-btn:hover { background:#e0e0e0; }
576}
577
578#hs_cos_wrapper_main_content_header-module-2 .navbar-page-overlay {
579  position:fixed;
580  top:0;
581  left:0;
582  width:100vw;
583  height:100vh;
584  background:rgba(0,0,0,0.4);
585  opacity:0;
586  visibility:hidden;
587  pointer-events:none;
588  z-index:90;
589  transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),visibility 1.3s cubic-bezier(0.4,0,0.2,1);
590}
591
592#hs_cos_wrapper_main_content_header-module-2 .navbar-page-overlay.active {
593  opacity:1;
594  visibility:visible;
595  pointer-events:auto;
596  transition:opacity 1.2s cubic-bezier(0.4,0,0.2,1),visibility 0s linear;
597}
598
599#hs_cos_wrapper_main_content_header-module-2 .hs-search-field {
600  display:flex;
601  align-items:center;
602  gap:12px;
603}
604
605#hs_cos_wrapper_main_content_header-module-2 .search-icon {
606  width:24px;
607  height:24px;
608  color:white;
609  cursor:pointer;
610  transition:opacity 0.3s ease;
611}
612
613#hs_cos_wrapper_main_content_header-module-2 .search-icon:hover { opacity:0.8; }
614
615#hs_cos_wrapper_main_content_header-module-2 .hs-search-field__bar {
616  opacity:0;
617  visibility:hidden;
618  transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;
619}
620
621#hs_cos_wrapper_main_content_header-module-2 .hs-search-field__bar.search-bar-visible {
622  opacity:1;
623  visibility:visible;
624}
625
626#hs_cos_wrapper_main_content_header-module-2 .hs-search-field__input {
627  padding:10px 40px 10px 14px;
628  border:1.5px solid rgba(196,202,209,1);
629  border-radius:8px;
630  transition:all 0.3s ease;
631}
632
633#hs_cos_wrapper_main_content_header-module-2 .hs-search-field__input:focus {
634  outline:none;
635  border-color:#2563eb;
636  box-shadow:0 0 0 4px rgba(37,99,235,0.1);
637}
638
639#hs_cos_wrapper_main_content_header-module-2 .hs-search-field__input::placeholder { color:#9ca3af; }
640
641#hs_cos_wrapper_main_content_header-module-2 .search-btn:hover { opacity:0.7; }
642
643#hs_cos_wrapper_main_content_header-module-2 .hs-language-switcher {
644  position:relative;
645  text-align:right;
646  display:flex;
647}
648
649#hs_cos_wrapper_main_content_header-module-2 .hs-language-switcher__button {
650  display:flex;
651  align-items:center;
652  gap:8px;
653  padding-block:0px;
654  padding-inline:0px;
655  background:rgba(255,255,255,0.1);
656  border-radius:6px;
657  cursor:pointer;
658  color:white;
659  transition:all 0.3s ease;
660}
661
662#hs_cos_wrapper_main_content_header-module-2 .bx-menu { display:none; }
663
664#hs_cos_wrapper_main_content_header-module-2 .bx-menu svg,
665#hs_cos_wrapper_main_content_header-module-2 .bx-x svg {
666  height:24px;
667  width:24px;
668  fill:white;
669}
670
671#hs_cos_wrapper_main_content_header-module-2 .sidebar-logo { display:none; }
672
673@media (max-width:800px) {
674  #hs_cos_wrapper_main_content_header-module-2 form { padding:0; }
675
676  #hs_cos_wrapper_main_content_header-module-2 .menu__item:has(>.sub-menu.open) { border-bottom:none; }
677
678  #hs_cos_wrapper_main_content_header-module-2 .sub-menu li:hover>.menu__link {
679    background-color:unset;
680    color:var(--text-primary);
681  }
682
683  #hs_cos_wrapper_main_content_header-module-2 .menu__item.with-submenu>.sub-menu {
684    box-shadow:inset 5px 0 0 0 var(--primary-c);
685    background-color:var(--bg-light-accent);
686    border-radius:0 10px 10px 0;
687  }
688
689  #hs_cos_wrapper_main_content_header-module-2 .navbar {}
690
691  #hs_cos_wrapper_main_content_header-module-2 .navbar-inner { padding:16px 0; }
692
693  #hs_cos_wrapper_main_content_header-module-2 .logo.desktop { display:none; }
694
695  #hs_cos_wrapper_main_content_header-module-2 .logo.mobile {
696    display:flex !important;
697    max-width:120px;
698  }
699
700  #hs_cos_wrapper_main_content_header-module-2 .logo.mobile a img { max-width:120px !important; }
701
702  #hs_cos_wrapper_main_content_header-module-2 .bx-menu {
703    display:inherit;
704    cursor:pointer;
705    padding:10px;
706    background-color:#F2F2F2;
707    transition:opacity 0.3s ease;
708  }
709
710  #hs_cos_wrapper_main_content_header-module-2 .bx-menu svg { fill:#1a2b4a; }
711
712  #hs_cos_wrapper_main_content_header-module-2 .bx-menu:hover { opacity:0.7; }
713
714  #hs_cos_wrapper_main_content_header-module-2 .nav-links {
715    position:fixed;
716    top:0;
717    right:-100%;
718    width:100%;
719    max-width:100%;
720    height:100%;
721    background-color:white;
722    padding:0;
723    display:block;
724    transition:right 0.4s cubic-bezier(0.4,0,0.2,1);
725    box-shadow:-4px 0 24px rgba(0,0,0,0.15);
726    z-index:1000;
727    overflow:hidden;
728  }
729
730  #hs_cos_wrapper_main_content_header-module-2 .nav-links.active { right:0; }
731
732  #hs_cos_wrapper_main_content_header-module-2 .sidebar-logo {
733    display:flex;
734    box-shadow:inset 0 -1px 0 #C4CAD1;
735    padding:16px;
736    position:relative;
737    z-index:10;
738    background:white;
739  }
740
741  #hs_cos_wrapper_main_content_header-module-2 .nav-links-inner {
742    position:relative;
743    width:100%;
744    height:100%;
745  }
746
747  #hs_cos_wrapper_main_content_header-module-2 .bx-x {
748    position:static;
749    display:flex;
750    cursor:pointer;
751    padding:10px;
752    transition:opacity 0.3s ease;
753    margin-left:auto;
754  }
755
756  #hs_cos_wrapper_main_content_header-module-2 .bx.bx-x { background-color:var(--bg-light-accent); }
757
758  #hs_cos_wrapper_main_content_header-module-2 .bx-x svg { fill:#1a2b4a; }
759
760  #hs_cos_wrapper_main_content_header-module-2 .bx-x:hover { opacity:0.7; }
761
762  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links {
763    display:none;
764    margin-top:0;
765    padding:0 16px;
766    gap:0;
767    min-height:60%;
768    height:auto;
769    margin-top:4.75em;
770  }
771
772  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links>.menu__item {
773    height:auto;
774    display:block;
775    border-bottom:1px solid #e5e7eb;
776  }
777
778  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .menu__link {
779    padding:16px 0;
780    border-radius:0;
781    width:100%;
782    color:var(--text-primary);
783  }
784
785  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .menu__link .arrow { margin-left:0; }
786
787  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .menu__item:has(>.sub-menu.open)>.menu__link { color:var(--primary-c); }
788
789  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .menu__link .arrow path { stroke:#6b7280; }
790
791  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .menu__link:hover .arrow path { stroke:unset; }
792
793  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .sub-menu {
794    position:relative;
795    max-height:0;
796    overflow:hidden;
797    padding:0;
798    background-color:#f9fafb;
799    transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);
800    display:block;
801    width:auto;
802    left:auto;
803    transform:none;
804    border-top:none;
805    gap:0;
806    visibility:visible;
807  }
808
809  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .sub-menu.open { max-height:2000px; }
810
811  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .sub-menu .menu__item {
812    width:100%;
813    border-bottom:1px solid #e5e7eb;
814  }
815
816  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links>.menu__item:hover>.menu__link { box-shadow:none; }
817
818  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .sub-menu .menu__item:last-child { border-bottom:none; }
819
820  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .sub-menu .menu__link { padding:10px 0 10px 20px; }
821
822  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .sub-menu .sub-menu .menu__link { padding-left:40px; }
823
824  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .arrow.flip { transform:rotate(180deg); }
825
826  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-container {
827    display:block;
828    width:auto;
829    max-width:none;
830    margin:0;
831    gap:0;
832  }
833
834  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-left,
835  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-right {
836    display:block;
837    width:auto;
838    flex:none;
839    border:none;
840    padding:0;
841    max-width:100%;
842  }
843
844  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-item {
845    padding:0;
846    border:none;
847  }
848
849  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-item h4 .menu__link,
850  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links a.mega-menu-item-link {
851    padding:10px 0 10px 20px;
852    display:flex;
853    color:var(--text-primary);
854    text-decoration:none;
855  }
856
857  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links a.mega-menu-item-link:hover { color:var(--text-primary); }
858
859  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .l3-trigger {
860    padding:10px 0 10px 20px;
861    display:flex;
862    justify-content:space-between;
863  }
864
865  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .l3-trigger h4 {
866    font-weight:normal;
867    color:var(--text-primary);
868  }
869
870  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .l3-trigger-visual { padding:0; }
871
872  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .l3-trigger-visual .arrow-right { display:inline-flex; }
873
874  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .l3-item a.menu__link { padding:10px 0 10px 40px; }
875
876  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .l3-item a.menu__link h4 { font-weight:normal; }
877
878  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .l3-item a.menu__link p,
879  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-right .button-wrapper { display:none; }
880
881  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-left h3,
882  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-left .body-1,
883  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-item .body-1,
884  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-left .button-wrapper { display:none; }
885
886  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-level3-wrapper { display:none; }
887
888  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .mega-menu-overlay { display:none; }
889
890  #hs_cos_wrapper_main_content_header-module-2 .links.desktop-links .sub-menu .arrow { display:inline-flex; }
891
892  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-container {
893    position:relative;
894    width:100%;
895    height:calc(100% - 76px);
896    overflow:hidden;
897  }
898
899  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel {
900    position:absolute;
901    top:0;
902    left:0;
903    width:100%;
904    height:100%;
905    background:white;
906    transform:translateX(100%);
907    transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);
908    visibility:hidden;
909    overflow-y:auto;
910    z-index:0;
911  }
912
913  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel.l1-panel {}
914
915  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel.l2-panel {}
916
917  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel.l3-panel {}
918
919  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel.is-active {
920    transform:translateX(0);
921    visibility:visible;
922    z-index:2;
923  }
924
925  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel.is-prev {
926    transform:translateX(-100%);
927    visibility:visible;
928    z-index:1;
929  }
930
931  #hs_cos_wrapper_main_content_header-module-2 .mobile-menu-header {
932    display:flex;
933    align-items:center;
934    padding:0 16px;
935    height:77px;
936    background:white;
937    position:relative;
938    z-index:5;
939  }
940
941  #hs_cos_wrapper_main_content_header-module-2 .mobile-menu-header.l1-header { justify-content:center; }
942
943  #hs_cos_wrapper_main_content_header-module-2 .mobile-back-btn {
944    background:none;
945    border:none;
946    padding:10px;
947    margin-left:-10px;
948    display:flex;
949    justify-content:center;
950    align-items:center;
951    cursor:pointer;
952    transform:scaleX(-1);
953  }
954
955  #hs_cos_wrapper_main_content_header-module-2 .mobile-menu-title {
956    color:var(--text-primary);
957    text-align:center;
958    position:absolute;
959    left:50%;
960    transform:translateX(-50%);
961    width:70%;
962    white-space:nowrap;
963    overflow:hidden;
964    text-overflow:ellipsis;
965  }
966
967  #hs_cos_wrapper_main_content_header-module-2 .l1-header .mobile-menu-title {
968    position:static;
969    transform:none;
970    width:auto;
971  }
972
973  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-links {
974    list-style:none;
975    padding:0 16px;
976    margin-bottom:1.5em;
977    display:flex;
978    flex-direction:column;
979    gap:1em;
980  }
981
982  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-links .menu__item { border:1px solid #d4d4d4; }
983
984  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-links .menu__link {
985    padding:15px 16px;
986    justify-content:space-between;
987    align-items:flex-start;
988    width:100%;
989    color:var(--text-primary);
990    cursor:pointer;
991    text-decoration:none;
992  }
993
994  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-links .menu__link>span:first-child { padding-right:15px; }
995
996  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-links .menu__link>div {
997    padding-right:15px;
998    flex:1;
999  }
1000
1001  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-links .menu__link>div>span {}
1002
1003  #hs_cos_wrapper_main_content_header-module-2 .l2-panel .menu__link .body-1,
1004  #hs_cos_wrapper_main_content_header-module-2 .l3-panel .menu__link .body-1 {
1005    color:#555;
1006    margin-top:4px;
1007    white-space:normal;
1008  }
1009
1010  #hs_cos_wrapper_main_content_header-module-2 .l2-panel .menu__link.panel-trigger>div { padding-right:15px; }
1011
1012  #hs_cos_wrapper_main_content_header-module-2 .l3-panel .menu__link { display:block; }
1013
1014  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-links .menu__link .arrow-right {
1015    display:inline-flex;
1016    margin-top:4px;
1017  }
1018
1019  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-footer {
1020    position:sticky;
1021    bottom:0;
1022    left:0;
1023    width:100%;
1024    background:#f9fafb;
1025    padding:1.5em 1em;
1026    z-index:4;
1027  }
1028
1029  #hs_cos_wrapper_main_content_header-module-2 .l3-panel .mobile-panel-footer { background:white; }
1030
1031  #hs_cos_wrapper_main_content_header-module-2 .mobile-panel-footer .primary-button {
1032    width:100%;
1033    justify-content:center;
1034    padding:14px 24px;
1035  }
1036}
1037
1038@media (max-width:768px) {
1039  #hs_cos_wrapper_main_content_header-module-2 .hs-search-field.des-search {
1040    display:flex;
1041    margin-left:auto;
1042    margin-right:12px;
1043  }
1044
1045  #hs_cos_wrapper_main_content_header-module-2 .langAndButton { gap:1em; }
1046
1047  #hs_cos_wrapper_main_content_header-module-2 .desktop-btn { display:none; }
1048
1049  #hs_cos_wrapper_main_content_header-module-2 .des-btn { display:none; }
1050
1051  #hs_cos_wrapper_main_content_header-module-2 .mobile-search {
1052    padding:16px 20px;
1053    border-bottom:1px solid #e5e7eb;
1054    background:white;
1055  }
1056
1057  #hs_cos_wrapper_main_content_header-module-2 .mobile-utils-container {
1058    position:absolute;
1059    bottom:0;
1060    left:0;
1061    width:100%;
1062    background:white;
1063    z-index:3;
1064  }
1065
1066  #hs_cos_wrapper_main_content_header-module-2 .mobile-search .hs-search-field { width:100%; }
1067
1068  #hs_cos_wrapper_main_content_header-module-2 .mobile-search .hs-search-field__bar { width:100%; }
1069
1070  #hs_cos_wrapper_main_content_header-module-2 .mobile-search .hs-search-field__input {
1071    width:100%;
1072    padding:12px 40px 12px 16px;
1073    border:1.5px solid #e5e7eb;
1074    border-radius:8px;
1075  }
1076
1077  #hs_cos_wrapper_main_content_header-module-2 .mobile-language {
1078    padding:16px 20px;
1079    border-bottom:1px solid #e5e7eb;
1080    background:white;
1081  }
1082
1083  #hs_cos_wrapper_main_content_header-module-2 .mobile-language .hs-language-switcher__button {
1084    width:100%;
1085    justify-content:space-between;
1086    padding:12px 16px;
1087    background:white;
1088    border:1.5px solid #e5e7eb;
1089    color:#1f2937;
1090  }
1091
1092  #hs_cos_wrapper_main_content_header-module-2 .mobile-language .hs-language-switcher__button:hover {
1093    background:#f9fafb;
1094    border-color:#2563eb;
1095  }
1096
1097  #hs_cos_wrapper_main_content_header-module-2 .m-btn {
1098    padding:1em;
1099    background:white;
1100    display:flex;
1101    flex-direction:column;
1102    gap:12px;
1103  }
1104
1105  #hs_cos_wrapper_main_content_header-module-2 .m-btn .primary-button {
1106    width:100%;
1107    justify-content:center;
1108    padding:14px 24px;
1109  }
1110
1111  #hs_cos_wrapper_main_content_header-module-2 .m-btn .secondary-button {
1112    width:100%;
1113    justify-content:center;
1114    padding:14px 24px;
1115    color:#2563eb;
1116    border-color:#2563eb;
1117  }
1118
1119  #hs_cos_wrapper_main_content_header-module-2 .m-btn .secondary-button:hover { background:#eff6ff; }
1120
1121  #hs_cos_wrapper_main_content_header-module-2 .des-search,
1122  #hs_cos_wrapper_main_content_header-module-2 .des-language { display:none; }
1123}
1124
1125@media (min-width:769px) {
1126  #hs_cos_wrapper_main_content_header-module-2 .m-btn,
1127  #hs_cos_wrapper_main_content_header-module-2 .mobile-search,
1128  #hs_cos_wrapper_main_content_header-module-2 .mobile-language { display:none; }
1129
1130  #hs_cos_wrapper_main_content_header-module-2 .mobile-utils-container { display:none; }
1131
1132  #hs_cos_wrapper_main_content_header-module-2 .mobile-menu-header { display:none; }
1133}
1134
1135@media (max-width:425px) {
1136  #hs_cos_wrapper_main_content_header-module-2 .navbar-inner {}
1137}
1138
1139</style>
1140
1141
1142<style>
1143  #hs_cos_wrapper_widget_1763032838420 .text-block-with-bar { display:flex; }
1144
1145#hs_cos_wrapper_widget_1763032838420 .text-block-with-bar::before {
1146  content:'';
1147  display:block;
1148  width:5px;
1149  background-color:var(--primary-color);
1150  margin-right:24px;
1151  flex-shrink:0;
1152}
1153
1154#hs_cos_wrapper_widget_1763032838420 .text-block-content {
1155  display:flex;
1156  flex-direction:column;
1157  gap:16px;
1158  flex:1;
1159}
1160
1161#hs_cos_wrapper_widget_1763032838420 .container {
1162  position:relative;
1163  display:flex;
1164  align-items:center;
1165  width:100%;
1166  font-size:16px;
1167  overflow:hidden;
1168  min-height:740px;
1169}
1170
1171#hs_cos_wrapper_widget_1763032838420 .button-mother {
1172  display:flex;
1173  gap:20px;
1174}
1175
1176#hs_cos_wrapper_widget_1763032838420 .add_border { border-bottom:1px solid #C4CAD1; }
1177
1178#hs_cos_wrapper_widget_1763032838420 .bg-image {
1179  position:absolute;
1180  top:0;
1181  left:0;
1182  width:100%;
1183  height:100%;
1184  background-position:center;
1185  background-size:cover;
1186  background-repeat:no-repeat;
1187  z-index:1;
1188}
1189
1190#hs_cos_wrapper_widget_1763032838420 .bg-image::after {
1191  content:'';
1192  position:absolute;
1193  inset:0;
1194  background:var(--gradient-3);
1195  z-index:2;
1196  pointer-events:none;
1197}
1198
1199#hs_cos_wrapper_widget_1763032838420 .container-inner {
1200  position:relative;
1201  margin:0 auto;
1202  width:90%;
1203  max-width:1440px;
1204  padding:6.75em 0;
1205  z-index:2;
1206}
1207
1208#hs_cos_wrapper_widget_1763032838420 .hero {
1209  display:flex;
1210  align-items:center;
1211  justify-content:flex-start;
1212}
1213
1214#hs_cos_wrapper_widget_1763032838420 .hero-content {
1215  display:flex;
1216  flex-direction:column;
1217  justify-content:center;
1218  gap:40px;
1219  max-width:735px;
1220}
1221
1222#hs_cos_wrapper_widget_1763032838420 .text-container {
1223  display:flex;
1224  flex-direction:column;
1225  gap:16px;
1226}
1227
1228#hs_cos_wrapper_widget_1763032838420 .open-popup-btn,
1229#hs_cos_wrapper_widget_1763032838420 .open-popup-btn-2 {
1230  cursor:pointer;
1231  background:none;
1232  border:none;
1233  padding:0;
1234}
1235
1236#hs_cos_wrapper_widget_1763032838420 .popup-overlay {
1237  display:none;
1238  position:fixed;
1239  top:0;
1240  left:0;
1241  width:100%;
1242  height:100%;
1243  background-color:rgba(0,0,0,0.6);
1244  z-index:9998;
1245  opacity:0;
1246  transition:opacity 0.3s ease;
1247}
1248
1249#hs_cos_wrapper_widget_1763032838420 .popup-overlay.active {
1250  display:flex;
1251  align-items:center;
1252  justify-content:center;
1253  opacity:1;
1254}
1255
1256#hs_cos_wrapper_widget_1763032838420 .popup-container {
1257  position:relative;
1258  background-color:var(--bg-light-accent-2,#ffffff);
1259  max-width:600px;
1260  width:90%;
1261  max-height:90vh;
1262  overflow-y:auto;
1263  border-radius:12px;
1264  z-index:9999;
1265  transform:scale(0.9);
1266  transition:transform 0.3s ease;
1267}
1268
1269#hs_cos_wrapper_widget_1763032838420 .popup-overlay.active .popup-container { transform:scale(1); }
1270
1271#hs_cos_wrapper_widget_1763032838420 .popup-close {
1272  position:absolute;
1273  top:20px;
1274  right:20px;
1275  width:32px;
1276  height:32px;
1277  background:transparent;
1278  border:none;
1279  cursor:pointer;
1280  z-index:10000;
1281  padding:0;
1282  display:flex;
1283  align-items:center;
1284  justify-content:center;
1285  border-radius:50%;
1286  transition:background-color 0.2s ease;
1287}
1288
1289#hs_cos_wrapper_widget_1763032838420 .popup-close:hover { background-color:rgba(0,0,0,0.1); }
1290
1291#hs_cos_wrapper_widget_1763032838420 .popup-close::before,
1292#hs_cos_wrapper_widget_1763032838420 .popup-close::after {
1293  content:'';
1294  position:absolute;
1295  width:20px;
1296  height:2px;
1297  background-color:var(--text-primary,#333);
1298  border-radius:1px;
1299}
1300
1301#hs_cos_wrapper_widget_1763032838420 .popup-close::before { transform:rotate(45deg); }
1302
1303#hs_cos_wrapper_widget_1763032838420 .popup-close::after { transform:rotate(-45deg); }
1304
1305#hs_cos_wrapper_widget_1763032838420 .popup-form-wrapper .hs-form .hs_submit { margin-top:1.25em; }
1306
1307#hs_cos_wrapper_widget_1763032838420 .popup-form-wrapper label {}
1308
1309#hs_cos_wrapper_widget_1763032838420 .popup-form-wrapper input,
1310#hs_cos_wrapper_widget_1763032838420 .popup-form-wrapper textarea,
1311#hs_cos_wrapper_widget_1763032838420 .popup-form-wrapper select {}
1312
1313#hs_cos_wrapper_widget_1763032838420 .popup-form-wrapper input[type="submit"] {
1314  cursor:pointer;
1315  transition:background-color 0.3s ease;
1316}
1317
1318#hs_cos_wrapper_widget_1763032838420 .popup-form-wrapper input[type="submit"]:hover {}
1319
1320#hs_cos_wrapper_widget_1763032838420 body.popup-open { overflow:hidden; }
1321
1322@media (max-width:768px) {
1323  #hs_cos_wrapper_widget_1763032838420 .button-mother { flex-direction:column; }
1324
1325  #hs_cos_wrapper_widget_1763032838420 .text-block-with-bar::before { display:block; }
1326
1327  #hs_cos_wrapper_widget_1763032838420 .text-block-content { text-align:left; }
1328
1329  #hs_cos_wrapper_widget_1763032838420 .text-block-with-bar::before { margin-right:16px; }
1330
1331  #hs_cos_wrapper_widget_1763032838420 .bg-image::after { background:var(--gradient-3-mobile); }
1332
1333  #hs_cos_wrapper_widget_1763032838420 .container { min-height:unset; }
1334
1335  #hs_cos_wrapper_widget_1763032838420 .container-inner {
1336    padding:8em 1em;
1337    width:auto;
1338  }
1339
1340  #hs_cos_wrapper_widget_1763032838420 .hero {
1341    text-align:center;
1342    justify-content:center;
1343  }
1344
1345  #hs_cos_wrapper_widget_1763032838420 .hero-content {
1346    gap:24px;
1347    padding:0;
1348  }
1349
1350  #hs_cos_wrapper_widget_1763032838420 .text-container { gap:8px; }
1351
1352  #hs_cos_wrapper_widget_1763032838420 .popup-container {
1353    width:92%;
1354    max-height:95vh;
1355  }
1356
1357  #hs_cos_wrapper_widget_1763032838420 .popup-close {
1358    top:15px;
1359    right:15px;
1360  }
1361}
1362
1363</style>
1364
1365
1366<style>
1367  #hs_cos_wrapper_widget_1763385896016 .subtitle-container { display:flex; }
1368
1369#hs_cos_wrapper_widget_1763385896016 .subtitle-container::before {
1370  content:'';
1371  display:block;
1372  width:5px;
1373  background-color:var(--primary-color);
1374  margin-right:24px;
1375  flex-shrink:0;
1376}
1377
1378#hs_cos_wrapper_widget_1763385896016 .subtitle-content {
1379  display:flex;
1380  flex-direction:column;
1381  gap:24px;
1382}
1383
1384#hs_cos_wrapper_widget_1763385896016 .subtitle {
1385  flex:1;
1386  min-width:0;
1387}
1388
1389#hs_cos_wrapper_widget_1763385896016 .container {
1390  position:relative;
1391  display:flex;
1392  align-items:center;
1393  width:100%;
1394  font-size:16px;
1395  overflow:hidden;
1396}
1397
1398#hs_cos_wrapper_widget_1763385896016 .add_border { border-bottom:1px solid #C4CAD1; }
1399
1400#hs_cos_wrapper_widget_1763385896016 .bg-image {
1401  position:absolute;
1402  top:0;
1403  left:0;
1404  width:100%;
1405  height:100%;
1406  background-position:center;
1407  background-size:cover;
1408  background-repeat:no-repeat;
1409  z-index:1;
1410}
1411
1412#hs_cos_wrapper_widget_1763385896016 .bg-image::after {
1413  content:'';
1414  position:absolute;
1415  inset:0;
1416  background:var(--gradient-3);
1417  z-index:2;
1418  pointer-events:none;
1419}
1420
1421#hs_cos_wrapper_widget_1763385896016 .container-inner {
1422  position:relative;
1423  margin:0 auto;
1424  width:90%;
1425  max-width:1440px;
1426  padding:5em 0;
1427  z-index:2;
1428}
1429
1430#hs_cos_wrapper_widget_1763385896016 .hero {
1431  display:flex;
1432  align-items:flex-start;
1433  justify-content:space-between;
1434  gap:40px;
1435}
1436
1437#hs_cos_wrapper_widget_1763385896016 .hero-content {
1438  display:flex;
1439  flex-direction:column;
1440  justify-content:flex-start;
1441  gap:40px;
1442  max-width:630px;
1443  flex:1;
1444}
1445
1446#hs_cos_wrapper_widget_1763385896016 .text-container {
1447  display:flex;
1448  flex-direction:column;
1449  gap:16px;
1450}
1451
1452#hs_cos_wrapper_widget_1763385896016 .timeline-container {
1453  width:516px;
1454  flex-shrink:0;
1455}
1456
1457#hs_cos_wrapper_widget_1763385896016 .timeline {
1458  position:relative;
1459  padding-left:40px;
1460}
1461
1462#hs_cos_wrapper_widget_1763385896016 .timeline::before {
1463  content:'';
1464  position:absolute;
1465  left:14px;
1466  top:8px;
1467  bottom:8px;
1468  width:2px;
1469  background-color:#E5E8EB;
1470  z-index:1;
1471}
1472
1473#hs_cos_wrapper_widget_1763385896016 .timeline-progress {
1474  position:absolute;
1475  left:14px;
1476  top:8px;
1477  width:2px;
1478  background-color:var(--primary-color);
1479  z-index:2;
1480  height:4px;
1481  transition:height 0.3s ease;
1482}
1483
1484#hs_cos_wrapper_widget_1763385896016 .timeline-item {
1485  position:relative;
1486  display:flex;
1487  flex-direction:column;
1488  gap:8px;
1489  margin-bottom:24px;
1490}
1491
1492#hs_cos_wrapper_widget_1763385896016 .timeline-item:last-child { margin-bottom:0; }
1493
1494#hs_cos_wrapper_widget_1763385896016 .timeline-item::before {
1495  content:'';
1496  position:absolute;
1497  left:-32px;
1498  top:4px;
1499  width:16px;
1500  height:16px;
1501  border:2px solid var(--primary-color);
1502  border-radius:50%;
1503  background-color:white;
1504  z-index:3;
1505  transition:background-color 0.3s ease;
1506}
1507
1508#hs_cos_wrapper_widget_1763385896016 .timeline-item:first-child::before { background-color:var(--primary-color); }
1509
1510#hs_cos_wrapper_widget_1763385896016 .timeline-item.active::before { background-color:var(--primary-color); }
1511
1512#hs_cos_wrapper_widget_1763385896016 .timeline-year { color:var(--text-secondary,#6B7280); }
1513
1514#hs_cos_wrapper_widget_1763385896016 .timeline-event-name {
1515  color:var(--text-primary,#1F2937);
1516  transition:color 0.3s ease;
1517}
1518
1519#hs_cos_wrapper_widget_1763385896016 .timeline-item.active .timeline-event-name { color:var(--primary-color); }
1520
1521@media (max-width:768px) {
1522  #hs_cos_wrapper_widget_1763385896016 .timeline-item {
1523    text-align:left;
1524    margin-bottom:16px;
1525  }
1526
1527  #hs_cos_wrapper_widget_1763385896016 .subtitle-container::before { margin-right:1em; }
1528
1529  #hs_cos_wrapper_widget_1763385896016 .subtitle-content {
1530    flex-direction:column;
1531    text-align:left;
1532    gap:8px;
1533  }
1534
1535  #hs_cos_wrapper_widget_1763385896016 .bg-image::after { background:var(--gradient-3-mobile); }
1536
1537  #hs_cos_wrapper_widget_1763385896016 .container { min-height:unset; }
1538
1539  #hs_cos_wrapper_widget_1763385896016 .container-inner {
1540    padding:4em 1em;
1541    width:auto;
1542  }
1543
1544  #hs_cos_wrapper_widget_1763385896016 .hero {
1545    flex-direction:column;
1546    text-align:center;
1547    justify-content:center;
1548  }
1549
1550  #hs_cos_wrapper_widget_1763385896016 .hero-content {
1551    gap:24px;
1552    padding:0;
1553    max-width:100%;
1554  }
1555
1556  #hs_cos_wrapper_widget_1763385896016 .text-container { gap:16px; }
1557
1558  #hs_cos_wrapper_widget_1763385896016 .timeline-container {
1559    width:100%;
1560    max-width:516px;
1561  }
1562}
1563
1564</style>
1565
1566
1567
1568<style>
1569  #hs_cos_wrapper_widget_1763386035097 .container { background-color:#0D0D0D; }
1570
1571#hs_cos_wrapper_widget_1763386035097 .items-holder {
1572  display:flex;
1573  flex-direction:column;
1574  gap:1.5em;
1575}
1576
1577#hs_cos_wrapper_widget_1763386035097 .container-inner {
1578  max-width:1440px;
1579  width:90%;
1580  margin:0 auto;
1581  padding:5em 0em;
1582}
1583
1584#hs_cos_wrapper_widget_1763386035097 .main-content-wrapper {
1585  display:flex;
1586  justify-content:space-between;
1587  align-items:flex-start;
1588  gap:4em;
1589}
1590
1591#hs_cos_wrapper_widget_1763386035097 .left-column {
1592  flex:1;
1593  min-width:0;
1594  max-width:630px;
1595}
1596
1597#hs_cos_wrapper_widget_1763386035097 .right-column {
1598  flex:1;
1599  min-width:0;
1600  display:flex;
1601  flex-direction:column;
1602  max-width:520px;
1603  gap:3.0em;
1604}
1605
1606#hs_cos_wrapper_widget_1763386035097 .text-area { text-align:left; }
1607
1608#hs_cos_wrapper_widget_1763386035097 .title { margin-bottom:8px; }
1609
1610#hs_cos_wrapper_widget_1763386035097 .title * { color:#FFFFFF; }
1611
1612#hs_cos_wrapper_widget_1763386035097 .subtitle { margin:0; }
1613
1614#hs_cos_wrapper_widget_1763386035097 .subtitle * { color:#FFFFFF; }
1615
1616#hs_cos_wrapper_widget_1763386035097 .qa-container {
1617  margin-bottom:24px;
1618  text-align:left;
1619}
1620
1621#hs_cos_wrapper_widget_1763386035097 .question {}
1622
1623#hs_cos_wrapper_widget_1763386035097 .question * {
1624  color:#FFFFFF;
1625  margin:0;
1626}
1627
1628#hs_cos_wrapper_widget_1763386035097 .items-list {
1629  display:flex;
1630  flex-direction:column;
1631  gap:40px;
1632}
1633
1634#hs_cos_wrapper_widget_1763386035097 .item {
1635  display:flex;
1636  gap:24px;
1637  align-items:flex-start;
1638}
1639
1640#hs_cos_wrapper_widget_1763386035097 .item-icon {
1641  flex-shrink:0;
1642  margin-top:4px;
1643}
1644
1645#hs_cos_wrapper_widget_1763386035097 .item-content { flex:1; }
1646
1647#hs_cos_wrapper_widget_1763386035097 .item-title { margin-bottom:8px; }
1648
1649#hs_cos_wrapper_widget_1763386035097 .item-title * {
1650  color:#FFFFFF;
1651  margin:0;
1652  text-decoration:underline;
1653}
1654
1655#hs_cos_wrapper_widget_1763386035097 .item-subtitle { margin:0; }
1656
1657#hs_cos_wrapper_widget_1763386035097 .item-subtitle * {
1658  color:#FFFFFF;
1659  margin:0;
1660}
1661
1662@media (max-width:1024px) {
1663  #hs_cos_wrapper_widget_1763386035097 .main-content-wrapper {
1664    flex-direction:column;
1665    align-items:center;
1666    gap:3em;
1667  }
1668}
1669
1670@media (max-width:768px) {
1671  #hs_cos_wrapper_widget_1763386035097 .container-inner {
1672    width:auto;
1673    padding:4em 1em;
1674  }
1675
1676  #hs_cos_wrapper_widget_1763386035097 .text-area { text-align:center; }
1677
1678  #hs_cos_wrapper_widget_1763386035097 .item-icon img {
1679    height:24px;
1680    width:24px;
1681  }
1682
1683  #hs_cos_wrapper_widget_1763386035097 .item { gap:16px; }
1684
1685  #hs_cos_wrapper_widget_1763386035097 .qa-container {
1686    margin-bottom:24px;
1687    text-align:center;
1688  }
1689
1690  #hs_cos_wrapper_widget_1763386035097 .items-list { gap:24px; }
1691}
1692
1693</style>
1694
1695
1696<style>
1697  #hs_cos_wrapper_widget_1763032898026 .container {
1698  font-size:16px;
1699  background-color:#F2F2F2;
1700}
1701
1702#hs_cos_wrapper_widget_1763032898026 .blog-title { color:var(--text-primary); }
1703
1704#hs_cos_wrapper_widget_1763032898026 .card-button {
1705  display:flex;
1706  justify-content:center;
1707  margin-top:auto;
1708}
1709
1710#hs_cos_wrapper_widget_1763032898026 .container-inner {
1711  margin:0 auto;
1712  width:90%;
1713  max-width:1440px;
1714  padding:5em 0;
1715}
1716
1717#hs_cos_wrapper_widget_1763032898026 .main-section {
1718  display:flex;
1719  flex-direction:column;
1720  justify-content:center;
1721  align-items:center;
1722  gap:2.5em;
1723}
1724
1725#hs_cos_wrapper_widget_1763032898026 .header {
1726  text-align:center;
1727  display:flex;
1728  flex-direction:column;
1729  gap:1.3em;
1730}
1731
1732#hs_cos_wrapper_widget_1763032898026 .title { color:var(--text-primary); }
1733
1734#hs_cos_wrapper_widget_1763032898026 .title_highlighted { color:var(--primary-c); }
1735
1736#hs_cos_wrapper_widget_1763032898026 .h2-highlight { font-size:unset; }
1737
1738#hs_cos_wrapper_widget_1763032898026 .sub-title {
1739  color:var(--text-secondary);
1740  max-width:38.75em;
1741}
1742
1743#hs_cos_wrapper_widget_1763032898026 .cards-grid {
1744  display:grid;
1745  grid-template-columns:repeat(3,1fr);
1746  gap:24px;
1747  width:100%;
1748}
1749
1750#hs_cos_wrapper_widget_1763032898026 .card {
1751  display:flex;
1752  flex-direction:column;
1753  justify-content:space-between;
1754  background:#FFFFFF;
1755  overflow:hidden;
1756  opacity:0;
1757  transform:translateY(20px);
1758  animation:fadeInUp 0.6s ease forwards;
1759}
1760
1761#hs_cos_wrapper_widget_1763032898026 .card:nth-child(1) { animation-delay:0.1s; }
1762
1763#hs_cos_wrapper_widget_1763032898026 .card:nth-child(2) { animation-delay:0.2s; }
1764
1765#hs_cos_wrapper_widget_1763032898026 .card:nth-child(3) { animation-delay:0.3s; }
1766
1767@keyframes fadeInUp {
1768  to {
1769    opacity:1;
1770    transform:translateY(0);
1771  }
1772}
1773
1774#hs_cos_wrapper_widget_1763032898026 .card .blog-img-wrapper {
1775  width:100%;
1776  height:16.25em;
1777  overflow:hidden;
1778  position:relative;
1779}
1780
1781#hs_cos_wrapper_widget_1763032898026 .card .blog-img {
1782  width:100%;
1783  height:100%;
1784  background-size:cover;
1785  background-position:center;
1786  background-repeat:no-repeat;
1787  transition:transform 0.4s ease-out;
1788  pointer-events:none;
1789}
1790
1791#hs_cos_wrapper_widget_1763032898026 .card:hover .blog-img { transform:scale(1.15) rotate(-3deg); }
1792
1793#hs_cos_wrapper_widget_1763032898026 .card .card-lower {
1794  padding:24px;
1795  display:flex;
1796  flex-direction:column;
1797  text-align:center;
1798  gap:8px;
1799  flex-grow:1;
1800}
1801
1802#hs_cos_wrapper_widget_1763032898026 .blog-info {
1803  display:flex;
1804  gap:8px;
1805  align-items:center;
1806  color:var(--text-secondary);
1807}
1808
1809@media (max-width:768px) {
1810  #hs_cos_wrapper_widget_1763032898026 .card {
1811    animation:none;
1812    opacity:1;
1813    transform:none;
1814  }
1815
1816  #hs_cos_wrapper_widget_1763032898026 .card .blog-img-wrapper { height:200px; }
1817
1818  #hs_cos_wrapper_widget_1763032898026 .container-inner {
1819    padding:4em 0;
1820    width:100%;
1821  }
1822
1823  #hs_cos_wrapper_widget_1763032898026 .main-section { gap:24px; }
1824
1825  #hs_cos_wrapper_widget_1763032898026 .header {
1826    gap:12px;
1827    padding:0 1em;
1828  }
1829
1830  #hs_cos_wrapper_widget_1763032898026 .cards-grid {
1831    grid-template-columns:1fr;
1832    display:flex;
1833    overflow-x:auto;
1834    overflow-y:hidden;
1835    scroll-snap-type:x mandatory;
1836    -webkit-overflow-scrolling:touch;
1837    scrollbar-width:none;
1838    scroll-behavior:smooth;
1839    gap:16px;
1840    padding:0 16px;
1841    margin:0;
1842    cursor:grab;
1843    cursor:-webkit-grab;
1844    user-select:none;
1845    -webkit-user-select:none;
1846    -moz-user-select:none;
1847    -ms-user-select:none;
1848  }
1849
1850  #hs_cos_wrapper_widget_1763032898026 .cards-grid.is-dragging {
1851    cursor:grabbing;
1852    cursor:-webkit-grabbing;
1853    scroll-behavior:auto;
1854    scroll-snap-type:none;
1855  }
1856
1857  #hs_cos_wrapper_widget_1763032898026 .cards-grid::-webkit-scrollbar { display:none; }
1858
1859  #hs_cos_wrapper_widget_1763032898026 .card {
1860    min-width:calc(100% - 16px);
1861    max-width:calc(100% - 16px);
1862    scroll-snap-align:center;
1863    flex-shrink:0;
1864    user-select:none;
1865    -webkit-user-select:none;
1866    -moz-user-select:none;
1867    -ms-user-select:none;
1868  }
1869
1870  #hs_cos_wrapper_widget_1763032898026 .card .card-lower {
1871    padding:16px;
1872    gap:8px;
1873  }
1874}
1875
1876</style>
1877
1878
1879<style>
1880  #hs_cos_wrapper_widget_1763386810637 .container {
1881  font-size:16px;
1882  background-color:#FFFFFF;
1883  overflow:hidden;
1884}
1885
1886#hs_cos_wrapper_widget_1763386810637 .container-inner {
1887  margin:0 auto;
1888  width:90%;
1889  max-width:1440px;
1890  padding:5em 0;
1891}
1892
1893#hs_cos_wrapper_widget_1763386810637 .main-section {
1894  display:flex;
1895  flex-direction:column;
1896  justify-content:center;
1897  gap:2.5em;
1898}
1899
1900#hs_cos_wrapper_widget_1763386810637 .header {
1901  text-align:center;
1902  display:flex;
1903  width:100%;
1904  justify-content:space-between;
1905  flex-direction:row;
1906  gap:1.3em;
1907  align-items:flex-end;
1908}
1909
1910#hs_cos_wrapper_widget_1763386810637 .title { color:var(--text-primary); }
1911
1912#hs_cos_wrapper_widget_1763386810637 .sub-title {
1913  color:var(--text-secondary);
1914  max-width:38.75em;
1915  text-align:left;
1916}
1917
1918#hs_cos_wrapper_widget_1763386810637 .button-wrapper { align-self:flex-end; }
1919
1920#hs_cos_wrapper_widget_1763386810637 .slider-wrapper {
1921  display:flex;
1922  flex-direction:column;
1923  gap:2.5em;
1924  align-items:stretch;
1925  width:100%;
1926  position:relative;
1927}
1928
1929#hs_cos_wrapper_widget_1763386810637 .cards-container {
1930  display:flex;
1931  gap:2rem;
1932  align-items:stretch;
1933  overflow:hidden;
1934  position:relative;
1935  width:100%;
1936  padding:10px 0;
1937  z-index:1;
1938}
1939
1940#hs_cos_wrapper_widget_1763386810637 .cards-track {
1941  display:flex;
1942  gap:24px;
1943  width:100%;
1944  overflow-x:auto;
1945  scroll-snap-type:x mandatory;
1946  -webkit-overflow-scrolling:touch;
1947  scroll-behavior:smooth;
1948  -ms-overflow-style:none;
1949  scrollbar-width:none;
1950}
1951
1952#hs_cos_wrapper_widget_1763386810637 .cards-track::-webkit-scrollbar { display:none; }
1953
1954#hs_cos_wrapper_widget_1763386810637 .card {
1955  position:relative;
1956  display:flex;
1957  flex-direction:column;
1958  justify-content:space-between;
1959  background:#FFFFFF;
1960  overflow:visible;
1961  flex-shrink:0;
1962  scroll-snap-align:start;
1963  opacity:0;
1964  transform:translateY(20px);
1965  animation:fadeInUp 0.6s ease forwards;
1966}
1967
1968#hs_cos_wrapper_widget_1763386810637 .card:nth-child(1) { animation-delay:0.1s; }
1969
1970#hs_cos_wrapper_widget_1763386810637 .card:nth-child(2) { animation-delay:0.2s; }
1971
1972#hs_cos_wrapper_widget_1763386810637 .card:nth-child(3) { animation-delay:0.3s; }
1973
1974#hs_cos_wrapper_widget_1763386810637 .card:nth-child(4) { animation-delay:0.4s; }
1975
1976@keyframes fadeInUp {
1977  to {
1978    opacity:1;
1979    transform:translateY(0);
1980  }
1981}
1982
1983#hs_cos_wrapper_widget_1763386810637 .card .blog-img-wrapper {
1984  width:100%;
1985  padding-bottom:100%;
1986  height:0;
1987  overflow:hidden;
1988  position:relative;
1989  transition:all 0.4s ease-out;
1990  border-radius:50%;
1991  transform:scale(0.9);
1992}
1993
1994#hs_cos_wrapper_widget_1763386810637 .card .blog-img {
1995  position:absolute;
1996  top:0;
1997  left:0;
1998  width:100%;
1999  height:100%;
2000  background-size:cover;
2001  background-position:center;
2002  background-repeat:no-repeat;
2003  transition:transform 0.4s ease-out;
2004}
2005
2006#hs_cos_wrapper_widget_1763386810637 .card:hover .blog-img-wrapper { transform:scale(0.95); }
2007
2008#hs_cos_wrapper_widget_1763386810637 .card:hover .blog-img { transform:scale(1.1); }
2009
2010#hs_cos_wrapper_widget_1763386810637 .card .card-lower {
2011  padding:24px 0 0 0;
2012  display:flex;
2013  flex-direction:column;
2014  text-align:center;
2015  gap:8px;
2016  flex-grow:1;
2017  align-items:center;
2018}
2019
2020#hs_cos_wrapper_widget_1763386810637 .blog-title {
2021  color:var(--text-primary);
2022  font-weight:700;
2023}
2024
2025#hs_cos_wrapper_widget_1763386810637 .blog-subtitle { color:var(--text-secondary); }
2026
2027#hs_cos_wrapper_widget_1763386810637 .card-button {
2028  display:flex;
2029  justify-content:center;
2030  margin-top:auto;
2031}
2032
2033#hs_cos_wrapper_widget_1763386810637 .navigation-arrows {
2034  display:flex;
2035  gap:0.8rem;
2036  z-index:10;
2037}
2038
2039#hs_cos_wrapper_widget_1763386810637 .nav-arrow {
2040  display:flex;
2041  align-items:center;
2042  justify-content:center;
2043  width:48px;
2044  height:48px;
2045  border-radius:50%;
2046  border:1px solid #E5E5E5;
2047  background-color:#FFFFFF;
2048  cursor:pointer;
2049  transition:all 0.3s ease;
2050  box-shadow:0 4px 12px rgba(0,0,0,0.08);
2051}
2052
2053#hs_cos_wrapper_widget_1763386810637 .nav-arrow svg {
2054  width:20px;
2055  height:20px;
2056  fill:var(--text-primary,#333);
2057  transition:fill 0.3s ease;
2058}
2059
2060#hs_cos_wrapper_widget_1763386810637 .nav-arrow:hover {
2061  background-color:var(--primary-c,#000);
2062  border-color:var(--primary-c,#000);
2063}
2064
2065#hs_cos_wrapper_widget_1763386810637 .nav-arrow:hover svg { fill:#FFFFFF; }
2066
2067@media (min-width:769px) {
2068  #hs_cos_wrapper_widget_1763386810637 .card { flex-basis:calc(25% - (24px*3/4)); }
2069
2070  @media (max-width:1331px) {
2071    #hs_cos_wrapper_widget_1763386810637 .card { flex-basis:calc(33.333% - (24px*2/3)); }
2072  }
2073
2074  @media (max-width:1023px) {
2075    #hs_cos_wrapper_widget_1763386810637 .card { flex-basis:calc(50% - (24px/2)); }
2076  }
2077
2078  #hs_cos_wrapper_widget_1763386810637 .navigation-arrows {
2079    position:absolute;
2080    top:50%;
2081    left:0;
2082    width:100%;
2083    justify-content:space-between;
2084    pointer-events:none;
2085    transform:translateY(-50%);
2086  }
2087
2088  #hs_cos_wrapper_widget_1763386810637 .nav-arrow { pointer-events:auto; }
2089
2090  #hs_cos_wrapper_widget_1763386810637 .nav-arrow.prev { transform:translateX(-30px); }
2091
2092  #hs_cos_wrapper_widget_1763386810637 .nav-arrow.next { transform:translateX(30px); }
2093}
2094
2095@media (max-width:768px) {
2096  #hs_cos_wrapper_widget_1763386810637 .slider-wrapper {
2097    display:flex;
2098    flex-direction:column;
2099  }
2100
2101  #hs_cos_wrapper_widget_1763386810637 .header { order:1; }
2102
2103  #hs_cos_wrapper_widget_1763386810637 .cards-container { order:2; }
2104
2105  #hs_cos_wrapper_widget_1763386810637 .navigation-arrows { order:3; }
2106
2107  #hs_cos_wrapper_widget_1763386810637 .mobile-btn { order:4; }
2108
2109  #hs_cos_wrapper_widget_1763386810637 .desktop-btn { display:none !important; }
2110
2111  #hs_cos_wrapper_widget_1763386810637 .cards-track { gap:16px; }
2112
2113  #hs_cos_wrapper_widget_1763386810637 .card {
2114    flex:0 0 100%;
2115    animation:none;
2116    opacity:1;
2117    transform:none;
2118  }
2119
2120  #hs_cos_wrapper_widget_1763386810637 .card .blog-img-wrapper {
2121    width:100%;
2122    padding-bottom:100%;
2123    border-radius:50%;
2124    transform:scale(0.9);
2125  }
2126
2127  #hs_cos_wrapper_widget_1763386810637 .header {
2128    flex-direction:column;
2129    align-items:center;
2130    text-align:center;
2131    gap:12px;
2132  }
2133
2134  #hs_cos_wrapper_widget_1763386810637 .sub-title { text-align:center; }
2135
2136  #hs_cos_wrapper_widget_1763386810637 .container-inner { padding:3em 0; }
2137
2138  #hs_cos_wrapper_widget_1763386810637 .navigation-arrows {
2139    position:static;
2140    justify-content:center;
2141    width:100%;
2142    transform:none;
2143    pointer-events:auto;
2144  }
2145
2146  #hs_cos_wrapper_widget_1763386810637 .nav-arrow.prev,
2147  #hs_cos_wrapper_widget_1763386810637 .nav-arrow.next { transform:none; }
2148}
2149
2150#hs_cos_wrapper_widget_1763386810637 .mobile-btn {
2151  margin-top:24px;
2152  width:100%;
2153  display:flex;
2154  justify-content:center;
2155}
2156
2157</style>
2158
2159
2160<style>
2161  #hs_cos_wrapper_widget_1763386991756 .button-wrapper { margin-top:32px; }
2162
2163#hs_cos_wrapper_widget_1763386991756 .container-stack {
2164  position:relative;
2165  min-height:100vh;
2166  background-size:cover;
2167  background-position:center;
2168  background-repeat:no-repeat;
2169  overflow:hidden;
2170  color:#fff;
2171  background-color:#09152B;
2172  display:flex;
2173  align-items:center;
2174}
2175
2176#hs_cos_wrapper_widget_1763386991756 .container-stack::before {
2177  content:'';
2178  position:absolute;
2179  inset:0;
2180  background:linear-gradient(252.44deg,rgba(13,13,13,0) 0%,rgba(13,13,13,0.75) 75.04%);
2181  z-index:1;
2182  pointer-events:none;
2183}
2184
2185#hs_cos_wrapper_widget_1763386991756 .container-inner {
2186  position:relative;
2187  max-width:1440px;
2188  width:90%;
2189  margin:0 auto;
2190  padding:5em 0;
2191  z-index:2;
2192}
2193
2194#hs_cos_wrapper_widget_1763386991756 .hero {
2195  display:flex;
2196  align-items:flex-end;
2197  width:100%;
2198  min-height:calc(100vh - 10em);
2199}
2200
2201#hs_cos_wrapper_widget_1763386991756 .hero-content {
2202  display:flex;
2203  flex-direction:column;
2204  justify-content:flex-start;
2205  gap:8px;
2206  max-width:628px;
2207}
2208
2209#hs_cos_wrapper_widget_1763386991756 .title { color:#FFFFFF; }
2210
2211#hs_cos_wrapper_widget_1763386991756 .text-container {
2212  display:flex;
2213  gap:24px;
2214}
2215
2216#hs_cos_wrapper_widget_1763386991756 .text-container::before {
2217  content:'';
2218  display:block;
2219  width:5px;
2220  background-color:var(--primary-color);
2221  flex-shrink:0;
2222}
2223
2224#hs_cos_wrapper_widget_1763386991756 .text-content {
2225  display:flex;
2226  flex-direction:column;
2227  gap:16px;
2228  flex:1;
2229}
2230
2231#hs_cos_wrapper_widget_1763386991756 .subtitle { color:#FFFFFF; }
2232
2233#hs_cos_wrapper_widget_1763386991756 .open-popup-btn {
2234  cursor:pointer;
2235  background:none;
2236  border:none;
2237  padding:0;
2238  display:inline-block;
2239}
2240
2241#hs_cos_wrapper_widget_1763386991756 .popup-overlay {
2242  display:none;
2243  position:fixed;
2244  top:0;
2245  left:0;
2246  width:100%;
2247  height:100%;
2248  background-color:rgba(0,0,0,0.6);
2249  z-index:9998;
2250  opacity:0;
2251  transition:opacity 0.3s ease;
2252}
2253
2254#hs_cos_wrapper_widget_1763386991756 .popup-overlay.active {
2255  display:flex;
2256  align-items:center;
2257  justify-content:center;
2258  opacity:1;
2259}
2260
2261#hs_cos_wrapper_widget_1763386991756 .popup-container {
2262  position:relative;
2263  background-color:#ffffff;
2264  max-width:600px;
2265  width:90%;
2266  max-height:90vh;
2267  overflow-y:auto;
2268  border-radius:12px;
2269  z-index:9999;
2270  transform:scale(0.9);
2271  transition:transform 0.3s ease;
2272  border-radius:px;
2273}
2274
2275#hs_cos_wrapper_widget_1763386991756 .popup-overlay.active .popup-container { transform:scale(1); }
2276
2277#hs_cos_wrapper_widget_1763386991756 .popup-close {
2278  position:absolute;
2279  top:20px;
2280  right:20px;
2281  width:32px;
2282  height:32px;
2283  background:transparent;
2284  border:none;
2285  cursor:pointer;
2286  z-index:10000;
2287  padding:0;
2288  display:flex;
2289  align-items:center;
2290  justify-content:center;
2291  border-radius:50%;
2292  transition:background-color 0.2s ease;
2293}
2294
2295#hs_cos_wrapper_widget_1763386991756 .popup-close:hover { background-color:rgba(0,0,0,0.1); }
2296
2297#hs_cos_wrapper_widget_1763386991756 .popup-close::before,
2298#hs_cos_wrapper_widget_1763386991756 .popup-close::after {
2299  content:'';
2300  position:absolute;
2301  width:20px;
2302  height:2px;
2303  background-color:#333333;
2304  border-radius:1px;
2305}
2306
2307#hs_cos_wrapper_widget_1763386991756 .popup-close::before { transform:rotate(45deg); }
2308
2309#hs_cos_wrapper_widget_1763386991756 .popup-close::after { transform:rotate(-45deg); }
2310
2311#hs_cos_wrapper_widget_1763386991756 .popup-form-wrapper .hs-form .hs_submit { margin-top:1.25em; }
2312
2313#hs_cos_wrapper_widget_1763386991756 .popup-form-wrapper label {}
2314
2315#hs_cos_wrapper_widget_1763386991756 .popup-form-wrapper input,
2316#hs_cos_wrapper_widget_1763386991756 .popup-form-wrapper textarea,
2317#hs_cos_wrapper_widget_1763386991756 .popup-form-wrapper select {}
2318
2319#hs_cos_wrapper_widget_1763386991756 .popup-form-wrapper input[type="submit"] {
2320  cursor:pointer;
2321  transition:background-color 0.3s ease;
2322}
2323
2324#hs_cos_wrapper_widget_1763386991756 .popup-form-wrapper input[type="submit"]:hover {}
2325
2326#hs_cos_wrapper_widget_1763386991756 body.popup-open { overflow:hidden; }
2327
2328@media (max-width:768px) {
2329  #hs_cos_wrapper_widget_1763386991756 .container-stack { min-height:100vh; }
2330
2331  #hs_cos_wrapper_widget_1763386991756 .button-wrapper { margin-top:16px; }
2332
2333  #hs_cos_wrapper_widget_1763386991756 .container-inner {
2334    width:auto;
2335    padding:4em 1em;
2336  }
2337
2338  #hs_cos_wrapper_widget_1763386991756 .hero { align-items:center; }
2339
2340  #hs_cos_wrapper_widget_1763386991756 .hero-content {
2341    gap:8px;
2342    max-width:100%;
2343  }
2344
2345  #hs_cos_wrapper_widget_1763386991756 .text-container { gap:16px; }
2346
2347  #hs_cos_wrapper_widget_1763386991756 .text-container::before { width:5px; }
2348
2349  #hs_cos_wrapper_widget_1763386991756 .text-content { gap:12px; }
2350
2351  #hs_cos_wrapper_widget_1763386991756 .popup-container {
2352    width:92%;
2353    max-height:95vh;
2354  }
2355
2356  #hs_cos_wrapper_widget_1763386991756 .popup-close {
2357    top:15px;
2358    right:15px;
2359  }
2360}
2361
2362</style>
2363
2364
2365<style>
2366  #hs_cos_wrapper_widget_1763032931821 .form-columns-0 { display:none; }
2367
2368#hs_cos_wrapper_widget_1763032931821 .container { background-color:var(--bg-highlight); }
2369
2370#hs_cos_wrapper_widget_1763032931821 .h2-highlight { font-size:unset; }
2371
2372#hs_cos_wrapper_widget_1763032931821 .line {
2373  border:1px solid rgba(196,202,209,1);
2374  margin:1.875em 0;
2375}
2376
2377#hs_cos_wrapper_widget_1763032931821 .title { color:var(--text-tertiary); }
2378
2379#hs_cos_wrapper_widget_1763032931821 .text-wrapper { max-width:522px; }
2380
2381#hs_cos_wrapper_widget_1763032931821 .container-inner {
2382  max-width:1440px;
2383  width:90%;
2384  margin:0 auto;
2385  padding:5em 0em;
2386  display:flex;
2387  gap:2.5em;
2388  flex-direction:row;
2389}
2390
2391#hs_cos_wrapper_widget_1763032931821 .content-left {
2392  width:100%;
2393  margin:auto 0;
2394}
2395
2396#hs_cos_wrapper_widget_1763032931821 .title { margin-bottom:1.25em; }
2397
2398#hs_cos_wrapper_widget_1763032931821 .sub {
2399  margin-bottom:16px;
2400  color:var(--text-tertiary);
2401}
2402
2403#hs_cos_wrapper_widget_1763032931821 .form-right {
2404  width:100%;
2405  border-radius:20px;
2406}
2407
2408#hs_cos_wrapper_widget_1763032931821 .form-right label {}
2409
2410#hs_cos_wrapper_widget_1763032931821 .form-right input,
2411#hs_cos_wrapper_widget_1763032931821 .form-right textarea,
2412#hs_cos_wrapper_widget_1763032931821 .form-right select {}
2413
2414#hs_cos_wrapper_widget_1763032931821 .form-right input[type="submit"] {}
2415
2416#hs_cos_wrapper_widget_1763032931821 .form-right input[type="submit"]:hover {}
2417
2418#hs_cos_wrapper_widget_1763032931821 .form-right select option:hover {
2419  background-color:var(--primary-c) !important;
2420  color:var(--text-tertiary);
2421}
2422
2423@media (max-width:768px) {
2424  #hs_cos_wrapper_widget_1763032931821 .hs-form .form-columns-2 { gap:0; }
2425
2426  #hs_cos_wrapper_widget_1763032931821 .title {
2427    text-align:center;
2428    margin-bottom:0.75em;
2429  }
2430
2431  #hs_cos_wrapper_widget_1763032931821 .sub {
2432    text-align:center;
2433    margin-bottom:1em;
2434  }
2435
2436  #hs_cos_wrapper_widget_1763032931821 .line { margin:0 0 1em 0; }
2437
2438  #hs_cos_wrapper_widget_1763032931821 .desc { text-align:center; }
2439
2440  #hs_cos_wrapper_widget_1763032931821 .container-inner {
2441    padding:4em 1em;
2442    width:auto;
2443    flex-direction:column;
2444    gap:2em;
2445  }
2446
2447  #hs_cos_wrapper_widget_1763032931821 .text-wrapper { max-width:none; }
2448
2449  #hs_cos_wrapper_widget_1763032931821 .content-left {
2450    flex:0 0 100%;
2451    max-width:100%;
2452  }
2453
2454  #hs_cos_wrapper_widget_1763032931821 .form-right {
2455    flex:0 0 100%;
2456    max-width:100%;
2457  }
2458}
2459
2460</style>
2461
2462
2463<style>
2464  #hs_cos_wrapper_main_content_footer-module-2 .container { background-color:var(--bg-light); }
2465
2466#hs_cos_wrapper_main_content_footer-module-2 .container-inner {
2467  max-width:1440px;
2468  width:90%;
2469  margin:0 auto;
2470  padding:5em 0 1.25em 0;
2471}
2472
2473#hs_cos_wrapper_main_content_footer-module-2 .top-area {
2474  display:grid;
2475  grid-template-columns:repeat(5,1fr);
2476  gap:3.0em;
2477}
2478
2479#hs_cos_wrapper_main_content_footer-module-2 .bottom-area {
2480  display:flex;
2481  justify-content:space-between;
2482  gap:5.75em;
2483}
2484
2485#hs_cos_wrapper_main_content_footer-module-2 .t-col-1 img {
2486  width:auto;
2487  height:52px;
2488}
2489
2490#hs_cos_wrapper_main_content_footer-module-2 .t-col-2 {}
2491
2492#hs_cos_wrapper_main_content_footer-module-2 .t-c-2-title,
2493#hs_cos_wrapper_main_content_footer-module-2 .t-c-3-title,
2494#hs_cos_wrapper_main_content_footer-module-2 .t-c-4-t-title { margin-bottom:1em; }
2495
2496#hs_cos_wrapper_main_content_footer-module-2 .t-c-2-title h5,
2497#hs_cos_wrapper_main_content_footer-module-2 .t-c-3-title h5,
2498#hs_cos_wrapper_main_content_footer-module-2 .t-c-4-t-title h5 {
2499  color:var(--text-primary);
2500  text-decoration:underline;
2501}
2502
2503#hs_cos_wrapper_main_content_footer-module-2 .t-c-2-links,
2504#hs_cos_wrapper_main_content_footer-module-2 .t-c-3-links {
2505  display:flex;
2506  flex-direction:column;
2507  gap:1em;
2508}
2509
2510#hs_cos_wrapper_main_content_footer-module-2 .t-c-2-link-item a,
2511#hs_cos_wrapper_main_content_footer-module-2 .t-c-3-link-item a { color:var(--text-secondary); }
2512
2513#hs_cos_wrapper_main_content_footer-module-2 .t-c-2-link-item a:hover,
2514#hs_cos_wrapper_main_content_footer-module-2 .t-c-3-link-item a:hover {
2515  transition:all .2s ease;
2516  color:var(--primary-c);
2517}
2518
2519#hs_cos_wrapper_main_content_footer-module-2 .t-col-3 {
2520  display:flex;
2521  flex-direction:column;
2522  gap:1.875em;
2523}
2524
2525#hs_cos_wrapper_main_content_footer-module-2 .t-col-4 {
2526  display:flex;
2527  flex-direction:column;
2528  gap:1.875em;
2529}
2530
2531#hs_cos_wrapper_main_content_footer-module-2 .t-col-4-inner {
2532  display:flex;
2533  gap:.875em;
2534}
2535
2536#hs_cos_wrapper_main_content_footer-module-2 .t-c-4-icon img {
2537  width:1.5em;
2538  height:1.5em;
2539}
2540
2541#hs_cos_wrapper_main_content_footer-module-2 .t-c-4-text h4 {}
2542
2543#hs_cos_wrapper_main_content_footer-module-2 .t-c-4-t-subtitle a { color:var(--text-secondary); }
2544
2545#hs_cos_wrapper_main_content_footer-module-2 .t-c-4-t-subtitle * {
2546  font-family:var(--paragraph-1-desktop-medium-font-family);
2547  font-weight:var(--paragraph-1-desktop-medium-font-weight);
2548  font-size:var(--paragraph-1-desktop-medium-font-size);
2549  line-height:var(--paragraph-1-desktop-medium-line-height);
2550  letter-spacing:var(--paragraph-1-desktop-medium-letter-spacing);
2551  color:var(--text-secondary);
2552}
2553
2554#hs_cos_wrapper_main_content_footer-module-2 .d-line { margin:2.5em 0 1.25em 0; }
2555
2556#hs_cos_wrapper_main_content_footer-module-2 .d-line hr {
2557  border:none;
2558  height:1px;
2559  background:var(--border);
2560}
2561
2562#hs_cos_wrapper_main_content_footer-module-2 .bottom-area {}
2563
2564#hs_cos_wrapper_main_content_footer-module-2 .b-col-1 p { color:var(--text-secondary); }
2565
2566#hs_cos_wrapper_main_content_footer-module-2 .b-col-2 {
2567  display:flex;
2568  align-items:center;
2569  gap:1.25em;
2570}
2571
2572#hs_cos_wrapper_main_content_footer-module-2 .b-c-2-icons img {
2573  width:1.25em;
2574  height:1.25em;
2575}
2576
2577#hs_cos_wrapper_main_content_footer-module-2 .b-col-3 {
2578  display:flex;
2579  align-items:center;
2580  gap:1.25em;
2581}
2582
2583#hs_cos_wrapper_main_content_footer-module-2 .b-c-3-links a {
2584  color:var(--text-primary);
2585  text-decoration:underline;
2586}
2587
2588#hs_cos_wrapper_main_content_footer-module-2 .b-c-3-links a:hover {
2589  transition:all .2s ease;
2590  color:var(--primary-c);
2591}
2592
2593@media (max-width:768px) {
2594  #hs_cos_wrapper_main_content_footer-module-2 .t-col-3 { flex-direction:column-reverse; }
2595
2596  #hs_cos_wrapper_main_content_footer-module-2 .container-inner {
2597    width:100%;
2598    padding:4em 1em 1.5em 1em;
2599  }
2600
2601  #hs_cos_wrapper_main_content_footer-module-2 .top-area {
2602    display:grid;
2603    grid-template-columns:repeat(1,1fr);
2604    gap:1.5em;
2605    justify-content:center;
2606    place-items:center;
2607    text-align:center;
2608  }
2609
2610  #hs_cos_wrapper_main_content_footer-module-2 .bottom-area {
2611    display:flex;
2612    flex-direction:column;
2613    justify-content:center;
2614    gap:1.5em;
2615    text-align:center;
2616  }
2617
2618  #hs_cos_wrapper_main_content_footer-module-2 .t-c-2-title,
2619  #hs_cos_wrapper_main_content_footer-module-2 .t-c-3-title,
2620  #hs_cos_wrapper_main_content_footer-module-2 .t-c-4-t-title { margin-bottom:12px; }
2621
2622  #hs_cos_wrapper_main_content_footer-module-2 .t-c-2-links,
2623  #hs_cos_wrapper_main_content_footer-module-2 .t-c-3-links { gap:12px; }
2624
2625  #hs_cos_wrapper_main_content_footer-module-2 .t-col-4 { gap:1.5em; }
2626
2627  #hs_cos_wrapper_main_content_footer-module-2 .t-col-4-inner {
2628    display:flex;
2629    flex-direction:column;
2630    gap:.875em;
2631    justify-content:center;
2632  }
2633
2634  #hs_cos_wrapper_main_content_footer-module-2 .t-c-4-icon img {
2635    width:1.5em;
2636    height:1.5em;
2637  }
2638
2639  #hs_cos_wrapper_main_content_footer-module-2 .d-line { margin:1em 0 1em 0; }
2640
2641  #hs_cos_wrapper_main_content_footer-module-2 .b-col-2 {
2642    display:flex;
2643    align-items:center;
2644    justify-content:center;
2645    gap:1.25em;
2646  }
2647
2648  #hs_cos_wrapper_main_content_footer-module-2 .b-c-2-icons img {
2649    width:1.25em;
2650    height:1.25em;
2651  }
2652
2653  #hs_cos_wrapper_main_content_footer-module-2 .b-col-3 {
2654    display:flex;
2655    align-items:center;
2656    justify-content:center;
2657    gap:1.25em;
2658  }
2659
2660  #hs_cos_wrapper_main_content_footer-module-2 .t-c-4-t-subtitle * {
2661    font-family:var(--paragraph-1-desktop-medium-font-family);
2662    font-weight:var(--paragraph-1-desktop-medium-font-weight);
2663    font-size:var(--paragraph-1-desktop-medium-font-size);
2664    line-height:var(--paragraph-1-desktop-medium-line-height);
2665    letter-spacing:var(--paragraph-1-desktop-medium-letter-spacing);
2666  }
2667}
2668
2669</style>
2670
2671<!-- Editor Styles -->
2672<style id="hs_editor_style" type="text/css">
2673/* HubSpot Styles (default) */
2674.widget_1763386810637-hidden {
2675  display: block !important;
2676}
2677</style>
2678    
2679
2680    
2681<!--  Added by GoogleAnalytics4 integration -->
2682<script data-cookieconsent="ignore">
2683var _hsp = window._hsp = window._hsp || [];
2684window.dataLayer = window.dataLayer || [];
2685function gtag(){dataLayer.push(arguments);}
2686
2687var useGoogleConsentModeV2 = true;
2688var waitForUpdateMillis = 1000;
2689
2690
2691if (!window._hsGoogleConsentRunOnce) {
2692  window._hsGoogleConsentRunOnce = true;
2693
2694  gtag('consent', 'default', {
2695    'ad_storage': 'denied',
2696    'analytics_storage': 'denied',
2697    'ad_user_data': 'denied',
2698    'ad_personalization': 'denied',
2699    'wait_for_update': waitForUpdateMillis
2700  });
2701
2702  if (useGoogleConsentModeV2) {
2703    _hsp.push(['useGoogleConsentModeV2'])
2704  } else {
2705    _hsp.push(['addPrivacyConsentListener', function(consent){
2706      var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics));
2707      var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement));
2708
2709      gtag('consent', 'update', {
2710        'ad_storage': hasAdsConsent ? 'granted' : 'denied',
2711        'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied',
2712        'ad_user_data': hasAdsConsent ? 'granted' : 'denied',
2713        'ad_personalization': hasAdsConsent ? 'granted' : 'denied'
2714      });
2715    }]);
2716  }
2717}
2718
2719gtag('js', new Date());
2720gtag('set', 'developer_id.dZTQ1Zm', true);
2721gtag('config', 'G-3M68979BQW');
2722</script>
vendor: 92 bytes, lines 2722-2723
2722
2723<script data-cookieconsent="ignore" async src="https://www.googletagmanager.com/gtag/js?id=
2723G-3M68979BQW
vendor: 13 bytes, lines 2723-2724
2723"></script>
2724
2725<!-- /Added by GoogleAnalytics4 integration -->
2726
2727    <link rel="canonical" href="https://clearstate.com/about-us">
2728
2729
2730<meta property="og:image" content="https://clearstate.com/hubfs/Frame%201171277621.webp">
2731<meta property="og:image:width" content="1200">
2732<meta property="og:image:height" content="600">
2733
2734<meta name="twitter:image" content="https://clearstate.com/hubfs/Frame%201171277621.webp">
2735
2736
2737<meta property="og:url" content="https://clearstate.com/about-us">
2738<meta name="twitter:card" content="summary_large_image">
2739<meta http-equiv="content-language" content="en">
vendor: 72 bytes, lines 2739-2746
2739
2740
2741
2742
2743
2744
2745
2746  <script async src="https://www.googletagmanager.com/gtag/js?id=
2746G-3M68979BQW
vendor: 11 bytes, line 2746
2746"></script>
2746<script>
2747  
vendor: 134 bytes, lines 2747-2751
2747window.dataLayer = window.dataLayer || [];
2748  function gtag(){dataLayer.push(arguments);}
2749  gtag('js', new Date());
2750
2751  gtag('config', '
2751G-3M68979BQW
vendor: 4 bytes, line 2751
2751');
2752</script>
2752<meta name="generator" content="HubSpot"></head>
2753  
2754  
2755  <!-- Google tag (gtag.js) -->
2756
2757
2758  
2759  
2760  <body>
2761    <div class="body-wrapper   hs-content-id-260334551741 hs-site-page page ">
2762
2763      
2764      
2765
2766      
2767
2768      <main id="main-content" class="body-wrapper-container">
2769        
2770<div class="blank-page-scope">
2771<header class="header-wrapper">
2772
2773  <div class="container-fluid">
2774<div class="row-fluid-wrapper">
2775<div class="row-fluid">
2776<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
2777
2778<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
2779<div class="row-fluid ">
2780<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2781
2782<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
2783<div class="row-fluid ">
2784<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2785<div id="hs_cos_wrapper_main_content_header-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
2786
2787
2788
2789
2790<nav class="container">
2791  <div class="navbar-page-overlay"></div>
2792
2793  <div class="container-inner">
2794
2795    <div class="navbar">
2796
2797
2798      <div class="navbar-inner">
2799
2800        <div class="logo desktop">
2801          <a href="https://clearstate.com/?hsLang=en" target="" rel>
2802            <img src="https://clearstate.com/hubfs/Asset%[email protected]" alt="logo">
2803          </a>
2804        </div>
2805
2806         
2807        
2808         
2809        
2810
2811        <div class="logo mobile">
2812          <a href="https://clearstate.com/?hsLang=en" target="" rel>
2813            <img src="https://clearstate.com/hubfs/Asset%[email protected]" alt="logo">
2814          </a>
2815        </div>
2816
2817        
2818        <div class="nav-links">
2819          <div class="nav-links-inner">
2820
2821            
2822            <div class="sidebar-logo">
2823
2824              <div class="logo mobile">
2825                <a href="https://clearstate.com/?hsLang=en" target="" rel>
2826                  <img src="https://clearstate.com/hubfs/Asset%[email protected]" alt="logo">
2827                </a>
2828              </div>
2829
2830              <div class="bx bx-x">
2831                
2832                
2833                
2834                
2835                
2836                
2837                <img src="https://clearstate.com/hubfs/x.svg" alt="x" loading="lazy" width="24" height="24" style="max-width: 100%; height: auto;">
2838                
2839              </div>
2840            </div>
2841
2842            
2843            <ul class="links desktop-links">
2844
2845              
2846              <li class="menu__item  h5-font with-submenu">
2847
2848                
2849                <div class="menu__link l1-trigger"> <span>Data Insights</span>
2850                  <span class="arrow">
2851                    <svg width="14" height="8" viewbox="0 0 14 8" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
2852                      <path d="M12.625 1.25L7 6.875L1.375 1.25" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
2853                    </svg>
2854                  </span>
2855                </div>
2856
2857                
2858
2859                <ul class="htmlCss-sub-menu body-1 sub-menu">
2860
2861                  <div class="mega-menu-container">
2862
2863
2864                    <div class="mega-menu-left">
2865                      <h4>Data Insights</h4>
2866                      <p class="body-1">Access market size, share, growth data and profiling solutions to guide strategy in diagnostics, surgical devices and life sciences markets.</p>
2867
2868                      
2869                    </div>
2870
2871                    <div class="mega-menu-right drop-shadow-2">
2872                      
2873
2874                      
2875                      <a class="mega-menu-item-link" href="https://clearstate.com/business-intelligence/size-share-tracker?hsLang=en" target="" rel>
2876                        <div class="mega-menu-item">
2877                          <h5>Size &amp; Share Tracker</h5>
2878                          <p class="body-1">Explore market sizing and share insights across key healthcare verticals. Stay updated with granular data and trends.</p>
2879                        </div>
2880                      </a>
2881                      
2882
2883                      
2884
2885                      
2886                      <a class="mega-menu-item-link" href="https://clearstate.com/business-intelligence/labpro?hsLang=en" target="" rel>
2887                        <div class="mega-menu-item">
2888                          <h5>LabPro</h5>
2889                          <p class="body-1">Access detailed lab profiles and datasets to guide partnership and sales targeting.</p>
2890                        </div>
2891                      </a>
2892                      
2893
2894                      
2895
2896                      
2897                      <a class="mega-menu-item-link" href="https://clearstate.com/business-intelligence/asia-qci?hsLang=en" target="" rel>
2898                        <div class="mega-menu-item">
2899                          <h5>AsiaQCI</h5>
2900                          <p class="body-1">Specialized solution tracking Asian medical device companies, products, and innovation movements.</p>
2901                        </div>
2902                      </a>
2903                      
2904
2905                      
2906                    </div>
2907
2908                    
2909                    
2910                    <button class="l1-close-btn" aria-label="Close Menu">
2911                      <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2912                        <path d="M13 1L1 13M1 1L13 13" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2913                      </svg>
2914                    </button>
2915                    
2916
2917                    <div class="mega-menu-level3-wrapper">
2918                      <button class="l3-close-btn">
2919                        <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13M1 1L13 13" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
2920                      </button>
2921                      
2922                      
2923                      
2924                      
2925                      
2926                      
2927                      
2928                    </div>
2929
2930                  </div> </ul>
2931                
2932                
2933              </li>
2934              
2935              <li class="menu__item  h5-font ">
2936
2937                
2938                <a class="menu__link" href="https://clearstate.com/bespoke-research?hsLang=en" target="" rel>Bespoke Research</a>
2939                
2940              </li>
2941              
2942              <li class="menu__item  h5-font with-submenu">
2943
2944                
2945                <div class="menu__link l1-trigger"> <span>Thought Leadership</span>
2946                  <span class="arrow">
2947                    <svg width="14" height="8" viewbox="0 0 14 8" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
2948                      <path d="M12.625 1.25L7 6.875L1.375 1.25" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
2949                    </svg>
2950                  </span>
2951                </div>
2952
2953                
2954
2955                <ul class="htmlCss-sub-menu body-1 sub-menu">
2956
2957                  <div class="mega-menu-container">
2958
2959
2960                    <div class="mega-menu-left">
2961                      <h4>Resources</h4>
2962                      <p class="body-1">Explore expert insights, research publications, and thought leadership content.</p>
2963
2964                      
2965                    </div>
2966
2967                    <div class="mega-menu-right drop-shadow-2">
2968                      
2969
2970                      
2971                      <a class="mega-menu-item-link" href="https://clearstate.com/whitepapers?hsLang=en" target="" rel>
2972                        <div class="mega-menu-item">
2973                          <h5>Whitepapers</h5>
2974                          <p class="body-1">Detailed reports and insights from Clearstate’s healthcare experts.</p>
2975                        </div>
2976                      </a>
2977                      
2978
2979                      
2980
2981                      
2982                      <a class="mega-menu-item-link" href="https://clearstate.com/case-studies?hsLang=en" target="" rel>
2983                        <div class="mega-menu-item">
2984                          <h5>Case Studies</h5>
2985                          <p class="body-1">Examples demonstrating the impact and results for clients.</p>
2986                        </div>
2987                      </a>
2988                      
2989
2990                      
2991
2992                      
2993                      <a class="mega-menu-item-link" href="https://clearstate.com/events?hsLang=en" target="" rel>
2994                        <div class="mega-menu-item">
2995                          <h5>Events</h5>
2996                          <p class="body-1">Stay informed about upcoming conferences, webinars, and industry gatherings.</p>
2997                        </div>
2998                      </a>
2999                      
3000
3001                      
3002                    </div>
3003
3004                    
3005                    
3006                    <button class="l1-close-btn" aria-label="Close Menu">
3007                      <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3008                        <path d="M13 1L1 13M1 1L13 13" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3009                      </svg>
3010                    </button>
3011                    
3012
3013                    <div class="mega-menu-level3-wrapper">
3014                      <button class="l3-close-btn">
3015                        <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13M1 1L13 13" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
3016                      </button>
3017                      
3018                      
3019                      
3020                      
3021                      
3022                      
3023                      
3024                    </div>
3025
3026                  </div> </ul>
3027                
3028                
3029              </li>
3030              
3031              <li class="menu__item  h5-font with-submenu">
3032
3033                
3034                <div class="menu__link l1-trigger"> <span>Company</span>
3035                  <span class="arrow">
3036                    <svg width="14" height="8" viewbox="0 0 14 8" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
3037                      <path d="M12.625 1.25L7 6.875L1.375 1.25" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
3038                    </svg>
3039                  </span>
3040                </div>
3041
3042                
3043
3044                <ul class="htmlCss-sub-menu body-1 sub-menu">
3045
3046                  <div class="mega-menu-container">
3047
3048
3049                    <div class="mega-menu-left">
3050                      <h4>About Clearstate</h4>
3051                      <p class="body-1">Learn about Clearstate’s mission, leadership, and career opportunities.</p>
3052
3053                      
3054                    </div>
3055
3056                    <div class="mega-menu-right drop-shadow-2">
3057                      
3058
3059                      
3060                      <a class="mega-menu-item-link" href="https://clearstate.com/about-us" target="" rel>
3061                        <div class="mega-menu-item">
3062                          <h5>About Us</h5>
3063                          <p class="body-1">Our mission, vision, and milestones shaping healthcare market intelligence.</p>
3064                        </div>
3065                      </a>
3066                      
3067
3068                      
3069
3070                      
3071                      <a class="mega-menu-item-link" href="https://clearstate.com/careers?hsLang=en" target="" rel>
3072                        <div class="mega-menu-item">
3073                          <h5>Careers</h5>
3074                          <p class="body-1">Explore opportunities to join a dynamic, insights-driven organization</p>
3075                        </div>
3076                      </a>
3077                      
3078
3079                      
3080
3081                      
3082                      <a class="mega-menu-item-link" href="https://clearstate.com/contact-us?hsLang=en" target="" rel>
3083                        <div class="mega-menu-item">
3084                          <h5>Contact Us</h5>
3085                          <p class="body-1">Have questions? We’re here to help you make informed decisions.</p>
3086                        </div>
3087                      </a>
3088                      
3089
3090                      
3091                    </div>
3092
3093                    
3094                    
3095                    <button class="l1-close-btn" aria-label="Close Menu">
3096                      <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3097                        <path d="M13 1L1 13M1 1L13 13" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3098                      </svg>
3099                    </button>
3100                    
3101
3102                    <div class="mega-menu-level3-wrapper">
3103                      <button class="l3-close-btn">
3104                        <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13M1 1L13 13" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
3105                      </button>
3106                      
3107                      
3108                      
3109                      
3110                      
3111                      
3112                      
3113                    </div>
3114
3115                  </div> </ul>
3116                
3117                
3118              </li>
3119              
3120            </ul>
3121
3122            
3123            <div class="m-btn" style="display: none;">
3124              ...
3125            </div>
3126
3127
3128            
3129            <div class="mobile-panel-container">
3130
3131              <!-- Panel 1 (L1) -->
3132              <div class="mobile-panel l1-panel is-active" id="l1-panel" data-panel-id="l1">
3133                <h3 class="mobile-menu-header l1-header">
3134                  Menu
3135                </h3>
3136                <ul class="mobile-panel-links">
3137                  
3138                  <li class="menu__item h5-font with-submenu">
3139                    
3140                    <div class="menu__link panel-trigger" data-mobile-submenu-target="l2-panel-1">
3141                      <span>Data Insights</span>
3142                      <span class="arrow-right">
3143                        <svg width="8" height="14" viewbox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
3144                      </span>
3145                    </div>
3146                    
3147                  </li>
3148                  
3149                  <li class="menu__item h5-font ">
3150                    
3151                    <a class="menu__link" href="https://clearstate.com/bespoke-research?hsLang=en" target="" rel>
3152                      <p>Bespoke Research</p>
3153                    </a>
3154                    
3155                  </li>
3156                  
3157                  <li class="menu__item h5-font with-submenu">
3158                    
3159                    <div class="menu__link panel-trigger" data-mobile-submenu-target="l2-panel-3">
3160                      <span>Thought Leadership</span>
3161                      <span class="arrow-right">
3162                        <svg width="8" height="14" viewbox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
3163                      </span>
3164                    </div>
3165                    
3166                  </li>
3167                  
3168                  <li class="menu__item h5-font with-submenu">
3169                    
3170                    <div class="menu__link panel-trigger" data-mobile-submenu-target="l2-panel-4">
3171                      <span>Company</span>
3172                      <span class="arrow-right">
3173                        <svg width="8" height="14" viewbox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 13L7 7L1 1" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
3174                      </span>
3175                    </div>
3176                    
3177                  </li>
3178                  
3179                </ul>
3180
3181                <!-- Mobile Utils (Search, Lang, Btns) -->
3182                <div class="mobile-utils-container">
3183                  
3184                  
3185
3186                  
3187                  
3188
3189                  
3190                  <div class="m-btn">
3191                    
3192
3193                    
3194                  </div>
3195                </div> 
3196
3197              </div> <!-- End L1 Panel -->
3198
3199              <!-- Panel 2 (L2) -->
3200              
3201               
3202
3203              
3204
3205              <div class="mobile-panel l2-panel" id="l2-panel-1" data-panel-id="l2-panel-1">
3206                <h3 class="mobile-menu-header">
3207                  <button class="mobile-back-btn" aria-label="Go back">
3208
3209                    <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3210                      <path d="M9.18433 13.6423C9.19645 13.6544 9.56776 13.7468 10.0094 13.8477C10.4511 13.9485 10.8173 14.0156 10.8231 13.9969C10.829 13.9781 10.8747 13.6736 10.9246 13.3201C11.025 12.6103 11.2681 11.7816 11.5278 11.2633C12.3373 9.64808 13.7898 8.57856 15.5514 8.30057L16 8.22977V7.51623V6.80263L15.5934 6.73487C12.9296 6.29093 11.1929 4.31239 10.8681 1.35148C10.8469 1.15814 10.8215 1 10.8118 1C10.7219 1 9.23329 1.35638 9.20514 1.38461C9.18478 1.40502 9.19992 1.58627 9.23884 1.78732C9.6696 4.01359 10.903 5.82517 12.5036 6.58263L12.8875 6.76434L4.99237 6.77856L1.90735e-06 6.7876V8.2317L5.00521 8.24074L12.8817 8.25502L12.397 8.49898C11.1396 9.13182 10.144 10.3732 9.55772 12.0395C9.39066 12.5142 9.13857 13.5964 9.18433 13.6423Z" fill="#0D0D0D" />
3211                    </svg>
3212
3213
3214                  </button>
3215                  <span class="mobile-menu-title">Data Insights</span>
3216                </h3>
3217                <ul class="mobile-panel-links">
3218                  
3219                   
3220                  <li class="menu__item">
3221                    
3222                    <a class="menu__link" href="https://clearstate.com/business-intelligence/size-share-tracker?hsLang=en" target="" rel>
3223
3224                      <div>
3225                        <h4>Size &amp; Share Tracker</h4>
3226                        <p class="body-1">Explore market sizing and share insights across key healthcare verticals. Stay updated with granular data and trends.</p>
3227                      </div>
3228                    </a>
3229                    
3230                  </li>
3231                  
3232                   
3233                  <li class="menu__item">
3234                    
3235                    <a class="menu__link" href="https://clearstate.com/business-intelligence/labpro?hsLang=en" target="" rel>
3236
3237                      <div>
3238                        <h4>LabPro</h4>
3239                        <p class="body-1">Access detailed lab profiles and datasets to guide partnership and sales targeting.</p>
3240                      </div>
3241                    </a>
3242                    
3243                  </li>
3244                  
3245                   
3246                  <li class="menu__item">
3247                    
3248                    <a class="menu__link" href="https://clearstate.com/business-intelligence/asia-qci?hsLang=en" target="" rel>
3249
3250                      <div>
3251                        <h4>AsiaQCI</h4>
3252                        <p class="body-1">Specialized solution tracking Asian medical device companies, products, and innovation movements.</p>
3253                      </div>
3254                    </a>
3255                    
3256                  </li>
3257                  
3258                </ul>
3259                
3260
3261                
3262
3263                
3264
3265
3266                
3267                <!--                 <div class="mobile-panel-footer">
3268                  <a class='primary-button' data-text='EXPLORE' 
3269
3270  
3271    
3272      
3273    
3274
3275    
3276    
3277
3278    href="https://clearstate.com/business-intelligence/size-share-tracker" target="" rel=
3279  
3280
3281>
3282                    EXPLORE
3283                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3284                      <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3285                    </svg>
3286                  </a>
3287                </div> -->
3288                
3289                
3290
3291
3292
3293              </div>
3294              
3295              
3296               
3297
3298              
3299              
3300               
3301
3302              
3303
3304              <div class="mobile-panel l2-panel" id="l2-panel-3" data-panel-id="l2-panel-3">
3305                <h3 class="mobile-menu-header">
3306                  <button class="mobile-back-btn" aria-label="Go back">
3307
3308                    <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3309                      <path d="M9.18433 13.6423C9.19645 13.6544 9.56776 13.7468 10.0094 13.8477C10.4511 13.9485 10.8173 14.0156 10.8231 13.9969C10.829 13.9781 10.8747 13.6736 10.9246 13.3201C11.025 12.6103 11.2681 11.7816 11.5278 11.2633C12.3373 9.64808 13.7898 8.57856 15.5514 8.30057L16 8.22977V7.51623V6.80263L15.5934 6.73487C12.9296 6.29093 11.1929 4.31239 10.8681 1.35148C10.8469 1.15814 10.8215 1 10.8118 1C10.7219 1 9.23329 1.35638 9.20514 1.38461C9.18478 1.40502 9.19992 1.58627 9.23884 1.78732C9.6696 4.01359 10.903 5.82517 12.5036 6.58263L12.8875 6.76434L4.99237 6.77856L1.90735e-06 6.7876V8.2317L5.00521 8.24074L12.8817 8.25502L12.397 8.49898C11.1396 9.13182 10.144 10.3732 9.55772 12.0395C9.39066 12.5142 9.13857 13.5964 9.18433 13.6423Z" fill="#0D0D0D" />
3310                    </svg>
3311
3312
3313                  </button>
3314                  <span class="mobile-menu-title">Thought Leadership</span>
3315                </h3>
3316                <ul class="mobile-panel-links">
3317                  
3318                   
3319                  <li class="menu__item">
3320                    
3321                    <a class="menu__link" href="https://clearstate.com/whitepapers?hsLang=en" target="" rel>
3322
3323                      <div>
3324                        <h4>Whitepapers</h4>
3325                        <p class="body-1">Detailed reports and insights from Clearstate’s healthcare experts.</p>
3326                      </div>
3327                    </a>
3328                    
3329                  </li>
3330                  
3331                   
3332                  <li class="menu__item">
3333                    
3334                    <a class="menu__link" href="https://clearstate.com/case-studies?hsLang=en" target="" rel>
3335
3336                      <div>
3337                        <h4>Case Studies</h4>
3338                        <p class="body-1">Examples demonstrating the impact and results for clients.</p>
3339                      </div>
3340                    </a>
3341                    
3342                  </li>
3343                  
3344                   
3345                  <li class="menu__item">
3346                    
3347                    <a class="menu__link" href="https://clearstate.com/events?hsLang=en" target="" rel>
3348
3349                      <div>
3350                        <h4>Events</h4>
3351                        <p class="body-1">Stay informed about upcoming conferences, webinars, and industry gatherings.</p>
3352                      </div>
3353                    </a>
3354                    
3355                  </li>
3356                  
3357                </ul>
3358                
3359
3360                
3361
3362                
3363
3364
3365                
3366                
3367
3368
3369
3370              </div>
3371              
3372              
3373               
3374
3375              
3376
3377              <div class="mobile-panel l2-panel" id="l2-panel-4" data-panel-id="l2-panel-4">
3378                <h3 class="mobile-menu-header">
3379                  <button class="mobile-back-btn" aria-label="Go back">
3380
3381                    <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3382                      <path d="M9.18433 13.6423C9.19645 13.6544 9.56776 13.7468 10.0094 13.8477C10.4511 13.9485 10.8173 14.0156 10.8231 13.9969C10.829 13.9781 10.8747 13.6736 10.9246 13.3201C11.025 12.6103 11.2681 11.7816 11.5278 11.2633C12.3373 9.64808 13.7898 8.57856 15.5514 8.30057L16 8.22977V7.51623V6.80263L15.5934 6.73487C12.9296 6.29093 11.1929 4.31239 10.8681 1.35148C10.8469 1.15814 10.8215 1 10.8118 1C10.7219 1 9.23329 1.35638 9.20514 1.38461C9.18478 1.40502 9.19992 1.58627 9.23884 1.78732C9.6696 4.01359 10.903 5.82517 12.5036 6.58263L12.8875 6.76434L4.99237 6.77856L1.90735e-06 6.7876V8.2317L5.00521 8.24074L12.8817 8.25502L12.397 8.49898C11.1396 9.13182 10.144 10.3732 9.55772 12.0395C9.39066 12.5142 9.13857 13.5964 9.18433 13.6423Z" fill="#0D0D0D" />
3383                    </svg>
3384
3385
3386                  </button>
3387                  <span class="mobile-menu-title">Company</span>
3388                </h3>
3389                <ul class="mobile-panel-links">
3390                  
3391                   
3392                  <li class="menu__item">
3393                    
3394                    <a class="menu__link" href="https://clearstate.com/about-us" target="" rel>
3395
3396                      <div>
3397                        <h4>About Us</h4>
3398                        <p class="body-1">Our mission, vision, and milestones shaping healthcare market intelligence.</p>
3399                      </div>
3400                    </a>
3401                    
3402                  </li>
3403                  
3404                   
3405                  <li class="menu__item">
3406                    
3407                    <a class="menu__link" href="https://clearstate.com/careers?hsLang=en" target="" rel>
3408
3409                      <div>
3410                        <h4>Careers</h4>
3411                        <p class="body-1">Explore opportunities to join a dynamic, insights-driven organization</p>
3412                      </div>
3413                    </a>
3414                    
3415                  </li>
3416                  
3417                   
3418                  <li class="menu__item">
3419                    
3420                    <a class="menu__link" href="https://clearstate.com/contact-us?hsLang=en" target="" rel>
3421
3422                      <div>
3423                        <h4>Contact Us</h4>
3424                        <p class="body-1">Have questions? We’re here to help you make informed decisions.</p>
3425                      </div>
3426                    </a>
3427                    
3428                  </li>
3429                  
3430                </ul>
3431                
3432
3433                
3434
3435                
3436
3437
3438                
3439                
3440
3441
3442
3443              </div>
3444              
3445              
3446
3447              <!-- Panel 3 (L3) -->
3448              
3449               
3450              
3451              
3452               
3453              
3454              
3455               
3456              
3457              
3458               
3459              
3460              
3461              
3462              
3463               
3464              
3465              
3466               
3467              
3468              
3469               
3470              
3471              
3472               
3473              
3474              
3475               
3476              
3477              
3478              
3479              
3480               
3481              
3482              
3483               
3484              
3485              
3486               
3487              
3488              
3489               
3490              
3491              
3492              
3493              
3494
3495            </div> 
3496
3497
3498          </div> 
3499        </div>
3500        
3501
3502
3503
3504
3505        
3506
3507        
3508        
3509        
3510
3511        
3512
3513        
3514
3515        
3516
3517
3518
3519        
3520        <div class="hs-search-field des-search" style="display:flex;">
3521
3522          <div class="search-icon-wrapper"> 
3523            <svg class="search-icon" stroke="currentColor" stroke-width="2.0" id="searchIcon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3524              <path d="M11.6113 2C16.9196 2 21.2227 6.20835 21.2227 11.3994C21.2226 13.8486 20.2637 16.0781 18.6943 17.751L21.7822 20.7637C22.0716 21.0459 22.0726 21.504 21.7842 21.7871C21.5217 22.0444 21.1104 22.0683 20.8203 21.8584L20.7373 21.7891L17.6104 18.7393C15.9658 20.0264 13.8816 20.7988 11.6113 20.7988C6.30317 20.7987 2.00008 16.5903 2 11.3994C2 6.20842 6.30312 2.00011 11.6113 2Z" fill="none" />
3525            </svg>
3526          </div> 
3527
3528
3529          <div class="hs-search-field__bar">
3530
3531
3532
3533            <form data-hs-do-not-collect="true" action="/hs-search-results">
3534
3535              <input type="text" placeholder="Search" class="hs-search-field__input h5-font">
3536
3537              
3538              <button aria-label="Search" class="search-btn">
3539                <svg class="" stroke="currentColor" stroke-width="2.0" id="searchIcon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3540                  <path d="M11.6113 2C16.9196 2 21.2227 6.20835 21.2227 11.3994C21.2226 13.8486 20.2637 16.0781 18.6943 17.751L21.7822 20.7637C22.0716 21.0459 22.0726 21.504 21.7842 21.7871C21.5217 22.0444 21.1104 22.0683 20.8203 21.8584L20.7373 21.7891L17.6104 18.7393C15.9658 20.0264 13.8816 20.7988 11.6113 20.7988C6.30317 20.7987 2.00008 16.5903 2 11.3994C2 6.20842 6.30312 2.00011 11.6113 2Z" fill="none" />
3541                </svg>
3542              </button>
3543
3544
3545              
3546
3547              <button type="button" aria-label="Clear search" class="search-clear-btn">
3548                <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>
3549              </button>
3550
3551            </form>
3552            <ul class="hs-search-field__suggestions h5-font"></ul>
3553          </div>
3554
3555        </div>
3556        
3557
3558
3559
3560
3561        
3562        
3563        
3564        
3565
3566        
3567
3568
3569        
3570
3571        
3572
3573        
3574
3575
3576        <div class="langAndButton">
3577          
3578
3579          
3580
3581
3582          <div class="bx bx-menu">
3583            
3584            
3585            
3586            
3587            
3588            
3589            <img src="https://clearstate.com/hubfs/menu%20(10)%201.svg" alt="menu (10) 1" loading="lazy" width="24" height="24" style="max-width: 100%; height: auto;">
3590            
3591
3592          </div>
3593        </div>
3594
3595      </div>
3596    </div>
3597
3598  </div>
3599</nav>
3600
3601</div>
3602
3603</div><!--end widget-span -->
3604</div><!--end row-->
3605</div><!--end row-wrapper -->
3606
3607</div><!--end widget-span -->
3608</div><!--end row-->
3609</div><!--end row-wrapper -->
3610
3611</div><!--end widget-span -->
3612</div>
3613</div>
3614</div>
3615
3616</header>
3617</div>
3618
3619
3620
3621
3622
3623
3624
3625<div class="container-fluid body-area">
3626<div class="row-fluid-wrapper">
3627<div class="row-fluid">
3628<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
3629
3630<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
3631<div class="row-fluid ">
3632<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3633<div id="hs_cos_wrapper_widget_1763032838420" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3634
3635
3636
3637
3638<!-- ================= -->
3639<!-- ====== HTML ====== -->
3640<!-- ================= -->
3641
3642<section class="container">
3643
3644  
3645  <div class="bg-image" style="background-image: url('https://clearstate.com/hubfs/0_Animation_Spinning_3840x2
3645020.webp');"></div>
3646  
3647
3648  <div class="container-inner">
3649    <div class="hero">
3650      <div class="hero-content">
3651        <div class="text-container">
3652          
3653          
3654          <h5 class="text-p">About Clearstate</h5>
3655          
3656          
3657          <h1 class="title text-p">Advancing MedTech growth through clarity, insight, and evidence</h1>
3658          
3659          <div class="text-block-with-bar">
3660            <div class="text-block-content">
3661              <p class="body-1 text-s">
3662                Clearstate partners with global MedTech organisations to make complex and fast-evolving markets easier to navigate. We provide credible market data and deep industry insights to uncover the clinical, technological, and competitive forces shaping the future of MedTech for our clients. From assessing unmet needs and technology adoption to guiding market entry and portfolio strategy, we help companies anticipate market shifts and act with confidence.
3663              </p>
3664
3665              
3666
3667              
3668              <p class="body-1 text-s">Our vision is to be the trusted insights partner for leading MedTech innovators worldwide. Backed by a multidisciplinary team and a commitment to evidence-based thinking, we provide strategic clarity that fuels growth, drives smarter decisions, and ultimately contributes to better patient outcomes and a stronger healthcare ecosystem.</p>
3669              
3670            </div>
3671          </div>
3672
3673        </div>
3674        
3675        <div class="button-mother">
3676          
3677          
3678          
3679
3680          
3681          
3682        </div>
3683
3684      </div>
3685    </div>
3686  </div>
3687
3688  
3689  <div class="popup-overlay" id="formPopup">
3690    <div class="popup-container">
3691      <button class="popup-close" aria-label="Close popup"></button>
3692      <div class="popup-content">
3693        <div class="popup-form-wrapper">
3694          <span id="hs_cos_wrapper_widget_1763032838420_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_77068215_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
3695
3696<div id="hs_form_target_form_77068215"></div>
3697
3698
3699
3700
3701
3702
3703
3704
3705
3706</span>
3707        </div>
3708      </div>
3709    </div>
3710  </div>
3711
3712  
3713  <div class="popup-overlay" id="formPopup2">
3714    <div class="popup-container">
3715      <button class="popup-close" aria-label="Close popup"></button>
3716      <div class="popup-content">
3717        <div class="popup-form-wrapper">
3718          <span id="hs_cos_wrapper_widget_1763032838420_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_482001471_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
3719
3720<div id="hs_form_target_form_482001471"></div>
3721
3722
3723
3724
3725
3726
3727
3728
3729
3730</span>
3731        </div>
3732      </div>
3733    </div>
3734  </div>
3735
3736</section>
3737
3738</div>
3739
3740</div><!--end widget-span -->
3741</div><!--end row-->
3742</div><!--end row-wrapper -->
3743
3744<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-section">
3745<div class="row-fluid ">
3746<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3747
3748<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row">
3749<div class="row-fluid ">
3750<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3751<div id="hs_cos_wrapper_widget_1763385896016" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3752
3753
3754
3755
3756
3757
3758<section class="container">
3759
3760  <div class="container-inner">
3761    <div class="hero">
3762      <div class="hero-content">
3763        <div class="text-container">
3764          
3765          
3766          
3767          <h2 class="title text-p">Our Story</h2>
3768
3769          <div class="subtitle-container">
3770            
3771            <div class="subtitle-content">
3772              <p class="body-1 text-s subtitle">
3773                Founded in Singapore in 2006 by Ivy Teh, Clearstate has grown from a pan-Asian healthcare intelligence firm into a trusted global partner for MedTech and life sciences companies. From our early APAC-centric datasets to today’s global, multi-therapy coverage, we’ve consistently evolved to meet the industry’s most pressing needs.
3774              </p>
3775              
3776              <p class="body-1 text-s subtitle">
3777                With milestones that include joining The Economist Group in 2012, expanding into Europe and North America, and launching new datasets across IVD, surgical, and bioprocess, Clearstate has built a reputation for delivering evidence-based insights that empower smarter decisions. Now, as part of FPE, we are transforming into a data-first organisation—helping clients anticipate change, seize opportunities, and grow with confidence in an ever-shifting healthcare landscape.
3778              </p>
3779            </div>
3780          </div>
3781          
3782          
3783          
3784          
3785
3786        </div>
3787      </div>
3788
3789      <div class="timeline-container">
3790        <div class="timeline">
3791          <div class="timeline-progress"></div> 
3792          <div class="timeline-item">
3793            <p class="body-1 text-s timeline-year">2006</p>
3794            <h4 class="text-p timeline-event-name">Founded in Singapore</h4>
3795            
3796            
3797
3798            <p class="body-1 text-s timeline-event-details"></p>
3799          </div>
3800          
3801          <div class="timeline-item">
3802            <p class="body-1 text-s timeline-year">2010</p>
3803            <h4 class="text-p timeline-event-name">APAC expansion</h4>
3804            
3805            
3806
3807            <p class="body-1 text-s timeline-event-details">Launch of Market Size &amp; Share, LabPRO, HosPRO, AsiaQCi, Bespoke Research</p>
3808          </div>
3809          
3810          <div class="timeline-item">
3811            <p class="body-1 text-s timeline-year">2012</p>
3812            <h4 class="text-p timeline-event-name">Joined The Economist Group</h4>
3813            
3814            
3815
3816            <p class="body-1 text-s timeline-event-details"></p>
3817          </div>
3818          
3819          <div class="timeline-item">
3820            <p class="body-1 text-s timeline-year">2019</p>
3821            <h4 class="text-p timeline-event-name">Expansion in LATAM</h4>
3822            
3823            
3824
3825            <p class="body-1 text-s timeline-event-details"></p>
3826          </div>
3827          
3828          <div class="timeline-item">
3829            <p class="body-1 text-s timeline-year">2021</p>
3830            <h4 class="text-p timeline-event-name">Expansion into EMEA and North America markets</h4>
3831            
3832            
3833
3834            <p class="body-1 text-s timeline-event-details"></p>
3835          </div>
3836          
3837          <div class="timeline-item">
3838            <p class="body-1 text-s timeline-year">Today</p>
3839            <h4 class="text-p timeline-event-name">Backed by FPE</h4>
3840            
3841            
3842            <p class="body-2-highlight text-s timeline-event-details">A data and software focused private equity investor</p>
3843            
3844
3845            <p class="body-1 text-s timeline-event-details">We are a data-first global intelligence partner enabling MedTech leaders to make confident strategic decisions — with strategic investments accelerating the expansion of our datasets, products, and the next chapter of Clearstate’s growth.</p>
3846          </div>
3847          
3848        </div>
3849      </div>
3850
3851    </div>
3852  </div>
3853
3854</section></div>
3855
3856</div><!--end widget-span -->
3857</div><!--end row-->
3858</div><!--end row-wrapper -->
3859
3860</div><!--end widget-span -->
3861</div><!--end row-->
3862</div><!--end row-wrapper -->
3863
3864<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-section">
3865<div class="row-fluid ">
3866<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3867
3868<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row">
3869<div class="row-fluid ">
3870<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3871<div id="hs_cos_wrapper_widget_1763386035097" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3872
3873
3874
3875
3876<section class="container">
3877  <div class="container-inner">
3878
3879    <div class="main-content-wrapper">
3880
3881      <div class="left-column">
3882        
3883        <div class="category-group">
3884          
3885          <div class="content-area">
3886
3887            <div class="qa-container">
3888              <div class="question">
3889                <h2>Our Values</h2>
3890              </div>
3891            </div>
3892
3893            <div class="items-holder">
3894              
3895              <div class="items-list">
3896                <div class="item">
3897                  
3898                  <div class="item-icon">
3899                    
3900                    
3901                    
3902                    
3903                    
3904                    <img src="https://clearstate.com/hubfs/1.svg" alt="1" width="36" height="36" style="max-width: 100%; height: auto;" loading="lazy">
3905                  </div>
3906                  
3907
3908                  <div class="item-content">
3909                    <div class="item-title">
3910                      <h4>Client-Centric Partnership</h4> 
3911                    </div>
3912                    <div class="item-subtitle">
3913                      <p class="body-1">We succeed when our clients succeed. Every engagement is rooted in trust, collaboration, and shared outcomes.</p>
3914                    </div>
3915                  </div>
3916                </div>
3917              </div>
3918              
3919              <div class="items-list">
3920                <div class="item">
3921                  
3922                  <div class="item-icon">
3923                    
3924                    
3925                    
3926                    
3927                    
3928                    <img src="https://clearstate.com/hubfs/2.svg" alt="2" width="36" height="36" style="max-width: 100%; height: auto;" loading="lazy">
3929                  </div>
3930                  
3931
3932                  <div class="item-content">
3933                    <div class="item-title">
3934                      <h4>Integrity in Insights</h4> 
3935                    </div>
3936                    <div class="item-subtitle">
3937                      <p class="body-1">Our data and recommendations are unbiased, evidence-driven, and held to the highest standards of accuracy.</p>
3938                    </div>
3939                  </div>
3940                </div>
3941              </div>
3942              
3943              <div class="items-list">
3944                <div class="item">
3945                  
3946                  <div class="item-icon">
3947                    
3948                    
3949                    
3950                    
3951                    
3952                    <img src="https://clearstate.com/hubfs/3.svg" alt="3" width="36" height="36" style="max-width: 100%; height: auto;" loading="lazy">
3953                  </div>
3954                  
3955
3956                  <div class="item-content">
3957                    <div class="item-title">
3958                      <h4>Innovation with Purpose</h4> 
3959                    </div>
3960                    <div class="item-subtitle">
3961                      <p class="body-1">We embrace new ideas, technologies, and approaches to deliver intelligence that creates real-world impact.</p>
3962                    </div>
3963                  </div>
3964                </div>
3965              </div>
3966              
3967              <div class="items-list">
3968                <div class="item">
3969                  
3970                  <div class="item-icon">
3971                    
3972                    
3973                    
3974                    
3975                    
3976                    <img src="https://clearstate.com/hubfs/4.svg" alt="4" width="36" height="36" style="max-width: 100%; height: auto;" loading="lazy">
3977                  </div>
3978                  
3979
3980                  <div class="item-content">
3981                    <div class="item-title">
3982                      <h4>Global Perspective, Local Depth</h4> 
3983                    </div>
3984                    <div class="item-subtitle">
3985                      <p class="body-1">We combine international reach with on-the-ground expertise to deliver relevance across diverse markets.</p>
3986                    </div>
3987                  </div>
3988                </div>
3989              </div>
3990              
3991              <div class="items-list">
3992                <div class="item">
3993                  
3994                  <div class="item-icon">
3995                    
3996                    
3997                    
3998                    
3999                    
4000                    <img src="https://clearstate.com/hubfs/5.svg" alt="5" width="36" height="36" style="max-width: 100%; height: auto;" loading="lazy">
4001                  </div>
4002                  
4003
4004                  <div class="item-content">
4005                    <div class="item-title">
4006                      <h4>Commitment to Impact</h4> 
4007                    </div>
4008                    <div class="item-subtitle">
4009                      <p class="body-1">Beyond business growth, we take pride in advancing healthcare access and outcomes for society at large.</p>
4010                    </div>
4011                  </div>
4012                </div>
4013              </div>
4014              
4015            </div>
4016
4017          </div>
4018          
4019        </div>
4020        
4021      </div>
4022      <div class="right-column">
4023        
4024        <div class="text-area">
4025          <div class="title">
4026            <h2>Our Mission</h2>
4027          </div>
4028          <div class="subtitle">
4029            <p class="body-1">We exist to equip healthcare and MedTech leaders with actionable intelligence that are grounded in data, enriched with expertise, and delivered with clarity—so they can make confident decisions, unlock growth, and advance global health.</p>
4030          </div>
4031        </div>
4032        
4033        <div class="text-area">
4034          <div class="title">
4035            <h2>Our Vision</h2>
4036          </div>
4037          <div class="subtitle">
4038            <p class="body-1">To be the trusted global standard for MedTech and life sciences intelligence—where companies turn first for clarity, foresight, and strategic partnership in a rapidly changing healthcare landscape.</p>
4039          </div>
4040        </div>
4041        
4042      </div>
4043    </div>
4044  </div>
4045</section></div>
4046
4047</div><!--end widget-span -->
4048</div><!--end row-->
4049</div><!--end row-wrapper -->
4050
4051</div><!--end widget-span -->
4052</div><!--end row-->
4053</div><!--end row-wrapper -->
4054
4055<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-section">
4056<div class="row-fluid ">
4057<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4058
4059<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row">
4060<div class="row-fluid ">
4061<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4062<div id="hs_cos_wrapper_widget_1763032898026" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
4063
4064
4065<!-- ================= -->
4066<!-- ====== HTML ====== -->
4067<!-- ================= -->
4068<section class="container js-clearstate-slider">
4069  <div class="container-inner">
4070    <div class="main-section">
4071      <!--        Header -->
4072      <div class="header">
4073        <h2 class="title">
4074          Our Expertise 
4075        </h2>
4076        
4077        <p class="sub-title body-1">
4078          Whether through data intelligence, market research or medtech consulting services, we can offer you support in the way that best suits your strategic objectives.
4079        </p>
4080        
4081      </div>
4082      <!--        Blog Card -->
4083      <div class="cards-grid">
4084        
4085        <div class="card">
4086          <div class="blog-img-wrapper">
4087            <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Frame%201171278541-1.webp');"></div>
4088          </div>
4089          <div class="card-lower">
4090            <h4 class="blog-title"> Size &amp; Share Tracker </h4>
4091            <p class="blog-subtitle body-1 text-s"> Explore market sizing and share insights across key healthcare verticals. Stay updated to granular data and trends. </p>
4091
4092            <!--              Read more button -->
4093            
4094            <a class="card-button" href="https://clearstate.com/business-intelligence/size-share-tracker?hsLang=en" target="" rel>
4095              <div class="tertiary-button" data-text="LEARN MORE"></div>
4096            </a>
4097            
4098          </div>
4099        </div>
4100        
4101        <div class="card">
4102          <div class="blog-img-wrapper">
4103            <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Frame%201171278542-1.webp');"></div>
4104          </div>
4105          <div class="card-lower">
4106            <h4 class="blog-title"> AsiaQCi </h4>
4107            <p class="blog-subtitle body-1 text-s"> Specialized solution tracking Asian medical device companies, products, and innovation movements. </p>
4108            <!--              Read more button -->
4109            
4110            <a class="card-button" href="https://clearstate.com/business-intelligence/asia-qci?hsLang=en" target="" rel>
4111              <div class="tertiary-button" data-text="LEARN MORE"></div>
4112            </a>
4113            
4114          </div>
4115        </div>
4116        
4117        <div class="card">
4118          <div class="blog-img-wrapper">
4119            <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Frame%201171278541%20%281%29-1.webp');"></div>
4120          </div>
4121          <div class="card-lower">
4122            <h4 class="blog-title"> Bespoke Research </h4>
4123            <p class="blog-subtitle body-1 text-s"> Tailored research solutions built to answer your organization’s most specific strategic questions. </p>
4124            <!--              Read more button -->
4125            
4126            <a class="card-button" href="https://clearstate.com/bespoke-research?hsLang=en" target="" rel>
4127              <div class="tertiary-button" data-text="EXPLORE BESPOKE RESEARCH"></div>
4128            </a>
4129            
4130          </div>
4131        </div>
4132        
4133      </div>
4134    </div>
4135  </div>
4136</section>
4137<!-- ================= -->
4138<!-- ====== JS ====== -->
4139<!-- ================= -->
4140</div>
4141
4142</div><!--end widget-span -->
4143</div><!--end row-->
4144</div><!--end row-wrapper -->
4145
4146</div><!--end widget-span -->
4147</div><!--end row-->
4148</div><!--end row-wrapper -->
4149
4150<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-section">
4151<div class="row-fluid ">
4152<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4153
4154<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row">
4155<div class="row-fluid ">
4156<div class="span12 widget-span widget-type-custom_widget widget_1763386810637-hidden dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4157<div id="hs_cos_wrapper_widget_1763386810637" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
4158
4159
4160
4161<section class="container js-identities-slider" data-autoplay-speed="5000">
4162  <div class="container-inner">
4163    <div class="main-section">
4164
4165      <div class="slider-wrapper" data-slider-wrapper>
4166        
4167        <div class="header">
4168          <div style="display:flex; flex-direction:column; gap:10px;">
4169            <h2 class="title">Our Leadership &amp; Senior Management Team</h2>
4170            
4171          </div>
4172          
4173          
4174        </div>
4175
4176        <div class="cards-container">
4177          <div class="cards-track" data-cards-track>
4178            
4179            <div class="card" data-slide-index="0">
4180              <div class="blog-img-wrapper">
4181                
4182                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Ivy%20photo.jpg');"></div>
4183              </div>
4184              <div class="card-lower">
4185                <h4 class="blog-title">Ivy Teh</h4>
4186                <p class="blog-subtitle body-1-highlight text-s">CEO</p>
4187                <p class="blog-subtitle body-1 text-s"></p>
4188                
4189              </div>
4190            </div>
4191            
4192            <div class="card" data-slide-index="1">
4193              <div class="blog-img-wrapper">
4194                
4195                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Charmaine%20-%20expand.jpg');"></div>
4196              </div>
4197              <div class="card-lower">
4198                <h4 class="blog-title">Charmaine Chng</h4>
4199                <p class="blog-subtitle body-1-highlight text-s">COO</p>
4200                <p class="blog-subtitle body-1 text-s"></p>
4201                
4202              </div>
4203            </div>
4204            
4205            <div class="card" data-slide-index="2">
4206              <div class="blog-img-wrapper">
4207                
4208                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Elise%20-%20expand.jpg');"></div>
4209              </div>
4210              <div class="card-lower">
4211                <h4 class="blog-title">Elise Nguyen</h4>
4212                <p class="blog-subtitle body-1-highlight text-s">CFO</p>
4213                <p class="blog-subtitle body-1 text-s"></p>
4214                
4215              </div>
4216            </div>
4217            
4218            <div class="card" data-slide-index="3">
4219              <div class="blog-img-wrapper">
4220                
4221                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Chee%20IMG--109-1.jpg');"></div>
4222              </div>
4223              <div class="card-lower">
4224                <h4 class="blog-title">Chee Hew</h4>
4225                <p class="blog-subtitle body-1-highlight text-s">Director of Key Accounts, IVD Sector</p>
4226                <p class="blog-subtitle body-1 text-s"></p>
4227                
4228              </div>
4229            </div>
4230            
4231            <div class="card" data-slide-index="4">
4232              <div class="blog-img-wrapper">
4233                
4234                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Untitled%20design%20%2814%29.png');"></div>
4235              </div>
4236              <div class="card-lower">
4237                <h4 class="blog-title">Per Holst-Hansen</h4>
4238                <p class="blog-subtitle body-1-highlight text-s">Director, Client Partnerships &amp; Sales EMEA</p>
4239                <p class="blog-subtitle body-1 text-s"></p>
4240                
4241              </div>
4242            </div>
4243            
4244            <div class="card" data-slide-index="5">
4245              <div class="blog-img-wrapper">
4246                
4247                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Untitled%20design%20%2816%29.png');"></div>
4248              </div>
4249              <div class="card-lower">
4250                <h4 class="blog-title">Li Yuan</h4>
4251                <p class="blog-subtitle body-1-highlight text-s">Head of China</p>
4252                <p class="blog-subtitle body-1 text-s"></p>
4253                
4254              </div>
4255            </div>
4256            
4257            <div class="card" data-slide-index="6">
4258              <div class="blog-img-wrapper">
4259                
4260                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Untitled%20design%20%2817%29.png');"></div>
4261              </div>
4262              <div class="card-lower">
4263                <h4 class="blog-title">Fares Ezziddin</h4>
4264                <p class="blog-subtitle body-1-highlight text-s">Director, Client Engagement, Americas</p>
4265                <p class="blog-subtitle body-1 text-s"></p>
4266                
4267              </div>
4268            </div>
4269            
4270            <div class="card" data-slide-index="7">
4271              <div class="blog-img-wrapper">
4272                
4273                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/leesookchen_gmail.com_a_copy_720.jpg');"></div>
4274              </div>
4275              <div class="card-lower">
4276                <h4 class="blog-title">Lee Sook Chen</h4>
4277                <p class="blog-subtitle body-1-highlight text-s">Head of Bespoke Research</p>
4278                <p class="blog-subtitle body-1 text-s"></p>
4279                
4280              </div>
4281            </div>
4282            
4283            <div class="card" data-slide-index="8">
4284              <div class="blog-img-wrapper">
4285                
4286                <div class="blog-img" style="background-image: url('https://clearstate.com/hubfs/Shi%20Jie%20-%20IMG--116-1.jpg');"></div>
4287              </div>
4288              <div class="card-lower">
4289                <h4 class="blog-title">Foo Shi Jie</h4>
4290                <p class="blog-subtitle body-1-highlight text-s">Director of Client Engagement, APAC</p>
4291                <p class="blog-subtitle body-1 text-s"></p>
4292                
4293              </div>
4294            </div>
4295            
4296          </div>
4297        </div>
4298
4299        <div class="navigation-arrows">
4300            <button class="nav-arrow prev" data-prev-btn aria-label="Previous Slide">
4301              <svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
4302                <path d="M8.51958 17.5597C8.50444 17.5746 8.0403 17.6884 7.48825 17.8125C6.93613 17.9366 6.47844 18.0192 6.47108 17.9961C6.46379 17.973 6.40665 17.5982 6.34419 17.1632C6.21871 16.2896 5.91489 15.2697 5.59025 14.6318C4.57834 12.6438 2.76277 11.3275 0.560742 10.9853L6.20861e-0
43027 10.8982L6.97636e-07 10.02L7.74417e-07 9.1417L0.508237 9.0583C3.83799 8.51191 6.00883 6.07678 6.41493 2.43259C6.44143 2.19463 6.47311 2 6.48531 2C6.59761 2 8.45839 2.43861 8.49358 2.47336C8.51903 2.49849 8.5001 2.72157 8.45145 2.96901C7.913 5.70904 6.37125 7.93867 4.37056 8.87093L3.89064 9.09457L13.7595 9.11208L20 9.1232L20 10.9005L13.7435 10.9117L3.89786 10.9293L4.50375 11.2295C6.07556 12.0084 7.32001 13.5363 8.05285 15.587C8.26168 16.1713 8.57679 17.5033 8.51958 17.5597Z" />
4303              </svg>
4304            </button>
4305            <button class="nav-arrow next" data-next-btn aria-label="Next Slide">
4306              <svg width="20" height="20" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
4307                <path d="M11.4804 17.5597C11.4956 17.5746 11.9597 17.6884 12.5117 17.8125C13.0639 17.9366 13.5216 18.0192 13.5289 17.9961C13.5362 17.973 13.5933 17.5982 13.6558 17.1632C13.7813 16.2896 14.0851 15.2697 14.4097 14.6318C15.4217 12.6438 17.2372 11.3275 19.4393 10.9853L20 10.8982L20 10.02L20 9.1417L19.4918 9.0583C16.162 8.51191 13.9912 6.07678 13.5851 2.43259C13.5586 2.19463 13.5269 2 13.5147 2C13.4024 2 11.5416 2.43861 11.5064 2.47336C11.481 2.49849 11.4999 2.72157 11.5486 2.96901C12.087 5.70904 13.6287 7.93867 15.6294 8.87093L16.1094 9.09457L6.24046 9.11208L-7.76035e-07 9.1232L-6.20654e-07 10.9005L6.25651 10.9117L16.1021 10.9293L15.4963 11.2295C13.9244 12.0084 12.68 13.5363 11.9472 15.587C11.7383 16.1713 11.4232 17.5033 11.4804 17.5597Z" />
4308              </svg>
4309            </button>
4310        </div>
4311
4312        
4313        
4314      </div>
4315
4316    </div>
4317  </div>
4318</section>
4319
4320</div>
4321
4322</div><!--end widget-span -->
4323</div><!--end row-->
4324</div><!--end row-wrapper -->
4325
4326</div><!--end widget-span -->
4327</div><!--end row-->
4328</div><!--end row-wrapper -->
4329
4330<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-section">
4331<div class="row-fluid ">
4332<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4333
4334<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row">
4335<div class="row-fluid ">
4336<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4337<div id="hs_cos_wrapper_widget_1763386991756" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
4338
4339
4340
4341
4342<!-- ================= -->
4343<!-- ====== HTML ====== -->
4344<!-- ================= -->
4345
4346<section class="container-stack" id="global-presence" data-bg-small="https://243650126.fs1.hubspotusercontent-na2.net/hub/243650126/hubfs/people%20%20webp.webp?width=480&amp;name=people%20%20webp.webp" data-bg-medium="https://243650126.fs1.hubspotusercontent-na2.net/hub/243650126/hubfs/people%20%20webp.webp?width=768&amp;name=people%20%20webp.webp" data-bg-large="https://243650126.fs1.hubspotusercontent-na2.net/hub/243650126/hubfs/people%20%20webp.webp?width=1920&amp;name=people%20%20webp.webp" data-loaded="false">
4347
4348  <div class="container-inner">
4349    <div class="hero">
4350      <div class="hero-content">
4351        
4352        <h2 class="title">Our Global Presence</h2>
4353        
4354        <div class="text-container">
4355          <div class="text-content">
4356            <p class="body-1 subtitle"><span>Today, Clearstate is a trusted partner to leading MedTech and life sciences companies across 50+ countries in Asia-Pacific, Africa, Europe, Middle East, North America, and Latin America. Our specialised datasets cover 300,000+ data points across IVD, surgical, and bioprocess markets, helping clients navigate opportunities with precision.</span></p>
4357            
4358            
4359            <p class="body-1 subtitle">With a track record of supporting 100+ global healthcare clients, we combine international reach with on-the-ground expertise. By delivering evidence-driven intelligence and strategic advisory, Clearstate empowers healthcare leaders to anticipate market shifts, capture opportunities, and bring innovations that improve lives worldwide.</p>
4360            
4361            
4362          </div>
4363        </div>
4364        
4365        
4366
4367      </div>
4368    </div>
4369  </div>
4370  
4371  
4372  <div class="popup-overlay" id="formPopup">
4373    <div class="popup-container">
4374      
4375      
4376      <button class="popup-close" aria-label="Close popup"></button>
4377      
4378      <div class="popup-content">
4379        <div class="popup-form-wrapper">
4380          
4381          <span id="hs_cos_wrapper_widget_1763386991756_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_933884849_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
4382
4383<div id="hs_form_target_form_933884849"></div>
4384
4385
4386
4387
4388
4389
4390
4391
4392
4393</span>
4394        </div>
4395      </div>
4396    </div>
4397  </div>
4398  
4399</section>
4400
4401</div>
4402
4403</div><!--end widget-span -->
4404</div><!--end row-->
4405</div><!--end row-wrapper -->
4406
4407</div><!--end widget-span -->
4408</div><!--end row-->
4409</div><!--end row-wrapper -->
4410
4411</div><!--end widget-span -->
4412</div>
4413</div>
4414</div>
4415
4416
4417<footer class="footer-wrapper">
4418
4419  <div class="container-fluid">
4420<div class="row-fluid-wrapper">
4421<div class="row-fluid">
4422<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
4423
4424<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
4425<div class="row-fluid ">
4426<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4427
4428<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
4429<div class="row-fluid ">
4430<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4431<div id="hs_cos_wrapper_widget_1763032931821" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
4432
4433
4434
4435<!-- ================= -->
4436<!-- ====== CSS ====== -->
4437<!-- ================= -->
4438
4439
4440<section class="container"> 
4441  <div class="container-inner" id="contact-form">
4442    
4443    <!-- Left Content -->
4444    <div class="content-left">
4445      <div class="text-wrapper">
4446        <div class="title">
4447          <h2><span>Contact Us</span></h2>
4448        </div>
4449        <div class="sub">
4450          <p class="body-1">Every MedTech journey is different - let us know yours, and we’ll deliver the insights that give you an edge</p>
4451        </div>
4452     
4453        
4454      </div>
4455    </div>
4456
4457    <!-- Right Form -->
4458    <div class="form-right">
4459      <span id="hs_cos_wrapper_widget_1763032931821_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_373716385_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
4460
4461<div id="hs_form_target_form_373716385"></div>
4462
4463
4464
4465
4466
4467
4468
4469
4470
4471</span>
4472    </div>
4473
4474  </div>
4475</section></div>
4476
4477</div><!--end widget-span -->
4478</div><!--end row-->
4479</div><!--end row-wrapper -->
4480
4481</div><!--end widget-span -->
4482</div><!--end row-->
4483</div><!--end row-wrapper -->
4484
4485<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
4486<div class="row-fluid ">
4487<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4488
4489<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
4490<div class="row-fluid ">
4491<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4492<div id="hs_cos_wrapper_main_content_footer-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
4493
4494
4495
4496
4497<!-- ================= -->
4498<!-- ====== CSS ====== -->
4499<!-- ================= -->
4500
4501
4502
4503
4504
4505<section class="container">
4506
4507  <div class="container-inner">
4508
4509    <div class="top-area">
4510
4511      <div class="t-col-1">
4512        <a href="https://clearstate.com/?hsLang=en" target="" rel>
4513          <img src="https://clearstate.com/hubfs/clearstate_cover%202.png" alt="clearstate_cover 2">
4514        </a>
4515      </div>
4516
4517      <div class="t-col-2">
4518
4519        <div class="t-c-2-title">
4520          <h5>
4521            Data Insights
4522          </h5>
4523        </div>
4524
4525        <div class="t-c-2-links">
4526          
4527          <div class="t-c-2-link-item">
4528            <a class="body-1" href="https://clearstate.com/business-intelligence/size-share-tracker?hsLang=en" target="" rel>
4529
4530              Size and Share Tracker
4531
4532            </a>
4533          </div>
4534          
4535          <div class="t-c-2-link-item">
4536            <a class="body-1" href="https://clearstate.com/business-intelligence/labpro?hsLang=en" target="" rel>
4537
4538              LabPro
4539
4540            </a>
4541          </div>
4542          
4543          <div class="t-c-2-link-item">
4544            <a class="body-1" href="https://clearstate.com/business-intelligence/asia-qci?hsLang=en" target="" rel>
4545
4546              AsiaQCi
4547
4548            </a>
4549          </div>
4550          
4551
4552        </div>
4553
4554
4555      </div>
4556
4557
4558      <div class="t-col-3">
4559
4560        
4561
4562        <div class="t-col-3-inner">
4563
4564          <div class="t-c-3-title">
4565            <h5>
4566              <a style="color: inherit;" href="https://events.clearstate.com/bespoke-research?hsLang=en" rel="noopener">Bespoke Research</a>
4567            </h5>
4568          </div>
4569
4570          <div class="t-c-3-links">
4571            
4572
4573          </div>
4574
4575        </div>
4576
4577        
4578
4579        <div class="t-col-3-inner">
4580
4581          <div class="t-c-3-title">
4582            <h5>
4583              Thought Leadership
4584            </h5>
4585          </div>
4586
4587          <div class="t-c-3-links">
4588            
4589            <div class="t-c-3-link-item">
4590              <a class="body-1" href="https://clearstate.com/whitepapers?hsLang=en" target="" rel>
4591                Whitepapers
4592              </a>
4593            </div>
4594            
4595            <div class="t-c-3-link-item">
4596              <a class="body-1" href="https://clearstate.com/case-studies?hsLang=en" target="" rel>
4597                Case Studies
4598              </a>
4599            </div>
4600            
4601            <div class="t-c-3-link-item">
4602              <a class="body-1" href="https://clearstate.com/events?hsLang=en" target="" rel>
4603                Events
4604              </a>
4605            </div>
4606            
4607
4608          </div>
4609
4610        </div>
4611
4612        
4613
4614      </div>
4615
4616
4617      <div class="t-col-2">
4618
4619        <div class="t-c-2-title">
4620          <h5>
4621            Company
4622          </h5>
4623        </div>
4624
4625        <div class="t-c-2-links">
4626          
4627          <div class="t-c-2-link-item">
4628            <a class="body-1" href="https://clearstate.com/about-us" target="" rel>
4629
4630              About Us
4631
4632            </a>
4633          </div>
4634          
4635          <div class="t-c-2-link-item">
4636            <a class="body-1" href="https://clearstate.com/careers?hsLang=en" target="" rel>
4637
4638              Careers
4639
4640            </a>
4641          </div>
4642          
4643
4644        </div>
4645
4646
4647      </div>
4648
4649      <div class="t-col-3">
4650
4651        <a class="" href="https://clearstate.com/contact-us?hsLang=en" target="" rel>
4652          <div class="primary-button" data-text="CONTACT US"></div>
4653        </a>
4654
4655        
4656
4657        <div class="t-col-3-inner">
4658
4659          <div class="t-c-3-title">
4660            <h5>
4661              Connect with Us
4662            </h5>
4663          </div>
4664
4665          <div class="t-c-3-links">
4666            
4667            <div class="t-c-3-link-item">
4668              <a class="" href="https://www.linkedin.com/company/clearstate/" target="" rel>
4669
4670                
4671                
4672                
4673                
4674                
4675                <img src="https://clearstate.com/hubfs/linkedin%20(4)%201.svg" alt="linkedin (4) 1" loading="lazy" width="52" height="52" style="max-width: 100%; height: auto;">
4676              </a>
4677            </div>
4678            
4679
4680          </div>
4681
4682        </div>
4683
4684        
4685
4686      </div>
4687
4688
4689    </div>
4690
4691    <div class="d-line">
4692      <hr>
4693    </div>
4694
4695
4696    <div class="bottom-area">
4697      <div class="b-col-1">
4698        <p class="body-1">
4699          © clearstate 2026. All Rights Reserved.
4700        </p>
4701      </div>
4702
4703      
4704
4705
4706      <div class="b-col-3">
4707        
4708        <div class="b-c-3-links">
4709          <a class="body-1" href="https://events.clearstate.com/privacy-policy?hsLang=en" target="" rel>
4710            Privacy Policy
4711          </a>
4712        </div>
4713        
4714      </div>
4715
4716    </div>
4717
4718  </div>
4719
4720</section></div>
4721
4722</div><!--end widget-span -->
4723</div><!--end row-->
4724</div><!--end row-wrapper -->
4725
4726</div><!--end widget-span -->
4727</div><!--end row-->
4728</div><!--end row-wrapper -->
4729
4730</div><!--end widget-span -->
4731</div>
4732</div>
4733</div>
4734
4735
4736</footer>
4737
4738
4739
4740
4741
4742
4743
4744
4745      </main>
4746
4747      
4748
4749      
4750
4751    </div>
4752
4753    
4754    
4755    
4756    
4757
4758    
4759    
4760
4761    
4762    
4763
4764    
4765    
4766
4767    
4768    
4769<script defer src="/hs/hsstatic/cms-free-branding-lib/static-1.2918/js/index.js"></script>
4769
4770<!-- HubSpot performance collection script -->
4771<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 4771
4771
4772<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
vendor: 1 bytes, line 4772
4772
4773<script src="https://clearstate.com/hubfs/hub_generated/template_assets/1/255593094886/1772420009968/template_main.min.js"></script>
vendor: 1 bytes, line 4773
4773
4774<script>
4775var hsVars = hsVars || {}; hsVars['language'] = 'en';
4776</script>
4776
4777
4778<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 4778
4778
4779<script src="https://clearstate.com/hubfs/hub_generated/module_assets/1/255593091801/1764687628124/module_navbar-global.min.js"></script>
4779
4780
4781<script>
4782  document.addEventListener("DOMContentLoaded", () => {
4783
4784    document.querySelectorAll(".l1-close-btn").forEach(btn => {
4785      btn.addEventListener("click", (e) => {
4786        e.preventDefault();
4787        e.stopPropagation();
4788        // Use the existing helper function to close everything
4789        closeAllMegaMenus(); 
4790        updateOverlay();
4791      });
4792    });
4793
4794    const pageOverlay = document.querySelector(".navbar-page-overlay");
4795    const mainNavContainer = document.querySelector(".nav-links");
4796    const navLinksInner = mainNavContainer ? mainNavContainer.querySelector(".nav-links-inner") : null;
4797    const menuOpenBtn = document.querySelector(".navbar .bx-menu");
4798    const menuCloseBtn = mainNavContainer ? mainNavContainer.querySelector(".bx-x") : null;
4799
4800    // --- Selectors for Desktop Search Panel ---
4801    const searchIconTrigger = document.querySelector(".des-search .search-icon-wrapper"); 
4802    const searchBar = document.querySelector(".des-search .hs-search-field__bar");
4803    const searchInput = document.querySelector(".des-search .hs-search-field__input");
4804    const searchClearBtn = document.querySelector(".des-search .search-clear-btn");
4805
4806    // --- START: NEW MOBILE SEARCH SELECTORS ---
4807    const mobileSearchInput = document.querySelector(".mobile-search .hs-search-field__input");
4808    const mobileSearchClearBtn = document.querySelector(".mobile-search .search-clear-btn");
4809    // --- END: NEW MOBILE SEARCH SELECTORS ---
4810
4811
4812    // --- Desktop L3 Close Logic (MOVED UP) ---
4813    function closeL3(parentContainer) {
4814      if (!parentContainer) return;
4815      parentContainer.classList.remove("l3-open");
4816      parentContainer.querySelectorAll(".mega-menu-item.l2-active").forEach(activeItem => {
4817        activeItem.classList.remove("l2-active");
4818      });
4819      parentContainer.querySelectorAll(".mega-menu-level3.active").forEach(activeContent => {
4820        activeContent.classList.remove("active");
4821      });
4822    }
4823
4824    // --- Helper Function to Close All Mega Menus ---
4825    function closeAllMegaMenus() {
4826      document.querySelectorAll(".desktop-links .menu__item.submenu-open").forEach(openItem => {
4827        openItem.classList.remove("submenu-open");
4828        const container = openItem.querySelector(".mega-menu-container");
4829        if (container) {
4830          closeL3(container); 
4831        }
4832      });
4833    }
4834
4835    // --- Helper Function to Close Search Panel ---
4836    function closeSearchPanel() {
4837      if (searchBar && searchBar.classList.contains("search-bar-visible")) {
4838        searchBar.classList.remove("search-bar-visible");
4839      }
4840    }
4841
4842    // --- Helper Function to Manage Overlay State ---
4843    function updateOverlay() {
4844      const isMenuOpen = !!document.querySelector(".desktop-links .menu__item.submenu-open");
4845      const isSearchOpen = searchBar && searchBar.classList.contains("search-bar-visible");
4846
4847      if (isMenuOpen || isSearchOpen) {
4848        pageOverlay.classList.add("active");
4849      } else {
4850        pageOverlay.classList.remove("active");
4851      }
4852    }
4853
4854    // --- Mobile Menu Open/Close (Unchanged) ---
4855    if (menuOpenBtn && mainNavContainer) {
4856      menuOpenBtn.onclick = () => {
4857        mainNavContainer.classList.add("active");
4858        document.body.style.overflow = 'hidden'; 
4859      }
4860    }
4861
4862    function closeMobileMenu() {
4863      if (!mainNavContainer) return;
4864      mainNavContainer.classList.remove("active");
4865      document.body.style.overflow = ''; 
4866
4867      if (navLinksInner) {
4868        navLinksInner.querySelectorAll('.mobile-panel').forEach(panel => {
4869          panel.classList.remove('is-active', 'is-prev');
4870          panel.removeAttribute('data-parent-id'); 
4871        });
4872        const l1Panel = navLinksInner.querySelector('.mobile-panel.l1-panel');
4873        if (l1Panel) {
4874          l1Panel.classList.add('is-active');
4875        }
4876      }
4877    }
4878
4879    if (menuCloseBtn) {
4880      menuCloseBtn.onclick = closeMobileMenu;
4881    }
4882
4883    // --- Mobile Panel Navigation (Unchanged) ---
4884    const mobilePanelContainer = document.querySelector(".mobile-panel-container");
4885    if (mobilePanelContainer) {
4886      mobilePanelContainer.addEventListener('click', (e) => {
4887        if (window.innerWidth > 800) return; 
4888
4889        const trigger = e.target.closest('.panel-trigger');
4890        const backBtn = e.target.closest('.mobile-back-btn');
4891
4892        if (trigger) {
4893          e.preventDefault();
4894          const targetId = trigger.dataset.mobileSubmenuTarget;
4895          const targetPanel = document.getElementById(targetId);
4896          const currentPanel = trigger.closest('.mobile-panel');
4897
4898          if (targetPanel && currentPanel) {
4899            targetPanel.dataset.parentId = currentPanel.id; 
4900            currentPanel.classList.remove('is-active');
4901            currentPanel.classList.add('is-prev');
4902            targetPanel.classList.add('is-active');
4903            targetPanel.scrollTop = 0; 
4904          }
4905        } else if (backBtn) {
4906          e.preventDefault();
4907          const currentPanel = backBtn.closest('.mobile-panel');
4908          const parentId = currentPanel.dataset.parentId;
4909
4910          if (currentPanel && parentId) {
4911            const parentPanel = document.getElementById(parentId);
4912            if (parentPanel) {
4913              currentPanel.classList.remove('is-active');
4914              currentPanel.removeAttribute('data-parent-id'); 
4915              parentPanel.classList.remove('is-prev');
4916              parentPanel.classList.add('is-active');
4917            }
4918          }
4919        } else if (e.target.closest('a') && !e.target.closest('.panel-trigger')) {
4920          closeMobileMenu();
4921        }
4922      });
4923    }
4924
4925    // --- Desktop Search Panel Logic (UPDATED) ---
4926    if (searchIconTrigger) {
4927      searchIconTrigger.addEventListener("click", (e) => {
4928        e.stopPropagation();
4929
4930        // 1. REMOVED THE window.innerWidth check
4931
4932        const isSearchVisible = searchBar.classList.contains("search-bar-visible");
4933
4934        if (!isSearchVisible) {
4935          // 2. ADDED closeMobileMenu() here
4936          closeMobileMenu(); 
4937          closeAllMegaMenus(); 
4938
4939          searchBar.classList.add("search-bar-visible");
4940          if(searchInput) searchInput.focus(); 
4941        } else {
4942          closeSearchPanel();
4943        }
4944
4945        updateOverlay();
4946      });
4947    }
4948
4949    // Logic for the DESKTOP clear 'x' button
4950    if (searchInput && searchClearBtn) {
4951      searchInput.addEventListener('input', () => {
4952        searchClearBtn.classList.toggle('visible', searchInput.value.length > 0);
4953      });
4954
4955      searchClearBtn.addEventListener('click', () => {
4956        searchInput.value = '';
4957        searchInput.focus();
4958        searchClearBtn.classList.remove('visible');
4959      });
4960    }
4961
4962    // --- START: NEW MOBILE CLEAR BUTTON LOGIC ---
4963    // Logic for the MOBILE clear 'x' button
4964    if (mobileSearchInput && mobileSearchClearBtn) {
4965      mobileSearchInput.addEventListener('input', () => {
4966        mobileSearchClearBtn.classList.toggle('visible', mobileSearchInput.value.length > 0);
4967      });
4968
4969      mobileSearchClearBtn.addEventListener('click', () => {
4970        mobileSearchInput.value = '';
4971        mobileSearchInput.focus();
4972        mobileSearchClearBtn.classList.remove('visible');
4973      });
4974    }
4975    // --- END: NEW MOBILE CLEAR BUTTON LOGIC ---
4976
4977
4978    // --- Original Desktop Menu Logic (Unchanged) ---
4979    const l1Triggers = document.querySelectorAll(".desktop-links .l1-trigger");
4980    l1Triggers.forEach((trigger) => {
4981      trigger.addEventListener("click", (e) => {
4982        const parentLi = trigger.closest("li.with-submenu");
4983        if (!parentLi) return;
4984
4985        if (window.innerWidth <= 800) {
4986          // Mobile accordion logic (This is for the old, unused mobile menu)
4987          e.stopPropagation();
4988          const submenu = parentLi.querySelector(".sub-menu");
4989          const arrow = parentLi.querySelector(".arrow");
4990          if (!submenu) return;
4991          const isOpen = submenu.classList.contains("open");
4992          const parentSubmenu = parentLi.closest(".sub-menu");
4993          let siblingsContainer = parentSubmenu ? parentSubmenu : parentLi.parentElement;
4994          const siblingItems = siblingsContainer.children;
4995          Array.from(siblingItems).forEach((sibling) => {
4996            if (sibling !== parentLi) {
4997              const siblingSubmenu = sibling.querySelector(".sub-menu");
4998              const siblingArrow = sibling.querySelector(".arrow");
4999              if (siblingSubmenu) {
5000                siblingSubmenu.classList.remove("open");
5001                siblingSubmenu.querySelectorAll(".sub-menu").forEach(nested => nested.classList.remove("open"));
5002              }
5003              if (siblingArrow) {
5004                siblingArrow.classList.remove("flip");
5005                sibling.querySelectorAll(".arrow").forEach(nested => nested.classList.remove("flip"));
5006              }
5007            }
5008          });
5009          if (isOpen) {
5010            submenu.classList.remove("open");
5011            if(arrow) arrow.classList.remove("flip");
5012            submenu.querySelectorAll(".sub-menu").forEach(nested => nested.classList.remove("open"));
5013            submenu.querySelectorAll(".arrow").forEach(nested => nested.classList.remove("flip"));
5014          } else {
5015            submenu.classList.add("open");
5016            if(arrow) arrow.classList.add("flip");
5017          }
5018        } else {
5019          // Desktop logic
5020          e.stopPropagation();
5021          closeSearchPanel();
5022          const isOpen = parentLi.classList.contains("submenu-open");
5023
5024          document.querySelectorAll(".desktop-links .menu__item.submenu-open").forEach(openItem => {
5025            if (openItem !== parentLi) {
5026              openItem.classList.remove("submenu-open");
5027              const container = openItem.querySelector(".mega-menu-container");
5028              if (container) {
5029                closeL3(container);
5030              }
5031            }
5032          });
5033
5034          parentLi.classList.toggle("submenu-open");
5035          updateOverlay();
5036
5037          if (!parentLi.classList.contains("submenu-open")) {
5038            const container = parentLi.querySelector(".mega-menu-container");
5039            if (container) {
5040              closeL3(container);
5041            }
5042          }
5043        }
5044      });
5045    });
5046
5047    // --- L3 Trigger CLICK Logic (Unchanged) ---
5048    document.querySelectorAll(".desktop-links .l3-trigger").forEach(trigger => {
5049      trigger.addEventListener("click", e => { 
5050        if (window.innerWidth <= 800) {
5051          e.preventDefault();
5052          e.stopPropagation();
5053          return;
5054        }; 
5055        e.stopPropagation();
5056        if (e.target.closest('.button-wrapper')) return;
5057
5058        // ... (rest of L3 logic is fine)
5059        const l3Id = trigger.getAttribute("data-l3-trigger"); 
5060        if (!l3Id) { return; }
5061        const parentContainer = trigger.closest(".mega-menu-container");
5062        if (!parentContainer) { return; }
5063        const l3Wrapper = parentContainer.querySelector(".mega-menu-level3-wrapper");
5064        if (!l3Wrapper) { return; }
5065        const targetL3Content = l3Wrapper.querySelector(`.mega-menu-level3[data-l3-id="${l3Id}"]`);
5066        if (!targetL3Content) { return; }
5067        const isAlreadyOpen = parentContainer.classList.contains("l3-open") && targetL3Content.classList.contains("active");
5068        l3Wrapper.querySelectorAll(".mega-menu-level3").forEach(content => {
5069          content.classList.remove("active");
5070        });
5071        trigger.closest(".mega-menu-right").querySelectorAll(".mega-menu-item.l2-active").forEach(activeItem => {
5072          activeItem.classList.remove("l2-active");
5073        });
5074        if (isAlreadyOpen) {
5075          parentContainer.classList.remove("l3-open");
5076        } else {
5077          parentContainer.classList.add("l3-open");
5078          targetL3Content.classList.add("active");
5079          trigger.classList.add("l2-active");
5080        }
5081      });
5082    });
5083
5084    // --- L3 Close Button & Overlay Logic (Unchanged) ---
5085    document.querySelectorAll(".l3-close-btn").forEach(closeBtn => {
5086      closeBtn.addEventListener("click", e => {
5087        e.stopPropagation();
5088        closeL3(closeBtn.closest(".mega-menu-container"));
5089      });
5090    });
5091    document.querySelectorAll(".mega-menu-overlay").forEach(overlay => {
5092      overlay.addEventListener("click", e => {
5093        e.stopPropagation();
5094        closeL3(overlay.closest(".mega-menu-container"));
5095      });
5096    });
5097
5098    // --- Global Click/Overlay Logic (Unchanged) ---
5099    if (pageOverlay) {
5100      pageOverlay.addEventListener("click", () => {
5101        closeAllMegaMenus();
5102        closeSearchPanel();
5103        updateOverlay(); 
5104      });
5105    }
5106    document.addEventListener("click", (e) => {
5107      if (window.innerWidth > 800) {
5108        if (!e.target.closest(".menu__item.with-submenu") && !e.target.closest(".des-search")) {
5109          closeAllMegaMenus();
5110          closeSearchPanel();
5111          updateOverlay();
5112        }
5113      }
5114    });
5115    if (searchBar) {
5116      searchBar.addEventListener('click', (e) => e.stopPropagation());
5117    }
5118
5119
5120
5121  }); 
5122</script>
5122
5123
5124
5125    <!--[if lte IE 8]>
5126    
5126<script charset="utf-8" src="https://js-na2.hsforms.net/forms/v2-legacy.js"></script>
5126
5127    <![endif]-->
5128
5129<script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script>
5129
5130
5131    
5131<script data-hs-allowed="true">
5132        var options = {
5133            portalId: '243650126',
5134            formId: '8e5ee42a-2f93-47a5-b08b-2cf0ea2d8ddb',
5135            formInstanceId: '7958',
5136            
5137            pageId: '260334551741',
5138            
5139            region: 'na2',
5140            
5141            
5142            
5143            
5144            pageName: "About Us",
5145            
5146            
5147            
5148            inlineMessage: "Thanks for submitting the form.",
5149            
5150            
5151            rawInlineMessage: "Thanks for submitting the form.",
5152            
5153            
5154            hsFormKey: "47c18f3403a8e83298dd59ac6d00a804",
5155            
5156            
5157            css: '',
5158            target: '#hs_form_target_form_77068215',
5159            
5160            
5161            
5162            
5163            
5164            
5165            
5166            contentType: "standard-page",
5167            
5168            
5169            
5170            formsBaseUrl: '/_hcms/forms/',
5171            
5172            
5173            
5174            formData: {
5175                cssClass: 'hs-form stacked hs-custom-form'
5176            }
5177        };
5178
5179        options.getExtraMetaDataBeforeSubmit = function() {
5180            var metadata = {};
5181            
5182
5183            if (hbspt.targetedContentMetadata) {
5184                var count = hbspt.targetedContentMetadata.length;
5185                var targetedContentData = [];
5186                for (var i = 0; i < count; i++) {
5187                    var tc = hbspt.targetedContentMetadata[i];
5188                     if ( tc.length !== 3) {
5189                        continue;
5190                     }
5191                     targetedContentData.push({
5192                        definitionId: tc[0],
5193                        criterionId: tc[1],
5194                        smartTypeId: tc[2]
5195                     });
5196                }
5197                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
5198            }
5199
5200            return metadata;
5201        };
5202
5203        hbspt.forms.create(options);
5204    </script>
5204
5205
5206
5207    
5207<script data-hs-allowed="true">
5208        var options = {
5209            portalId: '243650126',
5210            formId: 'a3b88fb1-041c-4fb1-b5cb-214467426d32',
5211            formInstanceId: '6248',
5212            
5213            pageId: '260334551741',
5214            
5215            region: 'na2',
5216            
5217            
5218            
5219            
5220            pageName: "About Us",
5221            
5222            
5223            
5224            inlineMessage: "Thanks for submitting the form. Sample insights will be sent to your email.",
5225            
5226            
5227            rawInlineMessage: "Thanks for submitting the form. Sample insights will be sent to your email.",
5228            
5229            
5230            hsFormKey: "a3e93f39ae45f5e9c755324b888ca43a",
5231            
5232            
5233            css: '',
5234            target: '#hs_form_target_form_482001471',
5235            
5236            
5237            
5238            
5239            
5240            
5241            
5242            contentType: "standard-page",
5243            
5244            
5245            
5246            formsBaseUrl: '/_hcms/forms/',
5247            
5248            
5249            
5250            formData: {
5251                cssClass: 'hs-form stacked hs-custom-form'
5252            }
5253        };
5254
5255        options.getExtraMetaDataBeforeSubmit = function() {
5256            var metadata = {};
5257            
5258
5259            if (hbspt.targetedContentMetadata) {
5260                var count = hbspt.targetedContentMetadata.length;
5261                var targetedContentData = [];
5262                for (var i = 0; i < count; i++) {
5263                    var tc = hbspt.targetedContentMetadata[i];
5264                     if ( tc.length !== 3) {
5265                        continue;
5266                     }
5267                     targetedContentData.push({
5268                        definitionId: tc[0],
5269                        criterionId: tc[1],
5270                        smartTypeId: tc[2]
5271                     });
5272                }
5273                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
5274            }
5275
5276            return metadata;
5277        };
5278
5279        hbspt.forms.create(options);
5280    </script>
5280
5281
5282
5283<script>
5284  document.addEventListener('DOMContentLoaded', function() {
5285    
5286    // --- Popup 1 Logic ---
5287    const openBtns = document.querySelectorAll('.open-popup-btn');
5288    const popup = document.getElementById('formPopup');
5289    
5290    if (popup) {
5291      const closeBtn = popup.querySelector('.popup-close');
5292      const popupContainer = popup.querySelector('.popup-container');
5293
5294      if (openBtns.length > 0) {
5295        openBtns.forEach(btn => {
5296          btn.addEventListener('click', function(e) {
5297            e.preventDefault();
5298            popup.classList.add('active');
5299            document.body.classList.add('popup-open');
5300          });
5301        });
5302      }
5303
5304      function closePopup() {
5305        popup.classList.remove('active');
5306        document.body.classList.remove('popup-open');
5307      }
5308
5309      if (closeBtn) {
5310        closeBtn.addEventListener('click', closePopup);
5311      }
5312
5313      popup.addEventListener('click', function(e) {
5314        if (e.target === popup) closePopup();
5315      });
5316
5317      if (popupContainer) {
5318        popupContainer.addEventListener('click', function(e) {
5319          e.stopPropagation();
5320        });
5321      }
5322      
5323      // ESC key listener shared can cause issues if not careful, but works generally
5324      document.addEventListener('keydown', function(e) {
5325        if (e.key === 'Escape' && popup.classList.contains('active')) {
5326          closePopup();
5327        }
5328      });
5329    }
5330
5331    // --- Popup 2 Logic ---
5332    const openBtns2 = document.querySelectorAll('.open-popup-btn-2');
5333    const popup2 = document.getElementById('formPopup2');
5334
5335    if (popup2) {
5336      const closeBtn2 = popup2.querySelector('.popup-close');
5337      const popupContainer2 = popup2.querySelector('.popup-container');
5338
5339      if (openBtns2.length > 0) {
5340        openBtns2.forEach(btn => {
5341          btn.addEventListener('click', function(e) {
5342            e.preventDefault();
5343            popup2.classList.add('active');
5344            document.body.classList.add('popup-open');
5345          });
5346        });
5347      }
5348
5349      function closePopup2() {
5350        popup2.classList.remove('active');
5351        // Check if other popup is open before removing overflow hidden?
5352        // Simple approach: just remove it, assuming only one open at a time.
5353        // Or check if other is active.
5354        if(!document.getElementById('formPopup').classList.contains('active')){
5355           document.body.classList.remove('popup-open');
5356        }
5357      }
5358
5359      if (closeBtn2) {
5360        closeBtn2.addEventListener('click', closePopup2);
5361      }
5362
5363      popup2.addEventListener('click', function(e) {
5364        if (e.target === popup2) closePopup2();
5365      });
5366
5367      if (popupContainer2) {
5368        popupContainer2.addEventListener('click', function(e) {
5369          e.stopPropagation();
5370        });
5371      }
5372
5373      document.addEventListener('keydown', function(e) {
5374        if (e.key === 'Escape' && popup2.classList.contains('active')) {
5375          closePopup2();
5376        }
5377      });
5378    }
5379  });
5380</script>
5380
5381
5382
5383<script>
5384  // Timeline hover effect
5385  document.addEventListener('DOMContentLoaded', function() {
5386    const timeline = document.querySelector('.timeline');
5387    const timelineItems = document.querySelectorAll('.timeline-item');
5388    const progressLine = document.querySelector('.timeline-progress'); // Get the new progress bar
5389    
5390    // Exit if essential elements aren't found
5391    if (!timeline || timelineItems.length === 0 || !progressLine) {
5392      return; 
5393    }
5394
5395    // ================== */
5396    // === UPDATED JS === */
5397    // ================== */
5398    // Function to set progress bar height
5399    function setProgress(index) {
5400      let height;
5401      let targetItem;
5402
5403      if (index < 0) {
5404        // RESETTING: Target the first item
5405        targetItem = timelineItems[0];
5406        if (targetItem) {
5407          // Calculate height to reach center of the *first* dot
5408          height = targetItem.offsetTop + 4; 
5409        } else {
5410          height = 4; // Default smallest height
5411        }
5412      } else {
5413        // HOVERING: Target the *next* item
5414        let targetIndex = index + 1;
5415        
5416        if (targetIndex < timelineItems.length) {
5417          // There is a next item, target its dot
5418          targetItem = timelineItems[targetIndex];
5419          height = targetItem.offsetTop + 4; // Height to *next* dot
5420        } else {
5421          // This is the LAST item. 
5422          // Extend bar to the bottom of the *current* (last) item
5423          const currentItem = timelineItems[index];
5424          // Height = (item's top + item's height) - (bar's top offset)
5425          height = currentItem.offsetTop + currentItem.offsetHeight - 8; 
5426        }
5427      }
5428
5429      if (height) {
5430        progressLine.style.height = height + 'px';
5431      }
5432    }
5433
5434    timelineItems.forEach((item, index) => {
5435      item.addEventListener('mouseenter', function() {
5436        // Remove all active classes first
5437        timelineItems.forEach(el => el.classList.remove('active'));
5438        
5439        // Add active class to current and all previous items
5440        for (let i = 0; i <= index; i++) {
5441          timelineItems[i].classList.add('active');
5442        }
5443        
5444        // Update progress line height based on *next* item
5445        setProgress(index);
5446      });
5447    });
5448    
5449    // Reset when mouse leaves the timeline
5450    timeline.addEventListener('mouseleave', function() {
5451      timelineItems.forEach(el => el.classList.remove('active'));
5452      if (timelineItems.length > 0) {
5453        timelineItems[0].classList.add('active');
5454      }
5455      // Reset progress bar to first item
5456      setProgress(-1); // Use -1 as a flag to reset to default
5457    });
5458    
5459    // Set first item as active by default
5460    if (timelineItems.length > 0) {
5461      timelineItems[0].classList.add('active');
5462      // Set initial progress bar height
5463      // Needs a slight delay for offsetTop to be correct on load
5464      setTimeout(() => setProgress(-1), 100); 
5465    }
5466  });
5467</script>
5467
5468
5469
5470<script>
5471(function() {
5472  function initSlider(module) {
5473    if (window.innerWidth > 768) return;
5474    
5475    const slider = module.querySelector('.cards-grid');
5476    if (!slider) return;
5477    
5478    let isDown = false;
5479    let startX;
5480    let scrollLeft;
5481    
5482    slider.addEventListener('mousedown', (e) => {
5483      isDown = true;
5484      slider.classList.add('is-dragging'); // Enable smooth drag class
5485      startX = e.pageX - slider.offsetLeft;
5486      scrollLeft = slider.scrollLeft;
5487    });
5488    
5489    const stopDragging = () => {
5490      isDown = false;
5491      slider.classList.remove('is-dragging'); // Re-enable snap
5492    };
5493
5494    slider.addEventListener('mouseleave', stopDragging);
5495    slider.addEventListener('mouseup', stopDragging);
5496    
5497    slider.addEventListener('mousemove', (e) => {
5498      if (!isDown) return;
5499      e.preventDefault();
5500      const x = e.pageX - slider.offsetLeft;
5501      // WEIGHT FIX: Uses * 1 instead of * 2 for a "heavier", 1:1 feel
5502      const walk = (x - startX) * 1; 
5503      slider.scrollLeft = scrollLeft - walk;
5504    });
5505  }
5506  
5507  document.addEventListener('DOMContentLoaded', function() {
5508    const sliderModules = document.querySelectorAll('.js-clearstate-slider');
5509    sliderModules.forEach(function(module) {
5510      initSlider(module);
5511    });
5512  });
5513  
5514  // Reinitialize on window resize
5515  let resizeTimeout;
5516  window.addEventListener('resize', function() {
5517    clearTimeout(resizeTimeout);
5518    resizeTimeout = setTimeout(() => {
5519      const sliderModules = document.querySelectorAll('.js-clearstate-slider');
5520      sliderModules.forEach(function(module) {
5521        initSlider(module);
5522      });
5523    }, 250);
5524  });
5525})();
5526</script>
5526
5527
5528
5529<script>
5530  (function() {
5531    function initSlider(module) {
5532      const sliderWrapper = module.querySelector('[data-slider-wrapper]');
5533      const cardsTrack = module.querySelector('[data-cards-track]');
5534      const cards = module.querySelectorAll('.card');
5535      const prevBtn = module.querySelector('[data-prev-btn]');
5536      const nextBtn = module.querySelector('[data-next-btn]');
5537
5538      if (!sliderWrapper || !cardsTrack || !prevBtn || !nextBtn || cards.length === 0) return;
5539
5540      let currentIndex = 0;
5541      
5542      // FIX: Robust check for whether the slider is visually at the end
5543      function isScrollAtEnd() {
5544         // Allow a small tolerance (e.g. 10px) for browser rendering differences
5545         return cardsTrack.scrollLeft + cardsTrack.clientWidth >= cardsTrack.scrollWidth - 10;
5546      }
5547
5548      function scrollToCard(index) {
5549        // Find position of the card index
5550        const card = cards[index];
5551        if (!card) return;
5552        
5553        currentIndex = index;
5554        const newScrollPos = card.offsetLeft;
5555        
5556        cardsTrack.scrollTo({
5557          left: newScrollPos,
5558          behavior: 'smooth'
5559        });
5560      }
5561
5562      // Button Listeners
5563      nextBtn.addEventListener('click', () => {
5564        // FIX: If we are already visually at the end, reset to start immediately
5565        // This eliminates the "dead clicks" where index increases but scroll is clamped
5566        if (isScrollAtEnd()) {
5567           scrollToCard(0);
5568        } else {
5569           scrollToCard(currentIndex + 1);
5570        }
5571      });
5572
5573      prevBtn.addEventListener('click', () => {
5574        // Loop to end if at start
5575        if (currentIndex === 0) {
5576           // Scroll to the last card (browser will clamp to max scroll)
5577           scrollToCard(cards.length - 1); 
5578        } else {
5579           scrollToCard(currentIndex - 1);
5580        }
5581      });
5582
5583      // Scroll Listener
5584      cardsTrack.addEventListener('scroll', () => {
5585        clearTimeout(cardsTrack.scrollTimeout);
5586        cardsTrack.scrollTimeout = setTimeout(() => {
5587          const scrollLeft = cardsTrack.scrollLeft;
5588          let closestIndex = 0;
5589          let minDiff = Infinity;
5590
5591          cards.forEach((card, index) => {
5592            const diff = Math.abs(card.offsetLeft - scrollLeft);
5593            if (diff < minDiff) {
5594              minDiff = diff;
5595              closestIndex = index;
5596            }
5597          });
5598          
5599          if (closestIndex !== currentIndex) {
5600             currentIndex = closestIndex;
5601          }
5602        }, 100);
5603      });
5604      
5605      // Handle Resize
5606      let resizeTimeout;
5607      window.addEventListener('resize', () => {
5608        clearTimeout(resizeTimeout);
5609        resizeTimeout = setTimeout(() => {
5610          // Re-snap to current card
5611          scrollToCard(currentIndex);
5612          
5613          // Toggle mobile button visibility
5614          const mobileBtn = module.querySelector('.mobile-btn');
5615          if (mobileBtn) {
5616              mobileBtn.style.display = window.innerWidth <= 768 ? 'flex' : 'none';
5617          }
5618        }, 250);
5619      });
5620
5621      // Initial check
5622      const mobileBtn = module.querySelector('.mobile-btn');
5623      if (mobileBtn) {
5624          mobileBtn.style.display = window.innerWidth <= 768 ? 'flex' : 'none';
5625      }
5626    }
5627
5628    document.addEventListener('DOMContentLoaded', () => {
5629      const sliderModules = document.querySelectorAll('.js-identities-slider');
5630      sliderModules.forEach(module => {
5631        initSlider(module);
5632      });
5633    });
5634  })();
5635</script>
5635
5636
5637
5638    
5638<script data-hs-allowed="true">
5639        var options = {
5640            portalId: '243650126',
5641            formId: '8e5ee42a-2f93-47a5-b08b-2cf0ea2d8ddb',
5642            formInstanceId: '2025',
5643            
5644            pageId: '260334551741',
5645            
5646            region: 'na2',
5647            
5648            
5649            
5650            
5651            pageName: "About Us",
5652            
5653            
5654            
5655            inlineMessage: "Thanks for submitting the form.",
5656            
5657            
5658            rawInlineMessage: "Thanks for submitting the form.",
5659            
5660            
5661            hsFormKey: "44dbe6518cae63e694365e9e0447fd92",
5662            
5663            
5664            css: '',
5665            target: '#hs_form_target_form_933884849',
5666            
5667            
5668            
5669            
5670            
5671            
5672            
5673            contentType: "standard-page",
5674            
5675            
5676            
5677            formsBaseUrl: '/_hcms/forms/',
5678            
5679            
5680            
5681            formData: {
5682                cssClass: 'hs-form stacked hs-custom-form'
5683            }
5684        };
5685
5686        options.getExtraMetaDataBeforeSubmit = function() {
5687            var metadata = {};
5688            
5689
5690            if (hbspt.targetedContentMetadata) {
5691                var count = hbspt.targetedContentMetadata.length;
5692                var targetedContentData = [];
5693                for (var i = 0; i < count; i++) {
5694                    var tc = hbspt.targetedContentMetadata[i];
5695                     if ( tc.length !== 3) {
5696                        continue;
5697                     }
5698                     targetedContentData.push({
5699                        definitionId: tc[0],
5700                        criterionId: tc[1],
5701                        smartTypeId: tc[2]
5702                     });
5703                }
5704                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
5705            }
5706
5707            return metadata;
5708        };
5709
5710        hbspt.forms.create(options);
5711    </script>
5711
5712
5713
5714<script>
5715  document.addEventListener('DOMContentLoaded', function () {
5716    const section = document.getElementById('global-presence');
5717    
5718    // Function to load background image
5719    function loadBackgroundImage() {
5720      if (section.dataset.loaded === 'true') return;
5721      
5722      let width = window.innerWidth;
5723      let bgUrl = section.dataset.bgLarge;
5724
5725      if (width <= 480) bgUrl = section.dataset.bgSmall;
5726      else if (width <= 768) bgUrl = section.dataset.bgMedium;
5727
5728      // Create an image element to preload
5729      const img = new Image();
5730      img.onload = () => {
5731        section.style.backgroundImage = `url('${bgUrl}')`;
5732        section.dataset.loaded = 'true';
5733      };
5734      img.src = bgUrl;
5735    }
5736
5737    // Load immediately
5738    loadBackgroundImage();
5739
5740    // Handle window resize for responsive images
5741    let resizeTimeout;
5742    window.addEventListener('resize', () => {
5743      clearTimeout(resizeTimeout);
5744      resizeTimeout = setTimeout(() => {
5745        section.dataset.loaded = 'false';
5746        loadBackgroundImage();
5747      }, 300);
5748    });
5749
5750    // === POPUP LOGIC ===
5751    
5752    // Select all buttons with this class in case there are multiple
5753    const openBtns = document.querySelectorAll('.open-popup-btn');
5754    const popup = document.getElementById('formPopup');
5755
5756    if (!popup) return; // Exit if popup not found
5757
5758    const closeBtn = popup.querySelector('.popup-close');
5759    const popupContainer = popup.querySelector('.popup-container');
5760
5761    // Open Popup
5762    if (openBtns.length > 0) {
5763      openBtns.forEach(btn => {
5764        btn.addEventListener('click', function(e) {
5765          e.preventDefault();
5766          popup.classList.add('active');
5767          document.body.classList.add('popup-open');
5768        });
5769      });
5770    }
5771
5772    // Close Popup Function
5773    function closePopup() {
5774      popup.classList.remove('active');
5775      document.body.classList.remove('popup-open');
5776    }
5777
5778    // Close via Button
5779    if (closeBtn) {
5780      closeBtn.addEventListener('click', closePopup);
5781    }
5782
5783    // Click Outside Popup (Overlay)
5784    popup.addEventListener('click', function(e) {
5785      if (e.target === popup) closePopup();
5786    });
5787
5788    // Prevent Close When Clicking Inside Container
5789    if (popupContainer) {
5790      popupContainer.addEventListener('click', function(e) {
5791        e.stopPropagation();
5792      });
5793    }
5794
5795    // Close on ESC Key
5796    document.addEventListener('keydown', function(e) {
5797      if (e.key === 'Escape' && popup.classList.contains('active')) {
5798        closePopup();
5799      }
5800    });
5801
5802  });
5803</script>
5803
5804
5805
5806    
5806<script data-hs-allowed="true">
5807        var options = {
5808            portalId: '243650126',
5809            formId: '6b19a786-a027-4cda-8082-710e00efe5a2',
5810            formInstanceId: '2550',
5811            
5812            pageId: '260334551741',
5813            
5814            region: 'na2',
5815            
5816            
5817            
5818            
5819            pageName: "About Us",
5820            
5821            
5822            
5823            inlineMessage: "Thanks for submitting the form.",
5824            
5825            
5826            rawInlineMessage: "Thanks for submitting the form.",
5827            
5828            
5829            hsFormKey: "d36f2eb26cb3de91b5719951d3531fdb",
5830            
5831            
5832            css: '',
5833            target: '#hs_form_target_form_373716385',
5834            
5835            
5836            
5837            
5838            
5839            
5840            
5841            contentType: "standard-page",
5842            
5843            
5844            
5845            formsBaseUrl: '/_hcms/forms/',
5846            
5847            
5848            
5849            formData: {
5850                cssClass: 'hs-form stacked hs-custom-form'
5851            }
5852        };
5853
5854        options.getExtraMetaDataBeforeSubmit = function() {
5855            var metadata = {};
5856            
5857
5858            if (hbspt.targetedContentMetadata) {
5859                var count = hbspt.targetedContentMetadata.length;
5860                var targetedContentData = [];
5861                for (var i = 0; i < count; i++) {
5862                    var tc = hbspt.targetedContentMetadata[i];
5863                     if ( tc.length !== 3) {
5864                        continue;
5865                     }
5866                     targetedContentData.push({
5867                        definitionId: tc[0],
5868                        criterionId: tc[1],
5869                        smartTypeId: tc[2]
5870                     });
5871                }
5872                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
5873            }
5874
5875            return metadata;
5876        };
5877
5878        hbspt.forms.create(options);
5879    </script>
5879
5880
5881
5882<!-- Start of HubSpot Analytics Code -->
5883<script type="text/javascript">
5884var _hsq = _hsq || [];
5885_hsq.push(["setContentType", "standard-page"]);
5886_hsq.push(["setCanonicalUrl", "https:\/\/clearstate.com\/about-us"]);
5887_hsq.push(["setPageId", "260334551741"]);
5888_hsq.push(["setContentMetadata", {
5889    "contentPageId": 260334551741,
5890    "legacyPageId": "260334551741",
5891    "contentFolderId": null,
5892    "contentGroupId": null,
5893    "abTestId": null,
5894    "languageVariantId": 260334551741,
5895    "languageCode": "en",
5896    
5897    
5898}]);
5899</script>
5899
5900
5901<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/243650126.js"></script>
5901
5902<!-- End of HubSpot Analytics Code -->
5903
5904
5905<script type="text/javascript">
5906var hsVars = {
5907    render_id: "a3daf676-b772-4c3a-b1c4-64a474b57ba6",
5908    ticks: 1790869277268,
5909    page_id: 260334551741,
5910    
5911    content_group_id: 0,
5912    portal_id: 243650126,
5913    app_hs_base_url: "https://app-na2.hubspot.com",
5914    cp_hs_base_url: "https://cp-na2.hubspot.com",
5915    language: "en",
5916    analytics_page_type: "standard-page",
5917    scp_content_type: "",
5918    
5919    analytics_page_id: "260334551741",
5920    category_id: 1,
5921    folder_id: 0,
5922    is_hubspot_user: false
5923}
5924</script>
5924
5925
5926
5927<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
5927
5928
5929
5930
5931
5932
5933  
5934
5935<!-- End partial --></body></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.