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&family=Alexandria:[email protected]&family=Bricolage+Grotesque:opsz,[email protected],200..800&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 & 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 & 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 & 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 & 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 & 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 & 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&name=people%20%20webp.webp" data-bg-medium="https://243650126.fs1.hubspotusercontent-na2.net/hub/243650126/hubfs/people%20%20webp.webp?width=768&name=people%20%20webp.webp" data-bg-large="https://243650126.fs1.hubspotusercontent-na2.net/hub/243650126/hubfs/people%20%20webp.webp?width=1920&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.