PageSourceSearch

https://trak-pro.com/solutions

html trak-pro.com collected 2026-09-30 11:10:20 UTC 189,307 bytes, 2,349 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Tue Sep 15 2026 11:46:04 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="wf.trak-pro.com" data-wf-page="6a3ae203a7ad50d4f9f3f0e8" data-wf-site="6a2ceeb6b9cb8d4dd5497b87" lang="en-GB"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Complete Subcontractor Management Solutions | TrakPro</title><link rel="alternate" hrefLang="x-default" href="https://trak-pro.com/solutions"/><link rel="alternate" hrefLang="en-GB" href="https://trak-pro.com/solutions"/><link rel="alternate" hrefLang="en-IE" href="https://trak-pro.com/ie/solutions"/><meta content="Manage payment applications, variations, retention, and compliance in one platform. Replace spreadsheets with complete subcontractor commercial control." name="description"/><meta content="Complete Subcontractor Management Solutions | TrakPro" property="og:title"/><meta content="Manage payment applications, variations, retention, and compliance in one platform. Replace spreadsheets with complete subcontractor commercial control." property="og:description"/><meta content="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bfa8be84abbd10067400a_graph%20image.avif" property="og:image"/><meta content="Complete Subcontractor Management Solutions | TrakPro" name="twitter:title"/><meta content="Manage payment applications, variations, retention, and compliance in one platform. Replace spreadsheets with complete subcontractor commercial control." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bfa8be84abbd10067400a_graph%20image.avif" 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/6a2ceeb6b9cb8d4dd5497b87/css/trak-pro.webflow.shared.32cb05b8a.min.css" rel="stylesheet" type="text/css" integrity="sha384-MssFuKszX5LLGv9cdtnt6g4CP7TogMD3nJmnlDq48FyC1avtyIhxQT5aEp3eoN7R" crossorigin="anonymous"/>
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/6a2ceeb6b9cb8d4dd5497b87/6a4bf9d95a735a9d51687889_white.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bf9ca8e65c02ebb05dc84_black.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bf9d95a735a9d5168788c_white.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bf9e601cd2c2efbee7b66_webclip.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bf9e64d0171be2a950b98_webclip.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bf9e678de50fc0957ca39_webclip.png" rel="icon" type="image/png" sizes="512x512"/><link href="https://trak-pro.com/solutions" rel="canonical"/>
1<script type="application/ld+json">
2{
3  "@context": "https://schema.org",
4  "@type": "WebPage",
5  "name": "Complete Subcontractor Commercial Control",
6  "description": "TrakPro gives contractors complete visibility and control over every subcontractor account from award to final account. Replace fragmented spreadsheets, emails, WhatsApp messages, and paper-based processes with one centralised platform for managing payment applications, variations, dayworks, retention, contra charges, and compliance.",
7  "url": "/solutions",
8  "inLanguage": "en",
9  "mainEntity": {
10    "@type": "SoftwareApplication",
11    "name": "TrakPro",
12    "applicationCategory": "BusinessApplication",
13    "description": "Subcontractor commercial management platform for contractors",
14    "offers": {
15      "@type": "Offer",
16      "availability": "https://schema.org/InStock",
17      "priceCurrency": "USD"
18    },
19    "featureList": [
20      "Award and subcontractor packages",
21      "Payment Applications management",
22      "Variations tracking and management",
23      "Compliance document tracking",
24      "Projected Final Account monitoring",
25      "Final Account management",
26      "Retention Management",
27      "Commercial Forecasting",
28      "Contra Charges management",
29      "Contracts and eSignature",
30      "Audit Trail"
31    ]
32  },
33  "about": {
34    "@type": "Product",
35    "name": "TrakPro Subcontractor Management Platform",
36    "description": "Centralised platform for managing payment applications, variations, dayworks, retention, contra charges, and compliance for construction contractors"
37  },
38  "mainContentOfPage": {
39    "@type": "FAQPage",
40    "mainEntity": [
41      {
42        "@type": "Question",
43        "name": "Do I need to change how we currently manage subcontractors?",
44        "acceptedAnswer": {
45          "@type": "Answer",
46          "text": "No. TrakPro is designed to fit around your existing commercial processes. During implementation, we'll configure the platform to align with how your business manages payment claims, variations, retentions, and contra charges."
47        }
48      },
49      {
50        "@type": "Question",
51        "name": "How long does implementation take?",
52        "acceptedAnswer": {
53          "@type": "Answer",
54          "text": "Implementation timelines vary depending on the size of your business and the number of projects being onboarded. Most customers are up and running within a few weeks, with our team providing support throughout the process."
55        }
56      },
57      {
58        "@type": "Question",
59        "name": "Is training included?",
60        "acceptedAnswer": {
61          "@type": "Answer",
62          "text": "Yes. User onboarding and training are included as part of the TrakPro service. We provide training for both your internal team and subcontractors to ensure everyone can use the platform confidently."
63        }
64      },
65      {
66        "@type": "Question",
67        "name": "Can TrakPro support multiple projects?",
68        "acceptedAnswer": {
69          "@type": "Answer",
70          "text": "Absolutely. TrakPro is designed for contractors managing multiple projects and subcontractors, providing a consistent process and centralised visibility across your portfolio."
71        }
72      },
73      {
74        "@type": "Question",
75        "name": "What support is included?",
76        "acceptedAnswer": {
77          "@type": "Answer",
78          "text": "All onboarding support, implementation assistance, user training, and ongoing customer support are included as part of your subscription. Our team is available to help whenever you need it."
79        }
80      },
81      {
82        "@type": "Question",
83        "name": "How does TrakPro help with compliance?",
84        "acceptedAnswer": {
85          "@type": "Answer",
86          "text": "TrakPro helps contractors manage payment claims, retention reporting, variations, and subcontractor records in a structured and auditable way, reducing the risk of missed information and compliance issues."
87        }
88      },
89      {
90        "@type": "Question",
91        "name": "Can subcontractors submit payment claims through TrakPro?",
92        "acceptedAnswer": {
93          "@type": "Answer",
94          "text": "Yes. Each subcontractor has access to their own secure portal where they can submit payment claims, track progress, and manage supporting documentation, eliminating the need for spreadsheets, emails, and manual data entry."
95        }
96      },
97      {
98        "@type": "Question",
99        "name": "Do subcontractors need to pay to use TrakPro?",
100        "acceptedAnswer": {
101          "@type": "Answer",
102          "text": "No. Subcontractors can access their portal and submit payment claims as part of your TrakPro subscription. No additional software licences are required for subcontractors."
103        }
104      },
105      {
106        "@type": "Question",
107        "name": "How much does TrakPro cost?",
108        "acceptedAnswer": {
109          "@type": "Answer",
110          "text": "Pricing is tailored to your business based on factors such as company size, project volume, and requirements. Contact our team to discuss your needs and receive a personalised quote."
111        }
112      },
113      {
114        "@type": "Question",
115        "name": "Can I use TrakPro to submit our own Payment Application to our client?",
116        "acceptedAnswer": {
117          "@type": "Answer",
118          "text": "Yes, TrakPro is designed to allow you to manage both your subcontractors applications and your own client application."
119        }
120      }
121    ]
122  }
123}
124</script>
124<!-- Google tag (gtag.js) -->
125<script>
126(function () {
127  if (location.hostname.indexOf('webflow.io') !== -1) return; // preskoči staging
128  var s = document.createElement('script');
129  s.async = true;
130  s.src = 'https://www.googletagmanager.com/gtag/js?id=G-ZWV8QX6F88';
131  document.head.appendChild(s);
132  window.dataLayer = window.dataLayer || [];
133  function gtag(){ dataLayer.push(arguments); }
134  window.gtag = gtag;
135  gtag('js', new Date());
136  gtag('config', 'G-ZWV8QX6F88');
137})();
138</script>
138
139
140<!-- [Attributes by Finsweet] Number Count -->
141<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-numbercount@1/numbercount.js"></script>
141
142
143<!-- Finsweet Attributes -->
144<script async type="module"
145src="https://cdn.jsdelivr.net/npm/@finsweet/attributes@2/attributes.js"
146fs-scrolldisable
147></script>
147
148
149<!-- Keep this css code to improve the font quality-->
150<style>
151  * {
152  -webkit-font-smoothing: antialiased;
153  -moz-osx-font-smoothing: grayscale;
154  -o-font-smoothing: antialiased;
155}
156</style>
157
158<style>
159  @media (max-width: 991px) {
160    .navbar1_menu.is-page-height-tablet {
161      height: calc(100svh - 78px) !important;
162    }
163  }
164
165  @media (max-width: 479px) {
166    .navbar1_menu.is-page-height-tablet {
167      height: calc(100svh - 64px) !important;
168    }
169  }
170</style>
171
172<style>
173.tp-select {
174  --tp-color: #F48471;
175  --tp-bg: #FBD5CE;
176  --tp-dot: 18px;
177  --tp-line: 2px;
178  position: relative;
179  background-color: var(--tp-bg);
180  border-radius: 2px;
181  padding: 0 2px;
182  -webkit-box-decoration-break: clone;
183  box-decoration-break: clone;
184}
185.tp-select[data-variant="teal"] {
186  --tp-color: #2ABCB8;
187  --tp-bg: #B6E8E7;
188}
189
190.tp-lolly {
191  position: absolute;
192  width: var(--tp-dot);
193  display: block;
194  opacity: 0;
195  transition: opacity .28s ease .42s;
196  transform: translateX(-50%);
197}
198.tp-lolly.tp-in { opacity: 1; }
199.tp-lolly::after {
200  content: "";
201  position: absolute;
202  left: 50%;
203  width: var(--tp-dot);
204  height: var(--tp-dot);
205  border-radius: 50%;
206  background: var(--tp-color);
207  transform: translateX(-50%);
208  box-shadow: 0 3px 14px 6px rgba(0, 0, 0, 0.10);
209}
210.tp-lolly::before {
211  content: "";
212  position: absolute;
213  left: 50%;
214  width: var(--tp-line);
215  height: 100%;
216  background: var(--tp-color);
217  border-radius: 1px;
218  transform: translateX(-50%);
219}
220.tp-lead::after { bottom: 100%; top: auto; }
221.tp-trail::after { top: 100%; bottom: auto; }
222</style>
223
224<style>
225.arrows-absolute {
226  display: flex;
227  width: max-content;
228  flex-wrap: nowrap;
229  animation: arrows-scroll-cta 100s linear infinite;
230}
231
232.arrows-absolute img {
233  flex-shrink: 0;
234}
235
236@keyframes arrows-scroll-cta {
237  from { transform: translateX(-50%); }
238  to { transform: translateX(0); }
239}
240</style>
241
242<style>
243.button {
244  position: relative;
245  overflow: hidden;
246  isolation: isolate;
247  background: #000644; /* fallback tamna */
248}
249
250.button::before {
251  content: "";
252  position: absolute;
253  inset: 0;
254  z-index: -1;
255  background: linear-gradient(90deg, #000644 0%, #F48471 100%);
256  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
257  transition: clip-path 0.55s cubic-bezier(0.4, 0, 0.2, 1);
258}
259
260.button:hover::before {
261  clip-path: polygon(0 0, 120% 0, 100% 100%, 0 100%);
262}
263</style>
264
265<style>
266  #exit-popup {
267    display: none;
268    opacity: 0;
269    transition: opacity 0.3s ease;
270  }
271  #exit-popup.is-visible {
272    display: flex;
273    opacity: 1;
274  }
275</style>
276
277<style>
278@media screen and (max-width: 767px) {
279  input[type="text"],
280  input[type="email"],
281  input[type="tel"],
282  input[type="number"],
283  input[type="password"],
284  input[type="search"],
285  textarea,
286  select {
287    font-size: 16px !important;
288  }
289}
290</style>
291
292<script type="text/javascript" src="https://app.getterms.io/cookie-consent/embed/1ffb15ed-1fcc-4e47-93eb-11f077139505/en-au"></script>
292
293
294<style>
295.loc-item:has(> .text-size-medium.w--current) {
296  background-color: rgba(0, 0, 0, 0.05);
297}
298</style><style>
299/* sve plave: sakrivene po defaultu */
300.blue-holder-hover{
301  position: absolute;
302  opacity: 0;
303  visibility: hidden;
304  transform: translateY(6px);
305  transition: opacity .25s ease, transform .25s ease;
306  pointer-events: none;
307}
308
309/* DOLE: ispod bele kartice */
310.blue-holder-hover[data-side="down"]{
311  top: 100%;
312  bottom: auto;
313  left: auto;
314  right: auto;
315}
316
317/* GORE: iznad bele kartice; bottom postavlja JS iz data-bottom */
318.blue-holder-hover[data-side="up"]{
319  top: auto;
320  left: auto;
321  right: auto;
322}
323
324/* klasa koju JS dodaje kad treba da se prikaze */
325.blue-holder-hover.is-visible{
326  opacity: 1;
327  visibility: visible;
328  transform: translateY(0);
329  pointer-events: auto;
330}
331</style></head><body><div class="page-wrapper"><div class="global-styles"><div class="style-overrides w-embed"><style>
332
333/* Ensure all elements inherit the color from its parent */
334a,
335.w-input,
336.w-select,
337.w-tab-link,
338.w-nav-link,
339.w-nav-brand,
340.w-dropdown-btn,
341.w-dropdown-toggle,
342.w-slider-arrow-left,
343.w-slider-arrow-right,
344.w-dropdown-link {
345  color: inherit;
346  text-decoration: inherit;
347  font-size: inherit;
348}
349
350/* Focus state style for keyboard navigation for the focusable elements */
351*[tabindex]:focus-visible,
352  input[type="file"]:focus-visible {
353   outline: 0.125rem solid #4d65ff;
354   outline-offset: 0.125rem;
355}
356
357/* Get rid of top margin on first element in any rich text element */
358.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
359  margin-top: 0 !important;
360}
361
362/* Get rid of bottom margin on last element in any rich text element */
363.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
364	margin-bottom: 0 !important;
365}
366
367/* Prevent all click and hover interaction with an element */
368.pointer-events-off {
369	pointer-events: none;
370}
371
372/* Enables all click and hover interaction with an element */
373.pointer-events-on {
374  pointer-events: auto;
375}
376
377/* Create a class of .div-square which maintains a 1:1 dimension of a div */
378.div-square::after {
379	content: "";
380	display: block;
381	padding-bottom: 100%;
382}
383
384/* Make sure containers never lose their center alignment */
385.container-medium,.container-small, .container-large {
386	margin-right: auto !important;
387  margin-left: auto !important;
388}
389
390
391/* Apply "..." after 3 lines of text */
392.text-style-3lines {
393	display: -webkit-box;
394	overflow: hidden;
395	-webkit-line-clamp: 3;
396	-webkit-box-orient: vertical;
397}
398
399/* Apply "..." after 2 lines of text */
400.text-style-2lines {
401	display: -webkit-box;
402	overflow: hidden;
403	-webkit-line-clamp: 2;
404	-webkit-box-orient: vertical;
405}
406
407/* Adds inline flex display */
408.display-inlineflex {
409  display: inline-flex;
410}
411
412/* These classes are never overwritten */
413.hide {
414  display: none !important;
415}
416
417/* Remove default Webflow chevron from form select */
418select{
419  -webkit-appearance:none;
420}
421
422
423@media screen and (max-width: 991px) {
424    .hide, .hide-tablet {
425        display: none !important;
426    }
427}
428  @media screen and (max-width: 767px) {
429    .hide-mobile-landscape{
430      display: none !important;
431    }
432}
433  @media screen and (max-width: 479px) {
434    .hide-mobile{
435      display: none !important;
436    }
437}
438 
439.margin-0 {
440  margin: 0rem !important;
441}
442  
443.padding-0 {
444  padding: 0rem !important;
445}
446
447.spacing-clean {
448padding: 0rem !important;
449margin: 0rem !important;
450}
451
452.margin-top {
453  margin-right: 0rem !important;
454  margin-bottom: 0rem !important;
455  margin-left: 0rem !important;
456}
457
458.padding-top {
459  padding-right: 0rem !important;
460  padding-bottom: 0rem !important;
461  padding-left: 0rem !important;
462}
463  
464.margin-right {
465  margin-top: 0rem !important;
466  margin-bottom: 0rem !important;
467  margin-left: 0rem !important;
468}
469
470.padding-right {
471  padding-top: 0rem !important;
472  padding-bottom: 0rem !important;
473  padding-left: 0rem !important;
474}
475
476.margin-bottom {
477  margin-top: 0rem !important;
478  margin-right: 0rem !important;
479  margin-left: 0rem !important;
480}
481
482.padding-bottom {
483  padding-top: 0rem !important;
484  padding-right: 0rem !important;
485  padding-left: 0rem !important;
486}
487
488.margin-left {
489  margin-top: 0rem !important;
490  margin-right: 0rem !important;
491  margin-bottom: 0rem !important;
492}
493  
494.padding-left {
495  padding-top: 0rem !important;
496  padding-right: 0rem !important;
497  padding-bottom: 0rem !important;
498}
499  
500.margin-horizontal {
501  margin-top: 0rem !important;
502  margin-bottom: 0rem !important;
503}
504
505.padding-horizontal {
506  padding-top: 0rem !important;
507  padding-bottom: 0rem !important;
508}
509
510.margin-vertical {
511  margin-right: 0rem !important;
512  margin-left: 0rem !important;
513}
514  
515.padding-vertical {
516  padding-right: 0rem !important;
517  padding-left: 0rem !important;
518}
519
520/* Apply "..." at 100% width */
521.truncate-width { 
522		width: 100%; 
523    white-space: nowrap; 
524    overflow: hidden; 
525    text-overflow: ellipsis; 
526}
527/* Removes native scrollbar */
528.no-scrollbar {
529    -ms-overflow-style: none;
530    overflow: -moz-scrollbars-none; 
531}
532
533.no-scrollbar::-webkit-scrollbar {
534    display: none;
535}
536</style></div><div class="color-schemes w-embed"><style>
537/* Color Schemes Controls*/
538<meta name="relume-color-schemes" content="false"/>
539
540  .color-scheme-1 {
541/*All sections should point to Color Scheme 1*/
542
543  }
544
545  .color-scheme-2 {
546    --color-scheme-1--text: var(--color-scheme-2--text);
547    --color-scheme-1--background: var(--color-scheme-2--background);
548    --color-scheme-1--foreground: var(--color-scheme-2--foreground);
549    --color-scheme-1--border: var(--color-scheme-2--border);
550    --color-scheme-1--accent: var(--color-scheme-2--accent);
551  }
552
553  .color-scheme-3 {
554    --color-scheme-1--text: var(--color-scheme-3--text);
555    --color-scheme-1--background: var(--color-scheme-3--background);
556    --color-scheme-1--foreground: var(--color-scheme-3--foreground);
557    --color-scheme-1--border: var(--color-scheme-3--border);
558    --color-scheme-1--accent: var(--color-scheme-3--accent);
559  }
560
561  .color-scheme-4 {
562    --color-scheme-1--text: var(--color-scheme-4--text);
563    --color-scheme-1--background: var(--color-scheme-4--background);
564    --color-scheme-1--foreground: var(--color-scheme-4--foreground);
565    --color-scheme-1--border: var(--color-scheme-4--border);
566    --color-scheme-1--accent: var(--color-scheme-4--accent);
567  }
568
569  .color-scheme-5 {
570    --color-scheme-1--text: var(--color-scheme-5--text);
571    --color-scheme-1--background: var(--color-scheme-5--background);
572    --color-scheme-1--foreground: var(--color-scheme-5--foreground);
573    --color-scheme-1--border: var(--color-scheme-5--border);
574    --color-scheme-1--accent: var(--color-scheme-5--accent);
575  }
576
577  .color-scheme-6 {
578    --color-scheme-1--text: var(--color-scheme-6--text);
579    --color-scheme-1--background: var(--color-scheme-6--background);
580    --color-scheme-1--foreground: var(--color-scheme-6--foreground);
581    --color-scheme-1--border: var(--color-scheme-6--border);
582    --color-scheme-1--accent: var(--color-scheme-6--accent);
583  }
584
585  .color-scheme-7 {
586    --color-scheme-1--text: var(--color-scheme-7--text);
587    --color-scheme-1--background: var(--color-scheme-7--background);
588    --color-scheme-1--foreground: var(--color-scheme-7--foreground);
589    --color-scheme-1--border: var(--color-scheme-7--border);
590    --color-scheme-1--accent: var(--color-scheme-7--accent);
591  }
592
593  .color-scheme-8 {
594    --color-scheme-1--text: var(--color-scheme-8--text);
595    --color-scheme-1--background: var(--color-scheme-8--background);
596    --color-scheme-1--foreground: var(--color-scheme-8--foreground);
597    --color-scheme-1--border: var(--color-scheme-8--border);
598    --color-scheme-1--accent: var(--color-scheme-8--accent);
599  }
600
601  .color-scheme-9 {
602    --color-scheme-1--text: var(--color-scheme-9--text);
603    --color-scheme-1--background: var(--color-scheme-9--background);
604    --color-scheme-1--foreground: var(--color-scheme-9--foreground);
605    --color-scheme-1--border: var(--color-scheme-9--border);
606    --color-scheme-1--accent: var(--color-scheme-9--accent);
607  }
608
609  .color-scheme-10 {
610    --color-scheme-1--text: var(--color-scheme-10--text);
611    --color-scheme-1--background: var(--color-scheme-10--background);
612    --color-scheme-1--foreground: var(--color-scheme-10--foreground);
613    --color-scheme-1--border: var(--color-scheme-10--border);
614    --color-scheme-1--accent: var(--color-scheme-10--accent);
615  }
616  
617/* Inherit slider dot colors */
618.w-slider-dot {
619  background-color: var(--color-scheme-1--text);
620  opacity: 0.20;
621}
622
623.w-slider-dot.w-active {
624  background-color: var(--color-scheme-1--text);
625  opacity: 1;
626}
627
628/* Override .w-slider-nav-invert styles */
629.w-slider-nav-invert .w-slider-dot {
630  background-color: var(--color-scheme-1--text) !important;
631  opacity: 0.20 !important;
632}
633
634.w-slider-nav-invert .w-slider-dot.w-active {
635  background-color: var(--color-scheme-1--text) !important;
636  opacity: 1 !important;
637}
638
639</style></div></div><div data-animation="default" class="navbar1_component w-nav" data-easing2="ease" fs-scrolldisable-element="smart-nav" data-easing="ease" data-collapse="medium" data-w-id="7a9e7b56-0968-1278-e26d-5405d546763a" role="banner" data-duration="400"><div class="navbar1_container"><a href="/" class="navbar1_logo-link w-nav-brand"><img loading="lazy" src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4bec70d1f9f0eba8491a7d_Logo%20svg%20(colored).avif" alt="" class="navbar1_logo"/></a><nav role="navigation" class="navbar1_menu is-page-height-tablet w-nav-menu"><div class="tablet-holder"><div class="navbar1_menu-links"><a href="/solutions" aria-current="page" class="navbar1_link margin-mobile-left-0 w-nav-link w--current">Solutions</a><a href="/integrations" class="navbar1_link margin-mobile-left-0 w-nav-link">Integrations</a><a href="/resources" class="navbar1_link margin-mobile-left-0 w-nav-link">Resources</a><a href="/about-us" class="navbar1_link margin-mobile-left-0 w-nav-link">About us</a><a href="/pricing" class="navbar1_link margin-mobile-left-0 w-nav-link">Pricing</a></div><div class="loc-trigger-holder hide-tablet"><div data-hover="true" data-delay="0" aria-label="Select language" data-w-id="cfdc93b2-1a53-b8f1-9d1c-d2e6bbda38a8" class="loc-dropdown w-dropdown"><div class="loc-dropdown-toggle w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a841aa0d8df2ed02af63e1b_uk.png" loading="lazy" alt="" class="loc-image"/><div class="loc-embed-code w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
639ox="0 0 10 6" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
640<path d="M8.59998 0.600006L4.59998 4.60001L0.599976 0.600006" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
641</svg></div></div><nav class="dropdown-list-loc w-dropdown-list"><div class="w-locales-list"><div role="list" class="loc-list w-locales-items"><div role="listitem" class="loc-item w-locales-item"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a841aa0d8df2ed02af63e1b_uk.png" loading="lazy" alt="" class="loc-image"/><a hreflang="en-GB" href="/solutions" aria-current="page" class="text-size-medium text-color-black width-100 w--current">UK English</a></div><div role="listitem" class="loc-item w-locales-item"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a841aa967a8d97927ba4861_image%20291.png" loading="lazy" alt="" class="loc-image"/><a hreflang="en-IE" href="/ie/solutions" class="text-size-medium text-color-black width-100">Ireland</a></div></div></div></nav></div></div><div class="navbar1_menu-buttons"><a href="https://app.trak-pro.com/users/sign_in" class="button hero-integration w-button">Log in</a><a href="/book-a-demo" class="button padding-18 w-button">Book a demo</a></div></div><div class="logo-glass-wrap"><div class="logo-glass-blur"><div class="navbar-footer w-embed"><style>
642.logo-glass-wrap {
643  width: 100%;
644  aspect-ratio: 834 / 175;
645}
646
647.logo-glass-blur {
648  width: 100%;
649  height: 100%;
650  background: rgba(255, 255, 255, 0.2);
651  backdrop-filter: blur(5px);
652  -webkit-backdrop-filter: blur(5px);
653  -webkit-mask: url("https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a3564dc1315bc16026ac2e6_trakpro-logo-mask.svg") left center / contain no-repeat;
654  mask: url("https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a3564dc1315bc16026ac2e6_trakpro-logo-mask.svg") left center / contain no-repeat;
655}
656</style></div></div></div><div class="navbar-image-absolute"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a340c503b5045534340e137_Frame%2011792.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a340c503b5045534340e137_Frame%2011792-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a340c503b5045534340e137_Frame%2011792-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a340c503b5045534340e137_Frame%2011792-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a340c503b5045534340e137_Frame%2011792-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a340c503b5045534340e137_Frame%2011792-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a340c503b5045534340e137_Frame%2011792.avif 2502w" alt="" class="image-navbar"/></div></nav><div class="holder-tablet-hamburger hide-desktop show-tablet"><div class="loc-trigger-holder hide-desktop show-tablet"><div data-hover="false" data-delay="0" data-w-id="aa47dd7b-9474-78aa-18f3-8a2e357a2293" class="loc-dropdown w-dropdown"><div class="loc-dropdown-toggle w-dropdown-toggle"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a841aa0d8df2ed02af63e1b_uk.png" loading="lazy" alt="" class="loc-image"/><div data-w-id="aa47dd7b-9474-78aa-18f3-8a2e357a2296" class="loc-embed-code w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10 6" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
657<path d="M8.59998 0.600006L4.59998 4.60001L0.599976 0.600006" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
658</svg></div></div><nav class="dropdown-list-loc w-dropdown-list"><div class="w-locales-list"><div role="list" class="loc-list w-locales-items"><div role="listitem" class="loc-item w-locales-item"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a841aa0d8df2ed02af63e1b_uk.png" loading="lazy" alt="" class="loc-image"/><a hreflang="en-GB" href="/solutions" aria-current="page" class="text-size-medium text-color-black width-100 w--current">UK English</a></div><div role="listitem" class="loc-item w-locales-item"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a841aa967a8d97927ba4861_image%20291.png" loading="lazy" alt="" class="loc-image"/><a hreflang="en-IE" href="/ie/solutions" class="text-size-medium text-color-black width-100">Ireland</a></div></div></div></nav></div></div><div class="navbar1_menu-button w-nav-button"><div class="menu-icon1"><div class="menu-icon1_line-top"></div><div class="menu-icon1_line-bottom"></div></div></div></div></div></div><div class="main-wrapper"><div class="hero-section-solution tablet-bg mobile-bg"><div class="absolute-holder-hero-solution">
658<div class="holder-1440 hide-tablet"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582.avif" loading="lazy" sizes="(max-width: 4320px) 100vw, 4320px" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582-p-2600.avif 2600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582-p-3200.avif 3200w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a43a80973199eedede33e59_Frame%202147238582.avif 4320w" alt="Curved multicolor arrow line moving horizontally from left to right on a black background." class="line-image"/><div class="card-solution-holder card-1"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
659<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
660<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
661<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
662</svg></div><div class="mw-68"><div data-hover="award" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
663<g clip-path="url(#clip0_921_884)">
664<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
665</g>
666<defs>
667<clipPath id="clip0_921_884">
668<rect width="28" height="28" fill="white"/>
669</clipPath>
670</defs>
671</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Award</div></div></div><div data-bottom="85" data-popup="award" data-side="up" class="blue-holder-hover"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Create subcontractor packages, capture contract information, get subcontracts signed and establish a single source of truth from day one.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
672<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
673</svg></div></div></div></div><div class="card-solution-holder card-2"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
674<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
675<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
676<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
677</svg></div><div class="mw-100"><div data-hover="payment" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
678<g clip-path="url(#clip0_921_884)">
679<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
680</g>
681<defs>
682<clipPath id="clip0_921_884">
683<rect width="28" height="28" fill="white"/>
684</clipPath>
685</defs>
686</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Payment Applications</div></div></div><div data-side="down" data-popup="payment" class="blue-holder-hover"><div class="margin-minus-bottom-4"><div class="triangle-sec-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
686ox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
687<path d="M6.06216 0L12.1243 10.5H-1.33514e-05L6.06216 0Z" fill="currentColor"/>
688</svg></div></div><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Manage payment applications through a structured workflow, giving commercial teams greater visibility and control over every assessment.</div></div></div></div><div class="card-solution-holder card-3"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
689<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
690<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
691<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
692</svg></div><div class="mw-86"><div data-hover="variations" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
693<g clip-path="url(#clip0_921_884)">
694<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
695</g>
696<defs>
697<clipPath id="clip0_921_884">
698<rect width="28" height="28" fill="white"/>
699</clipPath>
700</defs>
701</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Variations</div></div></div><div data-bottom="85" data-popup="variations" data-side="up" class="blue-holder-hover width-206"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Capture, track, and manage variations from submission through to approval. Keep every change visible and ensure additional costs and revenue opportunities are never lost.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
702<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
703</svg></div></div></div></div><div class="card-solution-holder card-4"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
704<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
705<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
706<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
707</svg></div><div class="mw-98"><div data-hover="compliance" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
708<g clip-path="url(#clip0_921_884)">
709<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
710</g>
711<defs>
712<clipPath id="clip0_921_884">
713<rect width="28" height="28" fill="white"/>
714</clipPath>
715</defs>
716</svg></div><div class="text-size-tiny text-weight-medium text-align-center">
716Compliance</div></div></div><div data-bottom="85" data-popup="compliance" data-side="up" class="blue-holder-hover"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Track insurance, licences, compliance documents and performance of subcontractors in one place.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
717<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
718</svg></div></div></div></div><div class="card-solution-holder card-5"><div class="yellow-lolipop-icon text-color-orange w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
719<circle cx="10.5" cy="10.5" r="10" stroke="currentColor"/>
720<path d="M10.75 21V75.0023" stroke="currentColor" stroke-width="2" stroke-dasharray="6 6"/>
721<circle cx="10.5" cy="10.5" r="4.5" fill="currentColor"/>
722</svg></div><div class="mw-108"><div data-hover="projected" class="solution-white-card"><div class="yellow-solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
723<g clip-path="url(#clip0_1232_2677)">
724<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#F48471"/>
725</g>
726<defs>
727<clipPath id="clip0_1232_2677">
728<rect width="28" height="28" fill="white"/>
729</clipPath>
730</defs>
731</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Projected Final Account</div></div></div><div data-bottom="99" data-popup="projected" data-side="up" class="blue-holder-hover width-220"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Monitor the forecast final position of every subcontractor account in real time. Gain early visibility of approved variations, payment claims, retentions, contra charges, and potential overruns before they impact profitability.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
732<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
733</svg></div></div></div></div><div class="card-solution-holder card-6"><div class="yellow-lolipop-icon text-color-orange w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
734<circle cx="10.5" cy="10.5" r="10" stroke="currentColor"/>
735<path d="M10.75 21V75.0023" stroke="currentColor" stroke-width="2" stroke-dasharray="6 6"/>
736<circle cx="10.5" cy="10.5" r="4.5" fill="currentColor"/>
737</svg></div><div class="mw-82"><div data-hover="final" class="solution-white-card"><div class="yellow-solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
738<g clip-path="url(#clip0_1232_2677)">
739<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#F48471"/>
740</g>
741<defs>
742<clipPath id="clip0_1232_2677">
743<rect width="28" height="28" fill="white"/>
744</clipPath>
745</defs>
746</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Final Account</div></div></div><div data-side="down" data-popup="final" class="blue-holder-hover width-198"><div class="margin-minus-bottom-4"><div class="triangle-sec-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
746ox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
747<path d="M6.06216 0L12.1243 10.5H-1.33514e-05L6.06216 0Z" fill="currentColor"/>
748</svg></div></div><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Close out subcontractor accounts with confidence, managing retentions, contra charges, and digitally signed final account agreements from one centralised platform.</div></div></div></div></div><div class="holder-834 hide-mobile-landscape"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4826b23f5b62a40eea097a_Main%20content.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4826b23f5b62a40eea097a_Main%20content-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4826b23f5b62a40eea097a_Main%20content-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4826b23f5b62a40eea097a_Main%20content-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4826b23f5b62a40eea097a_Main%20content-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a4826b23f5b62a40eea097a_Main%20content.avif 2502w" alt="Gradient background blending red, white, and turquoise colors with a soft texture." class="image-hero-solution"/><div class="card-solution-holder card-1"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
749<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
750<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
751<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
752</svg></div><div class="mw-68"><div data-hover="award" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
753<g clip-path="url(#clip0_921_884)">
754<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
755</g>
756<defs>
757<clipPath id="clip0_921_884">
758<rect width="28" height="28" fill="white"/>
759</clipPath>
760</defs>
761</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Award</div></div></div><div data-bottom-t="85" data-popup="award" data-side="up" class="blue-holder-hover"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Create subcontractor packages, capture contract information, get subcontracts signed and establish a single source of truth from day one.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
762<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
763</svg></div></div></div></div><div class="card-solution-holder card-2"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
764<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
765<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
766<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
767</svg></div><div class="mw-100"><div data-hover="payment" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
767ox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
768<g clip-path="url(#clip0_921_884)">
769<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
770</g>
771<defs>
772<clipPath id="clip0_921_884">
773<rect width="28" height="28" fill="white"/>
774</clipPath>
775</defs>
776</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Payment Applications</div></div></div><div data-bottom-t="99" data-popup="payment" data-side="up" class="blue-holder-hover"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Manage payment applications through a structured workflow, giving commercial teams greater visibility and control over every assessment.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
777<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
778</svg></div></div></div></div><div class="card-solution-holder card-3"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
779<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
780<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
781<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
782</svg></div><div class="mw-86"><div data-hover="variations" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
783<g clip-path="url(#clip0_921_884)">
784<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
785</g>
786<defs>
787<clipPath id="clip0_921_884">
788<rect width="28" height="28" fill="white"/>
789</clipPath>
790</defs>
791</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Variations</div></div></div><div data-side="down" data-popup="variations" class="blue-holder-hover width-206"><div class="margin-minus-bottom-4"><div class="triangle-sec-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
792<path d="M6.06216 0L12.1243 10.5H-1.33514e-05L6.06216 0Z" fill="currentColor"/>
793</svg></div></div><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Capture, track, and manage variations from submission through to approval. Keep every change visible and ensure additional costs and revenue opportunities are never lost.</div></div></div></div><div class="card-solution-holder card-4"><div class="lolipop-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
794<circle cx="10.5" cy="10.5" r="10" stroke="#2AD3CE"/>
795<path d="M10.75 21V75.0023" stroke="#2AD3CE" stroke-width="2" stroke-dasharray="6 6"/>
796<circle cx="10.5" cy="10.5" r="4.5" fill="#2ABCB8"/>
797</svg></div><div class="mw-98"><div data-hover="compliance" class="solution-white-card"><div class="solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
797ox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
798<g clip-path="url(#clip0_921_884)">
799<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#2AD3CE"/>
800</g>
801<defs>
802<clipPath id="clip0_921_884">
803<rect width="28" height="28" fill="white"/>
804</clipPath>
805</defs>
806</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Compliance</div></div></div><div data-side="down" data-popup="compliance" class="blue-holder-hover"><div class="margin-minus-bottom-4"><div class="triangle-sec-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
807<path d="M6.06216 0L12.1243 10.5H-1.33514e-05L6.06216 0Z" fill="currentColor"/>
808</svg></div></div><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Track insurance, licences, compliance documents and performance of subcontractors in one place.</div></div></div></div><div class="card-solution-holder card-5"><div class="yellow-lolipop-icon text-color-orange w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
809<circle cx="10.5" cy="10.5" r="10" stroke="currentColor"/>
810<path d="M10.75 21V75.0023" stroke="currentColor" stroke-width="2" stroke-dasharray="6 6"/>
811<circle cx="10.5" cy="10.5" r="4.5" fill="currentColor"/>
812</svg></div><div class="mw-108"><div data-hover="projected" class="solution-white-card"><div class="yellow-solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
813<g clip-path="url(#clip0_1232_2677)">
814<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#F48471"/>
815</g>
816<defs>
817<clipPath id="clip0_1232_2677">
818<rect width="28" height="28" fill="white"/>
819</clipPath>
820</defs>
821</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Projected Final Account</div></div></div><div data-bottom-t="99" data-popup="projected" data-side="up" class="blue-holder-hover width-220"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Monitor the forecast final position of every subcontractor account in real time. Gain early visibility of approved variations, payment claims, retentions, contra charges, and potential overruns before they impact profitability.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
822<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
823</svg></div></div></div></div><div class="card-solution-holder card-6"><div class="yellow-lolipop-icon text-color-orange w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 75" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
824<circle cx="10.5" cy="10.5" r="10" stroke="currentColor"/>
825<path d="M10.75 21V75.0023" stroke="currentColor" stroke-width="2" stroke-dasharray="6 6"/>
826<circle cx="10.5" cy="10.5" r="4.5" fill="currentColor"/>
827</svg></div><div class="mw-82"><div data-hover="final" class="solution-white-card"><div class="yellow-solution-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
827ox="0 0 28 28" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
828<g clip-path="url(#clip0_1232_2677)">
829<path d="M19.0143 9.66933L20.6523 11.3318L13.8938 17.99C13.4423 18.4415 12.8485 18.6667 12.2523 18.6667C11.6562 18.6667 11.0565 18.4392 10.6003 17.9842L7.35467 14.8388L8.97983 13.1623L12.2383 16.3205L19.0143 9.66933ZM28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C21.7198 0 28 6.28017 28 14ZM25.6667 14C25.6667 7.567 20.433 2.33333 14 2.33333C7.567 2.33333 2.33333 7.567 2.33333 14C2.33333 20.433 7.567 25.6667 14 25.6667C20.433 25.6667 25.6667 20.433 25.6667 14Z" fill="#F48471"/>
830</g>
831<defs>
832<clipPath id="clip0_1232_2677">
833<rect width="28" height="28" fill="white"/>
834</clipPath>
835</defs>
836</svg></div><div class="text-size-tiny text-weight-medium text-align-center">Final Account</div></div></div><div data-bottom-t="99" data-popup="final" data-side="up" class="blue-holder-hover width-198"><div class="content-holder-blue"><div class="text-size-tiny text-color-white">Close out subcontractor accounts with confidence, managing retentions, contra charges, and digitally signed final account agreements from one centralised platform.</div></div><div class="margin-minus-top-4"><div class="triangle-icon text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
837<path d="M6.06218 10.5L1.90735e-06 0H12.1244L6.06218 10.5Z" fill="currentColor"/>
838</svg></div></div></div></div></div><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a44149541d3eb0de0792e2b_Group%2047284%201.avif" loading="eager" sizes="(max-width: 2418px) 100vw, 2418px" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a44149541d3eb0de0792e2b_Group%2047284%201-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a44149541d3eb0de0792e2b_Group%2047284%201-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a44149541d3eb0de0792e2b_Group%2047284%201-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a44149541d3eb0de0792e2b_Group%2047284%201-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a44149541d3eb0de0792e2b_Group%2047284%201-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a44149541d3eb0de0792e2b_Group%2047284%201.avif 2418w" alt="Flowchart with steps: Award, Payment Applications, Variations, Compliance, Projected Final Account, Final Account." class="solution-image hide-desktop show-mobile-landscape"/></div><div class="padding-global tablet-32 mobile-16"><div class="container-large container-1200"><div class="padding-section-large hero-solution-padding"><div class="hero-solution-holder z-index-10"><div class="mw-621"><div class="margin-bottom margin-24"><h1 class="heading-style-h1 text-color-nav">Complete Subcontractor Commercial Control</h1></div><div class="margin-bottom margin-12"><div class="text-size-large text-color-gray mobile-16">TrakPro gives contractors complete visibility and control over every subcontractor account from award to final account.</div></div><div class="text-size-large text-color-gray mobile-16">Replace fragmented spreadsheets, emails, WhatsApp messages, and paper-based processes with one centralised platform for managing payment applications, variations, dayworks, retention, contra charges, and compliance.</div></div><div class="hero-solution-button-holder"><a href="/book-a-demo" class="button w-inline-block"><div>Book a demo</div><div class="icon-button-solution w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
839<path d="M13.477 9.16708L9.00698 4.69706L10.1855 3.51855L16.6673 10.0004L10.1855 16.4822L9.00698 15.3037L13.477 10.8337H3.33398V9.16708H13.477Z" fill="currentColor"/>
840</svg></div></a><a href="/integrations#hit" class="button hero-integration w-inline-block"><div>See how it works</div><div class="icon-button-solution-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
840ox="0 0 20 20" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
841<path d="M13.477 9.16708L9.00698 4.69706L10.1855 3.51855L16.6673 10.0004L10.1855 16.4822L9.00698 15.3037L13.477 10.8337H3.33398V9.16708H13.477Z" fill="currentColor"/>
842</svg></div></a></div></div></div></div></div><div class="absolute-grad height-118"></div></div><div class="half-image-section"><div class="padding-global tablet-32 mobile-16"><div class="container-large container-1200"><div class="padding-section-large padding-100 tablet-80 mobile-56"><div class="half-image-holder"><div class="top-holder-mini-faq"><div class="margin-bottom margin-32"><div data-counter="1" class="number-and-line"><div class="number-holder"><div class="text-size-large text-color-gray67">01</div></div><div class="line-grad"></div></div></div><div class="mini-faq-heading-holder"><div class="mw-684"><h2 class="heading-style-h2 text-color-nav">Built for the way contractors manage <span class="tp-select">subcontractors</span></h2></div><div class="mw-457 tablet-none"><div class="text-size-large text-color-gray mobile-18">TrakPro replaces disconnected spreadsheets, emails and manual processes with one commercial platform that gives your team complete visibility and control over every subcontractor account, from award through to final account.</div></div></div></div><div class="half-image-grid"><div class="half-image-div"><div class="holder-in-half-image-div"><h3 class="heading-style-h3 text-color-nav">Without TrakPro</h3><div class="text-size-large text-color-gray mobile-18">Commercial information is spread across spreadsheets, emails and folders. Payment applications, variations, retentions and contra charges are tracked separately, making it difficult to understand the true financial position of each subcontractor.</div></div><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940a31cc01514bdbb3e_Group%202%20(2)%201.avif" loading="lazy" sizes="(max-width: 1119px) 100vw, 1119px" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940a31cc01514bdbb3e_Group%202%20(2)%201-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940a31cc01514bdbb3e_Group%202%20(2)%201-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940a31cc01514bdbb3e_Group%202%20(2)%201.avif 1119w" alt="Abstract graphic of concentric teal circles with a partial white geometric shape inside the innermost circle." class="left-image-grey hide-tablet"/><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd0205095e38ea411ef_Frame%202147238579.avif" loading="lazy" sizes="(max-width: 1119px) 100vw, 1119px" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd0205095e38ea411ef_Frame%202147238579-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd0205095e38ea411ef_Frame%202147238579-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd0205095e38ea411ef_Frame%202147238579.avif 1119w" alt="Partial abstract design with turquoise and black curved lines on a black background." class="tablet-image hide-desktop show-tablet"/></div><div data-w-id="d37b056d-653d-7824-0db6-7debd65fe5dd" style="opacity:0" class="half-image-div right-one"><div class="holder-in-half-image-div"><h3 class="heading-style-h3 text-color-grey">With TrakPro</h3><div class="text-size-large text-color-gray mobile-18">Every subcontractor commercial account is managed in one place. Payment applications, variations, dayworks, retentions and contra charges are connected, giving your team complete visibility from subcontract award through to final account.</div></div><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940b2a818879a4e5d48_Group%202%20(2)%202.avif" loading="lazy" sizes="(max-width: 1311px) 100vw, 1311px" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940b2a818879a4e5d48_Group%202%20(2)%202-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940b2a818879a4e5d48_Group%202%20(2)%202-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940b2a818879a4e5d48_Group%202%20(2)%202-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a412940b2a818879a4e5d48_Group%202%20(2)%202.avif 1311w" alt="Partial view of a turquoise circle with a white geometric house icon on a black background." class="right-image-green hide-tablet"/><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd095fb0b707c80b05d_Group%202%20(2)%203.avif" loading="lazy" sizes="(max-width: 1119px) 100vw, 1119px" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd095fb0b707c80b05d_Group%202%20(2)%203-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd095fb0b707c80b05d_Group%202%20(2)%203-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd095fb0b707c80b05d_Group%202%20(2)%203-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a414fd095fb0b707c80b05d_Group%202%20(2)%203.avif 1119w" alt="Close-up of a blue circular gradient with rough edges on a black background." class="tablet-sec-image hide-desktop show-tablet"/></div></div></div></div></div></div></div><div class="four-grid-setion"><div class="padding-global tablet-32 mobile-16"><div class="container-large container-1200"><div class="padding-section-large padding-150 tablet-120 mobile-80"><div class="four-grid-holder"><div data-w-id="eabea1f5-7622-a10b-d9f7-9c2c87a79074" style="opacity:0" class="top-holder-four-grid"><div class="mw-792"><h2 class="heading-style-h2 text-color-white text-weight-medium text-align-center tablet-align-left">One platform from subcontractor onboarding to final account</h2></div><div class="mw-806"><div class="text-size-large text-color-white text-align-center tablet-align-left mobile-18">Everything your commercial team needs to manage subcontractors in one place. From setting up subcontractors and issuing orders to payment applications, variations, retention, contra charges and final account agreement, TrakPro keeps every stage connected.</div></div></div><div class="bottom-holder-four-grid"><div class="four-grid-div"><h3 data-w-id="64fc5cb1-b098-90d5-ef1e-0cfb8887be25" style="opacity:0" class="heading-style-h4 text-color-white text-weight-medium mobile-24">Subcontractor Setup</h3><div data-w-id="d756a517-44b5-177a-c237-38d1cbde0ba2" style="opacity:0" class="text-size-large text-color-white">Create subcontractor profiles once and manage all commercial information from a single source of truth.</div></div><div class="four-grid-div"><h3 data-w-id="66cf5dac-012f-916e-f42a-6562e81e9622" style="opacity:0" class="heading-style-h4 text-color-white text-weight-medium mobile-24">Subcontract Orders</h3><div data-w-id="66cf5dac-012f-916e-f42a-6562e81e9624" style="opacity:0" class="text-size-large text-color-white">Issue subcontract orders, manage contract values and keep commercial information linked to every project.</div></div><div class="four-grid-div"><h3 data-w-id="87f47cda-91b8-8eff-598e-d6428c8fef4b" style="opacity:0" class="heading-style-h4 text-color-white text-weight-medium mobile-24">Payment Applications</h3><div data-w-id="87f47cda-91b8-8eff-598e-d6428c8fef4d" style="opacity:0" class="text-size-large text-color-white">Receive, assess and certify payment applications digitally with complete visibility and a full audit trail.</div></div><div class="four-grid-div"><h3 data-w-id="6f8fc45c-561a-52e5-ab6a-09a17eef8487" style="opacity:0" class="heading-style-h4 text-color-white text-weight-medium mobile-24">Variations &amp; Dayworks</h3><div data-w-id="6f8fc45c-561a-52e5-ab6a-09a17eef8489" style="opacity:0" class="text-size-large text-color-white">Capture changes as they happen, track approvals and understand their impact on the projected final account.</div></div><div class="four-grid-div"><h3 data-w-id="0fd5c963-d5b9-44b0-5a06-2f9e68dcc799" style="opacity:0" class="heading-style-h4 text-color-white text-weight-medium mobile-24">Retention &amp; Contra Charges</h3><div data-w-id="0fd5c963-d5b9-44b0-5a06-2f9e68dcc79b" style="opacity:0" class="text-size-large text-color-white">Manage retention releases and contra charges alongside every subcontract so nothing is missed.</div></div><div class="four-grid-div"><h3 data-w-id="c2cce741-0693-45fd-7a29-9d9e83bfbdee" style="opacity:0" class="heading-style-h4 text-color-white text-weight-medium mobile-24">Final Account</h3><div data-w-id="c2cce741-0693-45fd-7a29-9d9e83bfbdf0" style="opacity:0" class="text-size-large text-color-white">Track projected final accounts throughout the project and close subcontract accounts with confidence.</div></div></div></div></div></div></div></div><div class="cards-section"><div class="padding-global tablet-32 mobile-16"><div class="container-large container-1200"><div class="padding-section-large padding-100 tablet-80 mobile-56"><div class="cards-section-holder"><div class="top-holder-mini-faq"><div class="margin-bottom margin-32"><div data-counter="1" class="number-and-line"><div class="number-holder"><div class="text-size-large text-color-gray67">02</div></div><div class="line-grad"></div></div></div>
842<div class="mini-faq-heading-holder"><div class="mw-562 tablet-none"><h2 class="heading-style-h2 text-color-nav">Everything You Need to Manage Subcontractor <span data-variant="teal" class="tp-select">Commercial Accounts</span> </h2></div><div class="mw-445 tablet-none"><div class="text-size-large text-color-gray mobile-16">From payment applications and variations to retentions, forecasting and final accounts, TrakPro brings every stage of subcontractor commercial management together in one platform.</div></div></div></div><div data-w-id="e1b41b58-2414-9852-4dfe-619a05081ce8" style="opacity:0" class="cards-holder"><div class="cards-grid-2"><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
843<path d="M7.33333 22.6667C8.4379 22.6667 9.33333 21.7713 9.33333 20.6667C9.33333 19.5622 8.4379 18.6667 7.33333 18.6667C6.22876 18.6667 5.33333 19.5622 5.33333 20.6667C5.33333 21.7713 6.22876 22.6667 7.33333 22.6667Z" fill="currentColor"/>
844<path d="M25.3333 4H6.66667C4.89921 4.00212 3.20474 4.70518 1.95496 5.95496C0.705176 7.20474 0.00211714 8.89921 0 10.6667L0 21.3333C0.00211714 23.1008 0.705176 24.7953 1.95496 26.045C3.20474 27.2948 4.89921 27.9979 6.66667 28H25.3333C27.1008 27.9979 28.7953 27.2948 30.045 26.045C31.2948 24.7953 31.9979 23.1008 32 21.3333V10.6667C31.9979 8.89921 31.2948 7.20474 30.045 5.95496C28.7953 4.70518 27.1008 4.00212 25.3333 4ZM6.66667 6.66667H25.3333C26.3942 6.66667 27.4116 7.08809 28.1618 7.83824C28.9119 8.58839 29.3333 9.6058 29.3333 10.6667H2.66667C2.66667 9.6058 3.08809 8.58839 3.83824 7.83824C4.58839 7.08809 5.6058 6.66667 6.66667 6.66667ZM25.3333 25.3333H6.66667C5.6058 25.3333 4.58839 24.9119 3.83824 24.1618C3.08809 23.4116 2.66667 22.3942 2.66667 21.3333V13.3333H29.3333V21.3333C29.3333 22.3942 28.9119 23.4116 28.1618 24.1618C27.4116 24.9119 26.3942 25.3333 25.3333 25.3333Z" fill="currentColor"/>
845</svg></div></div><div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav">Payment Applications</h3><div class="mw-470"><div class="text-size-large text-color-gray mobile-18">Assess, certify, and manage subcontractor payment applications in one place.</div></div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
846<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
847</svg></div><div class="text-size-large text-color-gray mobile-16">Standardised application process</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
848<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
849</svg></div><div class="text-size-large text-color-gray mobile-16">Full audit trail</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
849ox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
850<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
851</svg></div><div class="text-size-large text-color-gray mobile-16">Reduce overpayments</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
852<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
853</svg></div><div class="text-size-large text-color-gray mobile-16">Faster assessment cycles</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
854<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
855</svg></div><div class="text-size-large text-color-gray mobile-16">Real-time visibility of liabilities</div></div></div></div><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
856<g clip-path="url(#clip0_875_1816)">
857<path d="M24 16C24 11.588 20.412 8 16 8C11.588 8 8 11.588 8 16C8 20.412 11.588 24 16 24C20.412 24 24 20.412 24 16ZM16 21.3333C13.0587 21.3333 10.6667 18.9413 10.6667 16C10.6667 13.0587 13.0587 10.6667 16 10.6667C18.9413 10.6667 21.3333 13.0587 21.3333 16C21.3333 18.9413 18.9413 21.3333 16 21.3333ZM10.6667 30.6667C10.6667 31.404 10.0707 32 9.33333 32H6.66667C2.99067 32 0 29.0093 0 25.3333V22.6667C0 21.9293 0.596 21.3333 1.33333 21.3333C2.07067 21.3333 2.66667 21.9293 2.66667 22.6667V25.3333C2.66667 27.5387 4.46133 29.3333 6.66667 29.3333H9.33333C10.0707 29.3333 10.6667 29.9293 10.6667 30.6667ZM32 22.6667V25.3333C32 29.0093 29.0093 32 25.3333 32H22.6667C21.9293 32 21.3333 31.404 21.3333 30.6667C21.3333 29.9293 21.9293 29.3333 22.6667 29.3333H25.3333C27.5387 29.3333 29.3333 27.5387 29.3333 25.3333V22.6667C29.3333 21.9293 29.9293 21.3333 30.6667 21.3333C31.404 21.3333 32 21.9293 32 22.6667ZM32 6.66667V9.33333C32 10.0707 31.404 10.6667 30.6667 10.6667C29.9293 10.6667 29.3333 10.0707 29.3333 9.33333V6.66667C29.3333 4.46133 27.5387 2.66667 25.3333 2.66667H22.6667C21.9293 2.66667 21.3333 2.07067 21.3333 1.33333C21.3333 0.596 21.9293 0 22.6667 0H25.3333C29.0093 0 32 2.99067 32 6.66667ZM0 9.33333V6.66667C0 2.99067 2.99067 0 6.66667 0H9.33333C10.0707 0 10.6667 0.596 10.6667 1.33333C10.6667 2.07067 10.0707 2.66667 9.33333 2.66667H6.66667C4.46133 2.66667 2.66667 4.46133 2.66667 6.66667V9.33333C2.66667 10.0707 2.07067 10.6667 1.33333 10.6667C0.596 10.6667 0 10.0707 0 9.33333Z" fill="currentColor"/>
858</g>
859<defs>
860<clipPath id="clip0_875_1816">
861<rect width="32" height="32" fill="white"/>
862</clipPath>
863</defs>
864</svg></div></div>
864<div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav">Variations &amp; Dayworks</h3><div class="mw-470"><div class="text-size-large text-color-gray mobile-18">Capture every variation and daywork before it impacts your margin.</div></div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
865<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
866</svg></div><div class="text-size-large text-color-gray mobile-16">Centralised variation management</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
867<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
868</svg></div><div class="text-size-large text-color-gray mobile-16">Approval workflows</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
869<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
870</svg></div><div class="text-size-large text-color-gray mobile-16">Supporting documentation</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
871<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
872</svg></div><div class="text-size-large text-color-gray mobile-16">Forecast cost impacts</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
873<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
874</svg></div><div class="text-size-large text-color-gray mobile-16">Prevent revenue leakage</div></div></div></div></div><div class="cards-grid-3"><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
874ox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
875<g clip-path="url(#clip0_875_1818)">
876<path d="M20 8C20 3.588 16.412 0 12 0C7.58801 0 4.00001 3.588 4.00001 8C4.00001 12.412 7.58801 16 12 16C16.412 16 20 12.412 20 8ZM12 13.3333C9.05867 13.3333 6.66667 10.9413 6.66667 8C6.66667 5.05867 9.05867 2.66667 12 2.66667C14.9413 2.66667 17.3333 5.05867 17.3333 8C17.3333 10.9413 14.9413 13.3333 12 13.3333ZM11.9893 19.9173C12.08 20.648 11.5627 21.3133 10.8307 21.4053C6.17601 21.9867 2.66534 25.9667 2.66534 30.6667C2.66534 31.4027 2.06801 32 1.33201 32C0.596006 32 -0.00132751 31.4027 -0.00132751 30.6667C-0.00132751 24.6253 4.51334 19.5067 10.5 18.76C11.2227 18.668 11.896 19.1867 11.988 19.9187L11.9893 19.9173ZM30.2613 25.5107L28.9627 24.7613C29.184 24.0987 29.3333 23.4027 29.3333 22.6653C29.3333 21.928 29.1853 21.232 28.9627 20.5693L30.2613 19.82C30.8987 19.452 31.1173 18.636 30.7493 17.9987C30.38 17.36 29.5667 17.14 28.928 17.5107L27.6307 18.26C26.6907 17.2013 25.4387 16.4267 24 16.1347V14.6667C24 13.9307 23.4027 13.3333 22.6667 13.3333C21.9307 13.3333 21.3333 13.9307 21.3333 14.6667V16.1347C19.8947 16.428 18.6427 17.2027 17.7027 18.26L16.4053 17.5107C15.7653 17.1413 14.952 17.36 14.584 17.9987C14.216 18.6373 14.4347 19.452 15.072 19.82L16.3707 20.5693C16.1493 21.232 16 21.928 16 22.6653C16 23.4027 16.148 24.0987 16.3707 24.7613L15.072 25.5107C14.4347 25.8787 14.216 26.6947 14.584 27.332C14.832 27.76 15.2787 27.9987 15.74 27.9987C15.9653 27.9987 16.1947 27.9413 16.4053 27.82L17.7027 27.0707C18.6427 28.1293 19.8947 28.904 21.3333 29.196V30.664C21.3333 31.4 21.9307 31.9973 22.6667 31.9973C23.4027 31.9973 24 31.4 24 30.664V29.196C25.4387 28.9027 26.6907 28.128 27.6307 27.0707L28.928 27.82C29.1387 27.9413 29.368 27.9987 29.5933 27.9987C30.0547 27.9987 30.5027 27.76 30.7493 27.332C31.1173 26.6933 30.8987 25.8787 30.2613 25.5107ZM22.6667 26.6653C20.4613 26.6653 18.6667 24.8707 18.6667 22.6653C18.6667 20.46 20.4613 18.6653 22.6667 18.6653C24.872 18.6653 26.6667 20.46 26.6667 22.6653C26.6667 24.8707 24.872 26.6653 22.6667 26.6653Z" fill="currentColor"/>
877</g>
878<defs>
879<clipPath id="clip0_875_1818">
880<rect width="32" height="32" fill="white"/>
881</clipPath>
882</defs>
883</svg></div></div><div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav">Retention Management</h3><div class="mw-470"><div class="text-size-large text-color-gray mobile-18">Track retention accurately throughout the project lifecycle.</div></div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
884<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
885</svg></div><div class="text-size-large text-color-gray mobile-16">Automatic retention calculations</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
886<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
887</svg></div><div class="text-size-large text-color-gray mobile-16">Release tracking</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
887ox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
888<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
889</svg></div><div class="text-size-large text-color-gray mobile-16">Reduce disputes</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
890<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
891</svg></div><div class="text-size-large text-color-gray mobile-16">Improve cashflow forecasting</div></div></div></div><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
892<g clip-path="url(#clip0_953_5941)">
893<path d="M25.3333 2.66667H24V1.33333C24 0.979711 23.8595 0.640573 23.6095 0.390524C23.3594 0.140476 23.0203 0 22.6667 0C22.313 0 21.9739 0.140476 21.7239 0.390524C21.4738 0.640573 21.3333 0.979711 21.3333 1.33333V2.66667H10.6667V1.33333C10.6667 0.979711 10.5262 0.640573 10.2761 0.390524C10.0261 0.140476 9.68696 0 9.33333 0C8.97971 0 8.64057 0.140476 8.39052 0.390524C8.14048 0.640573 8 0.979711 8 1.33333V2.66667H6.66667C4.89921 2.66878 3.20474 3.37184 1.95496 4.62163C0.705176 5.87141 0.00211714 7.56587 0 9.33333L0 25.3333C0.00211714 27.1008 0.705176 28.7953 1.95496 30.045C3.20474 31.2948 4.89921 31.9979 6.66667 32H25.3333C27.1008 31.9979 28.7953 31.2948 30.045 30.045C31.2948 28.7953 31.9979 27.1008 32 25.3333V9.33333C31.9979 7.56587 31.2948 5.87141 30.045 4.62163C28.7953 3.37184 27.1008 2.66878 25.3333 2.66667ZM2.66667 9.33333C2.66667 8.27247 3.08809 7.25505 3.83824 6.50491C4.58839 5.75476 5.6058 5.33333 6.66667 5.33333H25.3333C26.3942 5.33333 27.4116 5.75476 28.1618 6.50491C28.9119 7.25505 29.3333 8.27247 29.3333 9.33333V10.6667H2.66667V9.33333ZM25.3333 29.3333H6.66667C5.6058 29.3333 4.58839 28.9119 3.83824 28.1618C3.08809 27.4116 2.66667 26.3942 2.66667 25.3333V13.3333H29.3333V25.3333C29.3333 26.3942 28.9119 27.4116 28.1618 28.1618C27.4116 28.9119 26.3942 29.3333 25.3333 29.3333Z" fill="currentColor"/>
894<path d="M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z" fill="currentColor"/>
895<path d="M9.33331 22C10.4379 22 11.3333 21.1046 11.3333 20C11.3333 18.8954 10.4379 18 9.33331 18C8.22874 18 7.33331 18.8954 7.33331 20C7.33331 21.1046 8.22874 22 9.33331 22Z" fill="currentColor"/>
896<path d="M22.6667 22C23.7713 22 24.6667 21.1046 24.6667 20C24.6667 18.8954 23.7713 18 22.6667 18C21.5621 18 20.6667 18.8954 20.6667 20C20.6667 21.1046 21.5621 22 22.6667 22Z" fill="currentColor"/>
897</g>
898<defs>
899<clipPath id="clip0_953_5941">
900<rect width="32" height="32" fill="white"/>
901</clipPath>
902</defs>
903</svg></div></div><div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav">Commercial Forecasting</h3><div class="mw-470"><div class="text-size-large text-color-gray mobile-18">Know your true subcontractor exposure at any point in time.</div></div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
903ox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
904<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
905</svg></div><div class="text-size-large text-color-gray mobile-16">Projected final accounts</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
906<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
907</svg></div><div class="text-size-large text-color-gray mobile-16">Live subcontractor liabilities</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
908<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
909</svg></div><div class="text-size-large text-color-gray mobile-16">Cost forecasting</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
910<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
911</svg></div><div class="text-size-large text-color-gray mobile-16">Commercial dashboards</div></div></div></div><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
912<g clip-path="url(#clip0_875_1820)">
913<path d="M16 21.3334C13.0587 21.3334 10.6667 18.9414 10.6667 16.0001C10.6667 13.0588 13.0587 10.6668 16 10.6668C18.9413 10.6668 21.3333 13.0588 21.3333 16.0001C21.3333 18.9414 18.9413 21.3334 16 21.3334ZM16 13.3334C14.5293 13.3334 13.3333 14.5294 13.3333 16.0001C13.3333 17.4708 14.5293 18.6668 16 18.6668C17.4707 18.6668 18.6667 17.4708 18.6667 16.0001C18.6667 14.5294 17.4707 13.3334 16 13.3334ZM6.66667 9.33345C5.93067 9.33345 5.33333 9.93078 5.33333 10.6668C5.33333 11.4028 5.93067 12.0001 6.66667 12.0001C7.40267 12.0001 8 11.4028 8 10.6668C8 9.93078 7.40267 9.33345 6.66667 9.33345ZM24 13.3334C24 14.0694 24.5973 14.6668 25.3333 14.6668C26.0693 14.6668 26.6667 14.0694 26.6667 13.3334C26.6667 12.5974 26.0693 12.0001 25.3333 12.0001C24.5973 12.0001 24 12.5974 24 13.3334ZM6.66667 17.3334C5.93067 17.3334 5.33333 17.9308 5.33333 18.6668C5.33333 19.4028 5.93067 20.0001 6.66667 20.0001C7.40267 20.0001 8 19.4028 8 18.6668C8 17.9308 7.40267 17.3334 6.66667 17.3334ZM24 21.3334C24 22.0694 24.5973 22.6668 25.3333 22.6668C26.0693 22.6668 26.6667 22.0694 26.6667 21.3334C26.6667 20.5974 26.0693 20.0001 25.3333 20.0001C24.5973 20.0001 24 20.5974 24 21.3334ZM22.668 28.0001C20.4813 28.0001 18.0173 27.2961 15.6347 26.6148C13.4293 25.9841 11.148 25.3334 9.33467 25.3334C5.69333 25.3334 1.936 27.0708 1.89733 27.0868L0 27.9748V9.54411C0 8.04011 0.824 6.68011 2.15333 5.99345C3.92 5.08278 6.59733 3.99878 9.33467 3.99878C11.5507 3.99878 13.6893 4.71211 15.756 5.40011C17.7067 6.05078 19.5493 6.66545 21.3333 6.66545C23.1813 6.66545 24.6893 6.18278 25.9013 5.79478C26.304 5.66545 26.6707 5.54811 27.0053 5.46011C28.2027 5.14145 29.452 5.39611 30.43
9136 6.15345C31.4307 6.91878 32.0013 8.07745 32.0013 9.33211V25.7121L31.2187 26.0668C31.044 26.1468 26.908 28.0001 22.668 28.0001ZM9.33467 22.6668C11.5213 22.6668 13.9853 23.3708 16.368 24.0521C18.5747 24.6828 20.8547 25.3334 22.668 25.3334C25.3347 25.3334 28.0413 24.4468 29.3347 23.9574V9.33345C29.3347 8.91211 29.1427 8.52411 28.8093 8.26811C28.62 8.12278 28.22 7.90011 27.6867 8.04011C27.392 8.11878 27.068 8.22278 26.7133 8.33611C25.3987 8.75611 23.596 9.33345 21.3333 9.33345C19.1173 9.33345 16.9787 8.62011 14.912 7.93211C12.9613 7.28145 11.1187 6.66678 9.33467 6.66678C7.016 6.66678 4.60533 7.73078 3.37467 8.36411C2.93733 8.58945 2.66533 9.04145 2.66533 9.54411V23.9201C4.30533 23.3508 6.80267 22.6668 9.33467 22.6668Z" fill="currentColor"/>
914</g>
915<defs>
916<clipPath id="clip0_875_1820">
917<rect width="32" height="32" fill="white"/>
918</clipPath>
919</defs>
920</svg></div></div><div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav">Contra Charges</h3><div class="mw-470"><div class="text-size-large text-color-gray mobile-18">Issue, track, and manage contra charges from one platform.</div></div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
921<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
922</svg></div><div class="text-size-large text-color-gray mobile-16">Full visibility</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
923<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
924</svg></div><div class="text-size-large text-color-gray mobile-16">Supporting evidence</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
925<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
926</svg></div><div class="text-size-large text-color-gray mobile-16">Automated record keeping</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
927<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
928</svg></div><div class="text-size-large text-color-gray mobile-16">Clear subcontractor communication</div></div></div></div></div><div class="cards-grid-2"><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
928ox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
929<g clip-path="url(#clip0_875_1824)">
930<path d="M30.6907 11.7132C29.8973 10.9892 28.8613 10.6305 27.7987 10.6705C26.7267 10.7212 25.74 11.1865 25.0187 11.9785L20.7293 16.6905C19.9947 15.4785 18.6627 14.6652 17.144 14.6652H5.33333C2.392 14.6652 0 17.0572 0 19.9985V26.6652C0 29.6065 2.392 31.9985 5.33333 31.9985H11.9533C15.752 31.9985 19.38 30.3719 21.9093 27.5345L30.9813 17.3519C32.44 15.7159 32.3093 13.1879 30.6907 11.7132ZM28.9907 15.5785L19.9187 25.7625C17.8947 28.0305 14.9933 29.3332 11.9533 29.3332H5.33333C3.86267 29.3332 2.66667 28.1372 2.66667 26.6665V19.9999C2.66667 18.5292 3.86267 17.3332 5.33333 17.3332H17.1427C17.9827 17.3332 18.6667 18.0172 18.6667 18.8572C18.6667 19.6092 18.1053 20.2585 17.36 20.3639L10.4787 21.3465C9.74933 21.4505 9.24267 22.1265 9.34667 22.8559C9.45067 23.5852 10.1253 24.0865 10.856 23.9879L17.7373 23.0052C19.304 22.7812 20.576 21.6892 21.0893 20.2612L26.9907 13.7745C27.2333 13.5092 27.5653 13.3532 27.924 13.3359C28.2827 13.3092 28.628 13.4439 28.8947 13.6865C29.4387 14.1812 29.4813 15.0319 28.9907 15.5812V15.5785ZM12.0013 13.3319V12.4759C12.9507 12.2292 13.804 11.7412 14.4707 11.0612L15.3347 11.5599C15.5453 11.6812 15.7733 11.7385 16 11.7385C16.4613 11.7385 16.9093 11.4985 17.156 11.0719C17.524 10.4332 17.304 9.6172 16.668 9.25054L15.788 8.74254C15.9133 8.29054 16.0013 7.82387 16.0013 7.33187C16.0013 6.83987 15.9133 6.3732 15.788 5.9212L16.668 5.4132C17.3053 5.04654 17.5253 4.2292 17.156 3.59187C16.7867 2.95454 15.972 2.73587 15.3347 3.10387L14.4707 3.60254C13.804 2.92253 12.9507 2.43454 12.0013 2.18787V1.33187C12.0013 0.594535 11.4053 -0.00146484 10.668 -0.00146484C9.93067 -0.00146484 9.33467 0.594535 9.33467 1.33187V2.18787C8.38533 2.43454 7.532 2.92253 6.86533 3.60254L6.00133 3.10387C5.36133 2.7372 4.548 2.95587 4.18 3.59187C3.812 4.23054 4.032 5.04654 4.668 5.4132L5.548 5.9212C5.42267 6.3732 5.33467 6.83987 5.33467 7.33187C5.33467 7.82387 5.42267 8.29054 5.548 8.74254L4.668 9.25054C4.03067 9.6172 3.81067 10.4345 4.18 11.0719C4.428 11.4985 4.87467 11.7385 5.336 11.7385C5.56267 11.7385 5.79067 11.6812 6.00133 11.5599L6.86533 11.0612C7.532 11.7412 8.38533 12.2292 9.33467 12.4759V13.3319C9.33467 14.0692 9.93067 14.6652 10.668 14.6652C11.4053 14.6652 12.0013 14.0692 12.0013 13.3319ZM8.00133 7.33187C8.00133 5.8612 9.19733 4.6652 10.668 4.6652C12.1387 4.6652 13.3347 5.8612 13.3347 7.33187C13.3347 8.80254 12.1387 9.99854 10.668 9.99854C9.19733 9.99854 8.00133 8.80254 8.00133 7.33187Z" fill="currentColor"/>
931</g>
932<defs>
933<clipPath id="clip0_875_1824">
934<rect width="32" height="32" fill="white"/>
935</clipPath>
936</defs>
937</svg></div></div><div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav">Compliance &amp; Audit Trail</h3><div class="mw-470"><div class="text-size-large text-color-gray mobile-18">Stay compliant with payment legislation and maintain complete records.</div></div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
938<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
939</svg></div><div class="text-size-large text-color-gray mobile-16">Secure document storage</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
940<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
941</svg></div><div class="text-size-large text-color-gray mobile-16">Full audit trail</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
941ox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
942<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
943</svg></div><div class="text-size-large text-color-gray mobile-16">Historical tracking</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
944<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
945</svg></div><div class="text-size-large text-color-gray mobile-16">Compliance reporting</div></div></div></div><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
946<g clip-path="url(#clip0_875_1822)">
947<path d="M5.33334 8.00024C4.80768 8.00161 4.28696 7.89874 3.80131 7.69757C3.31566 7.4964 2.87472 7.20092 2.50401 6.82824L0.445341 4.99624C0.181185 4.76072 0.0214054 4.42992 0.0011515 4.0766C-0.0191024 3.72328 0.101828 3.37639 0.337341 3.11224C0.572853 2.84808 0.903655 2.6883 1.25697 2.66805C1.61029 2.64779 1.95719 2.76872 2.22134 3.00424L4.33467 4.88957C4.45566 5.02543 4.60316 5.1351 4.76811 5.21182C4.93306 5.28854 5.11197 5.3307 5.29382 5.3357C5.47567 5.34069 5.65662 5.30842 5.82553 5.24087C5.99445 5.17332 6.14775 5.07192 6.27601 4.9429L11.0813 0.368236C11.3397 0.138196 11.6774 0.0175945 12.0231 0.0319038C12.3687 0.0462132 12.6953 0.194313 12.9338 0.444922C13.1723 0.695532 13.304 1.02903 13.3012 1.37497C13.2984 1.72091 13.1612 2.05222 12.9187 2.2989L8.13334 6.8509C7.76504 7.21706 7.32817 7.50703 6.84773 7.70424C6.36729 7.90145 5.85268 8.00204 5.33334 8.00024ZM32 5.33357C32 4.97995 31.8595 4.64081 31.6095 4.39076C31.3594 4.14071 31.0203 4.00024 30.6667 4.00024H17.3333C16.9797 4.00024 16.6406 4.14071 16.3905 4.39076C16.1405 4.64081 16 4.97995 16 5.33357C16 5.68719 16.1405 6.02633 16.3905 6.27638C16.6406 6.52643 16.9797 6.6669 17.3333 6.6669H30.6667C31.0203 6.6669 31.3594 6.52643 31.6095 6.27638C31.8595 6.02633 32 5.68719 32 5.33357ZM8.13334 17.5176L12.9187 12.9656C13.0522 12.8467 13.1605 12.7021 13.2371 12.5405C13.3136 12.3789 13.3569 12.2035 13.3643 12.0249C13.3717 11.8462 13.3431 11.6679 13.2801 11.5005C13.2172 11.3331 13.1212 11.1801 12.998 11.0505C12.8747 10.921 12.7266 10.8176 12.5625 10.7464C12.3985 10.6753 12.2218 10.6379 12.043 10.6364C11.8641 10.635 11.6869 10.6695 11.5217 10.7379C11.3565 10.8064 11.2067 10.9074 11.0813 11.0349L6.28134 15.6096C6.02752 15.8523 5.68986 15.9877 5.33867 15.9877C4.98749 15.9877 4.64983 15.8523 4.39601 15.6096L2.27601 13.4962C2.02454 13.2534 1.68773 13.119 1.33814 13.122C0.988543 13.125 0.654127 13.2653 0.406916 13.5125C0.159705 13.7597 0.0194798 14.0941 0.016442 14.4437C0.0134041 14.7933 0.147797 15.1301 0.390674 15.3816L2.50401 17.4949C3.25024 18.2413 4.26123 18.6625 5.31667 18.6668C6.37212 18.671 7.38646 18.2579 8.13867 17.5176H8.13334ZM32 16.0002C32 15.6466 31.8595 15.3075 31.6095 15.0574C31.3594 14.8074 31.0203 14.6669 30.6667 14.6669H17.3333C16.9797 14.6669 16.6406 14.8074 16.3905 15.0574C16.1405 15.3075 16 15.6466 16 16.0002C16 16.3539 16.1405 16.693 16.3905 16.943C16.6406 17.1931 16.9797 17.3336 17.3333 17.3336H30.6667C31.0203 17.3336 31.3594 17.1931 31.6095 16.943C31.8595 16.693 32 16.3539 32 16.0002ZM8.13334 28.1842L12.9133 23.6322C13.0469 23.5133 13.1552 23.3688 13.2317 23.2072C13.3083 23.0456 13.3515 22.8702 13.3589 22.6915C13.3663 22.5129 13.3377 22.3345 13.2748 22.1671C13.2119 21.9998 13.1159 21.8467 12.9926 21.7172C12.8693 21.5877 12.7213 21.4842 12.5572 21.4131C12.3931 21.342 12.2164 21.3045 12.0376 21.3031C11.8588 21.3016 11.6815 21.3362 11.5163 21.4046C11.3511 21.4731 11.2014 21.5741 11.076 21.7016L6.27601 26.2762C6.14775 26.4053 5.99445 26.5067 5.82553 26.5742C5.65662 26.6418 5.47567 26.674 5.29382 26.669C5.11197 26.664 4.93306 26.6219 4.76811 26.5452C4.60316 26.4684 4.45566 26.3588 4.33467 26.2229L2.22134 24.3376C1.95719 24.1021 1.61029 23.9811 1.25697 24.0014C0.903655 24.0216 0.572853 24.1814 0.337341 24.4456C0.101828 24.7097 -0.0191024 25.0566 0.0011515 25.4099C0.0214054 25.7633 0.181185 26.0941 0.445341 26.3296L2.50401 28.1616C3.25024 28.908 4.26123 29.3292 5.31667 29.3334C6.37212 29.3377 7.38646 28.9246 8.13867 28.1842H8.13334ZM32 26.6669C32 26.3133 31.8595 25.9741 31.6095 25.7241C31.3594 25.474 31.0203 25.3336 30.6667 25.3336H17.3333C16.9797 25.3336 16.6406 25.474 16.3905 25.7241C16.1405 25.9741 16 26.3133 16 26.6669C16 27.0205 16.1405 27.3597 16.3905 27.6097C16.6406 27.8598 16.9797 28.0002 17.3333 28.0002H30.6667C31.0203 28.0002 31.3594 27.8598 31.6095 27.6097C31.8595 27.3597 32 27.0205 32 26.6669Z" fill="currentColor"/>
948</g>
949<defs>
950<clipPath id="clip0_875_1822">
951<rect width="32" height="32" fill="white"/>
952</clipPath>
953</defs>
954</svg></div></div>
954<div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav">Contracts &amp; eSignature</h3><div class="mw-470"><div class="text-size-large text-color-gray mobile-18">Draft, review, send and sign contracts in one place.</div></div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
955<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
956</svg></div><div class="text-size-large text-color-gray mobile-16">Contracts created in seconds</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
957<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
958</svg></div><div class="text-size-large text-color-gray mobile-16">Auto-populate contract particulars</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
959<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
960</svg></div><div class="text-size-large text-color-gray mobile-16">Contracts eSigned on platform</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
961<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
962</svg></div><div class="text-size-large text-color-gray mobile-16">Contracts stored on platform</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
963<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
964</svg></div><div class="text-size-large text-color-gray mobile-16">Appendixes added on platform</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
964ox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
965<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
966</svg></div><div class="text-size-large text-color-gray mobile-16">Tender documentation stored for review</div></div></div></div></div><div class="cards-grid-2 is-hidden"><div class="card-div"><div class="icon-holder-blue"><div class="icon-embed-small text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
967<g clip-path="url(#clip0_1660_11625)">
968<path d="M30 5.30127H25.8854C25.6217 5.30133 25.364 5.37956 25.1448 5.52607C24.9256 5.67258 24.7547 5.8808 24.6538 6.1244C24.5529 6.368 24.5265 6.63604 24.5779 6.89464C24.6294 7.15325 24.7563 7.3908 24.9427 7.57727L26.3907 9.02527L21.6094 13.8053C21.3553 14.0481 21.0175 14.1836 20.666 14.1836C20.3146 14.1836 19.9768 14.0481 19.7227 13.8053L19.496 13.5773C18.7342 12.8494 17.7211 12.4432 16.6674 12.4432C15.6137 12.4432 14.6006 12.8494 13.8387 13.5773L7.03871 20.3773C6.78817 20.6285 6.64769 20.969 6.64819 21.3238C6.64869 21.6786 6.79013 22.0187 7.04137 22.2693C7.29262 22.5198 7.63311 22.6603 7.98793 22.6598C8.34275 22.6593 8.68283 22.5179 8.93337 22.2666L15.7334 15.4666C15.9873 15.2235 16.3252 15.0878 16.6767 15.0878C17.0282 15.0878 17.3662 15.2235 17.62 15.4666L17.8467 15.6946C18.6089 16.4219 19.6219 16.8277 20.6754 16.8277C21.7289 16.8277 22.7419 16.4219 23.504 15.6946L28.2854 10.9133L29.7334 12.3613C29.9205 12.5447 30.1575 12.6689 30.4147 12.7184C30.672 12.7679 30.9382 12.7405 31.18 12.6397C31.4218 12.5388 31.6285 12.369 31.7743 12.1514C31.9202 11.9337 31.9987 11.6779 32 11.4159V7.30127C32 6.77084 31.7893 6.26213 31.4143 5.88706C31.0392 5.51198 30.5305 5.30127 30 5.30127Z" fill="currentColor"/>
969<path d="M30.6667 29.3013H6.66667C5.6058 29.3013 4.58839 28.8799 3.83824 28.1298C3.08809 27.3796 2.66667 26.3622 2.66667 25.3013V1.33333C2.66667 0.979711 2.52619 0.640573 2.27614 0.390524C2.02609 0.140476 1.68696 0 1.33333 0C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333L0 25.3013C0.00211714 27.0688 0.705176 28.7633 1.95496 30.013C3.20474 31.2628 4.89921 31.9659 6.66667 31.968H30.6667C31.0203 31.968 31.3594 31.8275 31.6095 31.5775C31.8595 31.3274 32 30.9883 32 30.6347C32 30.281 31.8595 29.9419 31.6095 29.6919C31.3594 29.4418 31.0203 29.3013 30.6667 29.3013Z" fill="currentColor"/>
970</g>
971<defs>
972<clipPath id="clip0_1660_11625">
973<rect width="32" height="32" fill="white"/>
974</clipPath>
975</defs>
976</svg></div></div><div class="holder-12-card"><h3 class="heading-style-h3 text-color-nav tablet-40 mobile-24">
976Compliance &amp; Performance</h3><div class="text-size-large text-color-gray mobile-18">Manage subcontractor compliance and performance from a single platform.</div></div><div class="list-holder-card"><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
977<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
978</svg></div><div class="text-size-large text-color-gray mobile-16">Track insurance and compliance documents</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
979<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
980</svg></div><div class="text-size-large text-color-gray mobile-16">Automatic document expiry reminders</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
981<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
982</svg></div><div class="text-size-large text-color-gray mobile-16">Performance scoring matrix</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
983<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
984</svg></div><div class="text-size-large text-color-gray mobile-16">Compare performance across projects</div></div><div class="list-item-card"><div class="icon-everything text-color-blue w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
985<path d="M12 2.96729C6.49 2.96729 2 7.45728 2 12.9673C2 18.4773 6.49 22.9673 12 22.9673C17.51 22.9673 22 18.4773 22 12.9673C22 7.45728 17.51 2.96729 12 2.96729ZM16.78 10.6673L11.11 16.3373C10.97 16.4773 10.78 16.5573 10.58 16.5573C10.38 16.5573 10.19 16.4773 10.05 16.3373L7.22 13.5073C6.93 13.2173 6.93 12.7373 7.22 12.4473C7.51 12.1573 7.99 12.1573 8.28 12.4473L10.58 14.7473L15.72 9.60729C16.01 9.31729 16.49 9.31729 16.78 9.60729C17.07 9.89729 17.07 10.3673 16.78 10.6673Z" fill="currentColor"/>
986</svg></div><div class="text-size-large text-color-gray mobile-16">Select the right subcontractors for future work</div></div></div></div></div></div><div class="button-holder-cards-section"><div id="load-more-btn" class="button"><div>Load more</div></div></div></div></div></div></div></div><div class="faq-section"><div class="padding-global tablet-32 mobile-16"><div class="container-large container-1200"><div class="padding-section-large padding-100 tablet-80 mobile-56"><div class="faq-section-holder"><div class="margin-bottom margin-32"><div data-counter="1" class="number-and-line"><div class="number-holder"><div class="text-size-large text-color-gray67">03</div></div><div class="line-grad"></div></div></div><div class="w-layout-grid grid-two-column"><div class="relative-holder"><div data-w-id="681ee96a-14ff-71db-db20-ab2e22d2cee3" class="faq-left-holder">
986<div class="holder-heading-para"><div class="margin-bottom margin-24 mobile-margin-12"><div class="mw-400 mobile-300"><h2 class="heading-style-h2">Have questions? We&#x27;ve got answers.</h2></div></div><div class="mw-446"><div class="text-size-large text-color-gray mobile-18">Learn more about how TrakPro works, what&#x27;s included, and how quickly your team can get started. If you can&#x27;t find what you&#x27;re looking for, get in touch and we&#x27;ll be happy to help.</div></div></div><div class="margin-top margin-64"><div class="button-holder"><a href="/pricing" class="button w-inline-block"><div>Request Pricing</div><div class="icon-button-faq w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
987<path d="M13.477 9.16708L9.00698 4.69706L10.1855 3.51855L16.6673 10.0004L10.1855 16.4822L9.00698 15.3037L13.477 10.8337H3.33398V9.16708H13.477Z" fill="currentColor"/>
988</svg></div></a></div></div></div></div><div data-w-id="681ee96a-14ff-71db-db20-ab2e22d2cef1" class="faq_outline"><div data-delay="0" data-hover="false" data-w-id="681ee96a-14ff-71db-db20-ab2e22d2cef2" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">Do I need to change how we currently manage subcontractors?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
989<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
990</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">No. TrakPro is designed to fit around your existing commercial processes. During implementation, we&#x27;ll configure the platform to align with how your business manages payment claims, variations, retentions, and contra charges.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">How long does implementation take?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
991<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
992</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">Implementation timelines vary depending on the size of your business and the number of projects being onboarded. Most customers are up and running within a few weeks, with our team providing support throughout the process.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">Is training included?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
993<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
994</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">Yes. User onboarding and training are included as part of the TrakPro service. We provide training for both your internal team and subcontractors to ensure everyone can use the platform confidently.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">Can TrakPro support multiple projects?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
995<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
996</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">
996Absolutely. TrakPro is designed for contractors managing multiple projects and subcontractors, providing a consistent process and centralised visibility across your portfolio.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">What support is included?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
997<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
998</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">All onboarding support, implementation assistance, user training, and ongoing customer support are included as part of your subscription. Our team is available to help whenever you need it.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">How does TrakPro help with compliance?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
999<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
1000</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">TrakPro helps contractors manage payment claims, retention reporting, variations, and subcontractor records in a structured and auditable way, reducing the risk of missed information and compliance issues.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">Can subcontractors submit payment claims through TrakPro?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1001<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
1002</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">Yes. Each subcontractor has access to their own secure portal where they can submit payment claims, track progress, and manage supporting documentation, eliminating the need for spreadsheets, emails, and manual data entry.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">Do subcontractors need to pay to use TrakPro?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1003<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
1004</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">No. Subcontractors can access their portal and submit payment claims as part of your TrakPro subscription. No additional software licences are required for subcontractors.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">How much does TrakPro cost?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1005<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
1006</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">Pricing is tailored to your business based on factors such as company size, project volume, and requirements. Contact our team to discu
1006ss your needs and receive a personalised quote.</p></div></nav></div><div data-delay="0" data-hover="false" class="faq-2 w-dropdown"><div class="faq_title w-dropdown-toggle"><div class="text-size-regular text-weight-medium faq-one">Can I use TrakPro to submit our own Payment Application to our client?</div><div class="faq_icon"><div class="icon-small w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1007<path d="M10.0006 10.9762L14.1254 6.85141L15.3039 8.02992L10.0006 13.3333L4.69727 8.02992L5.87578 6.85141L10.0006 10.9762Z" fill="currentColor"/>
1008</svg></div></div></div><nav class="faq_content-2 w-dropdown-list"><div class="faq_tab-2"><p class="text-size-regular faq-answer">Yes, TrakPro is designed to allow you to manage both your subcontractors applications and your own client application.</p></div></nav></div></div></div></div></div></div></div></div><div class="cta-section"><div class="padding-global tablet-32 mobile-16"><div class="container-large container-1200"><div class="padding-section-large padding-100 tablet-80 mobile-56 mobile-top-0"><div data-w-id="c9a2e009-ae7a-c16b-6f7c-16ff28890029" class="cta-holder"><div class="cta-heading-holder z-index-2"><h2 class="heading-style-h1 text-color-black tablet-64-size mobile-size-32 text-align-center">See TrakPro in Action</h2><div class="mw-524"><div class="text-size-large text-color-gray text-align-center mobile-18">Discover how you can manage payment applications, variations, retentions and contra charges in one platform.</div></div></div><a href="/book-a-demo" class="button z-index-2 w-inline-block"><div>Book a demo</div><div class="icon-cta-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
1009<path d="M13.477 9.16708L9.00698 4.69706L10.1855 3.51855L16.6673 10.0004L10.1855 16.4822L9.00698 15.3037L13.477 10.8337H3.33398V9.16708H13.477Z" fill="currentColor"/>
1010</svg></div></a><div class="absolute-cta"><img loading="lazy" src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content.avif" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content-p-800.avif 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content-p-1080.avif 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content-p-2600.avif 2600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content-p-3200.avif 3200w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a357b77ca0e46e56cd3403f_Footer%20content.avif 3600w" class="cta-bg"/></div><div class="arrows-absolute"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-800.png 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1080.png 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif 3504w" alt="" class="arrows-cta"/><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-800.png 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1080.png 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif 3504w" alt="" class="arrows-cta"/><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-800.png 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1080.png 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif 3504w" alt="" class="arrows-cta"/><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-500.avif 500w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-800.png 800w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1080.png 1080w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-1600.avif 1600w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip-p-2000.avif 2000w, https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a41470f4082e5b152821253_Logo%20strip.avif 3504w" alt="" class="arrows-cta"/></div></div></div></div></div></div></div><div class="footer"><div class="footer-spacer hide-mobile-portrait"></div><div class="footer-wrap"><div class="padding-global tablet-32 mobile-16"><div class="container-large container-1200"><div class="padding-section-medium padding-80 mobile-56"><div class="footer-holder"><div class="heading-and-button-holder"><h2 class="heading-style-h1 text-color-white">Get started</h2><div class="button-footer-holder"><a href="/book-a-demo" class="button is-secondary footer-one w-inline-block"><div>Book a demo</div><div class="icon-footer-white-button w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
1010ox="0 0 20 20" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
1011<path d="M13.477 9.16708L9.00698 4.69706L10.1855 3.51855L16.6673 10.0004L10.1855 16.4822L9.00698 15.3037L13.477 10.8337H3.33398V9.16708H13.477Z" fill="currentColor"/>
1012</svg></div></a><a href="/contact-us" class="button footer-contact w-inline-block"><div>Contact us</div><div class="icon-footer-blue-button w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
1013<path d="M13.477 9.16708L9.00698 4.69706L10.1855 3.51855L16.6673 10.0004L10.1855 16.4822L9.00698 15.3037L13.477 10.8337H3.33398V9.16708H13.477Z" fill="currentColor"/>
1014</svg></div></a></div></div><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a47c78e0fe035d8eecdcfaa_gfds.avif" loading="lazy" alt="" class="bedge-image hide-desktop show-tablet mobile-align-center"/><div class="footer-links-holder"><div class="links-holder"><img src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a47c78e0fe035d8eecdcfaa_gfds.avif" loading="lazy" alt="" class="bedge-image hide-tablet"/><a href="/solutions" aria-current="page" class="text-size-medium text-color-white mobile-18 hover-footer w--current">Solutions</a><a href="/integrations" class="text-size-medium text-color-white mobile-18 hover-footer">Integrations</a><a href="/resources" class="text-size-medium text-color-white mobile-18 hover-footer">Resources</a><a href="/about-us" class="text-size-medium text-color-white mobile-18 hover-footer">About us</a><a href="/pricing" class="text-size-medium text-color-white mobile-18 hover-footer">Pricing</a></div><div class="line-footer"></div><div class="links-holder reverse"><div class="text-size-medium text-color-white mobile-18">© TrakPro. All Rights Reserved 2026</div><div class="legal-div"><a href="/terms-of-service" class="text-size-medium text-color-white mobile-18 hover-footer">Terms</a><a href="/privacy-policy" class="text-size-medium text-color-white mobile-18 hover-footer">Privacy</a></div></div></div><a href="/" class="svg-footer-holder w-inline-block"><div class="big-logo-footer-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1200 252" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
1015<g opacity="0.3" clip-path="url(#clip0_508_574)">
1016<path d="M190.291 89.1238L120.065 48.3281V251.456H190.291V89.1238Z" fill="#F48471"/>
1017<path d="M104.207 117.799V48.3281H43.662L0 117.799H104.207Z" fill="#F48471"/>
1018<path d="M206.291 79.8544L135.922 39.3609L206.291 0L276.376 39.3609V119.782L206.291 160.842V79.8544Z" fill="#2ABCB8"/>
1019<path d="M484.895 48.1187V72.937H444.061V201.421H413.326V72.937H372.492V48.1187H484.895Z" fill="white"/>
1020<path d="M535.86 98.6341C539.811 92.1916 544.935 87.1401 551.228 83.4796C557.668 79.8191 564.985 77.9888 573.181 77.9888V110.275H565.059C555.399 110.275 548.081 112.544 543.105 117.084C538.276 121.622 535.86 129.529 535.86 140.803V201.422H505.125V77.9736H535.86V98.6341Z" fill="white"/>
1021<path d="M583.784 140.145C583.784 127.845 586.199 116.937 591.029 107.419C596.006 97.902 602.665 90.5809 611.007 85.4561C619.496 80.3314 628.936 77.769 639.327 77.769C648.402 77.769 656.305 79.5993 663.038 83.2598C669.916 86.9204 675.405 91.5326 679.503 97.0961V77.9735H710.457V201.421H679.503V183.631C675.551 189.342 670.062 194.1 663.038 197.907C656.158 201.568 648.182 203.398 639.108 203.398C628.863 203.398 619.496 200.762 611.007 195.491C602.665 190.22 596.006 182.826 591.029 173.309C586.199 163.645 583.784 152.59 583.784 140.145ZM679.503 140.584C679.503 133.117 678.039 126.747 675.111 121.476C672.184 116.058 668.233 111.958 663.257 109.177C658.28 106.248 652.939 104.784 647.231 104.784C641.522 104.784 636.254 106.175 631.424 108.956C626.594 111.739 622.642 115.839 619.569 121.256C616.641 126.527 615.178 132.823 615.178 140.145C615.178 147.465 616.641 153.908 619.569 159.472C622.642 164.889 626.594 169.062 631.424 171.991C636.4 174.919 641.669 176.384 647.231 176.384C652.939 176.384 658.28 174.992 663.257 172.211C668.233 169.282 672.184 165.183 675.111 159.911C678.039 154.493 679.503 148.051 679.503 140.584Z" fill="white"/>
1022<path d="M810.288 201.421L769.016 149.588V201.421H738.281V48.0581H769.016V131.359L811.253 77.9733H850.618L796.238 140.803L850.244 201.421H810.288Z" fill="white"/>
1023<path d="M976.039 95.5589C976.039 103.758 974.058 111.445 970.108 118.62C966.303 
1023125.795 960.229 131.578 951.886 135.971C943.69 140.364 933.299 142.56 920.711 142.56H895.026V201.421H864.291V48.1187H920.711C932.567 48.1187 942.666 50.1686 951.008 54.2684C959.35 58.3681 965.571 64.0053 969.669 71.1799C973.912 78.3546 976.039 86.4809 976.039 95.5589ZM919.395 117.742C927.883 117.742 934.176 115.839 938.275 112.031C942.373 108.077 944.422 102.587 944.422 95.5589C944.422 80.6241 936.079 73.1566 919.395 73.1566H895.026V117.742H919.395Z" fill="white"/>
1024<path d="M1026.4 98.6341C1030.35 92.1916 1035.48 87.1401 1041.77 83.4796C1048.2 79.8191 1055.52 77.9888 1063.72 77.9888V110.275H1055.59C1045.93 110.275 1038.62 112.544 1033.64 117.084C1028.82 121.622 1026.4 129.529 1026.4 140.803V201.422H995.66V77.9736H1026.4V98.6341Z" fill="white"/>
1025<path d="M1136.23 203.398C1124.52 203.398 1113.98 200.836 1104.62 195.711C1095.25 190.44 1087.85 183.046 1082.45 173.528C1077.18 164.011 1074.54 153.029 1074.54 140.584C1074.54 128.138 1077.25 117.156 1082.66 107.639C1088.22 98.1214 1095.77 90.8005 1105.27 85.6757C1114.79 80.4047 1125.4 77.769 1137.11 77.769C1148.82 77.769 1159.43 80.4047 1168.94 85.6757C1178.46 90.8005 1185.92 98.1214 1191.33 107.639C1196.89 117.156 1199.68 128.138 1199.68 140.584C1199.68 153.029 1196.83 164.011 1191.12 173.528C1185.55 183.046 1177.94 190.44 1168.28 195.711C1158.77 200.836 1148.09 203.398 1136.23 203.398ZM1136.23 176.603C1141.8 176.603 1146.99 175.285 1151.82 172.65C1156.8 169.868 1160.75 165.768 1163.67 160.351C1166.6 154.933 1168.07 148.344 1168.07 140.584C1168.07 129.017 1164.99 120.158 1158.84 114.008C1152.84 107.712 1145.45 104.564 1136.67 104.564C1127.88 104.564 1120.5 107.712 1114.5 114.008C1108.64 120.158 1105.72 129.017 1105.72 140.584C1105.72 152.15 1108.57 161.083 1114.28 167.379C1120.14 173.528 1127.45 176.603 1136.23 176.603Z" fill="white"/>
1026</g>
1027<defs>
1028<clipPath id="clip0_508_574">
1029<rect width="1200" height="251.456" fill="white"/>
1030</clipPath>
1031</defs>
1032</svg></div></a></div></div></div></div></div></div><div id="exit-popup" data-exit-popup="off" class="before-pop-up"><div class="display-flex-byg"><div class="byg-popup-holder"><div class="byg-popup_content hide-desktop show-tablet"><div class="text-align-center"><div class="heading-holder-byd"><div class="heading-style-h3 desktop-36 mobile-24">Wait, before you go…</div><div class="text-size-medium text-color-gray">See how TrakPro works in 6 pages.</div></div></div></div><div class="byg-popup_media"><div class="byg-embed-code w-embed w-script"><div class="tp-pdf-wrap">
1033  <div class="tp-pdf" id="tpPdf" tabindex="0">
1034    <div class="tp-pdf__pill">
1035      <span class="tp-pdf__num">1</span> / <span class="tp-pdf__total">•</span>
1036    </div>
1037
1038    <div class="tp-pdf__track">
1039      <div class="tp-pdf__loader">Loading document…</div>
1040    </div>
1041
1042    <div class="tp-pdf__hint">
1043      <span>Scroll</span>
1044      <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1045        <path d="M12 5v14M6 13l6 6 6-6"/>
1046      </svg>
1047    </div>
1048  </div>
1049</div>
1050
1051<style>
1052.tp-pdf-wrap, .tp-pdf-wrap *{ box-sizing: border-box; }
1053
1054.tp-pdf-wrap{
1055  display: flex;
1056  justify-content: center;
1057  align-items: flex-start;
1058  width: 100%;
1059}
1060
1061.tp-pdf{
1062  --tp-w: 450px;
1063  --tp-h: 600px;
1064  --tp-pad: 20px;
1065  --tp-gap: 16px;
1066  --tp-brand: #000644;
1067  --tp-bg: #F4F5F7;
1068  --tp-radius: 0px;
1069
1070  position: relative;
1071  flex: 0 0 auto;
1072  width: var(--tp-w);
1073  max-width: 100%;
1074  height: var(--tp-h);
1075  background: var(--tp-bg);
1076  border-radius: var(--tp-radius);
1077  overflow: hidden;
1078  outline: none;
1079}
1080
1081.tp-pdf__track{
1082  display: flex;
1083  flex-direction: column;
1084  align-items: center;
1085  gap: var(--tp-gap);
1086  width: 100%;
1087  height: 100%;
1088  padding: var(--tp-pad);
1089  overflow-y: auto;
1090  overflow-x: hidden;
1091  scroll-snap-type: y mandatory;
1092  overscroll-behavior-y: contain;
1093  -webkit-overflow-scrolling: touch;
1094  scrollbar-width: none;
1095  opacity: 0;
1096  transition: opacity .35s ease;
1097  cursor: grab;
1098}
1099.tp-pdf__track::-webkit-scrollbar{ display: none; }
1100.tp-pdf.is-ready .tp-pdf__track{ opacity: 1; }
1101.tp-pdf:not(.is-ready) .tp-pdf__track{ opacity: 1; }
1102.tp-pdf__track.is-dragging{ scroll-snap-type: none; cursor: grabbing; }
1103
1104/* kljucno za Firefox, snap se gasi dok traje render i reset na prvu stranu */
1105.tp-pdf__track.is-rendering{
1106  scroll-snap-type: none !important;
1107  scroll-behavior: auto !important;
1108}
1109
1110.tp-pdf__page{
1111  flex: 0 0 auto;
1112  scroll-snap-align: center;
1113  background: #fff;
1114  border-radius: 16px;
1115  overflow: hidden;
1116  box-shadow: 0 10px 28px rgba(0, 6, 68, .14);
1117}
1118.tp-pdf__page canvas{
1119  display: block;
1120  width: 100%;
1121  height: auto;
1122  user-select: none;
1123  -webkit-user-drag: none;
1124}
1125
1126.tp-pdf__pill{
1127  position: absolute;
1128  top: 12px;
1129  left: 12px;
1130  z-index: 5;
1131  display: inline-flex;
1132  align-items: center;
1133  gap: 3px;
1134  padding: 7px 14px;
1135  border-radius: 999px;
1136  background: var(--tp-brand);
1137  color: #fff;
1138  font-size: 13px;
1139  line-height: 1;
1140  font-weight: 600;
1141  letter-spacing: .02em;
1142  pointer-events: none;
1143}
1144
1145.tp-pdf__hint{
1146  position: absolute;
1147  left: 50%;
1148  bottom: 16px;
1149  transform: translateX(-50%);
1150  z-index: 5;
1151  display: inline-flex;
1152  align-items: center;
1153  gap: 8px;
1154  padding: 9px 18px;
1155  border-radius: 999px;
1156  background: #fff;
1157  box-shadow: 0 6px 20px rgba(0, 6, 68, .28);
1158  color: var(--tp-brand);
1159  font-size: 11px;
1160  font-weight: 700;
1161  letter-spacing: .1em;
1162  text-transform: uppercase;
1163  pointer-events: none;
1164  opacity: 0;
1165  transition: opacity .35s ease, transform .35s ease;
1166}
1167.tp-pdf.is-ready .tp-pdf__hint{ opacity: 1; }
1168.tp-pdf__hint svg{ animation: tpNudge 1.4s ease-in-out infinite; }
1169.tp-pdf.is-ready .tp-pdf__hint.is-hidden{
1170  opacity: 0;
1171  transform: translateX(-50%) translateY(8px);
1172}
1173
1174@keyframes tpNudge{
1175  0%, 100%{ transform: translateY(0); }
1176  50%{ transform: translateY(4px); }
1177}
1178
1179.tp-pdf__loader{
1180  margin: auto;
1181  text-align: center;
1182  color: var(--tp-brand);
1183  font-size: 14px;
1184  opacity: .7;
1185}
1186.tp-pdf__loader a{ color: var(--tp-brand); }
1187
1188@media (max-width: 991px){
1189  .tp-pdf{ --tp-h: 300px; --tp-pad: 16px; }
1190  .tp-pdf__track{ scroll-snap-type: none; }
1191  .tp-pdf__pill{ top: 10px; left: 10px; padding: 6px 12px; font-size: 12px; }
1192  .tp-pdf__hint{ bottom: 12px; padding: 8px 15px; }
1193}
1194
1195@media (max-width: 479px){
1196  .tp-pdf{ --tp-w: 100%; --tp-pad: 12px; --tp-gap: 12px; }
1197}
1198
1199@media (prefers-reduced-motion: reduce){
1200  .tp-pdf__hint svg{ animation: none; }
1201}
1202</style>
1203
1204<script>
1205(function () {
1206  var PDF_URL = "https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a7afae7775bc4c63e7b8760_TrakProBeforeYouGoBrochure.pdf";
1207  var LIB = "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js";
1208  var WORKER = "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js";
1209  var MOBILE_MQ = "(max-width: 991px)";
1210  var DOC_NAME = "Before You Go Brochure";
1211
1212  var root = document.getElementById("tpPdf");
1213  if (!root) return;
1214
1215  var track = root.querySelector(".tp-pdf__track");
1216  var numEl = root.querySelector(".tp-pdf__num");
1217  var totalEl = root.querySelector(".tp-pdf__total");
1218  var hint = root.querySelector(".tp-pdf__hint");
1219  var loader = root.querySelector(".tp-pdf__loader");
1220
1221  var pdfDoc = null, slides = [], lastW = 0, lastH = 0, lastMode = null;
1222  var busy = false, rafId = null, ready = false, rendered = false;
1223  var wasVisible = false, lastTrackedPage = 0;
1224
1225  /* GA4 preko gtag-a, uz dataLayer fallback ako se ide kroz GTM */
1226  function tpTrack(name, params) {
1227    var data = params || {};
1228    try {
1229      if (typeof window.gtag === "function") {
1230        window.gtag("event", name, data);
1231      }
1232      if (window.dataLayer && typeof window.dataLayer.push === "function") {
1233        var payload = { event: name };
1234        for (var k in data) {
1235          if (Object.prototype.hasOwnProperty.call(data, k)) payload[k] = data[k];
1236        }
1237        window.dataLayer.push(payload);
1238      }
1239    } catch (err) {}
1240  }
1241
1242  function totalPages() {
1243    return pdfDoc ? pdfDoc.numPages : 0;
1244  }
1245
1246  function widthOnly() {
1247    return window.matchMedia(MOBILE_MQ).matches;
1248  }
1249
1250  function fail() {
1251    if (loader) {
1252      loader.innerHTML = 'Unable to display the document. <a href="' + PDF_URL + '" target="_blank" rel="noopener">Open the PDF</a>';
1253    }
1254    if (hint) hint.style.display = "none";
1255    tpTrack("pdf_load_error", { document_name: DOC_NAME, document_url: PDF_URL });
1256  }
1257
1258  function boot() {
1259    var s = document.createElement("script");
1260    s.src = LIB;
1261    s.onload = init;
1262    s.onerror = fail;
1263    document.head.appendChild(s);
1264  }
1265
1266  function init() {
1267    if (!window.pdfjsLib) return fail();
1268    pdfjsLib.GlobalWorkerOptions.workerSrc = WORKER;
1269
1270    pdfjsLib.getDocument({ url: PDF_URL }).promise.then(function (doc) {
1271      pdfDoc = doc;
1272      totalEl.textContent = doc.numPages;
1273      build(doc.numPages);
1274
1275      /* render tek kad frame ima stvarnu velicinu, popup je do tada display none */
1276      var a = area();
1277      if (a.w <= 0 || a.h <= 0) return;
1278      return renderAll().then(finishRender);
1279    }).catch(fail);
1280  }
1281
1282  function build(n) {
1283    for (var i = 1; i <= n; i++) {
1284      var page = document.createElement("div");
1285      page.className = "tp-pdf__page";
1286      var canvas = document.createElement("canvas");
1287      page.appendChild(canvas);
1288      track.appendChild(page);
1289      slides.push({ el: page, canvas: canvas, num: i });
1290    }
1291  }
1292
1293  function area() {
1294    var cs = getComputedStyle(track);
1295    var padX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight);
1296    var padY = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);
1297    return { w: track.clientWidth - padX, h: track.clientHeight - padY };
1298  }
1299
1300  function renderAll() {
1301    if (!slides.length) return Promise.resolve();
1302    var a = area();
1303    if (a.w <= 0 || a.h <= 0) return Promise.resolve();
1304
1305    busy = true;
1306    track.classList.add("is-rendering");
1307    lastW = a.w; lastH = a.h; lastMode = widthOnly();
1308    var byWidth = lastMode;
1309    var dpr = Math.min(window.devicePixelRatio || 1, 2);
1310    var chain = Promise.resolve();
1311
1312    slides.forEach(function (s) {
1313      chain = chain.then(function () {
1314        return pdfDoc.getPage(s.num).then(function (page) {
1315          var base = page.getViewport({ scale: 1 });
1316
1317          var scale = byWidth
1318            ? a.w / base.width
1319            : Math.min(a.w / base.width, a.h / base.height);
1320
1321          var cssW = Math.floor(base.width * scale);
1322          var vp = page.getViewport({ scale: scale * dpr });
1323
1324          s.canvas.width = Math.floor(vp.width);
1325          s.canvas.height = Math.floor(vp.height);
1326          s.el.style.width = cssW + "px";
1327
1328          return page.render({ canvasContext: s.canvas.getContext("2d"), viewport: vp }).promise;
1329        });
1330      });
1331    });
1332
1333    return chain.then(function () {
1334      busy = false;
1335      rendered = true;
1336    });
1337  }
1338
1339  function finishRender() {
1340    if (loader && loader.parentNode) loader.parentNode.removeChild(loader);
1341    ready = true;
1342    root.classList.add("is-ready");
1343    resetToFirst();
1344  }
1345
1346  /* prisilno vracanje na stranu 1, snap se ukljucuje tek posle dva frejma */
1347  function resetToFirst() {
1348    if (!slides.length) return;
1349    lastTrackedPage = 1;
1350    track.classList.add("is-rendering");
1351    track.scrollTop = 0;
1352    numEl.textContent = "1";
1353
1354    requestAnimationFrame(function () {
1355      track.scrollTop = 0;
1356      requestAnimationFrame(function () {
1357        track.scrollTop = 0;
1358        track.classList.remove("is-rendering");
1359        update();
1360        syncHint();
1361      });
1362    });
1363  }
1364
1365  function nearest() {
1366    var top = track.scrollTop;
1367    var probe = widthOnly() ? top + 40 : top + track.clientHeight / 2;
1368    var best = null, dist = Infinity;
1369
1370    slides.forEach(function (s) {
1371      var a = s.el.offsetTop;
1372      var b = a + s.el.offsetHeight;
1373      var d;
1374      if (probe < a) d = a - probe;
1375      else if (probe > b) d = probe - b;
1376      else d = 0;
1377      if (d < dist) { dist = d; best = s; }
1378    });
1379
1380    return best;
1381  }
1382
1383  function update() {
1384    var s = nearest();
1385    if (!s) return;
1386    numEl.textContent = s.num;
1387
1388    if (ready && s.num !== lastTrackedPage) {
1389      lastTrackedPage = s.num;
1390      tpTrack("pdf_page_view", {
1391        document_name: DOC_NAME,
1392        page_number: s.num,
1393        total_pages: totalPages()
1394      });
1395      if (s.num === totalPages()) {
1396        tpTrack("pdf_completed", { document_name: DOC_NAME, total_pages: totalPages() });
1397      }
1398    }
1399  }
1400
1401  function syncHint() {
1402    if (!hint) return;
1403    if (track.scrollTop > 6) hint.classList.add("is-hidden");
1404    else hint.classList.remove("is-hidden");
1405  }
1406
1407  function goTo(s, smooth) {
1408    if (!s) return;
1409    var pad = parseFloat(getComputedStyle(track).paddingTop) || 0;
1410    var target;
1411
1412    if (s.el.offsetHeight > track.clientHeight - pad * 2) {
1413      target = s.el.offsetTop - pad;
1414    } else {
1415      target = s.el.offsetTop - (track.clientHeight - s.el.offsetHeight) / 2;
1416    }
1417
1418    track.scrollTo({ top: target, behavior: smooth === false ? "auto" : "smooth" });
1419  }
1420
1421  /* okida se svaki put kad popup postane vidljiv */
1422  function onVisible() {
1423    if (!pdfDoc || busy) return;
1424    var a = area();
1425    if (a.w <= 0 || a.h <= 0) return;
1426
1427    var needsRender = !rendered
1428      || widthOnly() !== lastMode
1429      || Math.abs(a.w - lastW) >= 16
1430      || Math.abs(a.h - lastH) >= 16;
1431
1432    if (needsRender) {
1433      renderAll().then(finishRender);
1434    } else {
1435      resetToFirst();
1436    }
1437
1438    tpTrack("pdf_viewer_open", {
1439      document_name: DOC_NAME,
1440      total_pages: totalPages(),
1441      placement: "exit_popup"
1442    });
1443  }
1444
1445  if (window.IntersectionObserver) {
1446    new IntersectionObserver(function (entries) {
1447      entries.forEach(function (en) {
1448        if (en.isIntersecting && !wasVisible) {
1449          wasVisible = true;
1450          onVisible();
1451        } else if (!en.isIntersecting) {
1452          wasVisible = false;
1453        }
1454      });
1455    }, { threshold: 0.01 }).observe(root);
1456  }
1457
1458  track.addEventListener("scroll", function () {
1459    syncHint();
1460    if (rafId) return;
1461    rafId = requestAnimationFrame(function () { rafId = null; update(); });
1462  }, { passive: true });
1463
1464  var down = false, startY = 0, startTop = 0, moved = false;
1465
1466  track.addEventListener("pointerdown", function (e) {
1467    if (e.pointerType === "touch") return;
1468    down = true; moved = false;
1469    startY = e.clientY;
1470    startTop = track.scrollTop;
1471    track.classList.add("is-dragging");
1472  });
1473
1474  window.addEventListener("pointermove", function (e) {
1475    if (!down) return;
1476    var dy = e.clientY - startY;
1477    if (Math.abs(dy) > 3) moved = true;
1478    track.scrollTop = startTop - dy;
1479  });
1480
1481  window.addEventListener("pointerup", function () {
1482    if (!down) return;
1483    down = false;
1484    track.classList.remove("is-dragging");
1485    if (moved && !widthOnly()) goTo(nearest());
1486  });
1487
1488  root.addEventListener("keydown", function (e) {
1489    if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
1490    e.preventDefault();
1491    var cur = nearest();
1492    if (!cur) return;
1493    var idx = slides.indexOf(cur) + (e.key === "ArrowDown" ? 1 : -1);
1494    if (idx >= 0 && idx < slides.length) goTo(slides[idx]);
1495  });
1496
1497  var t;
1498  function onResize() {
1499    clearTimeout(t);
1500    t = setTimeout(function () {
1501      if (!pdfDoc || busy || !slides.length) return;
1502      var a = area();
1503      if (a.w <= 0 || a.h <= 0) return;
1504
1505      if (!rendered) {
1506        renderAll().then(finishRender);
1507        return;
1508      }
1509
1510      var modeChanged = widthOnly() !== lastMode;
1511      if (!modeChanged && Math.abs(a.w - lastW) < 16 && Math.abs(a.h - lastH) < 16) return;
1512
1513      var cur = nearest();
1514      renderAll().then(function () {
1515        track.classList.remove("is-rendering");
1516        goTo(cur, false);
1517        update();
1518        syncHint();
1519      });
1520    }, 200);
1521  }
1522
1523  window.addEventListener("resize", onResize);
1524  if (window.ResizeObserver) new ResizeObserver(onResize).observe(root);
1525
1526  var mq = window.matchMedia(MOBILE_MQ);
1527  if (mq.addEventListener) mq.addEventListener("change", onResize);
1528  else if (mq.addListener) mq.addListener(onResize);
1529
1530  if (document.readyState === "loading") {
1531    document.addEventListener("DOMContentLoaded", boot);
1532  } else {
1533    boot();
1534  }
1535})();
1536</script>
1536</div></div><div class="byg-popup_content"><div class="holder-32-byg"><div class="text-align-center hide-tablet"><div class="heading-holder-byd"><div class="heading-style-h3 desktop-36">Wait, before you go…</div><div class="text-size-medium text-color-gray">See how TrakPro works in 6 pages.</div></div></div><div class="button-holder-byg"><a id="exit-popup-cta" href="/book-a-demo" class="button width-100 w-inline-block"><div>Book a demo</div><div class="icon-byg-button w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
1537<path d="M13.477 9.16708L9.00698 4.69706L10.1855 3.51855L16.6673 10.0004L10.1855 16.4822L9.00698 15.3037L13.477 10.8337H3.33398V9.16708H13.477Z" fill="currentColor"/>
1538</svg></div></a><a href="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/6a7afae7775bc4c63e7b8760_TrakProBeforeYouGoBrochure.pdf" target="_blank" class="button hero-integration w-inline-block"><div>Read full document</div></a></div></div></div><div id="exit-popup-dismiss" class="absolute-x-byg w-node-e8bbf244-60d5-bf95-8d51-c55f61dc46fd-e6cc50ad"><div class="icon-button-byg-sec w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10 10" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
1539<path d="M9 1L1 9M1 1L9 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1540</svg></div></div></div></div></div></div>
1540<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6a2ceeb6b9cb8d4dd5497b87" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1540<script src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
1540<script src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/js/webflow.schunk.e6ab9aa46a739a4d.js" type="text/javascript" integrity="sha384-99VLLqhZHfoWo5y02VXGSpSnO7nl+nZPA/0ZkHrOXT+Pp14vvWbpYfZLf00eWYdB" crossorigin="anonymous"></script>
1540<script src="https://cdn.prod.website-files.com/6a2ceeb6b9cb8d4dd5497b87/js/webflow.7746a6c6.57b34231b8f21dbd.js" type="text/javascript" integrity="sha384-M1ijG+LliancL8USJGmghhDn9yQEUrdJNp425EkigCo/d0r/iak+NNmXMlUgtrUS" crossorigin="anonymous"></script>
1540<script>
1541  (function () {
1542    if (location.hostname.indexOf('webflow.io') !== -1) return; // skip staging, same as the GA4 tag above
1543    var s = document.createElement('script');
1544    s.async = true;
1545    s.src = 'https://ph.trak-pro.com/static/array.js';
1546    s.onload = function () {
1547      window.posthog.init('phc_3Gdi88G0sDrMqu5FfBMFB7kr4IukirU6yk0ibKqeavh', {
1548        api_host: 'https://ph.trak-pro.com',
1549        ui_host: 'https://eu.posthog.com',
1550        person_profiles: 'identified_only',
1551      });
1552    };
1553    document.head.appendChild(s);
1554  })();
1555</script>
1555
1556<!-- Demo funnel tracking (Calendly) -->
1557<script>
1558  (function () {
1559    // The site footer's tpTrack() is scoped inside the exit-popup handler and
1560    // isn't reachable here, so this keeps its own small sender.
1561    function track(name, params) {
1562      var data = params || {};
1563      try {
1564        if (typeof window.gtag === 'function') window.gtag('event', name, data);
1565        if (window.dataLayer && typeof window.dataLayer.push === 'function') {
1566          var payload = { event: name };
1567          for (var k in data) {
1568            if (Object.prototype.hasOwnProperty.call(data, k)) payload[k] = data[k];
1569          }
1570          window.dataLayer.push(payload);
1571        }
1572        if (window.posthog && typeof window.posthog.capture === 'function') {
1573          window.posthog.capture(name, data);
1574        }
1575      } catch (err) {}
1576    }
1577
1578    var STEPS = {
1579      'calendly.event_type_viewed': 'demo_calendar_viewed',
1580      'calendly.date_and_time_selected': 'demo_time_selected',
1581      'calendly.event_scheduled': 'demo_booked',
1582    };
1583    var calendarSeen = false;
1584
1585    window.addEventListener('message', function (e) {
1586      if (e.origin !== 'https://calendly.com') return;
1587      if (!e.data || typeof e.data.event !== 'string') return;
1588
1589      var name = STEPS[e.data.event];
1590      if (!name) return;
1591
1592      if (name === 'demo_calendar_viewed') {
1593        if (calendarSeen) return;
1594        calendarSeen = true;
1595      }
1596
1597      var data = { page_path: location.pathname };
1598
1599      // Present on event_scheduled only. Opaque Calendly URIs — no name, no
1600      // email — and they're what lets a booking here be matched to the real
1601      // meeting in Calendly.
1602      var p = e.data.payload || {};
1603      if (p.event && p.event.uri) data.calendly_event_uri = p.event.uri;
1604      if (p.invitee && p.invitee.uri) data.calendly_invitee_uri = p.invitee.uri;
1605
1606      track(name, data);
1607    });
1608  })();
1609</script>
vendor: 1 bytes, line 1609
1609
1610<script>
1611  function buildTpMarkers(el) {
1612    if (el._tpMarkers) {
1613      el._tpMarkers.forEach(function (m) {
1614        m.remove();
1615      });
1616    }
1617
1618    var rects = el.getClientRects();
1619    if (!rects.length) return;
1620
1621    var parent = el.parentElement;
1622    if (getComputedStyle(parent).position === 'static') {
1623      parent.style.position = 'relative';
1624    }
1625    var parentRect = parent.getBoundingClientRect();
1626    var firstRect = rects[0];
1627    var lastRect = rects[rects.length - 1];
1628    var cs = getComputedStyle(el);
1629    var isActive = el.classList.contains('tp-in');
1630
1631    function makeMarker(cls, rect, useRightEdge) {
1632      var m = document.createElement('i');
1633      m.className = 'tp-lolly ' + cls;
1634      m.setAttribute('aria-hidden', 'true');
1635      m.style.setProperty('--tp-color', cs.getPropertyValue('--tp-color'));
1636      m.style.setProperty('--tp-dot', cs.getPropertyValue('--tp-dot'));
1637      m.style.setProperty('--tp-line', cs.getPropertyValue('--tp-line'));
1638      m.style.top = rect.top - parentRect.top + 'px';
1639      m.style.height = rect.height + 'px';
1640      m.style.left = (useRightEdge ? rect.right : rect.left) - parentRect.left + 'px';
1641      if (isActive) m.classList.add('tp-in');
1642      parent.appendChild(m);
1643      return m;
1644    }
1645
1646    var lead = makeMarker('tp-lead', firstRect, false);
1647    var trail = makeMarker('tp-trail', lastRect, true);
1648    el._tpMarkers = [lead, trail];
1649    return el._tpMarkers;
1650  }
1651
1652  function buildAllTpMarkers() {
1653    document.querySelectorAll('.tp-select').forEach(function (el) {
1654      buildTpMarkers(el);
1655    });
1656  }
1657
1658  document.addEventListener('DOMContentLoaded', buildAllTpMarkers);
1659  window.addEventListener('load', buildAllTpMarkers);
1660
1661  var tpResizeTimer;
1662  window.addEventListener('resize', function () {
1663    clearTimeout(tpResizeTimer);
1664    tpResizeTimer = setTimeout(buildAllTpMarkers, 150);
1665  });
1666</script>
1666
1667
1668<script>
1669  document.addEventListener('DOMContentLoaded', function () {
1670    document.querySelectorAll('.arrows-absolute').forEach(function (track) {
1671      Array.from(track.children).forEach(function (item) {
1672        track.appendChild(item.cloneNode(true));
1673      });
1674    });
1675  });
1676</script>
1676
1677
1678<script>
1679  document.addEventListener('DOMContentLoaded', function () {
1680    var popup = document.getElementById('exit-popup');
1681    if (!popup) return;
1682
1683    /* ========= PREKIDACI ========= */
1684    var CONFIG = {
1685      defaultState: 'on' /* 'on' popup radi svuda osim gde je atribut off */,
1686      /* 'off' popup nigde ne radi osim gde je atribut on */
1687      excludePaths: [/* rezerva, ako ne mozes da diras Body atribut */ '/thank-you', '/book-a-demo'],
1688    };
1689    /* ============================= */
1690
1691    var card = popup.querySelector('.exit-popup_card') || popup.firstElementChild;
1692
1693    var DAYS_SOFT = 2;
1694    var DAYS_HARD = 30;
1695    var SCROLL_TRIGGER = 0.6;
1696    var SCROLL_MIN_TIME = 15000;
1697    var TIME_TRIGGER = 45000;
1698    var RETURN_MIN_TIME = 20000;
1699
1700    var hasShown = false;
1701    var isOpen = false;
1702    var forceMode = false;
1703    var scrollY = 0;
1704    var startTime = Date.now();
1705    var openedAt = 0;
1706
1707    var isTouch = window.matchMedia('(hover: none) and (pointer: coarse)').matches;
1708
1709    function tpTrack(name, params) {
1710      var data = params || {};
1711      try {
1712        if (typeof window.gtag === 'function') {
1713          window.gtag('event', name, data);
1714        }
1715        if (window.dataLayer && typeof window.dataLayer.push === 'function') {
1716          var payload = { event: name };
1717          for (var k in data) {
1718            if (Object.prototype.hasOwnProperty.call(data, k)) payload[k] = data[k];
1719          }
1720          window.dataLayer.push(payload);
1721        }
1722      } catch (err) {}
1723    }
1724
1725    function secondsOpen() {
1726      return openedAt ? Math.round((Date.now() - openedAt) / 1000) : 0;
1727    }
1728
1729    function normalize(p) {
1730      p = (p || '').toLowerCase();
1731      return p.length > 1 ? p.replace(/\/+$/, '') : p;
1732    }
1733
1734    function inList(list) {
1735      var here = normalize(location.pathname);
1736      for (var i = 0; i < list.length; i++) {
1737        if (normalize(list[i]) === here) return true;
1738      }
1739      return false;
1740    }
1741
1742    /* atribut data-exit-popup, trazi se na html, body ili bilo kom elementu */
1743    function pageFlag() {
1744      var el = document.querySelector('[data-exit-popup]');
1745      if (!el) return null;
1746      var v = (el.getAttribute('data-exit-popup') || '').trim().toLowerCase();
1747      if (v === 'off' || v === 'false' || v === '0' || v === 'no') return 'off';
1748      if (v === 'on' || v === 'true' || v === '1' || v === 'yes') return 'on';
1749      return null;
1750    }
1751
1752    /* ?popup=off gasi trajno na tom uredjaju, ?popup=on vraca, ?popup=test prikazuje odmah */
1753    var q = new URLSearchParams(location.search);
1754    var switchParam = q.get('popup');
1755    if (switchParam === 'off') localStorage.setItem('exitPopupDisabled', '1');
1756    if (switchParam === 'on') localStorage.removeItem('exitPopupDisabled');
1757    if (switchParam === 'test' || q.has('testpopup')) forceMode = true;
1758
1759    function isAllowed() {
1760      if (forceMode) return true;
1761      if (localStorage.getItem('exitPopupDisabled') === '1') return false;
1762
1763      var flag = pageFlag();
1764      if (flag === 'off') return false;
1765      if (flag === 'on') return true;
1766
1767      /* nema atributa na stranici, vazi globalno podesavanje */
1768      if (CONFIG.defaultState !== 'on') return false;
1769      if (inList(CONFIG.excludePaths)) return false;
1770
1771      return true;
1772    }
1773
1774    if (!isAllowed()) {
1775      popup.style.display = 'none';
1776      return;
1777    }
1778
1779    if (localStorage.getItem('exitPopupConverted') === '1' && !forceMode) {
1780      hasShown = true;
1781    } else {
1782      var lastShown = localStorage.getItem('exitPopupLastShown');
1783      var waitDays = parseFloat(localStorage.getItem('exitPopupWait')) || DAYS_SOFT;
1784
1785      if (location.search.indexOf('resetpopup') !== -1 || forceMode) {
1786        localStorage.removeItem('exitPopupLastShown');
1787        localStorage.removeItem('exitPopupWait');
1788        localStorage.removeItem('exitPopupConverted');
1789        lastShown = null;
1790      }
1791
1792      if (lastShown) {
1793        var daysPassed = (Date.now() - parseInt(lastShown, 10)) / (1000 * 60 * 60 * 24);
1794        if (daysPassed < waitDays) hasShown = true;
1795      }
1796    }
1797
1798    function showPopup(trigger) {
1799      if (hasShown || isOpen) return;
1800      hasShown = true;
1801      isOpen = true;
1802      openedAt = Date.now();
1803
1804      scrollY = window.scrollY;
1805      document.body.style.position = 'fixed';
1806      document.body.style.top = -scrollY + 'px';
1807      document.body.style.width = '100%';
1808
1809      popup.style.display = 'flex';
1810      requestAnimationFrame(function () {
1811        popup.classList.add('is-visible');
1812      });
1813
1814      tpTrack('exit_popup_shown', {
1815        trigger: trigger || 'unknown',
1816        device_type: isTouch ? 'touch' : 'desktop',
1817        page_path: location.pathname,
1818      });
1819    }
1820
1821    function hidePopup(waitDays, method) {
1822      if (!isOpen) return;
1823      isOpen = false;
1824
1825      localStorage.setItem('exitPopupLastShown', Date.now().toString());
1826      localStorage.setItem('exitPopupWait', waitDays || DAYS_SOFT);
1827
1828      tpTrack('exit_popup_closed', {
1829        close_method: method || 'unknown',
1830        cooldown_days: waitDays || DAYS_SOFT,
1831        seconds_open: secondsOpen(),
1832        page_path: location.pathname,
1833      });
1834
1835      popup.classList.remove('is-visible');
1836
1837      document.body.style.position = '';
1838      document.body.style.top = '';
1839      document.body.style.width = '';
1840      window.scrollTo(0, scrollY);
1841
1842      setTimeout(function () {
1843        popup.style.display = 'none';
1844      }, 300);
1845    }
1846
1847    var closers = popup.querySelectorAll('#exit-popup-close, #exit-popup-dismiss, [data-exit-close]');
1848    Array.prototype.forEach.call(closers, function (el) {
1849      el.addEventListener('click', function (e) {
1850        e.preventDefault();
1851        var hard = el.id === 'exit-popup-dismiss' || el.hasAttribute('data-exit-dismiss');
1852        hidePopup(hard ? DAYS_HARD : DAYS_SOFT, hard ? 'no_thanks' : 'close_button');
1853      });
1854    });
1855
1856    if (card) {
1857      card.addEventListener('click', function (e) {
1858        if (!e.target || !e.target.closest) return;
1859        var el = e.target.closest('a, button, input[type="submit"]');
1860        if (!el) return;
1861        if (el.closest('.tp-pdf')) return;
1862        if (el.id === 'exit-popup-close' || el.id === 'exit-popup-dismiss') return;
1863        if (el.hasAttribute('data-exit-close') || el.hasAttribute('data-exit-dismiss')) return;
1864
1865        var label = (el.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 60) || el.getAttribute('aria-label') || el.getAttribute('value') || 'cta';
1866
1867        tpTrack('exit_popup_cta_click', {
1868          cta_label: label,
1869          cta_url: el.getAttribute('href') || '',
1870          seconds_open: secondsOpen(),
1871          page_path: location.pathname,
1872        });
1873      });
1874    }
1875
1876    popup.addEventListener('click', function (e) {
1877      if (card && !card.contains(e.target)) {
1878        hidePopup(DAYS_SOFT, 'overlay');
1879      }
1880    });
1881
1882    document.addEventListener('keydown', function (e) {
1883      if (e.key === 'Escape' || e.keyCode === 27) {
1884        hidePopup(DAYS_SOFT, 'escape');
1885      }
1886    });
1887
1888    var form = popup.querySelector('form');
1889    if (form) {
1890      form.addEventListener('submit', function () {
1891        localStorage.setItem('exitPopupConverted', '1');
1892        tpTrack('exit_popup_conversion', {
1893          seconds_open: secondsOpen(),
1894          page_path: location.pathname,
1895        });
1896      });
1897    }
1898
1899    window.tpExitPopup = {
1900      show: function () {
1901        hasShown = false;
1902        isOpen = false;
1903        showPopup('manual');
1904      },
1905      hide: function () {
1906        hidePopup(DAYS_SOFT, 'manual');
1907      },
1908      reset: function () {
1909        localStorage.removeItem('exitPopupLastShown');
1910        localStorage.removeItem('exitPopupWait');
1911        localStorage.removeItem('exitPopupConverted');
1912        hasShown = false;
1913      },
1914      disable: function () {
1915        localStorage.setItem('exitPopupDisabled', '1');
1916        location.reload();
1917      },
1918      enable: function () {
1919        localStorage.removeItem('exitPopupDisabled');
1920        location.reload();
1921      },
1922      status: function () {
1923        return {
1924          defaultState: CONFIG.defaultState,
1925          pageFlag: pageFlag() || 'none',
1926          deviceDisabled: localStorage.getItem('exitPopupDisabled') === '1',
1927          lastShown: localStorage.getItem('exitPopupLastShown'),
1928          waitDays: localStorage.getItem('exitPopupWait'),
1929          converted: localStorage.getItem('exitPopupConverted') === '1',
1930          blockedNow: hasShown,
1931        };
1932      },
1933    };
1934
1935    if (forceMode) {
1936      setTimeout(function () {
1937        showPopup('force_test');
1938      }, 400);
1939      return;
1940    }
1941
1942    if (!isTouch) {
1943      document.addEventListener('mouseout', function (e) {
1944        if (!e.relatedTarget && e.clientY <= 0) {
1945          showPopup('exit_intent');
1946        }
1947      });
1948    } else {
1949      var scrollTicking = false;
1950
1951      function checkScroll() {
1952        scrollTicking = false;
1953        if (hasShown) return;
1954
1955        var doc = document.documentElement;
1956        var max = doc.scrollHeight - window.innerHeight;
1957        if (max <= 0) return;
1958
1959        var ratio = window.scrollY / max;
1960        if (ratio >= SCROLL_TRIGGER && Date.now() - startTime > SCROLL_MIN_TIME) {
1961          showPopup('scroll_depth');
1962        }
1963      }
1964
1965      window.addEventListener(
1966        'scroll',
1967        function () {
1968          if (scrollTicking) return;
1969          scrollTicking = true;
1970          requestAnimationFrame(checkScroll);
1971        },
1972        { passive: true },
1973      );
1974
1975      document.addEventListener('visibilitychange', function () {
1976        if (document.visibilityState === 'visible' && Date.now() - startTime > RETURN_MIN_TIME) {
1977          showPopup('tab_return');
1978        }
1979      });
1980
1981      setTimeout(function () {
1982        showPopup('time_on_page');
1983      }, TIME_TRIGGER);
1984    }
1985  });
1986</script>
1986
1987
1988<script>
1989  (function () {
1990    var RM = '(prefers-reduced-motion: reduce)';
1991    var SKIP = '[data-tp-anim="false"]';
1992    var LOAD = '[data-tp-trigger="load"]';
1993
1994    var style = document.createElement('style');
1995    style.textContent = ['.tp-select:not(' + SKIP + '){', 'background-color:transparent!important;', 'background-image:linear-gradient(var(--tp-bg),var(--tp-bg));', 'background-repeat:no-repeat;', 'background-position:left center;', 'background-size:0% 100%;', 'transition:background-size .6s cubic-bezier(.22,1,.36,1);', '}', '.tp-select.tp-in{background-size:100% 100%;}', '@media ' + RM + '{', '.tp-select{transition:none;}', '.tp-lolly{transition:none;}', '}'].join('');
1996    document.head.appendChild(style);
1997
1998    function activate(t) {
1999      t.classList.add('tp-in');
2000      var markers = t._tpMarkers || (typeof buildTpMarkers === 'function' ? buildTpMarkers(t) : null);
2001      if (markers)
2002        markers.forEach(function (m) {
2003          m.classList.add('tp-in');
2004        });
2005    }
2006
2007    function init() {
2008      var allTargets = document.querySelectorAll('.tp-select:not(' + SKIP + ')');
2009      if (!allTargets.length) return;
2010
2011      var reduced = (window.matchMedia && window.matchMedia(RM).matches) || !('IntersectionObserver' in window);
2012
2013      var loadTargets = document.querySelectorAll('.tp-select:not(' + SKIP + ')' + LOAD);
2014      var scrollTargets = document.querySelectorAll('.tp-select:not(' + SKIP + '):not(' + LOAD + ')');
2015
2016      // hero/load elementi se pale odmah
2017      loadTargets.forEach(activate);
2018
2019      if (reduced) {
2020        scrollTargets.forEach(activate);
2021        return;
2022      }
2023
2024      var io = new IntersectionObserver(
2025        function (entries) {
2026          entries.forEach(function (entry) {
2027            if (entry.isIntersecting) {
2028              activate(entry.target);
2029              io.unobserve(entry.target);
2030            }
2031          });
2032        },
2033        { rootMargin: '0px 0px -30% 0px', threshold: 0 },
2034      );
2035
2036      scrollTargets.forEach(function (t) {
2037        io.observe(t);
2038      });
2039    }
2040
2041    if (document.readyState === 'loading') {
2042      document.addEventListener('DOMContentLoaded', init);
2043    } else {
2044      init();
2045    }
2046  })();
2047</script>
2047
2048
2049<script>
2050  document.addEventListener('DOMContentLoaded', function () {
2051    const items = document.querySelectorAll('.number-and-line');
2052    const easeOutQuad = (t) => t * (2 - t);
2053
2054    function animate(el) {
2055      const lineEl = el.querySelector('.line-grad');
2056      const lineDuration = 1500;
2057      let startTime = null;
2058
2059      function frame(timestamp) {
2060        if (!startTime) startTime = timestamp;
2061        const elapsed = timestamp - startTime;
2062        const lineProgress = Math.min(elapsed / lineDuration, 1);
2063
2064        if (lineEl) lineEl.style.width = easeOutQuad(lineProgress) * 100 + '%';
2065
2066        if (lineProgress < 1) requestAnimationFrame(frame);
2067      }
2068      requestAnimationFrame(frame);
2069    }
2070
2071    const observer = new IntersectionObserver(
2072      (entries) => {
2073        entries.forEach((entry) => {
2074          if (entry.isIntersecting) {
2075            animate(entry.target);
2076            observer.unobserve(entry.target);
2077          }
2078        });
2079      },
2080      { threshold: 0.4 },
2081    );
2082
2083    items.forEach((item) => {
2084      const lineEl = item.querySelector('.line-grad');
2085      if (lineEl) lineEl.style.width = '0%';
2086      observer.observe(item);
2087    });
2088  });
2089</script>
2089
2090
2091<style>
2092  /* fiksne vrednosti, Webflow skripta ih inace resetuje */
2093  .dropdown-list-loc {
2094    left: -65px !important;
2095    right: auto !important;
2096    top: auto !important;
2097    bottom: auto !important;
2098    width: 183px !important;
2099    padding-top: 32.5px !important;
2100  }
2101
2102  /* tablet i mobilni */
2103  @media screen and (max-width: 991px) {
2104    .dropdown-list-loc {
2105      left: -97px !important;
2106    }
2107  }
2108
2109  /* dropdown animacija */
2110  .dropdown-list-loc {
2111    display: block !important;
2112    opacity: 0;
2113    visibility: hidden;
2114    pointer-events: none;
2115    transform: translateY(10px) scale(0.98);
2116    transform-origin: top center;
2117    /* zatvaranje: krece odmah, sa malim grejs periodom */
2118    transition:
2119      opacity 0.15s ease-in 0.08s,
2120      transform 0.18s cubic-bezier(0.4, 0, 1, 1) 0.08s,
2121      visibility 0s linear 0.26s;
2122  }
2123
2124  .dropdown-list-loc.w--open {
2125    opacity: 1;
2126    visibility: visible;
2127    pointer-events: auto;
2128    transform: translateY(0) scale(1);
2129    /* otvaranje: ceka overlay 150ms */
2130    transition:
2131      opacity 0.25s ease-out 0.15s,
2132      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0.15s,
2133      visibility 0s linear 0s;
2134  }
2135
2136  /* overlay preko sajta */
2137  .main-wrapper::after {
2138    content: '';
2139    position: fixed;
2140    inset: 0;
2141    background-color: rgba(0, 0, 0, 0.1);
2142    backdrop-filter: blur(6px);
2143    -webkit-backdrop-filter: blur(6px);
2144    opacity: 0;
2145    visibility: hidden;
2146    pointer-events: none;
2147    /* zatvaranje: ceka da lista prvo ode */
2148    transition:
2149      opacity 0.2s ease-in 0.15s,
2150      visibility 0s linear 0.35s;
2151    z-index: 100;
2152  }
2153
2154  body:has(.dropdown-list-loc.w--open) .main-wrapper::after {
2155    opacity: 1;
2156    visibility: visible;
2157    /* otvaranje: krece odmah */
2158    transition:
2159      opacity 0.3s ease-out 0s,
2160      visibility 0s linear 0s;
2161  }
2162
2163  /* aktivni lokal u listi */
2164  .loc-item:has(.w--current) {
2165    background-color: rgba(0, 0, 0, 0.05);
2166  }
2167</style>
2167<script>
2168(function(){
2169  const DESIGN_W = 1440, DESIGN_H = 361;
2170  const frame  = document.querySelector('.hero-section-solution .absolute-holder-hero-solution');
2171  const holder = document.querySelector('.holder-1440');
2172  if(!frame || !holder) return;
2173  holder.style.transformOrigin = 'top left';
2174  function fit(){
2175    if(window.innerWidth < 992) return; // samo desktop
2176    const avail = frame.clientWidth;
2177    const scale = Math.min(1, avail / DESIGN_W);
2178    holder.style.transform  = 'scale(' + scale + ')';
2179    holder.style.marginLeft = Math.max(0, (avail - DESIGN_W * scale) / 2) + 'px';
2180    frame.style.height = (DESIGN_H * scale) + 'px';
2181  }
2182  window.addEventListener('resize', fit);
2183  window.addEventListener('load', fit);
2184  fit();
2185})();
2186</script>
2186
2187
2188<script>
2189(function(){
2190  const scope = document.querySelector('.holder-1440');
2191  if(!scope) return;
2192  // bottom za one koje idu gore
2193  scope.querySelectorAll('.blue-holder-hover[data-side="up"]').forEach(function(el){
2194    var b = el.getAttribute('data-bottom');
2195    if(b){ el.style.bottom = b + 'px'; }
2196  });
2197  // hover samo na desktopu sa misem
2198  if(!window.matchMedia('(hover: hover)').matches) return;
2199  scope.querySelectorAll('.solution-white-card[data-hover]').forEach(function(white){
2200    var key = white.getAttribute('data-hover');
2201    var holder = white.closest('.card-solution-holder');
2202    if(!holder) return;
2203    var blue = holder.querySelector('.blue-holder-hover[data-popup="' + key + '"]');
2204    if(!blue) return;
2205    white.addEventListener('mouseenter', function(){
2206      blue.classList.add('is-visible');
2207      holder.style.zIndex = 30;
2208    });
2209    white.addEventListener('mouseleave', function(){
2210      blue.classList.remove('is-visible');
2211      holder.style.zIndex = '';
2212    });
2213  });
2214})();
2215</script>
2215
2216
2217
2218<script>
2219(function(){
2220  const DESIGN_W = 834, DESIGN_H = 361;
2221  const frame  = document.querySelector('.hero-section-solution .absolute-holder-hero-solution');
2222  const holder = document.querySelector('.holder-834');
2223  if(!frame || !holder) return;
2224  holder.style.transformOrigin = 'top left';
2225  function fit(){
2226    if(window.innerWidth >= 992) return; // samo tablet i nize
2227    const avail = frame.clientWidth;
2228    const scale = avail / DESIGN_W;
2229    holder.style.transform  = 'scale(' + scale + ')';
2230    holder.style.marginLeft = Math.max(0, (avail - DESIGN_W * scale) / 2) + 'px';
2231    frame.style.height = (DESIGN_H * scale) + 'px';
2232  }
2233  window.addEventListener('resize', fit);
2234  window.addEventListener('load', fit);
2235  fit();
2236})();
2237</script>
2237
2238
2239<script>
2240(function(){
2241  const scope = document.querySelector('.holder-834');
2242  if(!scope) return;
2243  // bottom za tablet kartice koje idu gore (data-bottom-t)
2244  scope.querySelectorAll('.blue-holder-hover[data-side="up"]').forEach(function(el){
2245    var b = el.getAttribute('data-bottom-t');
2246    if(b){ el.style.bottom = b + 'px'; }
2247  });
2248  var cards = [];
2249  scope.querySelectorAll('.solution-white-card[data-hover]').forEach(function(white){
2250    var key = white.getAttribute('data-hover');
2251    var holder = white.closest('.card-solution-holder');
2252    if(!holder) return;
2253    var blue = holder.querySelector('.blue-holder-hover[data-popup="' + key + '"]');
2254    if(!blue) return;
2255    cards.push({ white: white, blue: blue, holder: holder });
2256    white.addEventListener('click', function(e){
2257      e.stopPropagation();
2258      var isOpen = blue.classList.contains('is-visible');
2259      closeAll();
2260      if(!isOpen){
2261        blue.classList.add('is-visible');
2262        holder.style.zIndex = 30;
2263      }
2264    });
2265  });
2266  function closeAll(){
2267    cards.forEach(function(c){
2268      c.blue.classList.remove('is-visible');
2269      c.holder.style.zIndex = '';
2270    });
2271  }
2272  // tap izvan kartica zatvara sve
2273  document.addEventListener('click', closeAll);
2274})();
2275</script>
2275
2276
2277<script>
2278document.addEventListener("DOMContentLoaded", function () {
2279  const btn = document.querySelector("#load-more-btn");
2280  const holder = document.querySelector(".cards-holder");
2281  if (!btn || !holder) return;
2282
2283  const hiddenRows = Array.from(holder.querySelectorAll(".is-hidden"));
2284  if (!hiddenRows.length) {
2285    btn.style.display = "none"; // nema sta da se prosiri, sakrij dugme
2286    return;
2287  }
2288
2289  let expanded = false;
2290
2291  const labelMore = "Load more";
2292  const labelLess = "Load less";
2293
2294  // postavi pocetni tekst (radi i ako je dugme Link Block ili Button)
2295  setLabel(labelMore);
2296
2297  function setLabel(text) {
2298    // ako dugme ima unutrasnji text element, gadjaj njega; inace ceo btn
2299    const inner = btn.querySelector(".button-text") || btn;
2300    inner.textContent = text;
2301  }
2302
2303  function expand() {
2304    hiddenRows.forEach((row, i) => {
2305      row.classList.remove("is-hidden");
2306      if (window.gsap) {
2307        gsap.fromTo(row,
2308          { autoAlpha: 0, y: 24 },
2309          { autoAlpha: 1, y: 0, duration: 0.5, ease: "power3.out", delay: i * 0.1 }
2310        );
2311      }
2312    });
2313    expanded = true;
2314    setLabel(labelLess);
2315  }
2316
2317  function collapse() {
2318    // animiraj nestajanje pa tek onda sakrij
2319    if (window.gsap) {
2320      hiddenRows.forEach((row, i) => {
2321        gsap.to(row, {
2322          autoAlpha: 0,
2323          y: 24,
2324          duration: 0.35,
2325          ease: "power2.in",
2326          delay: i * 0.05,
2327          onComplete: () => row.classList.add("is-hidden")
2328        });
2329      });
2330    } else {
2331      hiddenRows.forEach(row => row.classList.add("is-hidden"));
2332    }
2333    expanded = false;
2334    setLabel(labelMore);
2335
2336    // vrati scroll do dugmeta da korisnik ne ostane "u vazduhu"
2337    btn.scrollIntoView({ behavior: "smooth", block: "center" });
2338  }
2339
2340  btn.addEventListener("click", function (e) {
2341    e.preventDefault(); // ako je Link Block sa href="#"
2342    expanded ? collapse() : expand();
2343  });
2344});
2345
2346window.addEventListener("pageshow", function (e) {
2347  if (e.persisted) location.reload();
2348});
2349</script>
2349</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.