1<!DOCTYPE html><!-- Last Published: Thu Sep 24 2026 08:31:50 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="compport-dev.webflow.io" data-wf-page="65ce3b6387589006af03324a" data-wf-site="65a7e02f79e170069fc71e08" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Compport Total Rewards Statement Software Explained</title><link rel="alternate" hrefLang="x-default" href="https://www.compport.com/solutions/total-rewards-statement"/><link rel="alternate" hrefLang="en" href="https://www.compport.com/solutions/total-rewards-statement"/><link rel="alternate" hrefLang="pt" href="https://www.compport.com/pt/solutions/total-rewards-statement"/><meta content="Show employees their full compensation value with clear, transparent breakdowns of salary, bonuses, long-term incentives, rewards, and key benefits." name="description"/><meta content="Compport Total Rewards Statement Software Explained" property="og:title"/><meta content="Show employees their full compensation value with clear, transparent breakdowns of salary, bonuses, long-term incentives, rewards, and key benefits." property="og:description"/><meta content="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/693bee97660129742401059b_Open%20Graph%20-%202025-12-12T155917.458.png" property="og:image"/><meta content="Compport Total Rewards Statement Software Explained" name="twitter:title"/><meta content="Show employees their full compensation value with clear, transparent breakdowns of salary, bonuses, long-term incentives, rewards, and key benefits." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/693bee97660129742401059b_Open%20Graph%20-%202025-12-12T155917.458.png" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/css/compport-dev.webflow.shared.3e6d8dcf7.min.css" rel="stylesheet" type="text/css" integrity="sha384-Pm2Nz3+5LJMaciwsVgtH0wpZO+iWydyYdhB2KVZvYjCH7yb2gUe1HLuVRAEwlS6N" crossorigin="anonymous"/><link href="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/css/compport-dev.webflow.65ce3b6387589006af03324a.4cc63a9a3.opt.min.css" rel="stylesheet" type="text/css" integrity="sha384-TMY6mjQEaO0d2zWhKAAFlfJwvVPadAdVKEv2nSvyHxwoe2P3EPQl4Qc9c0wTrNej" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Inter:300,400,500,600,700"] }});</script>
1<script src="https://use.typekit.net/vtq1dda.js" type="text/javascript"></script>
1<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/695e25a11d5d7895b6f70d4c_32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/695e25a690072b0f6df396ea_256.png" rel="apple-touch-icon"/><link href="https://www.compport.com/solutions/total-rewards-statement" rel="canonical"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@type": "Service", 5 "name": "Total Rewards Statement", 6 "url": "https://www.compport.com/solutions/total-rewards-statement", 7 "description": "Total rewards statement software that presents compensation, benefits, incentives and equity in a clear and engaging format to employees.", 8 "provider": { 9 "@type": "Organization", 10 "name": "Compport", 11 "url": "https://www.compport.com", 12 "logo": "https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65b0eccf0dd669cbbbed97ac_logo.svg" 13 }, 14 "serviceType": "Total Rewards Software", 15 "areaServed": "Global", 16 17 "audience": { 18 "@type": "BusinessAudience", 19 "name": "HR and Total Rewards Teams" 20 }, 21 22 "hasOfferCatalog": { 23 "@type": "OfferCatalog", 24 "name": "Total Rewards Features", 25 "itemListElement": [ 26 { 27 "@type": "Offer", 28 "itemOffered": { "@type": "Service", "name": "Compensation Summary" } 29 }, 30 { 31 "@type": "Offer", 32 "itemOffered": { "@type": "Service", "name": "Benefits Breakdown" } 33 }, 34 { 35 "@type": "Offer", 36 "itemOffered": { "@type": "Service", "name": "Incentive Visibility" } 37 }, 38 { 39 "@type": "Offer", 40 "itemOffered": { "@type": "Service", "name": "Equity Overview" } 41 }, 42 { 43 "@type": "Offer", 44 "itemOffered": { "@type": "Service", "name": "Automated Statement Generation" } 45 } 46 ] 47 } 48} 49</script>
vendor: 1 bytes, line 49
49
50<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-C7ZTWCEKPE'],'google_tags_first_party');</script>
50<script async="" src="/avljl2rk9q5pNjVhN2UwMmY3OWUxNzAwNjlmYzcxZTA4/iD3jn_TQVWc3Zq-6Dq06ml8RXuI"></script>
50<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-C7ZTWCEKPE');</script>
50<style> 51* { 52-webkit-font-smoothing: antialiased; 53-moz-osx-font-smoothing: grayscale; 54-webkit-appearance:none; 55} 56 57*:focus { outline: none; } 58 59html { 60 -webkit-tap-highlight-color: rgba(0,0,0,0); 61} 62 63textarea { 64resize: none; 65} 66 67h1, h2, h3, h4, h5, h6 { 68 text-wrap: balance !important; 69} 70 .input{ 71 border: 0 !important; 72 background: transparent !important; 73 padding: 0 !important; 74 box-shadow: none !important; 75 width: 100%; 76 } 77 .book-form .hs-input{ 78 width: 100% !important; 79 } 80</style> 81 82<style> 83.text-size-large, .text-size-huge, .text-size-xhuge, .text-size-regular, .text-size-xregular, .text-size-small, .text-size-xlarge { 84 text-wrap: balance !important; 85} 86</style> 87<style> 88input:-webkit-autofill, 89input:-webkit-autofill:hover, 90input:-webkit-autofill:focus, 91input:-webkit-autofill:active { 92 transition: background-color 5000s; 93 -webkit-text-fill-color: #000000 !important; 94} 95</style>
96<script src="https://unpkg.com/split-type"></script>
vendor: 1 bytes, line 96
96
97<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
vendor: 1 bytes, line 97
97
98<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 98
98
99<script> 100 window.addEventListener("DOMContentLoaded", (event) => { 101 if(window.innerWidth > 768) { 102 gsap.registerPlugin(ScrollTrigger); 103 104 // Split text into spans by words 105 let typeSplit = new SplitType("[text-split]", { 106 types: "words", 107 tagName: "span" 108 }); 109 110 // Common function to create ScrollTrigger 111 function createScrollTrigger(triggerElement, timeline) { 112 ScrollTrigger.create({ 113 trigger: triggerElement, 114 start: "top 100%", 115 onLeaveBack: () => timeline.progress(0).pause(), 116 }); 117 ScrollTrigger.create({ 118 trigger: triggerElement, 119 start: "top 100%", 120 onEnter: () => timeline.play(), 121 }); 122 } 123 124 // Animate words fading in with smoother transition 125 $("[words-fade-in]").each(function () { 126 let tl = gsap.timeline({ paused: true }) 127 .from($(this).find(".word"), { 128 opacity: 0, 129 y: 20, 130 duration: 0.5, 131 ease: "power3.out", 132 stagger: { 133 each: 0.1, 134 from: "start" 135 } 136 }); 137 createScrollTrigger($(this), tl); 138 }); 139 140 // Animate words sliding in from the down 141 $("[words-slide-from-down]").each(function () { 142 let tl = gsap.timeline({ paused: true }); 143 tl.from($(this).find(".word"), { 144 opacity: 0, 145 y: "1em", 146 duration: 0.6, 147 ease: "power2.out", 148 stagger: { amount: 0.2 } 149 }); 150 createScrollTrigger($(this), tl); 151 }); 152 153 gsap.set("[text-split]", { opacity: 1 }); 154 155 // New code: Apply animation to all '.animate' elements 156 gsap.utils.toArray('.animate').forEach(element => { 157 gsap.fromTo(element, { opacity: 0, scale: 0.5 }, { 158 opacity: 1, scale: 1, duration: 0.2, 159 scrollTrigger: { 160 trigger: element, 161 start: 'top 100%', 162 toggleActions: 'play none none reverse', 163 once: false, 164 } 165 }); 166 }); 167 } 168}); 169 170</script>
170 171 172<style> 173 #hs-eu-policy-wording, #hs-eu-cookie-disclaimer { 174 text-align: center !important; 175 } 176</style> 177
178<script> 179document.addEventListener("DOMContentLoaded", function() { 180 // Only execute the script if the viewport width is 1024px or wider, typically indicating a desktop device 181 if(window.innerWidth >= 1024) { 182 // Function to highlight the current menu item based on URL 183 function highlightCurrentMenuItem() { 184 const currentPath = window.location.pathname; 185 const menuItems = document.querySelectorAll('.navbar_dropdown-menu-item a, .nav-menu a'); // Select all menu and submenu links 186 187 menuItems.forEach(item => { 188 // Check if the item's href attribute matches the current URL path 189 if (currentPath.includes(item.getAttribute('href'))) { 190 item.style.color = '#09f'; // Highlight current menu item 191 192 // Find and highlight the parent menu item 193 let parentMenuItem = findParentMenuItem(item); 194 if (parentMenuItem) { 195 parentMenuItem.style.color = '#09f'; // Highlight parent menu item 196 } 197 } 198 }); 199 } 200 201 // Function to find the parent menu item of a submenu item 202 function findParentMenuItem(submenuItem) { 203 // Traverse up the DOM to find the parent menu item 204 // Adjust the selectors and logic based on your site's structure 205 let currentElement = submenuItem.parentElement; 206 while (currentElement && !currentElement.matches('.nav-menu')) { // Adjust the stopping condition as needed 207 if (currentElement.matches('.navbar_link-block')) { // Check if this is the parent menu item 208 return currentElement.querySelector('.navlinks'); // Adjust if the selector for parent menu items is different 209 } 210 currentElement = currentElement.parentElement; 211 } 212 return null; 213 } 214 215 highlightCurrentMenuItem(); 216 } 217}); 218 219 220</script>
220 221<style> 222a[href^="tel"] { 223 color: inherit !important; 224 text-decoration: none !important; 225 font-size: inherit !important; 226 font-family: inherit !important; 227 font-weight: inherit !important; 228 line-height: inherit !important; 229} 230</style> 231 232 233 234 235<!-- Google tag (gtag.js) Analytics and adwords -->
vendor: 64 bytes, line 235
235 <script async src="https://www.googletagmanager.com/gtag/js?id=
235G-720H958G68
vendor: 12 bytes, line 235
235"></script>
235<script>
vendor: 127 bytes, line 235
235window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
235G-720H958G68
vendor: 4 bytes, line 235
235');
235</script>
235 236 237<!-- End Google Tag Manager --> 238 239 240<!-- Google Tag Manager --> 241
242<script>
vendor: 331 bytes, lines 242-250
242(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 243 244new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 245 246j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 247 248'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 249 250})(window,document,'script','dataLayer','
250GTM-TPQ6ZP3P
vendor: 3 bytes, line 250
250');
250</script>
250 251 252<!-- End Google Tag Manager --> 253 254 255<!-- Microsoft Clarity --> 256
257<script type="text/javascript"> 258 (function(c,l,a,r,i,t,y){ 259 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 260 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 261 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 262 })(window, document, "clarity", "script", "xwju4flc6n"); 263</script>
263 264 265<!-- End Microsoft Clarity --> 266 267<style> 268.modal_component.active { 269display: flex; 270} 271</style> 272 273<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 274 275
276<script> 277(function() { 278 if (window.location.search.includes('_page=')) { 279 var meta = document.createElement('meta'); 280 meta.name = "robots"; 281 meta.content = "noindex, follow"; 282 document.head.appendChild(meta); 283 } 284})(); 285</script>
285 286<meta name="google-site-verification" content="AoVAHyB_nDoC7dub-MJccHQDq-yITSUUWzhEOjyJkio" /> 287<style> 288/* ===== Survey Popup ===== */ 289 290.survey-overlay { 291 display: none; 292 position: fixed; 293 inset: 0; 294 width: 100vw; 295 height: 100vh; 296 justify-content: center; 297 align-items: center; 298 background: rgba(0,0,0,.55); 299 z-index: 999999; 300} 301 302.survey-overlay.show { 303 display: flex !important; 304} 305 306.survey-popup{ 307 position: relative; 308 z-index: 2; 309} 310 311.survey-close{ 312 position:absolute; 313 top:16px; 314 right:16px; 315 width:32px; 316 height:32px; 317 display:flex; 318 align-items:center; 319 justify-content:center; 320 cursor:pointer; 321 font-size:28px; 322 line-height:1; 323 font-weight:600; 324 color:#111; 325 user-select:none; 326} 327</style> 328 329 330 331<!-- ================================ 332 HUBSPOT POPUP START 333================================ --> 334 335<style> 336 /* ---------- POPUP OVERLAY ---------- */ 337 338 #hubspot-popup { 339 display: none; 340 position: fixed; 341 inset: 0; 342 z-index: 99999; 343 344 background: rgba(0, 0, 0, 0.65); 345 346 align-items: center; 347 justify-content: center; 348 349 padding: 20px; 350 351 box-sizing: border-box; 352 } 353 354 #hubspot-popup.active { 355 display: flex; 356 } 357 358 /* ---------- POPUP BOX ---------- */ 359 360 #hubspot-popup-box { 361 position: relative; 362 363 width: 100%; 364 max-width: 680px; 365 max-height: 90vh; 366 367 overflow-y: auto; 368 overflow-x: hidden; 369 370 background: #ffffff; 371 372 border-radius: 16px; 373 374 padding: 45px 40px 40px; 375 376 box-sizing: border-box; 377 378 color: #111111; 379 } 380 381 /* ---------- CLOSE BUTTON ---------- */ 382 383 #hubspot-popup-close { 384 position: absolute; 385 386 top: 12px; 387 right: 15px; 388 389 width: 36px; 390 height: 36px; 391 392 border: none; 393 background: transparent; 394 395 font-size: 30px; 396 line-height: 30px; 397 398 color: #333333; 399 400 cursor: pointer; 401 402 padding: 0; 403 404 z-index: 10; 405 } 406 407 #hubspot-popup-close:hover { 408 color: #000000; 409 } 410 411 /* ========================================= 412 HUBSPOT FORM 413 ========================================= */ 414 415 #hubspot-form { 416 width: 100%; 417 max-width: 100%; 418 419 box-sizing: border-box; 420 421 color: #111111; 422 } 423 424 /* ---------- FORM ---------- */ 425 426 #hubspot-form form { 427 width: 100% !important; 428 max-width: 100% !important; 429 430 margin: 0 !important; 431 padding: 0 !important; 432 433 box-sizing: border-box; 434 } 435 436 /* ---------- FIELDSETS ---------- */ 437 438 #hubspot-form fieldset { 439 width: 100% !important; 440 max-width: none !important; 441 442 margin: 0 0 16px 0 !important; 443 padding: 0 !important; 444 445 border: 0 !important; 446 447 box-sizing: border-box; 448 } 449 450 /* ---------- TWO COLUMN FIELDS ---------- */ 451 452 #hubspot-form fieldset.form-columns-2 { 453 display: flex !important; 454 455 width: 100% !important; 456 max-width: none !important; 457 458 gap: 20px; 459 460 box-sizing: border-box; 461 } 462 463 #hubspot-form fieldset.form-columns-2 .hs-form-field { 464 width: 50% !important; 465 max-width: 50% !important; 466 467 flex: 1 1 0; 468 469 box-sizing: border-box; 470 } 471 472 /* ---------- ONE COLUMN FIELDS ---------- */ 473 474 #hubspot-form fieldset.form-columns-1 .hs-form-field { 475 width: 100% !important; 476 max-width: 100% !important; 477 478 box-sizing: border-box; 479 } 480 481 /* ---------- FIELD WRAPPER ---------- */ 482 483 #hubspot-form .hs-form-field { 484 margin-bottom: 16px !important; 485 486 box-sizing: border-box; 487 } 488 489 /* ========================================= 490 LABELS 491 ========================================= */ 492 493 #hubspot-form label { 494 display: block !important; 495 496 visibility: visible !important; 497 opacity: 1 !important; 498 499 color: #111111 !important; 500 501 font-family: inherit !important; 502 503 font-size: 14px !important; 504 font-weight: 600 !important; 505 506 line-height: 1.4 !important; 507 508 margin: 0 0 7px 0 !important; 509 510 padding: 0 !important; 511 512 text-align: left !important; 513 } 514 515 /* Required star */ 516 517 #hubspot-form .hs-form-required { 518 color: #111111 !important; 519 520 margin-left: 2px; 521 } 522 523 /* ========================================= 524 INPUTS 525 ========================================= */ 526 527 #hubspot-form .hs-input, 528 #hubspot-form input[type='text'], 529 #hubspot-form input[type='email'], 530 #hubspot-form input[type='tel'], 531 #hubspot-form input[type='number'], 532 #hubspot-form input[type='url'], 533 #hubspot-form input[type='password'], 534 #hubspot-form select, 535 #hubspot-form textarea { 536 display: block !important; 537 538 width: 100% !important; 539 max-width: 100% !important; 540 541 min-width: 0 !important; 542 543 height: 44px; 544 545 box-sizing: border-box !important; 546 547 margin: 0 !important; 548 549 padding: 10px 12px !important; 550 551 border: 1px solid #b8b8b8 !important; 552 553 border-radius: 4px !important; 554 555 background: #ffffff !important; 556 557 color: #111111 !important; 558 559 font-family: inherit !important; 560 561 font-size: 14px !important; 562 563 line-height: 1.4 !important; 564 565 outline: none; 566 } 567 568 /* ---------- SELECT ---------- */ 569 570 #hubspot-form select { 571 appearance: auto; 572 573 cursor: pointer; 574 } 575 576 /* ---------- TEXTAREA ---------- */ 577 578 #hubspot-form textarea { 579 height: 110px !important; 580 581 min-height: 110px !important; 582 583 resize: vertical; 584 } 585 586 /* ---------- PLACEHOLDER ---------- */ 587 588 #hubspot-form input::placeholder, 589 #hubspot-form textarea::placeholder { 590 color: #777777 !important; 591 592 opacity: 1 !important; 593 } 594 595 /* ---------- FOCUS ---------- */ 596 597 #hubspot-form .hs-input:focus, 598 #hubspot-form input:focus, 599 #hubspot-form select:focus, 600 #hubspot-form textarea:focus { 601 border-color: #555555 !important; 602 603 box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08); 604 605 outline: none !important; 606 } 607 608 /* ========================================= 609 DESCRIPTION / CONSENT TEXT 610 ========================================= */ 611 612 #hubspot-form .hs-field-desc { 613 color: #555555 !important; 614 615 font-size: 12px !important; 616 617 line-height: 1.5 !important; 618 619 margin-top: 6px !important; 620 } 621 622 /* ========================================= 623 ERROR MESSAGES 624 ========================================= */ 625 626 #hubspot-form .hs-error-msgs { 627 margin: 6px 0 0 0 !important; 628 padding: 0 !important; 629 630 list-style: none !important; 631 } 632 633 #hubspot-form .hs-error-msgs li { 634 color: #d32f2f !important; 635 636 font-size: 12px !important; 637 638 line-height: 1.4 !important; 639 } 640 641 /* ========================================= 642 SUBMIT BUTTON 643 ========================================= */ 644 645 #hubspot-form .hs-submit { 646 margin-top: 10px !important; 647 } 648 649 #hubspot-form .hs-button { 650 display: inline-flex !important; 651 652 align-items: center; 653 justify-content: center; 654 655 min-height: 44px; 656 657 padding: 11px 24px !important; 658 659 border: none !important; 660 661 border-radius: 5px !important; 662 663 background: #111111 !important; 664 665 color: #ffffff !important; 666 667 font-family: inherit !important; 668 669 font-size: 14px !important; 670 font-weight: 600 !important; 671 672 line-height: 1.2 !important; 673 674 cursor: pointer; 675 676 transition: opacity 0.2s ease; 677 } 678 679 #hubspot-form .hs-button:hover { 680 opacity: 0.85; 681 } 682 683 /* ========================================= 684 MOBILE 685 ========================================= */ 686 687 @media screen and (max-width: 600px) { 688 #hubspot-popup { 689 padding: 12px; 690 } 691 692 #hubspot-popup-box { 693 max-height: 92vh; 694 695 padding: 45px 20px 25px; 696 697 border-radius: 12px; 698 } 699 700 /* Stack two-column fields */ 701 702 #hubspot-form fieldset.form-columns-2 { 703 display: block !important; 704 } 705 706 #hubspot-form fieldset.form-columns-2 .hs-form-field { 707 width: 100% !important; 708 max-width: 100% !important; 709 710 margin-bottom: 16px !important; 711 } 712 713 #hubspot-form .hs-input, 714 #hubspot-form input[type='text'], 715 #hubspot-form input[type='email'], 716 #hubspot-form input[type='tel'], 717 #hubspot-form input[type='number'], 718 #hubspot-form input[type='url'], 719 #hubspot-form select, 720 #hubspot-form textarea { 721 width: 100% !important; 722 max-width: 100% !important; 723 } 724 } 725</style> 726 727<!-- ================================ 728 HUBSPOT POPUP END 729================================ --><meta name="robots" content="index, follow"> 730<link rel="alternate" href="https://www.compport.com/solutions/total-rewards-statement" hreflang="x-default" /> 731<link rel="alternate" href="https://www.compport.com/solutions/total-rewards-statement" hreflang="en" /> 732<link rel="alternate" href="https://www.compport.com/pt/solutions/total-rewards-statement" hreflang="pt" /> 733</head><body><div class="global-styles w-embed"><style> 734 735/* Make text look crisper and more legible in all browsers */ 736body { 737 -webkit-font-smoothing: antialiased; 738 -moz-osx-font-smoothing: grayscale; 739 font-smoothing: antialiased; 740 text-rendering: optimizeLegibility; 741} 742 743/* Focus state style for keyboard navigation for the focusable elements */ 744*[tabindex]:focus-visible, 745 input[type="file"]:focus-visible { 746 outline: 0.125rem solid #4d65ff; 747 outline-offset: 0.125rem; 748} 749 750/* Set color style to inherit */ 751.inherit-color * { 752 color: inherit; 753} 754
755/* Get rid of top margin on first element in any rich text element */ 756.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 757 margin-top: 0 !important; 758} 759 760/* Get rid of bottom margin on last element in any rich text element */ 761.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 762 margin-bottom: 0 !important; 763} 764 765 766/* Make sure containers never lose their center alignment */ 767.container-medium,.container-small, .container-large { 768 margin-right: auto !important; 769 margin-left: auto !important; 770} 771 772/* 773Make the following elements inherit typography styles from the parent and not have hardcoded values. 774Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 775Uncomment this CSS to use it in the project. Leave this message for future hand-off. 776*/ 777/* 778a, 779.w-input, 780.w-select, 781.w-tab-link, 782.w-nav-link, 783.w-dropdown-btn, 784.w-dropdown-toggle, 785.w-dropdown-link { 786 color: inherit; 787 text-decoration: inherit; 788 font-size: inherit; 789} 790*/ 791 792/* Apply "..." after 3 lines of text */ 793.text-style-3lines { 794 display: -webkit-box; 795 overflow: hidden; 796 -webkit-line-clamp: 3; 797 -webkit-box-orient: vertical; 798} 799 800/* Apply "..." after 2 lines of text */ 801.text-style-2lines { 802 display: -webkit-box; 803 overflow: hidden; 804 -webkit-line-clamp: 2; 805 -webkit-box-orient: vertical; 806} 807 808/* Adds inline flex display */ 809.display-inlineflex { 810 display: inline-flex; 811} 812 813/* These classes are never overwritten */ 814.hide { 815 display: none !important; 816} 817 818@media screen and (max-width: 991px) { 819 .hide, .hide-tablet { 820 display: none !important; 821 } 822} 823 @media screen and (max-width: 767px) { 824 .hide-mobile-landscape{ 825 display: none !important; 826 } 827} 828 @media screen and (max-width: 479px) { 829 .hide-mobile{ 830 display: none !important; 831 } 832} 833 834.margin-0 { 835 margin: 0rem !important; 836} 837 838.padding-0 { 839 padding: 0rem !important; 840} 841 842.spacing-clean { 843padding: 0rem !important; 844margin: 0rem !important; 845} 846 847.margin-top { 848 margin-right: 0rem !important; 849 margin-bottom: 0rem !important; 850 margin-left: 0rem !important; 851} 852 853.padding-top { 854 padding-right: 0rem !important; 855 padding-bottom: 0rem !important; 856 padding-left: 0rem !important; 857} 858 859.margin-right { 860 margin-top: 0rem !important; 861 margin-bottom: 0rem !important; 862 margin-left: 0rem !important; 863} 864 865.padding-right { 866 padding-top: 0rem !important; 867 padding-bottom: 0rem !important; 868 padding-left: 0rem !important; 869} 870 871.margin-bottom { 872 margin-top: 0rem !important; 873 margin-right: 0rem !important; 874 margin-left: 0rem !important; 875} 876 877.padding-bottom { 878 padding-top: 0rem !important; 879 padding-right: 0rem !important; 880 padding-left: 0rem !important; 881} 882 883.margin-left { 884 margin-top: 0rem !important; 885 margin-right: 0rem !important; 886 margin-bottom: 0rem !important; 887} 888 889.padding-left { 890 padding-top: 0rem !important; 891 padding-right: 0rem !important; 892 padding-bottom: 0rem !important; 893} 894 895.margin-horizontal { 896 margin-top: 0rem !important; 897 margin-bottom: 0rem !important; 898} 899 900.padding-horizontal { 901 padding-top: 0rem !important; 902 padding-bottom: 0rem !important; 903} 904 905.margin-vertical { 906 margin-right: 0rem !important; 907 margin-left: 0rem !important; 908} 909 910.padding-vertical { 911 padding-right: 0rem !important; 912 padding-left: 0rem !important; 913} 914 915@media (max-width: 991px) { 916 [data-hidebr="tablet"] br { 917 display: none; 918 } 919} 920 921@media (max-width: 768px) { 922 [data-hidebr="landscape"] br { 923 display: none; 924 } 925} 926 927@media (max-width: 551px) { 928 [data-hidebr="mobile"] br { 929 display: none; 930 } 931} 932 933.cs-metrics{ 934background: linear-gradient(91.33deg, #D4EEFF -7.28%, #E9FAE9 55.54%, #FFFFFF 98.96%); 935} 936 937.cs-quote::after { 938 content: ""; 939 position: absolute; 940 bottom: 0; 941 right: 0; 942 width: 160px; 943 height: 160px; 944 background: #fff; 945 border-top-left-radius: 2.25rem; 946} 947 948@media (max-width: 768px) { 949 .cs-quote::after { 950 display:none; 951 } 952} 953 954} 955</style></div><div class="font-sizing w-embed"><style> 956.navbar-button{ 957color: white !important; 958} 959 960@media screen and (min-width: 992px) { 961.h1{ 962font-size: clamp(3.5rem, 2.2692rem + 1.9231vw, 4rem)!important; 963} 964 965.heading-style-h1{ 966font-size: clamp(3.5rem, 2.2692rem + 1.9231vw, 4rem)!important; 967} 968 969.h2{ 970font-size: clamp(3rem, 1.7692rem + 1.9231vw, 3.5rem)!important; 971} 972 973.heading-style-h2{ 974font-size: clamp(3rem, 1.7692rem + 1.9231vw, 3.5rem)!important; 975} 976 977.h3{ 978font-size: clamp(2rem, 0.7692rem + 1.9231vw, 2.5rem)!important; 979} 980 981.heading-style-h3{ 982font-size: clamp(2rem, 0.7692rem + 1.9231vw, 2.5rem)!important; 983} 984 985.h4{
986font-size: clamp(1.25rem, 0.6346rem + 0.9615vw, 1.5rem)!important; 987} 988 989.heading-style-h4{ 990font-size: clamp(1.25rem, 0.6346rem + 0.9615vw, 1.5rem)!important; 991} 992 993.h5{ 994font-size: clamp(1.125rem, 0.8173rem + 0.4808vw, 1.25rem)!important; 995} 996 997.heading-style-h5{ 998font-size: clamp(1.125rem, 0.8173rem + 0.4808vw, 1.25rem)!important; 999} 1000 1001} 1002 1003/*heading-font-size*/ 1004 1005@media (min-width: 320px) and (max-width: 767px) { 1006.h1{ 1007font-size: clamp(2rem, 2rem + 0vw, 2rem)!important; 1008} 1009.heading-style-h1{ 1010font-size: clamp(2rem, 2rem + 0vw, 2rem)!important; 1011} 1012.h2{ 1013font-size: clamp(1.75rem, 1.75rem + 0vw, 1.75rem)!important; 1014} 1015.heading-style-h2{ 1016font-size: clamp(1.75rem, 1.75rem + 0vw, 1.75rem)!important; 1017} 1018.h3{ 1019font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem)!important; 1020} 1021.heading-style-h3{ 1022font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem)!important; 1023} 1024.h4{ 1025font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)!important; 1026} 1027.heading-style-h4{ 1028font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)!important; 1029} 1030.h5{ 1031font-size: clamp(1rem, 1rem + 0vw, 1rem)!important; 1032} 1033.heading-style-h5{ 1034font-size: clamp(1rem, 1rem + 0vw, 1rem)!important; 1035} 1036.h6{ 1037font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem)!important; 1038} 1039.heading-style-h6{ 1040font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem)!important; 1041} 1042} 1043 1044@media (min-width: 1440px) { 1045 .hero{ 1046 padding-top: calc(6rem + 4.1875rem)!important; 1047 } 1048} 1049 1050@media (min-width: 992px) and (max-width:1280px) { 1051 .hero{ 1052 padding-top: calc(4rem + 4.1875rem)!important; 1053 } 1054} 1055 1056@media (min-width: 1281px) and (max-width:1439px) { 1057.hero{ 1058 padding-top: calc(5.5rem + 4.1875rem)!important; 1059 } 1060} 1061 1062@media (min-width: 240px) and (max-width: 991px) { 1063 .hero{ 1064 padding-top: calc(6.375rem + 2rem)!important; 1065 } 1066} 1067</style></div><div class="page-wrapper"><div id="w-node-_62cd1c8f-dd16-f9ba-263d-2d81b89a09df-b89a09df" data-wf--navbar--variant="base" data-w-id="62cd1c8f-dd16-f9ba-263d-2d81b89a09df" class="navbar-no-shadow padding-0"><div class="container-large"><div data-animation="over-right" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="spacer-xxsmall"></div><div class="navbar-wrapper"><a href="/" class="navbar-brand w-nav-brand"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65b0eccf0dd669cbbbed97ac_logo.svg" loading="lazy" alt="Compport brand logo" class="nav-logo"/></a><nav role="navigation" class="nav-menu-wrapper w-nav-menu"><div class="nav-sub-wrapper"><ul role="list" class="nav-menu w-list-unstyled"><li class="nav-list"><div data-w-id="e10a1dc3-07a1-8adf-998b-cbc7e30bfc4e" class="navbar_link-block"><div class="nav-wrapper"><div class="navlinks">Solutions</div><div class="navbar_arrow-wrapper"><div class="navbar_arrow w-embed"><svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1068<path d="M6.19141 5.95508L11.7813 0.365234L0.601563 0.365233L6.19141 5.95508Z" fill="currentcolor"/> 1069</svg></div></div></div><div class="navbar_dropdown-menu-wrapper"><div class="navbar_dropdown-pointer"></div><div class="navbar_dropdown-grid"><div id="w-node-_4c38b118-bb98-83b4-f743-4baf06f091e7-b89a09df" class="navbar_dropdown-menu is--left"><a href="/solutions/total-compensation" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Compensation Planning</div></a><div class="liner"></div><a href="/solutions/bonus-management" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Bonus Planning</div></a><div class="liner"></div><a href="/solutions/total-rewards-statement" aria-current="page" class="navbar_dropdown-menu-item w-inline-block w--current"><div class="navbar_dropdown-item-title">Total Rewards Statement</div></a><div class="liner"></div><a href="/solutions/pay-equity-management" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Pay Equity Management</div></a><div class="liner"></div><a href="/solutions/candidate-offer-module" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Candidate Offer Module</div></a><div class="liner"></div><a href="/solutions/long-term-incentives" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Long Term Incentive</div></a><div class="liner"></div><a href="/solutions/sales-incentives-planning" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">
1069Sales Incentives Planning</div></a><div class="liner hide"></div><a href="/solutions/hr-analytics" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">HR Analytics</div></a></div></div></div><div data-w-id="e10a1dc3-07a1-8adf-998b-cbc7e30bfc9e" class="navbar_dropdown-backdrop"></div></div></li><li class="nav-list border"><div data-w-id="8c396478-321d-63f9-1059-c15a67b4d0c9" class="navbar_link-block"><div class="nav-wrapper"><div class="navlinks">Resources</div><div class="navbar_arrow-wrapper"><div class="navbar_arrow w-embed"><svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1070<path d="M6.19141 5.95508L11.7813 0.365234L0.601563 0.365233L6.19141 5.95508Z" fill="currentcolor"/> 1071</svg></div></div></div><div class="navbar_dropdown-menu-wrapper"><div class="navbar_dropdown-pointer"></div><div class="navbar_dropdown-grid"><div id="w-node-_88273533-fcd3-3113-f1a2-482481c94986-b89a09df" class="navbar_dropdown-menu is--left"><a href="/resources/blog" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Blog</div></a><a href="/resources/books-and-reports" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Books & Reports</div></a><a href="https://compport.com/roi-calculator" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">ROI Calculator</div></a><link rel="prefetch" href="https://compport.com/roi-calculator"/><a href="https://cyclereview.compport.com/" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Cycle Review 360</div></a><link rel="prefetch" href="https://cyclereview.compport.com/"/></div></div></div><div data-w-id="8c396478-321d-63f9-1059-c15a67b4d118" class="navbar_dropdown-backdrop"></div></div></li><li class="nav-list padding-bottom-0-5rem"><a href="/resources/customer-stories" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Customer Stories</div></a></li><li class="nav-list is-last"><a href="/compensation-and-coffee" class="navbar_dropdown-menu-item w-inline-block"><div class="navbar_dropdown-item-title">Podcast</div></a></li><li class="mobile-margin-top-10"><div class="nav-button-wrapper"><a aria-label="nav-button" href="/demo-request" class="navbar-button w-button">Book A Demo</a></div></li></ul><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65b0def0b8aba6310e3cc65b_Mask%20group%20(3).avif" loading="lazy" alt="Decorative orbital abstract graphic with circular elements" class="image"/></div></nav><div class="nav-menu-button w-nav-button"><div class="lottie-animation" data-w-id="a53d5803-005d-283b-0e32-f842d0e1c175" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65aa482175c31cd2a6d33442_Animation%20-%201
1071705658305887.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.3333333333333335" data-duration="0" data-loading="eager"></div></div></div><div class="spacer-xxsmall"></div></div></div></div><div class="main-wrapper"><section class="section hero solutions"><div class="container-large"><div class="hero-wrapper flex-align-center"><div class="hero-heading-wrapper flex-align-center"><div class="text-limiter-header-medium"><h1 text-split="" words-fade-in="" class="heading-style-h2 text-align-center">Show your compensation in its full glory</h1></div></div><div class="spacer-medium tab-mobile-styler"></div><a aria-label="button" data-wf--button-book-a-demo--variant="base" href="/demo-request" class="button animate w-button">Book A Demo</a><div class="spacer-xlarge"></div><figure class="image-styler-block animate"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ce427a9ebee42bc81bd965_Total%20Rewards%20Statement%20Final.avif" loading="lazy" alt="Total rewards" class="hero-image width-100"/></figure></div></div><div class="spacer-medium"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="box-wrapper pd-left-right background-color-light-blue border-radius animate"><div class="spacer-section inside-box-pd"></div><div class="item-wrapper flex-align-center"><div class="heading-wrapper limit"><h2 words-slide-from-down="" text-split="" class="h2 text-align-center">Some of the planet's largest companies <span class="display-inlineflex">trust Compport.</span></h2></div><div class="spacer-hugexx"></div><div class="logo-items"><div class="logo-grid _4-col"><figure id="w-node-a0a804af-dd08-9412-b9b0-e2f23c70680c-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/68c15d0646dd7f28808c0578_Virtusa_Logo.svg%20(1)%201.svg" loading="lazy" alt="Virtusa logo" class="client-logo"/></figure><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c70680e-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cdcf414a7f3234a0d0ef77_thyaawnkrupplogo.avif" loading="lazy" alt="Thyssenkrupp brand logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c706810-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cdd3b394287623d0bb5c24_Grant%20thornton.avif" loading="lazy" alt="Grant Thornton brand logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c706812-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cdcede6149e6e6dd2fa22d_pegasus%20logo.avif" loading="lazy" alt="Pegasus Airlines brand logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c706814-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cdd17939e2ff22001d901f_Sbi%20general%20logo.avif" loading="lazy" alt="SBI General Insurance brand logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c706816-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cdd2a64f14ceead518728f_sarrotilogo.avif" loading="lazy" alt="Sari Roti brand logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c706818-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cdd42a81979b6d0bb32f65_security%20bank%20logo.avif" loading="lazy" alt="Security Bank brand logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c70681a-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/68c15d685a0861c0a9877d02_Visteon_logo_(2000-2016)%202%201.svg" loading="lazy" alt="Visteon logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c70681c-3c7067fe" class="logo-styler"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cda8354c9d616b65f0373b_adani-logo.avif" loading="lazy" alt="Adani brand logo" class="client-logo"/></div><div id="w-node-a0a804af-dd08-9412-b9b0-e2f23c70681e-3c7067fe" class="logo-styler last"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65cdd19ea80f1552a73f5c82_tvs%20logo.avif" loading="lazy" alt="TVS brand logo" class="client-logo restrict"/></div></div></div></div><div class="spacer-section inside-box-pd"></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center horizontal planning"><div class="left-wrapper planning animate"><h2 class="h3 desktop-left-tab-center">Give employees a full view of their compensation</h2><div class="spacer-xmedium mobile-styler"></div><div class="text-size-medium text-left-desktop-mobile-center-align">A unified dashboard to see all aspects of their pay â salary, equity, bonuses, benefits and much more. Compport automatically brings data from all your systems into one beautiful dashboard.</div></div><div class="right-wrapper planning animate"><figure class="image-styler-block width-100"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65d49aaff3c72290b3345699_value%20of%20compensation.webp" loading="lazy" alt="Compport value proposition cards outlining key product benef
1071its" class="figure contain"/></figure></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center horizontal planning reverse-tab-mobile"><div class="left-wrapper planning animate"><figure class="image-styler-block width-100 flex-align-center"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ce3eec89836e80fb278047_benefits.svg" loading="lazy" alt="Benefits summary panel showing total benefits value and categories" class="figure contain"/></figure></div><div class="right-wrapper left-align planning animate"><h2 class="h3 desktop-left-tab-center">Showcase your entire bouquet of benefits</h2><div class="spacer-xmedium mobile-styler"></div><div class="text-size-medium text-left-desktop-mobile-center-align">Whether youâre offering health and dental plans, childcare, one-time benefits, or a generous learning budget for your employees â showcase all of it with Compp
1071ort.</div></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center horizontal planning"><div class="left-wrapper planning animate"><h2 class="h3 desktop-left-tab-center">Personalize the experience for each employee</h2><div class="spacer-xmedium mobile-styler"></div><div class="text-size-medium text-left-desktop-mobile-center-align">Configure benefits shown for each employee based on team, grades, location and more.</div></div><div class="right-wrapper planning animate"><figure class="image-styler-block width-100 flex-align-center"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ce3f79c965c9f7db6d3144_world.webp" loading="lazy" alt="Global compensation dashboard with region-wise pay distribution" class="figure contain"/></figure></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center horizontal planning reverse-tab-mobile"><div class="left-wrapper planning animate"><figure class="image-styler-block width-100 flex-align-center"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ce3fe915c051cd5481f430_graph.svg" loading="lazy" alt="Average compensation trend graph showing percentage growth" class="figure contain"/></figure></div><div class="right-wrapper left-align planning animate"><h2 class="h3 desktop-left-tab-center">Show them how theyâve grown</h2><div class="spacer-xmedium mobile-styler"></div><div class="text-size-medium text-left-desktop-mobile-center-align">Use historical performance and reward data to show employees how their compensation and rewards have grown over time.</div></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center horizontal planning"><div class="left-wrapper planning animate"><h2 class="h3 desktop-left-tab-center">Help employees visualise their equity potential</h2><div class="spacer-xmedium mobile-styler"></div><div class="text-size-medium text-left-desktop-mobile-center-align">Help employees keep track of multiple grants and vesting schedules. They can also learn about the growth potential of their equity using our interactive simulator.</div></div><div class="right-wrapper planning animate"><figure class="image-styler-block width-100"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ce4119059b732c3d3bb66a_chart-image.webp" loading="lazy" alt="Performance KPI widget showing payout and achievement metrics" class="figure contain"/></figure></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center horizontal planning reverse-tab-mobile"><div class="left-wrapper planning animate"><figure class="image-styler-block width-100 flex-align-center"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ce414b152974697c22a0aa_total%20image.svg" loading="lazy" alt="Compensation analytics dashboard for reviewing pay equity, budgets, and rewards with transparency" class="figure contain"/></figure></div><div class="right-wrapper left-align planning animate"><h2 class="h3 desktop-left-tab-center">Send automated rewards letters with ease</h2><div class="spacer-xmedium mobile-styler"></div><div class="text-size-medium text-left-desktop-mobile-center-align">Whether youâre offering health and dental plans, childcare, one-time benefits, or a generous learning budget for your employees â showcase  it with Compport.</div></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center horizontal planning"><div class="left-wrapper planning animate"><h2 class="h3 desktop-left-tab-center">Make it your own</h2><div class="spacer-xmedium mobile-styler"></div><div class="text-size-medium text-left-desktop-mobile-center-align">
1071Use simple controls to shape the total rewards hub â Add additional pages to dive deep into specific aspects of compensation like variable pay or incentives, or organize the experience based on your companyâs rewards philosophy.</div></div><div class="right-wrapper planning animate"><figure class="image-styler-block width-100"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ce419296872e94ec48505e_piechart.svg" loading="lazy" alt="Pie chart illustrating compensation component breakdown" class="figure contain"/></figure></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper flex-align-center hide"><div class="image-wrapper flex-align-center"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65ca093c075432eb469b1ebe_star.svg" loading="lazy" alt="Three yellow stars icon representing rating or achievement"/></div><div class="spacer-largex"></div><h2 scrub-each-word="" text-split="" class="h2 text-align-center">Customer testimonials</h2></div><div class="slider-wrapper"><div class="hide w-embed"><style> 1072/* Style for non-active dots */ 1073.w-slider-dot { 1074 background-color: #C5E2FB; /* Color for non-active dots */ 1075 width: 6px; 1076 height: 6px; 1077} 1078 1079/* Style for the active dot */ 1080.w-slider-dot.w-active { 1081 background-color: #0099FF; /* Color for the active dot */ 1082} 1083</style></div><div data-delay="6000" data-animation="slide" class="slider animate w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="mask w-slider-mask"><div class="slide w-slide"><div class="item-wrapper flex-horizontal testimonial-section"><div class="image-wrapper width-height"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65eec03120b1b3b54cb15526_customer-review.avif" loading="lazy" alt="Testimonial Image" class="author-image round-off"/></div><div class="details-wrapper"><div class="text-size-xlarge desktop-left-mobile-center text-weight-semibold">"Compport is the best product in the Rewards ecosystem. They offer loads of different types of compensation plan customizations. Â The platform has an easy UI/UX Â and great screens for managers and leaders."</div><div class="text-wrapper flex-vertical testimonial"><div class="heading-style-h4">Customer Review on Gartner</div><div class="text-size-small text-weight-bold desktop-left-mobile-center"><strong>Customer Review on Gartner</strong></div></div></div></div></div></div><div class="arrow-wrapper w-slider-arrow-left"><div class="arrow-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1084<path d="M12 20.3437L13.41 18.9337L7.83 13.3437L20 13.3438L20 11.3438L7.83 11.3437L13.41 5.75375L12 4.34375L4 12.3437L12 20.3437Z" fill="currentcolor"/> 1085</svg></div></div><div class="arrow-wrapper w-slider-arrow-right"><div class="arrow-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1086<path d="M12 4.34375L10.59 5.75375L16.17 11.3438H4L4 13.3438H16.17L10.59 18.9338L12 20.3438L20 12.3438L12 4.34375Z" fill="currentcolor"/> 1087</svg></div></div><div class="slider-nav is-hide w-slider-nav w-round"></div></div></div></div><div class="spacer-section"></div></section><section class="section"><div class="spacer-section"></div><div class="container-large"><div class="item-wrapper relative"><figure class="box-wrapper blue flex center-max-min-height overflow-hidden"></figure><div class="blue-circle"><div text-split="" words-slide-from-down="" class="text-size-regular text-weight-semibold text-style-allcaps text-color-blue">LETS Talk</div><div class="spacer-small"></div><h2 text-split="" words-slide-from-down="" class="h2 text-align-center">Learn how Compport can help your team</h2><div class="spacer-large"></div><a aria-label="button" data-wf--button-book-a-demo--variant="base" href="/demo-request"
1087class="button animate w-button">Get a demo</a></div></div></div><div class="spacer-section"></div></section><section class="footer"><div class="container-large"><div class="footer-wrapper"><a aria-label="Compport" href="/" class="footer-brand w-inline-block"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65b0eccf0dd669cbbbed97ac_logo.svg" loading="lazy" aria-label="Compport" alt="Compport brand logo" class="footer-logo"/></a><div class="footer-content"><div id="w-node-bb6a7337-6a91-7150-9a14-ed9bea6b8430-ea6b842a" class="footer-block one"><div class="title-small">Solutions</div><a href="/platform/compensation-planning" class="footer-link">Compensation Planning</a><a href="/solutions/bonus-management" class="footer-link">Bonus Planning</a><a href="/solutions/total-rewards-statement" aria-current="page" class="footer-link w--current">Total Rewards Statement</a><a href="/solutions/pay-equity-management" class="footer-link">Pay Equity Management</a><a href="/solutions/candidate-offer-module" class="footer-link">Candidate Offer Module</a><a href="/solutions/long-term-incentives" class="footer-link">Long Term Incentives</a><a href="/solutions/sales-incentives-planning" class="footer-link">Sales Incentives Planning</a><a href="/solutions/hr-analytics" class="footer-link hide">HR Analytics</a></div><div id="w-node-bb6a7337-6a91-7150-9a14-ed9bea6b8443-ea6b842a" class="footer-block is-hide"><div class="title-small">Company</div><a href="#" class="footer-link">Careers</a><a href="#" class="footer-link">Products</a></div><div id="w-node-bb6a7337-6a91-7150-9a14-ed9bea6b844a-ea6b842a" class="footer-block"><div class="title-small">Resources</div><a href="/resources/blog" class="footer-link">Blog</a><a href="/resources/customer-stories" class="footer-link">Customer Stories</a></div><div id="w-node-bb6a7337-6a91-7150-9a14-ed9bea6b8451-ea6b842a" class="footer-block four"><div class="title-small">Legal & Compliance</div><a href="/terms-of-use" class="footer-link">Terms of use</a><a href="/privacy-policy" class="footer-link">Privacy Policy</a><a href="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65c5c454081cb346a261192e_Compport%20and%20GDPR.pdf" target="_blank" class="footer-link">GDPR Compliance</a><a href="/cookie-policy" class="footer-link">Cookies Policy</a></div><div id="w-node-bb6a7337-6a91-7150-9a14-ed9bea6b845c-ea6b842a" class="footer-social"><a aria-label="Facebook" href="https://www.facebook.com/letscompport/" target="_blank" class="footer-social-link w-inline-block"><div aria-label="Facebook" class="social-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1088<path d="M22.2578 12.7982C22.2578 7.24157 17.7807 2.73706 12.2578 2.73706C6.73496 2.73706 2.25781 7.24157 2.25781 12.7982C2.25781 17.8199 5.91465 21.9823 10.6953 22.7371V15.7065H8.15625V12.7982H10.6953V10.5816C10.6953 8.06002 12.1883 6.66718 14.4724 6.66718C15.5666 6.66718 16.7109 6.86369 16.7109 6.86369V9.33967H15.45C14.2078 9.33967 13.8203 10.1153 13.8203 10.911V12.7982H16.5937L16.1504 15.7065H13.8203V22.7371C18.601 21.9823 22.2578 17.8201 22.2578 12.7982Z" fill="currentcolor"/> 1089</svg></div></a><a href="https://www.instagram.com/letscompport/" class="footer-social-link w-inline-block"><div class="social-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 25" fill="none"> 1090 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2578 3.73706H8.25781C5.49639 3.73706 3.25781 5.97564 3.25781 8.73706V16.7371C3.25781 19.4985 5.49639 21.7371 8.25781 21.7371H16.2578C19.0192 21.7371 21.2578 19.4985 21.2578 16.7371V8.73706C21.2578 5.97564 19.0192 3.73706 16.2578 3.73706ZM19.5078 16.7371C19.5023 18.5297 18.0504 19.9816 16.2578 19.9871H8.25781C6.46516 19.9816 5.0133 18.5297 5.00781 16.7371V8.73706C5.0133 6.94441 6.46516 5.49255 8.25781 5.48706H16.2578C18.0504 5.49255 19.5023 6.94441 19.5078 8.73706V16.7371ZM17.0078 8.98706C17.5601 8.98706 18.0078 8.53934 18.0078 7.98706C18.0078 7.43478 17.5601 6.98706 17.0078 6.98706C16.4555 6.98706 16.0078 7.43478 16.0078 7.98706C16.0078 8.53934 16.4555 8.98706 17.0078 8.98706ZM12.2578 8.23706C9.77253 8.23706 7.75781 10.2518 7.75781 12.7371C7.75781 15.2224 9.77253 17.2371 12.2578 17.2371C14.7431 17.2371 16.7578 15.2224 16.7578 12.7371C16.7605 11.5428 16.2872 10.3966 15.4427 9.55214C14.5982 8.70765 13.4521 8.2344 12.2578 8.23706ZM9.50781 12.7371C9.50781 14.2559 10.739 15.4871 12.2578 15.4871C13.7766 15.4871 15.0078 14.2559 15.0078 12.7371C15.0078 11.2183 13.7766 9.98706 12.2578 9.98706C10.739 9.98706 9.50781 11.2183 9.50781 12.7371Z" fill="currentcolor"/> 1091</svg></div></a><a aria-label="twitter" href="https://twitter.com/letscompport" target="_blank" class="footer-social-link w-inline-block"><div aria-label="Twitter" class="social-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
1091ox="0 0 25 25" fill="none"> 1092 <path d="M17.4339 4.73706H20.194L14.1639 11.5145L21.2578 20.7371H15.7034L11.3529 15.1437L6.37504 20.7371H3.61325L10.063 13.4879L3.25781 4.73706H8.95326L12.8857 9.84968L17.4339 4.73706ZM16.4651 19.1125H17.9946L8.12222 6.27634H6.48101L16.4651 19.1125Z" fill="currentcolor"/> 1093</svg></div></a><a aria-label="Linked In" href="https://www.linkedin.com/company/compport/?originalSubdomain=in" target="_blank" class="footer-social-link w-inline-block"><div aria-label="Linked In" class="social-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 25" fill="none"> 1094 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.75781 3.73706C3.92938 3.73706 3.25781 4.40863 3.25781 5.23706V20.2371C3.25781 21.0655 3.92938 21.7371 4.75781 21.7371H19.7578C20.5862 21.7371 21.2578 21.0655 21.2578 20.2371V5.23706C21.2578 4.40863 20.5862 3.73706 19.7578 3.73706H4.75781ZM8.77857 7.73978C8.7842 8.69603 8.06842 9.28525 7.21904 9.28103C6.41888 9.27681 5.72138 8.63978 5.7256 7.74119C5.72982 6.89603 6.39779 6.21681 7.26545 6.2365C8.14576 6.25619 8.7842 6.90166 8.77857 7.73978ZM12.5375 10.4988H10.0175H10.0161V19.0587H12.6795V18.859C12.6795 18.4791 12.6792 18.0991 12.6789 17.719C12.6781 16.7052 12.6772 15.6903 12.6824 14.6768C12.6838 14.4307 12.695 14.1748 12.7583 13.9399C12.9959 13.0624 13.7849 12.4957 14.6652 12.635C15.2305 12.7235 15.6045 13.0512 15.762 13.5842C15.8591 13.9174 15.9027 14.276 15.9069 14.6234C15.9183 15.671 15.9167 16.7186 15.9151 17.7663C15.9145 18.1361 15.9139 18.5061 15.9139 18.8759V19.0573H18.5858V18.852C18.5858 18.4 18.5856 17.9481 18.5853 17.4962C18.5848 16.3667 18.5842 15.2372 18.5872 14.1073C18.5886 13.5968 18.5338 13.0934 18.4086 12.5998C18.2216 11.8657 17.8349 11.2582 17.2063 10.8195C16.7605 10.5073 16.2711 10.3062 15.7241 10.2837C15.6618 10.2811 15.599 10.2777 15.5359 10.2743C15.2562 10.2592 14.9719 10.2438 14.7045 10.2977C13.9395 10.451 13.2674 10.8012 12.7597 11.4185C12.7007 11.4893 12.643 11.5612 12.5569 11.6685L12.5375 11.6928V10.4988ZM5.93945 19.0615H8.59023V10.5044H5.93945V19.0615Z" fill="currentcolor"/> 1095</svg></div></a><a aria-label="Youtube" href="https://www.youtube.com/@TeamCompport" target="_blank" class="footer-social-link w-inline-block"><div aria-label="Youtube" class="social-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 25" fill="none"> 1096 <path d="M21.8511 7.69739C21.7372 7.27479 21.5146 6.8894 21.2055 6.57956C20.8964 6.26972 20.5115 6.04625 20.0891 5.93139C18.5231 5.50139 12.2581 5.49439 12.2581 5.49439C12.2581 5.49439 5.99414 5.48739 4.42714 5.89839C4.00507 6.01854 3.62096 6.24517 3.31171 6.55653C3.00245 6.86788 2.77843 7.25351 2.66114 7.67639C2.24814 9.24239 2.24414 12.4904 2.24414 12.4904C2.24414 12.4904 2.24014 15.7544 2.65014 17.3044C2.88014 18.1614 3.55514 18.8384 4.41314 19.0694C5.99514 19.4994 12.2431 19.5064 12.2431 19.5064C12.2431 19.5064 18.5081 19.5134 20.0741 19.1034C20.4966 18.9887 20.8819 18.7658 21.1918 18.4566C21.5017 18.1474 21.7255 17.7626 21.8411 17.3404C22.2551 15.7754 22.2581 12.5284 22.2581 12.5284C22.2581 12.5284 22.2781 9.26339 21.8511 7.69739ZM10.2541 15.4994L10.2591 9.49939L15.4661 12.5044L10.2541 15.4994Z" fill="currentcolor"/> 1097</svg></div></a></div></div></div><div class="spacer-footer"></div></div></section><section class="sub-footer"><div class="container-large"><div class="footer-sub"><div id="w-node-ad4e663a-7dc1-5116-e774-be87cb67ce47-cb67ce44" class="footer-copyright-text">© <span id="copyright-yr" aria-label="Year" data-year="current" class="year">2024</span> Compport. All rights reserved.</div></div></div></section><div class="cookie-section"><div class="ck-cookie-w"><div fs-cc="banner" class="ck-modal"><a fs-cc="close" href="#" class="ck-modal__exit-btn-2 w-inline-block"><div class="ck__exitbtn__line is--left"></div><div class="ck__exitbtn__line is--right"></div><div class="ck-sr__only">Close Cookie Popup</div></a><div class="ck-modal__content-w is--small"><div class="ck-title is--small">Cookie Settings</div><div class="ck-desc">By clicking âAccept All Cookiesâ, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage and assist in our marketing efforts.</div></div><div class="ck-modal__btns-w is--small"><a fs-cc="allow" href="#" class="ck-button-w w-inline-block"><div class="ck-button__txt">Accept All Cookies</div></a><a fs-cc="open-preferences" href="#" class="ck-button-w is--secondary w-inline-block"><div class="ck-button__txt">Cookie Settings</div></a></div><div class="ck-attr-btn">Made by <a href="https://flinch77.com&ref=cookie-cloneable" target="_blank">Flinch 77</a></div></div></div><a fs-cc="manager" href="#" class="ck-prefmanager-w w-inline-block"><div fs-cc="open-preferences" class="ck-preference__btn"><img src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/65d0cd40f19407ddf6914458_cookie.avif" loading="lazy" alt="cookie" class="ck-preference__icon"/></div></a><div fs-cc="preferences" class="ck-preference-w"><div fs-cc="close" class="ck-preference__bg"></div><div class="ck-preference__scroll-w"><div class="ck-modal"><a fs-cc="close" href="#" class="ck-modal__exit-btn-2 w-inline-block"><div class="ck__exitbtn__line is--left"></div><div class="ck__exitbtn__line is--right"></div><div class="ck-sr__only">Close Cookie Preference Manager</div></a><div class="ck-modal__content-w"><div class="ck-title">Cookie Settings</div><div class="ck-desc">By clicking âAccept All Cookiesâ, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage and assist in our marketing efforts.</div><div class="ck-form-w w-form"><form id="ck-form" name="wf-form-ck-form" data-name="ck-form" method="get" class="ck-form" data-wf-page-id="65ce3b6387589006af03324a" data-wf-element-id="de09df37-8197-8c21-169b-9356c0ba5d64" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="ck-radio-w is--not-allowed w-clearfix"><div class="ck-radio__btn is--checked is--not-allowed"></div><div class="ck-radio__label is--not-allowed">Strictly Necessary (Always Active)</div><div class="ck-radio__desc is--not-allowed">Cookies required to enable basic website functionality.</div></div><label class="w-checkbox ck-radio-w w-clearfix"><div class="w-checkbox-input w-checkbox-input--inputType-custom ck-radio__btn"></div><input type="checkbox" id="fs__marketing-2" name="fs__marketing-2" data-name="Fs Marketing 2" fs-cc-checkbox="marketing" style="opacity:0;position:absolute;z-index:-1"/>
1097<span for="fs__marketing-2" class="ck-radio__label w-form-label">Marketing</span><div class="ck-radio__desc">Cookies used to deliver advertising that is more relevant to you and your interests.</div></label><label class="w-checkbox ck-radio-w w-clearfix"><div class="w-checkbox-input w-checkbox-input--inputType-custom ck-radio__btn"></div><input type="checkbox" id="fs__personalization-2" name="fs__personalization-2" data-name="Fs Personalization 2" fs-cc-checkbox="personalization" style="opacity:0;position:absolute;z-index:-1"/><span for="fs__personalization-2" class="ck-radio__label w-form-label">Personalization<br/></span><div class="ck-radio__desc">Cookies allowing the website to remember choices you make (such as your user name, language, or the region you are in).</div></label><label class="w-checkbox ck-radio-w w-clearfix"><div class="w-checkbox-input w-checkbox-input--inputType-custom ck-radio__btn"></div><input type="checkbox" id="fs__analytics-2" name="fs__analytics-2" data-name="Fs Analytics 2" fs-cc-checkbox="analytics" style="opacity:0;position:absolute;z-index:-1"/><span for="fs__analytics-2" class="ck-radio__label w-form-label">Analytics<br/></span><div class="ck-radio__desc">Cookies helping understand how this website performs, how visitors interact with the site, and whether there may be technical issues.</div></label><div class="ck-modal__btns-w in-pref-manger"><a fs-cc="allow" href="#" class="ck-button-w is--fullwidth w-inline-block"><div class="ck-button__txt">Accept All Cookies</div></a><a fs-cc="submit" href="#" class="ck-button-w is--secondary is--fullwidth w-inline-block"><div class="ck-button__txt">Save Settings</div></a></div></form><div class="w-form-done"><div class="text-block-2">Made by <a href="https://flinch77.com&ref=cookie-cloneable" target="_blank">Flinch 77</a></div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div></div></div></div></div>
1097<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65a7e02f79e170069fc71e08" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1097<script src="https://cdn.prod.website-files.com/65a7e02f79e170069fc71e08/js/webflow.92b252ee.985f5b318a531969.js" type="text/javascript" integrity="sha384-7CG2AqiA9Uyihl4CChLr7pQlZaJuiQmVcxYNONpNzYr17iJXW+m+ldYtbdOuwvMM" crossorigin="anonymous"></script>
1097<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
1097<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
1097<script type="text/javascript">gsap.registerPlugin(ScrollTrigger);</script>
1097<script> 1098 $(document).ready(() => { 1099 let isMenuAlreadyOpen = false; 1100 $('.nav-menu-button').on('click', () => { 1101 $('body').css('overflow', isMenuAlreadyOpen ? 'auto' : 'hidden'); 1102 isMenuAlreadyOpen = !isMenuAlreadyOpen; 1103 }); 1104 }); 1105</script>
1105 1106 1107<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1107-1108
1107 1108<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1108GTM-TPQ6ZP3P
vendor: 86 bytes, line 1108
1108" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
1109<!-- End Google Tag Manager (noscript) --> 1110 1111<!-- Start of HubSpot Embed Code -->
1112<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7859136.js"></script>
1112 1113<!-- End of HubSpot Embed Code --> 1114
1115<script src="https://cdn.jsdelivr.net/gh/atturtlespace-a/solutions-webflow@main/currentyear.js"></script>
1115 1116
1117<script id="superflowToolbarScript" data-sf-platform="other-manual" async src="https://cdn.velt.dev/lib/superflow.js?apiKey=aqJJ0GSyEi3zyeLB17Sm&projectId=6891730088448765"></script>
1117 1118 1119<!--
1119<script> 1120const popup = document.querySelector('.modal_component'); 1121const closeBtn = document.querySelector('.modal_close_button'); 1122const overlay = document.querySelector('.modal_background-overlay'); 1123 1124 1125 1126// Open popup after 35 seconds 1127window.addEventListener('load', () => { 1128 setTimeout(() => { 1129 popup.classList.add('active'); 1130 document.body.style.overflow = 'hidden'; // disable scroll 1131 }, 35000); 1132}); 1133 1134// Close popup 1135closeBtn.addEventListener('click', () => { 1136 popup.classList.remove('active'); 1137 document.body.style.overflow = 'auto'; // enable scroll 1138}); 1139 1140overlay.addEventListener('click', () => { 1141 popup.classList.remove('active'); 1142 document.body.style.overflow = 'auto'; // enable scroll 1143}); 1144 1145</script>
1145 --> 1146 1147<!--
1147<script> 1148const popup = document.querySelector('.modal_component'); 1149const closeBtn = document.querySelector('.modal_close_button'); 1150const overlay = document.querySelector('.modal_background-overlay'); 1151 1152// Get today's date (YYYY-MM-DD) 1153const today = new Date().toISOString().split("T")[0]; 1154 1155// Get stored date 1156const popupClosedDate = localStorage.getItem("popupClosedDate"); 1157 1158// Open popup after 35 seconds ONLY if not closed today 1159window.addEventListener('load', () => { 1160Â Â if (popupClosedDate !== today) { 1161Â Â Â Â setTimeout(() => { 1162Â Â Â Â Â Â popup.classList.add('active'); 1163Â Â Â Â Â Â document.body.style.overflow = 'hidden'; // disable scroll 1164Â Â Â Â }, 35000); 1165Â Â } 1166}); 1167 1168// Function to close popup and save date 1169function closePopup() { 1170Â Â popup.classList.remove('active'); 1171Â Â document.body.style.overflow = 'auto'; // enable scroll 1172Â Â localStorage.setItem("popupClosedDate", today); 1173} 1174 1175// Close popup events 1176closeBtn.addEventListener('click', closePopup); 1177overlay.addEventListener('click', closePopup); 1178</script>
1178 --> 1179
1180<script> 1181 document.addEventListener('DOMContentLoaded', function () { 1182 const overlay = document.querySelector('.survey-overlay'); 1183 const closeBtn = document.querySelector('.survey-close'); 1184 1185 if (!overlay) return; 1186 1187 const today = new Date().toISOString().split('T')[0]; 1188 const popupClosedDate = localStorage.getItem('popupClosedDate'); 1189 1190 if (popupClosedDate !== today) { 1191 window.addEventListener('load', () => { 1192 setTimeout(() => { 1193 overlay.style.display = 'flex'; 1194 document.body.style.overflow = 'hidden'; 1195 }, 3500); 1196 }); 1197 } 1198 1199 function closePopup() { 1200 overlay.style.display = 'none'; 1201 document.body.style.overflow = 'auto'; 1202 localStorage.setItem('popupClosedDate', today); 1203 } 1204 1205 if (closeBtn) { 1206 closeBtn.addEventListener('click', closePopup); 1207 } 1208 1209 overlay.addEventListener('click', function (e) { 1210 if (e.target === overlay) { 1211 closePopup(); 1212 } 1213 }); 1214 }); 1215</script>
1215 1216 1217<!-- ================================ 1218 HUBSPOT POPUP HTML START 1219================================ --> 1220 1221<div id="hubspot-popup"> 1222 <div id="hubspot-popup-box"> 1223 <button id="hubspot-popup-close" type="button" aria-label="Close">×</button> 1224 1225 <div id="hubspot-form"></div> 1226 </div> 1227</div> 1228 1229<!-- ================================ 1230 HUBSPOT SCRIPT 1231================================ --> 1232
1233<script charset="utf-8" type="text/javascript" src="//js-na2.hsforms.net/forms/embed/v2.js"></script>
1233 1234
1235<script> 1236 document.addEventListener('DOMContentLoaded', function () { 1237 /* ===================================== 1238 YOUR WEBFLOW BUTTON IDs 1239 ===================================== */ 1240 1241 const buttonIds = ['book-a-demo-nav', 'book-a-demo-hero', 'book-a-demo-intelligence', 'book-a-demo-purpose', 'book-a-demo-cta']; 1242 1243 /* ===================================== 1244 ELEMENTS 1245 ===================================== */ 1246 1247 const popup = document.getElementById('hubspot-popup'); 1248 1249 const closeButton = document.getElementById('hubspot-popup-close'); 1250 1251 /* ===================================== 1252 CREATE HUBSPOT FORM 1253 ===================================== */ 1254 1255 hbspt.forms.create({ 1256 portalId: '7859136', 1257 1258 formId: '04dabb9d-8238-457d-9a65-e8291ec24525', 1259 1260 region: 'na2', 1261 1262 target: '#hubspot-form', 1263 }); 1264 1265 /* ===================================== 1266 OPEN POPUP 1267 ===================================== */ 1268 1269 buttonIds.forEach(function (id) { 1270 const button = document.getElementById(id); 1271 1272 if (!button) { 1273 return; 1274 } 1275 1276 button.addEventListener('click', function () { 1277 popup.classList.add('active'); 1278 1279 document.body.style.overflow = 'hidden'; 1280 }); 1281 }); 1282 1283 /* ===================================== 1284 CLOSE POPUP 1285 ===================================== */ 1286 1287 function closePopup() { 1288 popup.classList.remove('active'); 1289 1290 document.body.style.overflow = ''; 1291 } 1292 1293 closeButton.addEventListener('click', closePopup); 1294 1295 /* ===================================== 1296 CLICK OUTSIDE 1297 ===================================== */ 1298 1299 popup.addEventListener('click', function (event) { 1300 if (event.target === popup) { 1301 closePopup(); 1302 } 1303 }); 1304 1305 /* ===================================== 1306 ESC KEY 1307 ===================================== */ 1308 1309 document.addEventListener('keydown', function (event) { 1310 if (event.key === 'Escape') { 1311 closePopup(); 1312 } 1313 }); 1314 }); 1315</script>
1315 1316 1317<!-- ================================ 1318 HUBSPOT POPUP SCRIPT END 1319================================ -->
1319<script src="https://hubspotonwebflow.com/assets/js/form-123.js" type="text/javascript" integrity="sha384-YCRYukhnTM/Fak8jqHbuCnczTD/lL5AeWshKlLbtO/JTJBFaJzW5chP13Ig7fvxq" crossorigin="anonymous"></script>
1319</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.