PageSourceSearch

https://compport-dev.webflow.io/solutions/total-rewards-statement

html compport-dev.webflow.io collected 2026-10-03 12:56:13 UTC 69,672 bytes, 1,319 lines download raw bytes

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 &amp; 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&#x27;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">&quot;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.&quot;</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 &amp; 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&amp;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&amp;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">&times;</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.