


<!DOCTYPE html>
<html lang="en" dir="ltr">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="preload" href="/frontend/assets/open-sans-regular-DyFVEBXx.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="preload" href="/frontend/assets/silka-regular-CAVj_Pil.woff2" as="font" type="font/woff2" crossorigin>

		<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
		<link rel="preconnect" href="https://cdn.cookielaw.org" crossorigin>
		<link rel="dns-prefetch" href="https://munchkin.marketo.net">
		<link rel="dns-prefetch" href="https://js.hs-scripts.com">
		<link rel="dns-prefetch" href="https://tr.capterra.com">

		<!-- Google Consent Mode v2 defaults (must run before GTM/GA4) -->
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}

			// US (excluding California) → granted by default, no consent required
			gtag('consent', 'default', {
				'ad_storage': 'granted',
				'ad_user_data': 'granted',
				'ad_personalization': 'granted',
				'analytics_storage': 'granted',
				'functionality_storage': 'granted',
				'personalization_storage': 'granted',
				'security_storage': 'granted',
				'region': [
					'US-AL','US-AK','US-AZ','US-AR','US-CO','US-CT','US-DE','US-FL',
					'US-GA','US-HI','US-ID','US-IL','US-IN','US-IA','US-KS','US-KY',
					'US-LA','US-ME','US-MD','US-MA','US-MI','US-MN','US-MS','US-MO',
					'US-MT','US-NE','US-NV','US-NH','US-NJ','US-NM','US-NY','US-NC',
					'US-ND','US-OH','US-OK','US-OR','US-PA','US-RI','US-SC','US-SD',
					'US-TN','US-TX','US-UT','US-VT','US-VA','US-WA','US-WV','US-WI',
					'US-WY','US-DC'
				]
			});

			// Global fallback: California + EEA + UK + rest of world → denied,
			// wait for OneTrust to resolve user's consent choice
			gtag('consent', 'default', {
				'ad_storage': 'denied',
				'ad_user_data': 'denied',
				'ad_personalization': 'denied',
				'analytics_storage': 'denied',
				'functionality_storage': 'denied',
				'personalization_storage': 'denied',
				'security_storage': 'granted',
				'wait_for_update': 2000
			});
		</script>

		<!-- OneTrust Cookies Consent Notice start -->
										<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="cf23cd06-477e-417b-aa2d-8389aeb8df2f" async></script>
		<script type="text/javascript">
			function syncOneTrustConsentToGtag() {
				// Split on comma so numeric IDs match exactly — 'indexOf("1")' would
				// otherwise also match '10', '11', 'H111', etc. inside the raw string.
				var groups = (window.OptanonActiveGroups || '').split(',').filter(Boolean);
				var has = function (id) { return groups.indexOf(id) > -1; };

				var hasAnalytics  = has('2');
				var hasFunctional = has('3');
				var hasTargeting  = has('4');

				gtag('consent', 'update', {
					'analytics_storage':       hasAnalytics  ? 'granted' : 'denied',
					'functionality_storage':   hasFunctional ? 'granted' : 'denied',
					'personalization_storage': hasFunctional ? 'granted' : 'denied',
					'ad_storage':              hasTargeting  ? 'granted' : 'denied',
					'ad_user_data':            hasTargeting  ? 'granted' : 'denied',
					'ad_personalization':      hasTargeting  ? 'granted' : 'denied',
					'security_storage':        'granted'
				});
			}

			function OptanonWrapper() {
				// Initial sync — runs once OneTrust has loaded the user's saved choices
				// (or no choices yet, in which case everything stays denied per defaults).
				syncOneTrustConsentToGtag();

				// Re-sync whenever the user changes consent in the banner or settings modal.
				// Without this, accepting cookies after page load does not propagate to gtag
				// until the next full pageview.
				if (window.OneTrust && typeof window.OneTrust.OnConsentChanged === 'function') {
					window.OneTrust.OnConsentChanged(syncOneTrustConsentToGtag);
				}
			}
		</script>
		<!-- OneTrust Cookies Consent Notice end -->

		<!-- Google Tag Manager -->
		<script>
			(function (w, d, s, l, i) {
			w[l] = w[l] || [];
			w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
			var f = d.getElementsByTagName(s)[0],
			j = d.createElement(s),
			dl = l != 'dataLayer' ? '&l=' + l : '';
			j.async = true;
			j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
			f.parentNode.insertBefore(j, f);
			})(window, document, 'script', 'dataLayer', 'GTM-NQ69FMW');
		</script>
		<!-- End Google Tag Manager -->

												
		<link rel="canonical" href="https://transportation.trimble.com/en/solutions/mapping-and-routing/copilot">

		<link rel="alternate" hreflang="en" href="https://transportation.trimble.com/en/solutions/mapping-and-routing/copilot" />
		<link rel="alternate" hreflang="x-default" href="https://transportation.trimble.com/en/solutions/mapping-and-routing/copilot" />

		
							<meta name="robots" content="noindex, nofollow"/>
		
		<link rel="icon" type="image/x-icon" href="/images/favicon/favicon.ico">


<meta name="msapplication-TileImage" content="/images/favicon/ms-icon-144x144.png">
		
		
																					
							
						
				
							
													
								
					<title>CoPilot | Trimble</title>
			<meta property="og:title" content="CoPilot" />
<meta property="twitter:title" content="CoPilot" />
<meta property="og:locale" content="en" />
<meta name="description" content="Trimble CoPilot navigation improves compliance and efficiency for trucks, fleets and commercial vehicles. Learn about GPS navigation capabilities &amp; get a quote! Boost driver happiness, customer satisfaction, and company profits with our industry leading fleet GPS tool." />
<meta property="og:description" content="Trimble CoPilot navigation improves compliance and efficiency for trucks, fleets and commercial vehicles. Learn about GPS navigation capabilities &amp; get a quote! Boost driver happiness, customer satisfaction, and company profits with our industry leading fleet GPS tool." />
<meta property="twitter:description" content="Trimble CoPilot navigation improves compliance and efficiency for trucks, fleets and commercial vehicles. Learn about GPS navigation capabilities &amp; get a quote! Boost driver happiness, customer satisfaction, and company profits with our industry leading fleet GPS tool." />
<meta property="og:image" content="https://transportation.trimble.com/_default_upload_bucket/solutions/mapping-and-routing/copilot/1735/image-thumb__1735__sharing_image/2025_TT-website-redesign-PP-CoPilot_teaser.7c2b40b9.png" />
<meta property="twitter:image" content="https://transportation.trimble.com/_default_upload_bucket/solutions/mapping-and-routing/copilot/1735/image-thumb__1735__sharing_image/2025_TT-website-redesign-PP-CoPilot_teaser.7c2b40b9.png" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://transportation.trimble.com/en/solutions/mapping-and-routing/copilot" />
<meta property="og:site_name" content="Trimble" />
<meta property="twitter:card" content="summary" />

		
				
					<script src="https://app-sj26.marketo.com/js/forms2/js/forms2.min.js" defer></script>
					
					<link crossorigin rel="stylesheet" href="/frontend/assets/theme-CHVtQhHn.css">

					
					<script crossorigin type="module" src="/frontend/assets/app-DQZvHRHl.js"></script>
			</head>

	<body class="">
		
		








<header role="banner" id="header" class="fixed left-0 right-0 translate-y-0 transition-transform duration-400 ease-in-out is-visible dark:bg-dark-black shadow-header z-100 bg-white " style="top: 0px !important;">

	
	<div class="relative w-full">

		<a aria-label="Trimble Logo" href="/en" class="absolute top-0 left-0 bottom-0 h-max bg-blue my-auto py-2 lg:py-2.5 pr-2.5 lg:pr-6 pl-5 lg:pl-20">
			<img alt="Trimble Logo" src="/images/logo.svg" width="173" height="40" class="w-25 lg:w-32.5"/>
		</a>

		<div class="mx-auto w-full max-w-full px-4.5 md:px-5 lg:px-20 h-17 md:h-17 lg:h-25 flex flex-row items-center justify-between">
			<!-- Nav links -->
			<nav class="main-nav hidden dark:text-dark-white dark:bg-dark-black lg:flex mx-auto pl-30 xl:pl-34 h-full items-center gap-4 xl:gap-8">
            <div class="nav-item relative"
                              data-dropdown="solutions"
                     >
            <a
                href="#"
                class="main-nav-label py-1"
                            >
                Solutions
            </a>
        </div>
            <div class="nav-item relative"
                              data-dropdown="who we serve"
                     >
            <a
                href="#"
                class="main-nav-label py-1"
                            >
                Who we serve
            </a>
        </div>
            <div class="nav-item relative"
                     >
            <a
                href="/en/ai"
                class="main-nav-label py-1"
                            >
                AI
            </a>
        </div>
            <div class="nav-item relative"
                              data-dropdown="resources"
                     >
            <a
                href="#"
                class="main-nav-label py-1"
                            >
                Resources
            </a>
        </div>
            <div class="nav-item relative"
                              data-dropdown="partners and developers"
                     >
            <a
                href="#"
                class="main-nav-label py-1"
                            >
                Partners &amp; Developers
            </a>
        </div>
    </nav>


			<!-- Right side desktop buttons -->
			<div class="hidden lg:flex items-center gap-5 xl:gap-6">
									<a href=/en/sign_in target=_self 
					class="dark:text-dark-white button-icon-text group transition duration-250 hover:text-blue dark:hover:text-blue">
						  <svg class="icon-svg w-4.5 h-4.5 transition duration-250 group-hover:text-blue" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#client"></use>
  </svg>

						Sign in
					</a>
				
									<a href=/en/support target=_self 
					class="dark:text-dark-white button-icon-text group transition duration-250 hover:text-blue dark:hover:text-blue">
						  <svg class="icon-svg w-4.5 h-4.5 transition duration-250 group-hover:text-blue" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#info"></use>
  </svg>

						Support
					</a>
				
									<a href=/en/contact-us target=_self class="button button-sm button-secondary  uppercase">
						Contact us
					</a>
							</div>

						
    <div 
        x-data="{ 
            mobileNavOpen: false,
            languageMenuOpen: false,
            updateBody() {
                document.body.classList.toggle('overflow-hidden', this.mobileNavOpen);
                const header = document.getElementById('header');
                header?.classList.toggle('prevent-hide', this.mobileNavOpen);
            }
        }"
        x-effect="updateBody()"
        @keydown.escape.window="mobileNavOpen = false; languageMenuOpen = false"
        class="block lg:hidden relative z-50 w-21 h-full ml-auto">

	<!-- Right side mobile buttons -->
    <div class="flex items-center gap-4.5 absolute h-full right-0 top-0">
        	    <!-- Language switch button -->
        
		<!-- Menu button -->
        <button
            @click="mobileNavOpen = !mobileNavOpen; languageMenuOpen = false"
            class="w-8 h-8 flex items-center justify-center text-grey-1000 dark:text-dark-white hover:text-yellow-300 dark:hover:text-yellow-300 transition duration-300"
			:class="{'text-yellow-300': mobileNavOpen}"
            aria-label="Toggle mobile menu"
            >
            <svg  x-show="!mobileNavOpen" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
            <path d="M3.25 19.5H22.75V17.3333H3.25V19.5ZM3.25 14.0833H22.75V11.9167H3.25V14.0833ZM3.25 6.5V8.66667H22.75V6.5H3.25Z" fill="currentColor"/>
            </svg>

            <svg x-show="mobileNavOpen" x-cloak xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
                <path d="M12.9998 11.4677L18.362 6.10547L19.8941 7.63753L14.5318 12.9998L19.8941 18.362L18.362 19.894L12.9998 14.5318L7.63754 19.894L6.10547 18.362L11.4677 12.9998L6.10547 7.63753L7.63754 6.10547L12.9998 11.4677Z" fill="currentColor"/>
            </svg>
        </button>
    </div>

	<!-- Overlay for mobile and language menus -->
    <div
       data-mobile-menu-top
      class="fixed inset-0  opacity-0 h-dvh bg-black/60 backdrop-blur-xs transition-opacity duration-300 ease-in-out z-40"
      :class="{
        'opacity-100! visible pointer-events-auto': mobileNavOpen || languageMenuOpen,
        'opacity-0 invisible pointer-events-none': !(mobileNavOpen || languageMenuOpen)
      }"
      @click="mobileNavOpen = false; languageMenuOpen = false"
    ></div>
    <div data-mobile-menu-top
        x-cloak
        class="fixed flex flex-col  right-0 overflow-y-auto translate-x-full h-[calc(100dvh-56px)] md:h-[calc(100dvh-64px)] w-100 max-w-[90%] bg-white dark:bg-dark-black shadow-header z-50 transition-transform duration-300 ease-in-out"
        :class="{
        'translate-x-0!  inset-shadow-header': mobileNavOpen,
        'translate-x-full': !mobileNavOpen
        }">
            <div class="flex flex-col w-100 max-w-full sm:shrink-0 bg-white dark:bg-dark-black inset-shadow-header dark:text-dark-white">
    <nav class="flex flex-col" x-data="{ openSection: null }">
                  <div class="relative w-full border-b border-grey-200 dark:border-dark-grey-border">
                                        <button 
                class="w-full group flex justify-between items-center p-5 transition-colors duration-300 bg-white dark:bg-dark-black "
                :class="{ 'text-yellow-300': openSection === 1 }"
                @click="openSection = openSection === 1 ? null : 1"
                >
                  <span class="label-lg transition-colors duration-300 group-hover:text-yellow-300 dark:group-hover:text-yellow-300"
                        :class="{ 'text-yellow-300': openSection === 1 }">
                    Solutions
                  </span>

                  <svg class="icon-svg w-4 h-4 transform transition-transform duration-300 text-grey-1000 dark:text-yellow-300" :class="{ 'rotate-180': openSection === 1 }" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
              </button>

              <div 
                x-show="openSection === 1"
                x-collapse.duration.300ms
                class="submenu bg-grey-200 dark:bg-dark-grey-900 px-5">
                                                                <div class="flex flex-col">
                                                                                                                      <a href="/en/solutions/transportation-management" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Transportation Management
                                  </a>
                                                                                                                            <a href="/en/solutions/mapping-and-routing" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Mapping &amp; Routing
                                  </a>
                                                                                                                            <a href="/en/solutions/fleet-maintenance" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Asset Maintenance
                                  </a>
                                                                                  </div>
                                                                                      <div class="flex flex-col">
                                                                                                                      <a href="/en/solutions/execution-visibility" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Planning &amp; Execution
                                  </a>
                                                                                                                            <a href="/en/solutions/freight-sourcing-settlement" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Sourcing &amp; Settlement
                                  </a>
                                                                                                                            <a href="/en/solutions/dock-and-yard" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Dock &amp; Yard Optimization
                                  </a>
                                                                                  </div>
                                                      </div>
                      </div>
                  <div class="relative w-full border-b border-grey-200 dark:border-dark-grey-border">
                                        <button 
                class="w-full group flex justify-between items-center p-5 transition-colors duration-300 bg-white dark:bg-dark-black "
                :class="{ 'text-yellow-300': openSection === 2 }"
                @click="openSection = openSection === 2 ? null : 2"
                >
                  <span class="label-lg transition-colors duration-300 group-hover:text-yellow-300 dark:group-hover:text-yellow-300"
                        :class="{ 'text-yellow-300': openSection === 2 }">
                    Who we serve
                  </span>

                  <svg class="icon-svg w-4 h-4 transform transition-transform duration-300 text-grey-1000 dark:text-yellow-300" :class="{ 'rotate-180': openSection === 2 }" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
              </button>

              <div 
                x-show="openSection === 2"
                x-collapse.duration.300ms
                class="submenu bg-grey-200 dark:bg-dark-grey-900 px-5">
                                                                <div class="flex flex-col">
                                                                                                                      <a href="/en/industries/carriers" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Carriers
                                  </a>
                                                                                                                            <a href="/en/industries/shippers" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Shippers
                                  </a>
                                                                                                                            <a href="/en/industries/service-centers" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Service Centers
                                  </a>
                                                                                  </div>
                                                      </div>
                      </div>
                  <div class="relative w-full border-b border-grey-200 dark:border-dark-grey-border">
                                                        <a href="/en/ai" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white w-full justify-between items-center p-5">
                  AI
                </a>
                                    </div>
                  <div class="relative w-full border-b border-grey-200 dark:border-dark-grey-border">
                                        <button 
                class="w-full group flex justify-between items-center p-5 transition-colors duration-300 bg-white dark:bg-dark-black "
                :class="{ 'text-yellow-300': openSection === 4 }"
                @click="openSection = openSection === 4 ? null : 4"
                >
                  <span class="label-lg transition-colors duration-300 group-hover:text-yellow-300 dark:group-hover:text-yellow-300"
                        :class="{ 'text-yellow-300': openSection === 4 }">
                    Resources
                  </span>

                  <svg class="icon-svg w-4 h-4 transform transition-transform duration-300 text-grey-1000 dark:text-yellow-300" :class="{ 'rotate-180': openSection === 4 }" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
              </button>

              <div 
                x-show="openSection === 4"
                x-collapse.duration.300ms
                class="submenu bg-grey-200 dark:bg-dark-grey-900 px-5">
                                                                <div class="flex flex-col">
                                                                                                                      <a href="/en/resources/blog" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Blog
                                  </a>
                                                                                                                            <a href="/en/resources/videos" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Videos
                                  </a>
                                                                                                                            <a href="/en/resources/ebooks" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Ebooks
                                  </a>
                                                                                  </div>
                                                                                      <div class="flex flex-col">
                                                                                                                      <a href="/en/resources/case-studies" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Case Studies
                                  </a>
                                                                                                                            <a href="/en/resources/events" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Events
                                  </a>
                                                                                  </div>
                                                                                      <div class="flex flex-col">
                                                                                                                      <a href="https://learn.transportation.trimble.com/" target="_blank" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Transportation Knowledge Base
                                  </a>
                                                                                                                            <a href="https://learn.trimble.com" target="_blank" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Trimble Learn
                                  </a>
                                                                                  </div>
                                                      </div>
                      </div>
                  <div class="relative w-full border-b border-grey-200 dark:border-dark-grey-border">
                                        <button 
                class="w-full group flex justify-between items-center p-5 transition-colors duration-300 bg-white dark:bg-dark-black "
                :class="{ 'text-yellow-300': openSection === 5 }"
                @click="openSection = openSection === 5 ? null : 5"
                >
                  <span class="label-lg transition-colors duration-300 group-hover:text-yellow-300 dark:group-hover:text-yellow-300"
                        :class="{ 'text-yellow-300': openSection === 5 }">
                    Partners &amp; Developers
                  </span>

                  <svg class="icon-svg w-4 h-4 transform transition-transform duration-300 text-grey-1000 dark:text-yellow-300" :class="{ 'rotate-180': openSection === 5 }" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
              </button>

              <div 
                x-show="openSection === 5"
                x-collapse.duration.300ms
                class="submenu bg-grey-200 dark:bg-dark-grey-900 px-5">
                                                                <div class="flex flex-col">
                                                                                                                      <a href="/en/partners-and-developers/how-to-partner-with-us" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Become a Partner
                                  </a>
                                                                                                                            <a href="/en/partners-and-developers/our-partners" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Our Partners
                                  </a>
                                                                                  </div>
                                                                                      <div class="flex flex-col">
                                                                                                                      <a href="https://developer.trimblemaps.com/get-an-api-key/na/" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Developer Tools (API)
                                  </a>
                                                                                                                            <a href="https://www.trimble.com/en/developer/docs/#cards-4" target="_self" class="p-lg flex transition-colors duration-300 text-grey-1000 hover:text-yellow-300 dark:hover:text-yellow-300 dark:text-dark-white py-4">
                                    Developer Portal
                                  </a>
                                                                                  </div>
                                                      </div>
                      </div>
            </nav>

     <div class="p-5 flex flex-col gap-5">
                  <a href="/en/sign_in" class="button button-sm button-secondary w-full">
            Sign in
          </a>
        
                  <a href=/en/support target=_self class="button button-sm button-secondary w-full">
              Support
          </a>
                          <a href=/en/contact-us target=_self class="button button-sm button-primary w-full" >
              Contact us
          </a>
              </div>
  </div>

    </div>

    <div data-mobile-menu-top
        x-cloak
        class="fixed right-0 h-[calc(100dvh-56px)] translate-x-full md:h-[calc(100dvh-64px)] w-72 bg-white shadow-header z-50 transition-transform duration-300 ease-in-out overflow-y-auto"
        :class="{
            'translate-x-0!': languageMenuOpen,
            'translate-x-full': !languageMenuOpen
        }">
            <div class="flex w-full max-w-full inset-shadow-header">
    <nav class="flex flex-col w-full max-w-full">
                    <div class="w-full border-b border-grey-200">
                <a href="/en" class="flex justify-between items-center w-full max-w-full p-5 transition-colors duration-300 hover:bg-grey-100" hreflang="en">
                    <span class="label-lg hover:text-orange  text-yellow-300 ">
                                                English
                    </span>
                </a>
            </div>
          </div>


    </div>
</div>		</div>
	</div>
</header>

<!-- Desktop menu dropdown -->
<div id="desktop-dropdowns" class="desktop-menu">
                        <div id="solutions-dropdown"
                 class="dropdown fixed left-0 w-screen bg-white dark:bg-dark-black dark:text-dark-white opacity-0 pointer-events-none transition duration-300">

                <div class="inner w-full flex gap-5 p-5 md:py-14 md:px-10 lg:px-20">
                                                                                                                                                                                                  
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  text-grey-900 ">PRODUCT CATEGORIES</div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="/en/solutions/transportation-management" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                                <div class="w-11 h-11 flex items-center justify-center shrink-0 bg-grey-200 dark:bg-grey-1000 rounded-md transition duration-500 group-hover:bg-blue dark:group-hover:bg-yellow-300">
                                        <svg class="icon-svg w-7 h-7 text-blue dark:text-yellow-300 transition duration-400 group-hover:text-white dark:group-hover:text-grey-1000" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#transportation-management"></use>
  </svg>

                                  </div>
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Transportation Management
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Comprehensive carrier platforms optimizing the entire order-to-cash lifecycle for any fleet</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/solutions/mapping-and-routing" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                                <div class="w-11 h-11 flex items-center justify-center shrink-0 bg-grey-200 dark:bg-grey-1000 rounded-md transition duration-500 group-hover:bg-blue dark:group-hover:bg-yellow-300">
                                        <svg class="icon-svg w-7 h-7 text-blue dark:text-yellow-300 transition duration-400 group-hover:text-white dark:group-hover:text-grey-1000" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#mapping-and-routing"></use>
  </svg>

                                  </div>
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Mapping &amp; Routing
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Commercial-grade fleet planning, routing, navigation, and execution for safety and operational excellence</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/solutions/fleet-maintenance" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                                <div class="w-11 h-11 flex items-center justify-center shrink-0 bg-grey-200 dark:bg-grey-1000 rounded-md transition duration-500 group-hover:bg-blue dark:group-hover:bg-yellow-300">
                                        <svg class="icon-svg w-7 h-7 text-blue dark:text-yellow-300 transition duration-400 group-hover:text-white dark:group-hover:text-grey-1000" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#maintenance"></use>
  </svg>

                                  </div>
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Asset Maintenance
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">AI-powered tools to improve fleet health and minimize downtime</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                                                                                                                                                            
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  min-h-5.5 "></div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="/en/solutions/execution-visibility" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                                <div class="w-11 h-11 flex items-center justify-center shrink-0 bg-grey-200 dark:bg-grey-1000 rounded-md transition duration-500 group-hover:bg-blue dark:group-hover:bg-yellow-300">
                                        <svg class="icon-svg w-7 h-7 text-blue dark:text-yellow-300 transition duration-400 group-hover:text-white dark:group-hover:text-grey-1000" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#transport-execution"></use>
  </svg>

                                  </div>
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Planning &amp; Execution
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Advanced, modern freight assignment and ETA tracking solutions powered by Al</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/solutions/freight-sourcing-settlement" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                                <div class="w-11 h-11 flex items-center justify-center shrink-0 bg-grey-200 dark:bg-grey-1000 rounded-md transition duration-500 group-hover:bg-blue dark:group-hover:bg-yellow-300">
                                        <svg class="icon-svg w-7 h-7 text-blue dark:text-yellow-300 transition duration-400 group-hover:text-white dark:group-hover:text-grey-1000" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#freight-sourcing"></use>
  </svg>

                                  </div>
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Sourcing &amp; Settlement
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Automated freight sourcing and auditing solutions to optimize your operations</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/solutions/dock-and-yard" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                                <div class="w-11 h-11 flex items-center justify-center shrink-0 bg-grey-200 dark:bg-grey-1000 rounded-md transition duration-500 group-hover:bg-blue dark:group-hover:bg-yellow-300">
                                        <svg class="icon-svg w-7 h-7 text-blue dark:text-yellow-300 transition duration-400 group-hover:text-white dark:group-hover:text-grey-1000" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#dock-and-yard"></use>
  </svg>

                                  </div>
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Dock &amp; Yard Optimization
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Efficient, proactive dock scheduling with real-time visibility of all assets on premises</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                                                                                                                  
                                                  </div>
            </div>
                                <div id="who we serve-dropdown"
                 class="dropdown fixed left-0 w-screen bg-white dark:bg-dark-black dark:text-dark-white opacity-0 pointer-events-none transition duration-300">

                <div class="inner w-full flex gap-5 p-5 md:py-14 md:px-10 lg:px-20">
                                                                                                                                                            
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  text-grey-900 ">WHO WE SERVE</div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="/en/industries/carriers" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Carriers
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Drive profitable operations with technology for fleet management</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/industries/shippers" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Shippers
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Optimize supply chain costs using intelligent execution and visibility</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/industries/service-centers" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Service Centers
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Maximize shop throughput and technician productivity to boost revenue</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                                                                            
                                                                                                            
                                                  </div>
            </div>
                                            <div id="resources-dropdown"
                 class="dropdown fixed left-0 w-screen bg-white dark:bg-dark-black dark:text-dark-white opacity-0 pointer-events-none transition duration-300">

                <div class="inner w-full flex gap-5 p-5 md:py-14 md:px-10 lg:px-20">
                                                                                                                                                                                                                                        
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  text-grey-900 ">RESOURCES</div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="/en/resources/blog" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Blog
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Expert insights and industry trends</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/resources/videos" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Videos
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">See our solutions in action</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/resources/ebooks" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Ebooks
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Industry data backed by research</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                                                                                                                                                                                                  
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  min-h-5.5 "></div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="/en/resources/case-studies" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Case Studies
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">See real-world success stories from our customers</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/resources/events" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Events
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Find upcoming webinars, conferences and exhibitions</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                                                                                                                                                                                                  
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  min-h-5.5 "></div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="https://learn.transportation.trimble.com/" target="_blank" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Transportation Knowledge Base
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Login to our knowledge base to access end-user product documentation and video tutorials</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="https://learn.trimble.com" target="_blank" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Trimble Learn
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Login to our LMS to enroll in on-demand interactive product training and certification courses</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                  </div>
            </div>
                                <div id="partners and developers-dropdown"
                 class="dropdown fixed left-0 w-screen bg-white dark:bg-dark-black dark:text-dark-white opacity-0 pointer-events-none transition duration-300">

                <div class="inner w-full flex gap-5 p-5 md:py-14 md:px-10 lg:px-20">
                                                                                                                                                                                                  
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  text-grey-900 ">PARTNERS</div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="/en/partners-and-developers/how-to-partner-with-us" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Become a Partner
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Expand your portfolio and grow your business with Trimble</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="/en/partners-and-developers/our-partners" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Our Partners
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Explore our network of technology and integration allies</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                                                                                                                                                            
                                      <div class="max-w-full lg:max-w-103 w-full md:w-1/2 lg:w-1/3 pr-6 not-last:border-r not-last:border-grey-300 dark:not-last:border-dark-grey-border">
                                              <div class="label-md mb-8 uppercase dark:text-dark-white  text-grey-900 ">DEVELOPERS</div>
                      
                      <ul class="flex flex-col gap-y-5 gap-x-6">
                                                                            <li class="flex group">
                            <a href="https://developer.trimblemaps.com/get-an-api-key/na/" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Developer Tools (API)
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Integrate our powerful solutions into your custom platforms</div>
                                                              </div>
                            </a>
                          </li>
                                                                            <li class="flex group">
                            <a href="https://www.trimble.com/en/developer/docs/#cards-4" target="_self" class="flex gap-5 max-w-full lg:w-88  items-start ">
                                                            <div class="max-w-full">
                                <p class="p-md inline-block text-grey-1000 dark:text-dark-white transition-all duration-400 group-hover:text-blue dark:group-hover:text-yellow-300 group-hover:font-medium!">
                                  Developer Portal
                                </p>
                                                                  <div class="p-xs text-grey-800 dark:text-dark-white mt-2">Access documentation, resources and technical support</div>
                                                              </div>
                            </a>
                          </li>
                                              </ul>
                    </div>
                                                                                                                                                  
                                                  </div>
            </div>
            </div>

		<main>
			
		
			
<div class="big-content-navigation hidden xl:flex w-full h-14 lg:h-17 bg-grey-300 relative z-10">
    <div class="relative z-20 mx-auto px-5 md:px-10 lg:px-20 2xl:px-0 lg:w-345 max-w-full flex items-center justify-between lg:justify-center w-full h-full">
        <div class="flex items-center">
            <div class="w-0.5 h-3 bg-yellow-300 mr-2.5"></div>
            <span class="text-nowrap">Mapping &amp; Routing</span>
        </div>
        <div class="flex justify-center gap-8 p-sm text-grey-1000 w-fit m-auto">
          <ul class="desktopContentNavigation p-sm no-underline hover:text-blue duration-slow cursor-pointe">
    <li class="active">
        <a id="pimcore-navigation-renderer-menu-298" class=" main active mainactive" href="/en/solutions/mapping-and-routing/copilot">CoPilot</a>
    </li>
    <li>
        <a id="pimcore-navigation-renderer-menu-154" class=" main" href="/en/solutions/mapping-and-routing/pcmiler">PC*Miler</a>
    </li>
    <li>
        <a id="pimcore-navigation-renderer-menu-296" class=" main" href="/en/solutions/mapping-and-routing/appian">Appian</a>
    </li>
    <li>
        <a id="pimcore-navigation-renderer-menu-378" class=" main" href="/en/solutions/mapping-and-routing/trimble-places-data">Trimble Places</a>
    </li>
    <li>
        <a id="pimcore-navigation-renderer-menu-469" class=" main" href="/en/solutions/mapping-and-routing/trimble-smartworkflow">Smart Workflow</a>
    </li>
    <li>
        <a id="pimcore-navigation-renderer-menu-479" class=" main" href="/en/solutions/mapping-and-routing/mapping-and-location-intelligence">Mapping &amp; Location Intelligence</a>
    </li>
</ul>
        </div>
    </div>
</div>
		
<div 
  class="small-content-navigation flex xl:hidden w-full h-14 lg:h-17 bg-grey-300 relative z-20 "
  x-data="{ 
    open: false, 
    toggleScrollLock() { 
      if (this.open) { 
        document.body.style.overflow = 'hidden'; 
      } else { 
        document.body.style.overflow = ''; 
      } 
    } 
  }"
  x-effect="toggleScrollLock()"
>
  <div class="relative mx-auto px-5 md:px-10 lg:px-20 2xl:px-0 lg:w-345 max-w-full flex items-center justify-between w-full h-full">
    
    <div class="flex items-center p-sm-semibold">
      <div class="w-0.5 h-3 bg-yellow-300 mr-2.5"></div>
      <span>Mapping &amp; Routing</span>
    </div>

    <div class="flex items-center">
      <button 
        @click="open = !open"
        aria-label="Toggle navigation"
        class="flex justify-center items-center border-none w-5 h-5"
      >
        <svg class="icon-svg w-4 h-4 transition-transform duration-300" :class="open ? 'rotate-180' : ''" aria-hidden="true" focusable="false">
          <use href="/frontend/assets/sprite.svg#arrow-down"></use>
        </svg>
      </button>
    </div>
  </div>

  <div 
    x-show="open"
    x-transition:enter="transition transform ease-out duration-300"
    x-transition:enter-start="translate-x-full"
    x-transition:enter-end="translate-x-0"
    x-transition:leave="transition transform ease-in duration-200"
    x-transition:leave-start="translate-x-0"
    x-transition:leave-end="translate-x-full"
    class="absolute top-14 lg:top-17 right-0 bg-white max-w-92.5 w-full max-h-[80dvh] overflow-y-auto z-50"
  >
      <ul 
    x-data="{ activeIndex: null }"
    class="p-sm divide-y divide-grey-200"
  >
                                
        
        
        <li class="relative">
          <div 
            class="flex justify-between items-center cursor-pointer  p-xs "
            @click="activeIndex === 1 ? activeIndex = null : activeIndex = 1"
          >
            <a href="/en/solutions/mapping-and-routing/copilot" class="block px-5 py-4 text-grey-1000 hover:text-yellow-300 transition duration-300">
              CoPilot
            </a>

                      </div>

                  </li>
                                      
        
        
        <li class="relative">
          <div 
            class="flex justify-between items-center cursor-pointer  p-xs "
            @click="activeIndex === 2 ? activeIndex = null : activeIndex = 2"
          >
            <a href="/en/solutions/mapping-and-routing/pcmiler" class="block px-5 py-4 text-grey-1000 hover:text-yellow-300 transition duration-300">
              PC*Miler
            </a>

                      </div>

                  </li>
                                      
        
        
        <li class="relative">
          <div 
            class="flex justify-between items-center cursor-pointer  p-xs "
            @click="activeIndex === 3 ? activeIndex = null : activeIndex = 3"
          >
            <a href="/en/solutions/mapping-and-routing/appian" class="block px-5 py-4 text-grey-1000 hover:text-yellow-300 transition duration-300">
              Appian
            </a>

                      </div>

                  </li>
                                      
        
        
        <li class="relative">
          <div 
            class="flex justify-between items-center cursor-pointer  p-xs "
            @click="activeIndex === 4 ? activeIndex = null : activeIndex = 4"
          >
            <a href="/en/solutions/mapping-and-routing/trimble-places-data" class="block px-5 py-4 text-grey-1000 hover:text-yellow-300 transition duration-300">
              Trimble Places
            </a>

                      </div>

                  </li>
                                      
        
        
        <li class="relative">
          <div 
            class="flex justify-between items-center cursor-pointer  p-xs "
            @click="activeIndex === 5 ? activeIndex = null : activeIndex = 5"
          >
            <a href="/en/solutions/mapping-and-routing/trimble-smartworkflow" class="block px-5 py-4 text-grey-1000 hover:text-yellow-300 transition duration-300">
              Smart Workflow
            </a>

                      </div>

                  </li>
                                      
        
        
        <li class="relative">
          <div 
            class="flex justify-between items-center cursor-pointer  p-xs "
            @click="activeIndex === 6 ? activeIndex = null : activeIndex = 6"
          >
            <a href="/en/solutions/mapping-and-routing/mapping-and-location-intelligence" class="block px-5 py-4 text-grey-1000 hover:text-yellow-300 transition duration-300">
              Mapping &amp; Location Intelligence
            </a>

                      </div>

                  </li>
            </ul>

  </div>
</div>


	
			    <div class="main-content">
        





















	<section class="flex relative w-full max-w-full overflow-hidden  mb-16 md:mb-20 lg:mb-25"  data-section="" data-debug-module-name="Stage">
		 
  



<div class="flex flex-col lg:flex-row items-center relative w-full lg:min-h-[calc(100dvh-200px)] max-w-full lg:gap-2.5">
            <div class="flex lg:hidden lg:absolute z-5 lg:top-6 w-full lg:w-345 items-center px-5 md:px-10 py-5 lg:py-0 lg:pl-20 2xl:px-0 max-w-full breadcrumb-wrapper text-grey-800 breadcrumb-blue-color"
        :class=breadcrumb-blue-color
        >
            
<nav class="flex" aria-label="Breadcrumb">
    <ol class="list-reset pl-0! flex items-baseline">
                                            
            <li class="flex items-baseline">
                                    <span class="p-xs">
                        Home
                    </span>
                            </li>
            </ol>
</nav>


        </div>
    
    <div class="order-2 pb-16 md:pb-20 lg:pb-0 w-full lg:w-345 lg:order-1 mx-auto lg:pl-20 2xl:px-0 max-w-full flex flex-col lg:flex-row relative lg:h-full items-center">
                    <div class="hidden lg:flex lg:absolute z-5 lg:top-6 w-full lg:w-345 items-center py-5 lg:py-0 max-w-full  text-grey-800"
            :class=breadcrumb-blue-color>
            
<nav class="flex" aria-label="Breadcrumb">
    <ol class="list-reset pl-0! flex items-baseline">
                                            
            <li class="flex items-baseline">
                                    <span class="p-xs">
                        Home
                    </span>
                            </li>
            </ol>
</nav>


            </div>
        
        <div class="relative z-1 flex flex-col w-full lg:h-auto justify-between lg:w-3/7 px-5 md:px-10 lg:px-0 lg:pt-12">
            <div class="flex flex-col w-full">
                                    <p class="label-md uppercase mb-3 text-blue">Trimble CoPilot</p>
                
                                    <h1 class="h1 text-grey-1000">
                        Navigate with commercial certainty, protecting every mile with the industry standard
                    </h1>
                
                                    <div class="p-lg copy text-grey-1000 mt-4.5 md:mt-6">
                                                   <p>Stay safe, stay legal, and get home faster with Trimble CoPilot. Powered by industry-standard PC*Miler, CoPilot delivers turn-by-turn commercial navigation tailored to your vehicle’s dimensions and road attributes.</p> 
                           
                    </div>
                            </div>

            <div class="flex flex-col md:flex-row gap-2 md:gap-3 mt-8 lg:mt-14">
                                    <a href="#form" target="_self"
                        class="button button-lg button-primary w-full md:w-fit uppercase ">
                        Get a demo
                    </a>
                
                            </div>
        </div>
    </div>

            <div
        class="media-loader
            order-1 lg:order-2 flex lg:absolute z-0 right-0 overflow-hidden
            lg:h-full w-full lg:w-1/2 aspect-13/8 md:aspect-41/22 lg:aspect-auto max-w-full
            w-full mb-5 md:mb-10 lg:mb-0"
        style="--ph-bg: #FFFFFF; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAOABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAECAwb/xAAaEAADAAMBAAAAAAAAAAAAAAAAAQIRITED/8QAFAEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AO69HWdEJ1nprc5FMCFzwBpaAC//2Q==);"
        >
    
                    <picture >
	<source srcset="/_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3~-~media--2247bc1a--query.ae4ca8df.webp 1x, /_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3~-~media--2247bc1a--query@2x.ae4ca8df.webp 2x" media="(min-width: 1024px)" width="720" height="680" type="image/webp" />
	<source srcset="/_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3~-~media--df42eb16--query.7e591c95.webp 1x, /_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3~-~media--df42eb16--query@2x.7e591c95.webp 2x" media="(min-width: 768px)" width="600" height="566" type="image/webp" />
	<source srcset="/_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3.0f064fdf.webp 1x, /_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3@2x.0f064fdf.webp 2x" width="480" height="453" type="image/webp" />
	<img alt="Decoration image" class="media-img relative w-full h-full object-cover {{  stageSizeMedia.getData() == &quot;half-size&quot; ? &quot;object-center lg:object-right &quot; : &quot;object-center lg:object-left xl:object-center&quot; }}" loading="eager" fetchpriority="high" onload="this.closest(&#039;.media-loader&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.media-loader&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3@2x.0f064fdf.webp" width="480" height="453" srcset="/_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3.0f064fdf.webp 1x, /_default_upload_bucket/2282/image-thumb__2282__half-screen-bg/2025_TT-website-redesign-PP-CoPilot_half-stage_v2_3@2x.0f064fdf.webp 2x" />
</picture>

            </div>
</div>	</section>

        



                                    <div class="pimcore_area_facts-figures pimcore_area_content ">
            
                                    








	<section class="facts-figures bg-grey-200 text-grey-1000 flex relative w-full overflow-hidden"
		 data-section="" data-debug-module-name="Facts Figures">
		<img src="/images/icons/facts-white-mob.svg" alt="Mobile Decoration image" loading="lazy"
       	width="302" height="148"
       	class="block dark:hidden md:hidden w-75.5 h-auto z-0 absolute top-0 right-0"/>

		<img src="/images/icons/facts-white-icon.svg" alt="Decoration image" loading="lazy"
			width="871" height="305"
			class="hidden md:not-first:dark:hidden md:block md:w-[85%] lg:w-3/5 md:h-auto absolute top-0 md:translate-x-1/2 md:-translate-y-2 md:rotate-0 lg:translate-0 lg:right-0 z-0" />

		<div class="container-main relative z-10 w-full">
			<div class="flex lg:justify-between gap-10 md:gap-12 lg:gap-23 flex-col lg:flex-row items-start z-10 w-full">
									<h2 class="display max-w-full md:max-w-[70%] lg:max-w-[32%] shrink-0 flex pl-5 md:pl-5.5 border-l-6 md:border-l-8 border-yellow-300">Powering the Professional Fleet</h2>
				
				<div class="grid grid-cols-1 max-w-full lg:max-w-[60%] md:grid-cols-2 gap-10 md:gap-12 lg:gap-16 2xl:gap-20 w-full">
																																									
						<div class="flex flex-col gap-3.5 md:gap-6 ">
															<div class="flex xl:whitespace-nowrap">
																												<span class="number-lg xl:whitespace-nowrap" data-counter="48">
											48
										</span>
																												<span class="number-lg" data-unit>B+</span>
																	</div>
																						<p class="p-lg copy">Miles Driven Annually</p>
													</div>
																																									
						<div class="flex flex-col gap-3.5 md:gap-6 ">
															<div class="flex xl:whitespace-nowrap">
																												<span class="number-lg xl:whitespace-nowrap" data-counter="6">
											6
										</span>
																												<span class="number-lg" data-unit>M+</span>
																	</div>
																						<p class="p-lg copy">Commercial Verified Places</p>
													</div>
																																									
						<div class="flex flex-col gap-3.5 md:gap-6 ">
															<div class="flex xl:whitespace-nowrap">
																												<span class="number-lg xl:whitespace-nowrap" data-counter="750">
											750
										</span>
																												<span class="number-lg" data-unit>K+</span>
																	</div>
																						<p class="p-lg copy">Professional Drivers</p>
													</div>
																																									
						<div class="flex flex-col gap-3.5 md:gap-6 ">
															<div class="flex xl:whitespace-nowrap">
																												<span class="number-lg xl:whitespace-nowrap" data-counter="96">
											96
										</span>
																										</div>
																						<p class="p-lg copy">of top 100 Carriers in North America</p>
													</div>
									</div>
			</div>
		</div>
	</section>


                
                            </div>
                    




                                    <div class="pimcore_area_video pimcore_area_content ">
            
                                    












    <section
         id="video"         data-section=""
         data-debug-module-name="Video"
    >
        <div class="container-main  ">
                            <p class="p-sm text-blue uppercase mb-3 text-center">TRIMBLE COPILOT</p>
            
                            <h2 class="h2 md:text-center">
                    Transform Your Driver&#039;s Experience
                </h2>
            
            
            <div
                class="max-w-266 w-full mx-auto mt-8 md:mt-12 lg:mt-14 relative aspect-video overflow-hidden md:rounded-[0.625rem] yt-player"
                data-video-id="kgww1fZ9L4Y"
            >

                                                                                

<div
    class="w-full h-full max-w-full yt-player relative"
    data-video-id="kgww1fZ9L4Y">
    
    
    <iframe class="absolute inset-0 w-full h-full yt-player__iframe" title="YouTube video"
    allow="autoplay; encrypted-media; picture-in-picture" allowfullscreen></iframe>

    <button type="button" class="yt-player__overlay z-10 absolute inset-0 transition-opacity duration-500"
        style="background: url('/_default_upload_bucket/videos/thumbnails/Mapping%20Routing/Trimble%20CoPilot%20-%20Revamped%20UI%20%26%20Safety%20Feature%20Walkthrough.webp') center/cover no-repeat"
        aria-label="Play video">
        <span
            class="shadow-video-play-button rounded-[1.25rem] w-12.25 h-8 md:w-22.5 md:h-15 absolute -translate-x-1/2 -translate-y-1/2 left-[50%] top-[50%] cursor-pointer">
            <img src="/images/icons/play-icon.svg" alt="Play Icon" width="90" height="60">
        </span>
    </button>
</div>                                    
            </div>

                    </div>
    </section>


                
                            </div>
                    




                                    <div class="pimcore_area_block-row pimcore_area_content ">
            
                                    


<section
    x-data="{ bg: 'white' }"
    :class="{
        'bg-white text-grey-1000': bg === 'white',
        'bg-grey-200 text-grey-900': bg === 'grey',
        'bg-grey-1000 text-white': bg === 'dark'
    }"
    class="flex relative w-full"

 data-section="" data-debug-module-name="Block Row">
	<div class="container-main  ">
				 								<h2 class="h2 text-center lg:max-w-158 mx-auto text-grey-900">The CoPilot advantage</h2>
			
							<div class="text-center p-md text-grey-800 mt-4 md:mt-6 mx-auto lg:max-w-158 copy">
					<p><span style="background-color: transparent; color: rgb(0, 0, 0);">Gain the professional edge with Trimble CoPilot</span></p>
				</div>
					
					<div class="flex flex-wrap justify-center my-10 md:my-14 gap-6 lg:gap-x-12 lg:gap-y-10">
				
																			
					
											<div class="w-full md:w-[calc(50%-0.75rem)] lg:w-[calc((100%-9rem)/4)] text-center lg:max-w-92">
															<picture >
	<source srcset="/_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle.d61b1cc0.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle@2x.d61b1cc0.webp 2x" width="85" height="90" type="image/webp" />
	<img alt="Confidence, not distraction" class="mx-auto block object-contain text-yellow-500 w-12 h-12" loading="lazy" src="/_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle@2x.d61b1cc0.webp" width="85" height="90" srcset="/_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle.d61b1cc0.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle@2x.d61b1cc0.webp 2x" />
</picture>

							
							<div class="p-lg mt-3 md:mt-4.5">
								<h5 class="font-semibold text-grey-900">
									Confidence, not distraction
								</h5>
							</div>

							<div class="p-md mt-2"><p>Eliminate distractions and stay safe and focused with essential navigation that anticipates every move</p></div>
						</div>
																								
					
											<div class="w-full md:w-[calc(50%-0.75rem)] lg:w-[calc((100%-9rem)/4)] text-center lg:max-w-92">
															<picture >
	<source srcset="/_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle.4993345b.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle@2x.4993345b.webp 2x" width="90" height="90" type="image/webp" />
	<img alt="On route, on budget" class="mx-auto block object-contain text-yellow-500 w-12 h-12" loading="lazy" src="/_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle@2x.4993345b.webp" width="90" height="90" srcset="/_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle.4993345b.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle@2x.4993345b.webp 2x" />
</picture>

							
							<div class="p-lg mt-3 md:mt-4.5">
								<h5 class="font-semibold text-grey-900">
									On route, on budget
								</h5>
							</div>

							<div class="p-md mt-2"><p>Keep drivers on the most efficient path to reduce out-of-route mileage and lower fuel costs by up to 10%</p></div>
						</div>
																								
					
											<div class="w-full md:w-[calc(50%-0.75rem)] lg:w-[calc((100%-9rem)/4)] text-center lg:max-w-92">
															<picture >
	<source srcset="/_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle.d61b1cc0.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle@2x.d61b1cc0.webp 2x" width="85" height="90" type="image/webp" />
	<img alt="Verified commercial data" class="mx-auto block object-contain text-yellow-500 w-12 h-12" loading="lazy" src="/_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle@2x.d61b1cc0.webp" width="85" height="90" srcset="/_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle.d61b1cc0.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/176/image-thumb__176__feature-highlights-icon/top-left-piece-circle@2x.d61b1cc0.webp 2x" />
</picture>

							
							<div class="p-lg mt-3 md:mt-4.5">
								<h5 class="font-semibold text-grey-900">
									Verified commercial data
								</h5>
							</div>

							<div class="p-md mt-2"><p>Guide your drivers to the precise entrance with detailed commercial places displayed directly on the map</p></div>
						</div>
																								
					
											<div class="w-full md:w-[calc(50%-0.75rem)] lg:w-[calc((100%-9rem)/4)] text-center lg:max-w-92">
															<picture >
	<source srcset="/_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle.4993345b.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle@2x.4993345b.webp 2x" width="90" height="90" type="image/webp" />
	<img alt="Total compliance" class="mx-auto block object-contain text-yellow-500 w-12 h-12" loading="lazy" src="/_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle@2x.4993345b.webp" width="90" height="90" srcset="/_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle.4993345b.webp 1x, /_default_upload_bucket/block-row%20%28module%205%29/177/image-thumb__177__feature-highlights-icon/top-right-piece-circle@2x.4993345b.webp 2x" />
</picture>

							
							<div class="p-lg mt-3 md:mt-4.5">
								<h5 class="font-semibold text-grey-900">
									Total compliance
								</h5>
							</div>

							<div class="p-md mt-2"><p>Proactively view road restrictions and weight limits so your drivers always stay safe and compliant</p></div>
						</div>
												</div>

					</div>
	</section>

                
                            </div>
                    




                                    <div class="pimcore_area_full-width-image pimcore_area_content ">
            
                                    













	<section
	 x-data="{
        variation: 'black',
    }"
    class="relative bg-cover lg:min-h-[75dvh] flex items-center bg-left-top bg-no-repeat dark:bg-dark-black dark:text-dark-white bg-grey-1000 text-white flex flex-col-reverse lg:flex-row pb-0 md:pb-0 lg:pb-0  "
	 style="background-image: url(/images/full-width-img/bg-dark-full-img.webp)"	 data-section=""  data-debug-module-name="Full Width Image"
>
							<div class="blur-placeholder h-full top-0 z-0 relative lg:absolute block! w-full aspect-3/2 lg:aspect-auto hidden lg:block right-0 lg:w-1/2" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAPABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMFBv/EABoQAAIDAQEAAAAAAAAAAAAAAAACAQMREjH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A2j1TFvQxbY3NGWp0s4TrKbFbYYCnDRnoE5Ztz0AP/9k=)">
			<picture >
	<source srcset="/_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--8a2a7a85--query.85d29be9.webp 1x, /_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--8a2a7a85--query@2x.85d29be9.webp 2x" media="(min-width: 1920px)" width="2560" height="1440" type="image/webp" />
	<source srcset="/_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--01bc9b30--query.d20ecdc1.webp 1x, /_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--01bc9b30--query@2x.d20ecdc1.webp 2x" media="(min-width: 1600px)" width="1920" height="1080" type="image/webp" />
	<source srcset="/_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--b9f49cfb--query.f3a46de1.webp 1x, /_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--b9f49cfb--query@2x.f3a46de1.webp 2x" media="(min-width: 1440px)" width="1660" height="900" type="image/webp" />
	<source srcset="/_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--2247bc1a--query.bb05ab4d.webp 1x, /_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2~-~media--2247bc1a--query@2x.bb05ab4d.webp 2x" media="(min-width: 1024px)" width="1280" height="1280" type="image/webp" />
	<source srcset="/_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2.274d6e2f.webp 1x, /_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2@2x.274d6e2f.webp 2x" width="512" height="512" type="image/webp" />
	<img alt="Decoration image" class="w-full h-full object-cover object-center lg:object-left" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2@2x.274d6e2f.webp" width="512" height="512" srcset="/_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2.274d6e2f.webp 1x, /_default_upload_bucket/2283/image-thumb__2283__full-width-image/half-width_pc-miler_2@2x.274d6e2f.webp 2x" />
</picture>

		</div>
	
	<div class="container-main  flex flex-col lg:flex-row pb-6! lg:pb-20! xl:pb-25! ">
		<div class="relative flex flex-col max-w-full md:max-w-9/10 lg:w-[53%] lg:max-w-157">
			<div class="relative flex flex-col w-full gap-2 mb-4.5 md:mb-6 lg:mb-8">
				
								<h2 class="h2 dark:text-dark-white text-white">
					Powered by PC*Miler
				</h2>
				
							</div>

			                <div class="p-lg mb-8 lg:mb-14 flex flex-col gap-4 copy">
                                            <p>CoPilot navigation is powered by PC*Miler&#039;s industry-leading routing and mileage algorithm for consistent, reliable route-building. Reduce detours and empty miles while increasing your drivers&#039; safety with CoPilot&#039;s turn-by-turn GPS navigation.</p>
                                    </div>
			
						<a href="/en/solutions/mapping-and-routing/pcmiler" target="_blank"
				class="button button-lg button-primary min-w-39 w-full md:w-fit text-grey-1000  uppercase font-regular">
				learn more
			</a>
					</div>
	</div>
</section>

                
                            </div>
                    




                                    <div class="pimcore_area_accordion pimcore_area_content ">
            
                                    












    <section
    class="bg-white dark:bg-dark-black dark:text-dark-white"
    data-section=""
        data-debug-module-name="Accordion-split"
>
    <div class="container-main  ">
        <div class="w-full flex flex-col lg:flex-row gap-10 lg:gap-24 xl:gap-32">
            <div class="flex w-full lg:w-2/5 flex-col gap-8">
                                    <h2 class="h2" >Best-in-class fleet-wide navigation</h2>
                
                <div class="flex flex-col gap-4 copy">
                                            <p>CoPilot is designed to be easily deployed fleet-wide to all of your drivers’ devices, providing a consistent, reliable navigation experience across vehicles, devices and jobs.</p><p>Reduce the risks of dangerous maneuvers with intelligent routing and notifications that won’t distract your drivers.</p>
                                    </div>

                                    <div class="w-full flex justify-start">
                        <a href="/en/product-category/mapping-and-routing/copilot#form" target="_self" class="button button-lg button-primary w-full md:w-fit" aria-label="start now: Best-in-class fleet-wide navigation">
                            start now
                        </a>
                    </div>
                            </div>

            <div class="w-full lg:w-3/5">
            <div
	x-data="{
		firstItemOpen: true,

        openIndexes: [0],

		toggle(index) {
			this.openIndexes = this.openIndexes.includes(index) ? [] : [index];
		},

		layoutType: 'split',

		isOpen(index) {
			return this.openIndexes.includes(index);
		},

		getIconClasses(index) {
			if (this.layoutType === 'full') {
				return this.isOpen(index) ? 'w-2 md:w-3.5 h-3 md:h-6' : 'w-3 md:w-6 md:h-6';
			} else {
				return this.isOpen(index) ? 'w-2 md:w-3.5 h-3 md:h-4.5' : 'w-3 md:w-6 h-3 md:h-4.5';
			}
		}
	}"
>
							                        									

						
							<div class="w-full">
					<div
						class="border-grey-300 border-t dark:border-grey-800 transition-all duration-300 ease-in-out"
						:class="{
							'bg-grey-200 dark:bg-dark-black-opacity-20': isOpen(0),
							'border-b border-solid': false,
							'dark:border-b-0': false && layoutType !== 'full',
							'px-3 py-4 md:p-10': layoutType !== 'full',
							'px-3 py-4 md:p-10 xl:py-10 xl:px-27': layoutType === 'full',
						}"

					>
						<button
							@click="toggle(0)"
							x-cloak
							class="w-full flex justify-between items-center text-left font-medium text-lg focus:outline-none transition-all">
							<h5 class="h5 max-w-4/5">Minimize distraction, maximize efficiency</h5>

							<div
								class="text-2xl font-bold flex items-center justify-center rounded-full border border-solid transition duration-300 ease-in-out max-h-45 max-w-15 overflow-hidden"
								:class="{
									'border-yellow-300 bg-yellow-300': isOpen(0),
									'border-grey-1000 dark:border-dark-white dark:text-dark-white text-grey-1000': !isOpen(0),
									'min-w-8 md:min-w-11 size-8 md:size-11 xl:min-w-15 xl:size-15': layoutType === 'full',
									'min-w-8 md:min-w-11 size-8 md:size-11': layoutType !== 'full',
								}"
							>
								<!-- MINUS SVG -->
								<svg
									x-show="isOpen(0)"
									class="transition-all"
									:class="getIconClasses(0)"
									xmlns="http://www.w3.org/2000/svg"
									viewBox="0 0 14 2"
									fill="none"
								>
									<rect width="14" height="2" fill="#333940"/>
								</svg>

								<!-- PLUS SVG -->
								<svg
									x-show="!isOpen(0)"
									class="transition-all"
									:class="getIconClasses(0)"
									xmlns="http://www.w3.org/2000/svg"
									viewBox="0 0 24 24"
									fill="none"
								>
									<path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="#333940"/>
								</svg>
							</div>
						</button>

						<div
							x-show="isOpen(0)"
							x-collapse.duration.500ms
							class="max-w-4/5"
							:class="layoutType === 'split' ? 'max-w-full md:max-w-4/5 lg:max-w-full' : 'max-w-4/5'">
							<div class="mt-3">
								
								<div class="flex flex-col gap-3 md:gap-4 p-md copy">
                                                                            <p>Trip details, maps and route information at a glance, along with HOS break planning and predictive parking to help alleviate driver stress and ensure more efficient trips.</p>
                                    
																	</div>
							</div>
						</div>
					</div>
				</div>
										                        									

						
							<div class="w-full">
					<div
						class="border-grey-300 border-t dark:border-grey-800 transition-all duration-300 ease-in-out"
						:class="{
							'bg-grey-200 dark:bg-dark-black-opacity-20': isOpen(1),
							'border-b border-solid': true,
							'dark:border-b-0': true && layoutType !== 'full',
							'px-3 py-4 md:p-10': layoutType !== 'full',
							'px-3 py-4 md:p-10 xl:py-10 xl:px-27': layoutType === 'full',
						}"

					>
						<button
							@click="toggle(1)"
							x-cloak
							class="w-full flex justify-between items-center text-left font-medium text-lg focus:outline-none transition-all">
							<h5 class="h5 max-w-4/5">Integrated telematics and ELD providers</h5>

							<div
								class="text-2xl font-bold flex items-center justify-center rounded-full border border-solid transition duration-300 ease-in-out max-h-45 max-w-15 overflow-hidden"
								:class="{
									'border-yellow-300 bg-yellow-300': isOpen(1),
									'border-grey-1000 dark:border-dark-white dark:text-dark-white text-grey-1000': !isOpen(1),
									'min-w-8 md:min-w-11 size-8 md:size-11 xl:min-w-15 xl:size-15': layoutType === 'full',
									'min-w-8 md:min-w-11 size-8 md:size-11': layoutType !== 'full',
								}"
							>
								<!-- MINUS SVG -->
								<svg
									x-show="isOpen(1)"
									class="transition-all"
									:class="getIconClasses(1)"
									xmlns="http://www.w3.org/2000/svg"
									viewBox="0 0 14 2"
									fill="none"
								>
									<rect width="14" height="2" fill="#333940"/>
								</svg>

								<!-- PLUS SVG -->
								<svg
									x-show="!isOpen(1)"
									class="transition-all"
									:class="getIconClasses(1)"
									xmlns="http://www.w3.org/2000/svg"
									viewBox="0 0 24 24"
									fill="none"
								>
									<path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="#333940"/>
								</svg>
							</div>
						</button>

						<div
							x-show="isOpen(1)"
							x-collapse.duration.500ms
							class="max-w-4/5"
							:class="layoutType === 'split' ? 'max-w-full md:max-w-4/5 lg:max-w-full' : 'max-w-4/5'">
							<div class="mt-3">
								
								<div class="flex flex-col gap-3 md:gap-4 p-md copy">
                                                                            <p>CoPilot can easily integrate with numerous leading partners and data providers, enabling you to customize the navigation experience for your team.</p>
                                    
																	</div>
							</div>
						</div>
					</div>
				</div>
				</div>
            </div>
        </div>
    </div>
</section>

                
                            </div>
                    




                                    <div class="pimcore_area_image-copy pimcore_area_content ">
            
                                    










 





        
  
  
    
                    
  

  
  <section
    class="relative w-full bg-white dark:bg-dark-black"
        data-section=""
    data-debug-module-name="Image copy"
  >
    <div class="container-main relative flex justify-between   max-w-full justify-between items-start gap-10 md:gap-8 lg:gap-5 py-16 px-5 md:py-20 md:px-10 lg:py-25 lg:pz-20 flex-col-reverse md:flex-row">
      <div class="relative overflow-hidden max-w-full w-full lg:w-1/2">
                  <div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAKABQDASIAAhEBAxEB/8QAGgAAAQUBAAAAAAAAAAAAAAAAAAIDBAUGB//EACIQAAECBgEFAAAAAAAAAAAAAAEAAgMEBRIhMREUM0JRcf/EABUBAQEAAAAAAAAAAAAAAAAAAAID/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAER/9oADAMBAAIRAxEAPwB+HVQfPKspGsXOaznaxbSb1PpJPWsydp4nK6RCddDB9oSZfst+IQUf/9k=)"><picture class="h-auto">
	<source srcset="/_default_upload_bucket/2287/image-thumb__2287__image_copy/side-image_v2_1~-~media--df42eb16--query.9f64f924.webp 1x, /_default_upload_bucket/2287/image-thumb__2287__image_copy/side-image_v2_1~-~media--df42eb16--query@2x.9f64f924.webp 2x" media="(min-width: 768px)" width="800" height="430" type="image/webp" />
	<source srcset="/_default_upload_bucket/2287/image-thumb__2287__image_copy/side-image_v2_1.47f2459c.webp 1x, /_default_upload_bucket/2287/image-thumb__2287__image_copy/side-image_v2_1@2x.47f2459c.webp 2x" width="410" height="220" type="image/webp" />
	<img class="w-full object-contain w-full h-auto" loading="lazy" alt="Keep your drivers safe and compliant" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/2287/image-thumb__2287__image_copy/side-image_v2_1@2x.47f2459c.webp" width="410" height="220" srcset="/_default_upload_bucket/2287/image-thumb__2287__image_copy/side-image_v2_1.47f2459c.webp 1x, /_default_upload_bucket/2287/image-thumb__2287__image_copy/side-image_v2_1@2x.47f2459c.webp 2x" />
</picture>
</div>

                        </div>

      <div class="flex text-grey-1000 dark:text-dark-white w-full lg:w-1/2 flex-col flex-nowrap justify-center">
                  <div class="label-md uppercase text-blue mb-2">
            Enhanced safety and compliance
          </div>
        
                  <h2 class="h2 mb-6">
            Keep your drivers safe and compliant
          </h2>
        
        
                  <div class="p-md flex flex-col gap-4 whitespace-pre-line copy">
                          <ul class="list-check-yellow flex flex-col gap-1 md:gap-4 lg:gap-4"><li>Guidance for turns and lane changes with actual road signs</li><li>Limit interaction while on the move with Motion Lock</li><li>Load-specific routing for 7 Hazmat categories and ADR tunnel codes</li><li>Offline navigation keeps you on route even in remote areas</li><li>Rollover and traffic slow down warnings</li><li>Proactive, hyperlocal weather alerts help drivers and managers avoid delays and reduce accident risk</li></ul>
                      </div>
        
                  <a
            href="https://transportationinfo.trimble.com/copilot-safety-guide/?_ga=2.163799545.730709993.1752436923-1858285207.1696597740"
            target="_blank"
            class="button button-lg button-primary text-grey-1000 min-w-39 w-full sm:w-fit uppercase mt-8 lg:mt-14"
          >
            Safety guide
          </a>
              </div>

    </div>
  </section>

                
                            </div>
                    




                                    <div class="pimcore_area_image-copy pimcore_area_content ">
            
                                    










 





        
  
  
    
                    
  

  
  <section
    class="relative w-full bg-white dark:bg-dark-black"
        data-section=""
    data-debug-module-name="Image copy"
  >
    <div class="container-main relative flex justify-between   max-w-full justify-between items-start gap-10 md:gap-8 lg:gap-5 py-16 px-5 md:py-20 md:px-10 lg:py-25 lg:pz-20 flex-col-reverse md:flex-row-reverse">
      <div class="relative overflow-hidden max-w-full w-full lg:w-1/2">
                  <div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAYDBAX/xAAdEAACAgIDAQAAAAAAAAAAAAABAgADBBEFBhIh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAYEQEBAQEBAAAAAAAAAAAAAAABAgARMf/aAAwDAQACEQMRAD8AeMi4VLsnUXuV5jyhFT/ZL2fJamvQJETbLh9ZiTJqyTVMK91l+yZaOR6MJiXXqbCQIQLzzEN//9k=)"><picture class="h-auto">
	<source srcset="/_default_upload_bucket/2929/image-thumb__2929__image_copy/copy-image_copilot_parking~-~media--df42eb16--query.086eaf00.webp 1x, /_default_upload_bucket/2929/image-thumb__2929__image_copy/copy-image_copilot_parking~-~media--df42eb16--query@2x.086eaf00.webp 2x" media="(min-width: 768px)" width="800" height="600" type="image/webp" />
	<source srcset="/_default_upload_bucket/2929/image-thumb__2929__image_copy/copy-image_copilot_parking.605f4ec2.webp 1x, /_default_upload_bucket/2929/image-thumb__2929__image_copy/copy-image_copilot_parking@2x.605f4ec2.webp 2x" width="480" height="360" type="image/webp" />
	<img class="w-full object-contain w-full h-auto" loading="lazy" alt="Smart parking and break planning" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/2929/image-thumb__2929__image_copy/copy-image_copilot_parking@2x.605f4ec2.webp" width="480" height="360" srcset="/_default_upload_bucket/2929/image-thumb__2929__image_copy/copy-image_copilot_parking.605f4ec2.webp 1x, /_default_upload_bucket/2929/image-thumb__2929__image_copy/copy-image_copilot_parking@2x.605f4ec2.webp 2x" />
</picture>
</div>

                        </div>

      <div class="flex text-grey-1000 dark:text-dark-white w-full lg:w-1/2 flex-col flex-nowrap justify-center">
                  <div class="label-md uppercase text-blue mb-2">
            Maximize your miles, minimize your stress
          </div>
        
                  <h2 class="h2 mb-6">
            Smart parking and break planning
          </h2>
        
        
                  <div class="p-md flex flex-col gap-4 whitespace-pre-line copy">
                          <ul class="list-check-yellow flex flex-col gap-1 md:gap-4 lg:gap-4"><li>Reduce planning stress by identifying and securing available parking spots through Truck Parking Club and Best Truck Parking before you arrive</li><li>Automatically sync ELD feeds to suggest HOS-compliant breaks tailored to your specific route</li><li>Customize every stop by factoring in driver and fleet preferences to identify locations that meet your unique HOS rule set</li><li>Leverage historical and predictive parking insights to forecast availability exactly when and where you need it</li><li>Ensure on-the-ground accuracy with live, multi-feed status updates and community-verified feedback from across the Trimble network</li></ul>
                      </div>
        
                  <a
            href="https://learn.transportation.trimble.com/discover/result/?sub=LC/public/copilot11onlinehelp/&amp;tl=CoPi..."
            target="_blank"
            class="button button-lg button-primary text-grey-1000 min-w-39 w-full sm:w-fit uppercase mt-8 lg:mt-14"
          >
            Learn More
          </a>
              </div>

    </div>
  </section>

                
                            </div>
                    




                                    <div class="pimcore_area_tab-list pimcore_area_content ">
            
                                    







	<section class="relative max-w-full" x-data="{ activeTab: 0,
		                     layout: 'tablist-default' }" x-init="$nextTick(() => { activeTab = 0 })"  data-section="" data-debug-module-name="Tab list">

		<div class="container-main flex flex-col relative ">
			<div class="flex flex-col mb-10 md:mb-12 lg:mb-14">
									<h2 class="h2">Enhance your navigation with optional modules and add-ons</h2>
				
							</div>
			<div x-ref="tabContainer" class="hidden md:flex md:gap-10 lg:gap-32">
				<div class="flex flex-col shrink max-w-full sticky top-30 self-start md:w-80 lg:w-103">
											<button type="button" @click="activeTab = 0;" :class="activeTab === 0
							? 'bg-grey-200 border-r-4 border-yellow-400'
							: 'bg-white hover:bg-grey-200 border-r border-grey-500'" class="w-full flex gap-2.5 flex-col text-left px-8 py-5.5 transition duration-300 text-grey-1000">
							
															<p class="p-lg-semibold text-grey-1000">Weather Intelligence</p>
							
													</button>
											<button type="button" @click="activeTab = 1;" :class="activeTab === 1
							? 'bg-grey-200 border-r-4 border-yellow-400'
							: 'bg-white hover:bg-grey-200 border-r border-grey-500'" class="w-full flex gap-2.5 flex-col text-left px-8 py-5.5 transition duration-300 text-grey-1000">
							
															<p class="p-lg-semibold text-grey-1000">RouteReporter</p>
							
													</button>
									</div>

				<div x-ref="tabContent" class="w-158 max-w-full" id="tab-content">
                    
        <div
            x-show="activeTab === 0"
            class="text-grey-1000 flex flex-col"
        >
                            <div class="relative object-cover overflow-hidden mb-8 w-86 aspect-16/9 rounded-lg flex">
                    <picture >
	<source srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--2247bc1a--query.f8c76276.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--2247bc1a--query@2x.f8c76276.webp 2x" media="(min-width: 1024px)" width="720" height="680" type="image/webp" />
	<source srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--df42eb16--query.8ba43946.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--df42eb16--query@2x.8ba43946.webp 2x" media="(min-width: 768px)" width="600" height="566" type="image/webp" />
	<source srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2.8d5d0b63.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2@2x.8d5d0b63.webp 2x" width="172" height="105" type="image/webp" />
	<img class="object-cover w-full h-full" loading="lazy" src="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2@2x.8d5d0b63.webp" width="172" height="105" alt="" srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2.8d5d0b63.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2@2x.8d5d0b63.webp 2x" />
</picture>

                </div>
            
                            <h3 class="h3 font-normal!">Weather Intelligence</h3>
            
                                        <div class="p-md flex flex-col gap-4 mt-6 copy">
                                            <p>Trimble&#039;s Weather Intelligence helps enhance safety with real-time, hyperlocal weather alerts that enable drivers and fleet managers to plan ahead, reducing the risk of accidents and avoiding potential delays.</p>
                                    </div>
            
                            <a href="/en/solutions/add-on/weather-intelligence" target="_self" class="button uppercase button-lg button-primary w-full md:w-fit mt-8" aria-label="Learn more: Weather Intelligence">
                    Learn more
                </a>
                    </div>
                    
        <div
            x-show="activeTab === 1"
            class="text-grey-1000 flex flex-col"
        >
                            <div class="relative object-cover overflow-hidden mb-8 w-86 aspect-16/9 rounded-lg flex">
                    <picture >
	<source srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--2247bc1a--query.a7a44202.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--2247bc1a--query@2x.a7a44202.webp 2x" media="(min-width: 1024px)" width="720" height="680" type="image/webp" />
	<source srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--df42eb16--query.13a42474.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--df42eb16--query@2x.13a42474.webp 2x" media="(min-width: 768px)" width="600" height="566" type="image/webp" />
	<source srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1.471dd975.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1@2x.471dd975.webp 2x" width="240" height="210" type="image/webp" />
	<img class="object-cover w-full h-full" loading="lazy" src="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1@2x.471dd975.webp" width="240" height="210" alt="" srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1.471dd975.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1@2x.471dd975.webp 2x" />
</picture>

                </div>
            
                            <h3 class="h3 font-normal!">RouteReporter</h3>
            
                                        <div class="p-md flex flex-col gap-4 mt-6 copy">
                                            <p>Gain total command of your fleet’s performance with Trimble RouteReporter. Leverage high-precision reporting and post-trip analysis to guarantee route compliance, minimize out-of-route miles, and optimize your bottom line.</p>
                                    </div>
            
                    </div>
    </div>
			</div>

			<div class="accordion w-full flex md:hidden">
				<div
	x-data="{
		openIndexes: [],

		toggle(index) {
			if (this.openIndexes.includes(index)) {
				this.openIndexes = this.openIndexes.filter(i => i !== index);
			} else {
				this.openIndexes.push(index);
			}
		},

		layoutType: 'tablist-default',

		isOpen(index) {
			return this.openIndexes.includes(index);
		},
	}"
	class="max-w-full w-full"
>
							
		<div class="w-full">
			<div
				class="border-grey-300 border-t transition-all duration-300 ease-in-out py-3"
				:class="{'border-b border-solid': false}">
				<button
					@click="toggle(0)"
					class="w-full flex justify-between items-center gap-3 text-left focus:outline-none transition-all">
						<div class="flex gap-1.5 md:gap-2.5 flex-col text-left">
							
															<p class="p-lg-semibold text-grey-1000">Weather Intelligence</p>
							
													</div>

						<div
							class="text-2xl size-4 font-bold flex items-center justify-center transition duration-300 ease-in-out max-h-45">

							<svg x-show="!isOpen(0)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<path d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H8.75V13.5C8.75 13.6989 8.67098 13.8897 8.53033 14.0303C8.38968 14.171 8.19891 14.25 8 14.25C7.80109 14.25 7.61032 14.171 7.46967 14.0303C7.32902 13.8897 7.25 13.6989 7.25 13.5V8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H7.25V2.5C7.25 2.30109 7.32902 2.11032 7.46967 1.96967C7.61032 1.82902 7.80109 1.75 8 1.75C8.19891 1.75 8.38968 1.82902 8.53033 1.96967C8.67098 2.11032 8.75 2.30109 8.75 2.5V7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8Z" fill="var(--color-grey-700)"/>
							</svg>
							<svg x-show="isOpen(0)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<path d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8Z" fill="var(--color-grey-700)"/>
							</svg>
						</div>
				</button>

				<div
					x-show="isOpen(0)"
					x-collapse.duration.500ms
					class="max-w-full mt-5">
													<div class="flex flex-col text-grey-1000 pb-3">
																	<div class="relative object-cover overflow-hidden mb-5 w-65 md:w-86 aspect-16/9 rounded-lg flex">
										<picture >
	<source srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--2247bc1a--query.f8c76276.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--2247bc1a--query@2x.f8c76276.webp 2x" media="(min-width: 1024px)" width="720" height="680" type="image/webp" />
	<source srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--df42eb16--query.8ba43946.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2~-~media--df42eb16--query@2x.8ba43946.webp 2x" media="(min-width: 768px)" width="600" height="566" type="image/webp" />
	<source srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2.8d5d0b63.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2@2x.8d5d0b63.webp 2x" width="172" height="105" type="image/webp" />
	<img class="object-cover w-full h-full" loading="lazy" src="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2@2x.8d5d0b63.webp" width="172" height="105" alt="" srcset="/_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2.8d5d0b63.webp 1x, /_default_upload_bucket/2285/image-thumb__2285__half-screen-bg/side-image_weather-int_v3_2@2x.8d5d0b63.webp 2x" />
</picture>

									</div>
								
																	<h3 class="h3 mb-3">Weather Intelligence</h3>
								
								
																	<div class="p-md flex flex-col gap-4 mt-3 copy">
										<p>Trimble&#039;s Weather Intelligence helps enhance safety with real-time, hyperlocal weather alerts that enable drivers and fleet managers to plan ahead, reducing the risk of accidents and avoiding potential delays.</p>
									</div>
								
																	<a href="/en/solutions/add-on/weather-intelligence" target="_self" class="button button-lg uppercase button-primary w-full md:w-fit mt-5" aria-label="Learn more: Weather Intelligence">
										Learn more
									</a>
															</div>
						
				</div>
			</div>
		</div>
							
		<div class="w-full">
			<div
				class="border-grey-300 border-t transition-all duration-300 ease-in-out py-3"
				:class="{'border-b border-solid': true}">
				<button
					@click="toggle(1)"
					class="w-full flex justify-between items-center gap-3 text-left focus:outline-none transition-all">
						<div class="flex gap-1.5 md:gap-2.5 flex-col text-left">
							
															<p class="p-lg-semibold text-grey-1000">RouteReporter</p>
							
													</div>

						<div
							class="text-2xl size-4 font-bold flex items-center justify-center transition duration-300 ease-in-out max-h-45">

							<svg x-show="!isOpen(1)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<path d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H8.75V13.5C8.75 13.6989 8.67098 13.8897 8.53033 14.0303C8.38968 14.171 8.19891 14.25 8 14.25C7.80109 14.25 7.61032 14.171 7.46967 14.0303C7.32902 13.8897 7.25 13.6989 7.25 13.5V8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H7.25V2.5C7.25 2.30109 7.32902 2.11032 7.46967 1.96967C7.61032 1.82902 7.80109 1.75 8 1.75C8.19891 1.75 8.38968 1.82902 8.53033 1.96967C8.67098 2.11032 8.75 2.30109 8.75 2.5V7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8Z" fill="var(--color-grey-700)"/>
							</svg>
							<svg x-show="isOpen(1)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<path d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8Z" fill="var(--color-grey-700)"/>
							</svg>
						</div>
				</button>

				<div
					x-show="isOpen(1)"
					x-collapse.duration.500ms
					class="max-w-full mt-5">
													<div class="flex flex-col text-grey-1000 pb-3">
																	<div class="relative object-cover overflow-hidden mb-5 w-65 md:w-86 aspect-16/9 rounded-lg flex">
										<picture >
	<source srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--2247bc1a--query.a7a44202.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--2247bc1a--query@2x.a7a44202.webp 2x" media="(min-width: 1024px)" width="720" height="680" type="image/webp" />
	<source srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--df42eb16--query.13a42474.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1~-~media--df42eb16--query@2x.13a42474.webp 2x" media="(min-width: 768px)" width="600" height="566" type="image/webp" />
	<source srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1.471dd975.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1@2x.471dd975.webp 2x" width="240" height="210" type="image/webp" />
	<img class="object-cover w-full h-full" loading="lazy" src="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1@2x.471dd975.webp" width="240" height="210" alt="" srcset="/_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1.471dd975.webp 1x, /_default_upload_bucket/2286/image-thumb__2286__half-screen-bg/side-image_route-reporter_v2%402x_1@2x.471dd975.webp 2x" />
</picture>

									</div>
								
																	<h3 class="h3 mb-3">RouteReporter</h3>
								
								
																	<div class="p-md flex flex-col gap-4 mt-3 copy">
										<p>Gain total command of your fleet’s performance with Trimble RouteReporter. Leverage high-precision reporting and post-trip analysis to guarantee route compliance, minimize out-of-route miles, and optimize your bottom line.</p>
									</div>
								
															</div>
						
				</div>
			</div>
		</div>
	</div>
			</div>
		</div>
	</section>

                
                            </div>
                    




                                    <div class="pimcore_area_flipcard pimcore_area_content ">
            
                                    








    <section
        x-data="{ bg: 'grey' }"
        :class="{
            'bg-grey-200 text-grey-1000': bg === 'grey',
            'bg-grey-1000 text-white': bg === 'dark',
            'bg-white text-grey-1000': bg === 'white'
        }"
        class="flex flex-col relative"
                data-section=""
        data-debug-module-name="Flipcard"
    >

        
        <div class="flex flex-col relative z-1 overflow-hidden container-carousel">
            <div class="flex flex-col  mb-10 md:mb-6 lg:mb-13 pr-5 pl-0 md:max-w-[80%] lg:max-w-[63%]">
                                                    <h2 class="h2 " >Related products</h2>
                                            </div>

            <div class="embla relative" data-loop="false">
	<div class="embla__viewport overflow-hidden pl-3">
		<div class="embla__container -mr-5 md:mr-0 lg:-ml-5 flex pt-6 pb-7">
                                                
          <div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
            <div :class="{
              'bg-grey-800 text-white border-b-grey-800': bg === 'dark',
              'bg-white text-grey-1000 border-b-white hover:scale-102': bg === 'white' || bg === 'grey'
            }"
              class="group h-full flex flex-col justify-between rounded-lg shadow-blockquote border-b-10 p-6 transition duration-800 will-change-transform origin-center backface-hidden antialiased hover:border-b-yellow-300 overflow-hidden">
              <div class="flex flex-col">
											<p class="p-xs-semibold uppercase mb-4 text-blue">
						Mapping & Routing
						</p>
					
											<div class="flex mb-8">
						<picture >
	<source srcset="/_default_upload_bucket/tab-list/logo%204x%20black/PC%20Miler-Tab-list.svg 1x" width="600" height="60" type="image/svg+xml" />
	<img alt="Mapping &amp; Routing" class="h-8.5 w-auto" loading="lazy" src="/_default_upload_bucket/tab-list/logo%204x%20black/PC%20Miler-Tab-list.svg" width="600" height="60" srcset="/_default_upload_bucket/tab-list/logo%204x%20black/PC%20Miler-Tab-list.svg 1x" />
</picture>

					</div>
					
											<div class="p-md flex flex-col gap-4 copy">
						<p><strong>Routing, mileage and mapping that drives the transportation industry</strong></p><ul class="list-check-yellow flex flex-col gap-3.5"><li>Industry standard back office mileage and route planning software</li><li>Generate commercial vehicle routes with precise mileages and drive times using the most current maps</li><li>Appropriately plan regulatory breaks at preferred stop locations</li><li>Obtain realistic ETAs with real-time and predictive traffic</li></ul>
						</div>
					 				</div>
                              <div class="mt-11">
                  <a href="/en/solutions/mapping-and-routing/pcmiler"
                     target="_self"
                     :class="{
                       'text-white border-b-white': bg === 'dark',
                       'text-grey-1000 border-b-grey-1000': bg === 'white'
                     }"
                     class="p-md button-link duration-500 underline underline-offset-4 cursor-pointer " aria-label="Learn more: Mapping &amp; Routing">
                    Learn more
                  </a>
                </div>
                          </div>
          </div>
                                                
          <div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
            <div :class="{
              'bg-grey-800 text-white border-b-grey-800': bg === 'dark',
              'bg-white text-grey-1000 border-b-white hover:scale-102': bg === 'white' || bg === 'grey'
            }"
              class="group h-full flex flex-col justify-between rounded-lg shadow-blockquote border-b-10 p-6 transition duration-800 will-change-transform origin-center backface-hidden antialiased hover:border-b-yellow-300 overflow-hidden">
              <div class="flex flex-col">
											<p class="p-xs-semibold uppercase mb-4 text-blue">
						Mapping & Routing
						</p>
					
											<div class="flex mb-8">
						<picture >
	<source srcset="/_default_upload_bucket/Appian-Tab-list.svg 1x" width="600" height="60" type="image/svg+xml" />
	<img alt="Mapping &amp; Routing" class="h-8.5 w-auto" loading="lazy" src="/_default_upload_bucket/Appian-Tab-list.svg" width="600" height="60" srcset="/_default_upload_bucket/Appian-Tab-list.svg 1x" />
</picture>

					</div>
					
											<div class="p-md flex flex-col gap-4 copy">
						<p><strong>Optimize fleet performance, end-to-end</strong></p><ul class="list-check-yellow flex flex-col gap-3.5"><li>Automate route planning to optimize capacity and and gain a measurable competitive edge</li><li>Drive growth through strategic planning, route modeling and what-if analysis</li><li>Deliver superior service and solidify customer trust through on-time performance and proactive visibility</li><li>Unlock actionable insights with integrated data visualization and custom reporting</li></ul>
						</div>
					 				</div>
                              <div class="mt-11">
                  <a href="/en/solutions/mapping-and-routing/appian"
                     target="_self"
                     :class="{
                       'text-white border-b-white': bg === 'dark',
                       'text-grey-1000 border-b-grey-1000': bg === 'white'
                     }"
                     class="p-md button-link duration-500 underline underline-offset-4 cursor-pointer " aria-label="Learn more: Mapping &amp; Routing">
                    Learn more
                  </a>
                </div>
                          </div>
          </div>
                                                
          <div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
            <div :class="{
              'bg-grey-800 text-white border-b-grey-800': bg === 'dark',
              'bg-white text-grey-1000 border-b-white hover:scale-102': bg === 'white' || bg === 'grey'
            }"
              class="group h-full flex flex-col justify-between rounded-lg shadow-blockquote border-b-10 p-6 transition duration-800 will-change-transform origin-center backface-hidden antialiased hover:border-b-yellow-300 overflow-hidden">
              <div class="flex flex-col">
											<p class="p-xs-semibold uppercase mb-4 text-blue">
						Transportation Management
						</p>
					
											<div class="flex mb-8">
						<picture >
	<source srcset="/_default_upload_bucket/tab-list/logo%204x%20black/Truckmate-Tab-list.svg 1x" width="600" height="60" type="image/svg+xml" />
	<img alt="Transportation Management" class="h-8.5 w-auto" loading="lazy" src="/_default_upload_bucket/tab-list/logo%204x%20black/Truckmate-Tab-list.svg" width="600" height="60" srcset="/_default_upload_bucket/tab-list/logo%204x%20black/Truckmate-Tab-list.svg 1x" />
</picture>

					</div>
					
											<div class="p-md flex flex-col gap-4 copy">
						<p><strong>Industry leading transportation management solution</strong></p><ul class="list-check-yellow flex flex-col gap-3.5"><li>Simplify integrations by using embedded tools for critical operations</li><li>Expand sales opportunities, easily scale warehouse and fulfillment services</li><li>Enhance productivity by using built-in accounting tools to reduce administrative tasks</li></ul>
						</div>
					 				</div>
                              <div class="mt-11">
                  <a href="/en/solutions/transportation-management/truckmate-tms"
                     target="_self"
                     :class="{
                       'text-white border-b-white': bg === 'dark',
                       'text-grey-1000 border-b-grey-1000': bg === 'white'
                     }"
                     class="p-md button-link duration-500 underline underline-offset-4 cursor-pointer " aria-label="Learn more: Transportation Management">
                    Learn more
                  </a>
                </div>
                          </div>
          </div>
                                                
          <div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
            <div :class="{
              'bg-grey-800 text-white border-b-grey-800': bg === 'dark',
              'bg-white text-grey-1000 border-b-white hover:scale-102': bg === 'white' || bg === 'grey'
            }"
              class="group h-full flex flex-col justify-between rounded-lg shadow-blockquote border-b-10 p-6 transition duration-800 will-change-transform origin-center backface-hidden antialiased hover:border-b-yellow-300 overflow-hidden">
              <div class="flex flex-col">
											<p class="p-xs-semibold uppercase mb-4 text-blue">
						Transportation Management
						</p>
					
											<div class="flex mb-8">
						<picture >
	<source srcset="/_default_upload_bucket/tab-list/logo%204x%20black/TMW%20Suite-Tab-list.svg 1x" width="600" height="60" type="image/svg+xml" />
	<img alt="Transportation Management" class="h-8.5 w-auto" loading="lazy" src="/_default_upload_bucket/tab-list/logo%204x%20black/TMW%20Suite-Tab-list.svg" width="600" height="60" srcset="/_default_upload_bucket/tab-list/logo%204x%20black/TMW%20Suite-Tab-list.svg 1x" />
</picture>

					</div>
					
											<div class="p-md flex flex-col gap-4 copy">
						<p><strong>Optimize operations and connect every facet of your business</strong></p><ul class="list-check-yellow flex flex-col gap-3.5"><li>Reduce costly mistakes and gain deep insights into your business operations, so you can reduce errors</li><li>Gain stringent, around-the-clock, real-time cybersecurity monitoring through the Microsoft Azure cloud</li><li>Enjoy predictable monthly pricing and no unbudgeted expense</li></ul>
						</div>
					 				</div>
                              <div class="mt-11">
                  <a href="/en/solutions/transportation-management/tmw-suite-tms"
                     target="_self"
                     :class="{
                       'text-white border-b-white': bg === 'dark',
                       'text-grey-1000 border-b-grey-1000': bg === 'white'
                     }"
                     class="p-md button-link duration-500 underline underline-offset-4 cursor-pointer " aria-label="Learn more: Transportation Management">
                    Learn more
                  </a>
                </div>
                          </div>
          </div>
        
		</div>
	</div>

	<div class="hidden lg:flex flex-col gap-2 absolute top-1/2 -translate-1/2 md:pb-14 -right-17 w-fit z-20">
		<button 
		:class="{
			'carousel-button-black ': bg === 'grey',
			'carousel-button-white': bg === 'dark',
			'carousel-button-black ': bg === 'white'
		}"
			class="embla__next carousel-button"
			aria-label="Nxt slide"
		>
			<svg class="icon-svg w-2.5 h-4" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#carousel-arrow"></use></svg>
		</button>
		<button
			:class="{
				'carousel-button-black ': bg === 'grey',
				'carousel-button-white': bg === 'dark',
				'carousel-button-black ': bg === 'white'
			}"
					class="embla__prev carousel-button"
			aria-label="Previous slide"
		>
			<svg class="icon-svg w-2.5 h-4 rotate-180" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#carousel-arrow"></use></svg>
		</button>
  	</div>

	<div
	:class="{
	'dark': bg === 'dark',
	'white': bg === 'white'
	  }" class="embla__dots custom-pagination w-full flex justify-center gap-5 mt-8.5"></div>
</div>
        </div>
    </section>


                
                            </div>
                    




                                    <div class="pimcore_area_full-width-image pimcore_area_content ">
            
                                    













	<section
	 x-data="{
        variation: 'black',
    }"
    class="relative bg-cover  lg:min-h-[54dvh]  flex items-center bg-left-top bg-no-repeat dark:bg-dark-black dark:text-dark-white bg-grey-1000 text-white  "
	 style="background-image: url(/images/full-width-img/bg-dark-full-img.webp)"	 data-section=""  data-debug-module-name="Full Width Image"
>
							<div class="blur-placeholder h-full top-0 z-0 absolute hidden lg:block right-0 lg:w-1/2" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAPABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUGBP/EAB4QAAICAgIDAAAAAAAAAAAAAAECAAMFEQQxEiFB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAEQH/2gAMAwEAAhEDEQA/ALTIoW47aHyS1GQbiczwPoEyzZQwIMR5DCJdcLF0CDLiG9F4spVt9wmWilqqgm+oRCv/2Q==)">
			<picture >
	<source srcset="/_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--8a2a7a85--query.330d5563.webp 1x, /_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--8a2a7a85--query@2x.330d5563.webp 2x" media="(min-width: 1920px)" width="2560" height="1440" type="image/webp" />
	<source srcset="/_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--01bc9b30--query.e0f68158.webp 1x, /_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--01bc9b30--query@2x.e0f68158.webp 2x" media="(min-width: 1600px)" width="1920" height="1080" type="image/webp" />
	<source srcset="/_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--b9f49cfb--query.a8a2e2a9.webp 1x, /_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--b9f49cfb--query@2x.a8a2e2a9.webp 2x" media="(min-width: 1440px)" width="1660" height="900" type="image/webp" />
	<source srcset="/_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--2247bc1a--query.3b07ed0a.webp 1x, /_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office~-~media--2247bc1a--query@2x.3b07ed0a.webp 2x" media="(min-width: 1024px)" width="1280" height="1280" type="image/webp" />
	<source srcset="/_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office.ffabf0cf.webp 1x, /_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office@2x.ffabf0cf.webp 2x" width="512" height="512" type="image/webp" />
	<img alt="Decoration image" class="w-full h-full object-cover object-center lg:object-left" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office@2x.ffabf0cf.webp" width="512" height="512" srcset="/_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office.ffabf0cf.webp 1x, /_default_upload_bucket/2290/image-thumb__2290__full-width-image/half-width-module_back-office@2x.ffabf0cf.webp 2x" />
</picture>

		</div>
	
	<div class="container-main ">
		<div class="relative flex flex-col max-w-full md:max-w-9/10 lg:w-[53%] lg:max-w-157">
			<div class="relative flex flex-col w-full gap-2 mb-4.5 md:mb-6 lg:mb-8">
								<div class="label-md uppercase dark:text-dark-white text-yellow-300 ">
					Back-office fleet management tools
				</div>
				
								<h2 class="h2 dark:text-dark-white text-white">
					Back-office companion solutions for unified results
				</h2>
				
							</div>

			                <div class="p-lg mb-8 lg:mb-14 flex flex-col gap-4 copy">
                                            <p>Connecting the back office to the cab is critical for a successful deployment of in-cab navigation. Streamline your operations company-wide by extending the same commercial routing algorithm powering your in-cab navigation to your back office planning, visualization and reporting tools.</p>
                                    </div>
			
						<a href="/en/solutions/add-on/back-office-fleet-management-tools" target=""
				class="button button-lg button-primary min-w-39 w-full md:w-fit text-grey-1000  uppercase font-regular">
				Learn more
			</a>
					</div>
	</div>
</section>

                
                            </div>
                    




                                    <div class="pimcore_area_teasers-slider pimcore_area_content ">
            
                                    









	<section class="flex flex-col relative" 		data-section="" data-debug-module-name="Teaser slider">
		<div class="container-main flex flex-col relative z-1   ">
			<div class="flex justify-between gap-17 mb-10 md:mb-12 lg:mb-14">
				<div class="flex flex-col max-w-full w-full md:max-w-3/4 lg:max-w-1/2">
											<h2 class="h2 mb-4 md:mb-6 ">Resources</h2>
					
											<div class="p-md">
							<p>Check out our library of reports, white papers and eBooks, featuring market experts&#039; views and insights.</p>
						</div>
									</div>

									<a href="/en/resources/blog" class="hidden! md:flex! p-sm button-tertiary button-tertiary-arrow !pr-0 cursor-pointer whitespace-nowrap" aria-label="More publications: Resources">More publications</a>
							</div>

			<div class="embla relative" data-loop="false">
				<div class="embla__viewport overflow-hidden pl-3">
					<div class="embla__container -mr-5 md:mr-0 lg:-ml-5 flex pb-7">
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
  
  
      

<div class="group flex flex-col relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAASABQDASIAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAAAAIDAQQFBv/EAB0QAAICAgMBAAAAAAAAAAAAAAABAgMEERMhMVH/xAAWAQEBAQAAAAAAAAAAAAAAAAACAQP/xAAYEQEBAQEBAAAAAAAAAAAAAAAAEQECQf/aAAwDAQACEQMRAD8A93fZx1uXw08XNV0mn0ZzuRrUVtHPpx7lZ0mjPrubIec3K7iSfgIUxkq0n6Bgskl8IxS34AT1VgAEj//Z)"><picture >
	<source srcset="/_default_upload_bucket/videos/teaser-half-stage/2369/image-thumb__2369__blogHero/Mapping%20%26%20Routing_Half-Stage~-~media--df42eb16--query.68e2567c.webp 1x, /_default_upload_bucket/videos/teaser-half-stage/2369/image-thumb__2369__blogHero/Mapping%20%26%20Routing_Half-Stage~-~media--df42eb16--query@2x.68e2567c.webp 2x" media="(min-width: 768px)" width="1200" height="1133" type="image/webp" />
	<source srcset="/_default_upload_bucket/videos/teaser-half-stage/2369/image-thumb__2369__blogHero/Mapping%20%26%20Routing_Half-Stage.d1a94928.webp 1x, /_default_upload_bucket/videos/teaser-half-stage/2369/image-thumb__2369__blogHero/Mapping%20%26%20Routing_Half-Stage@2x.d1a94928.webp 2x" width="480" height="453" type="image/webp" />
	<img alt="Watch: Why Trimble CoPilot commercial navigation is essential for fleet safety &amp; savings" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/videos/teaser-half-stage/2369/image-thumb__2369__blogHero/Mapping%20%26%20Routing_Half-Stage@2x.d1a94928.webp" width="480" height="453" srcset="/_default_upload_bucket/videos/teaser-half-stage/2369/image-thumb__2369__blogHero/Mapping%20%26%20Routing_Half-Stage.d1a94928.webp 1x, /_default_upload_bucket/videos/teaser-half-stage/2369/image-thumb__2369__blogHero/Mapping%20%26%20Routing_Half-Stage@2x.d1a94928.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">Mapping & Routing</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">Watch: Why Trimble CoPilot commercial navigation is essential for fleet safety & savings</h3>
		</div>

		<a href="/en/mapping/videos/trimble-copilot-webinar-essential-commercial-navigation-for-fleet-safety-and-savings" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="WATCH VIDEO: Watch: Why Trimble CoPilot commercial navigation is essential for fleet safety &amp; savings">
			WATCH VIDEO
		</a>
	</div>
</div>
  
  
							</div>
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
      

<div class="group flex flex-col  relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAJABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABQADBP/EAB4QAAICAAcAAAAAAAAAAAAAAAABAjEDBAUGERIV/8QAFAEBAAAAAAAAAAAAAAAAAAAAAv/EABkRAAIDAQAAAAAAAAAAAAAAAAABAhESIf/aAAwDAQACEQMRAD8A3zm4IyT4CJ6x2bDMWjmdMMOIc6bGPXZA6ohWwZR//9k=)"><picture >
	<source srcset="/_default_upload_bucket/blog/Blog%20Categories/562/image-thumb__562__blogHero/How%20Trimble%20Appian%20and%20CoPilot~-~media--df42eb16--query.fb3a5125.webp 1x, /_default_upload_bucket/blog/Blog%20Categories/562/image-thumb__562__blogHero/How%20Trimble%20Appian%20and%20CoPilot~-~media--df42eb16--query@2x.fb3a5125.webp 2x" media="(min-width: 768px)" width="826" height="400" type="image/webp" />
	<source srcset="/_default_upload_bucket/blog/Blog%20Categories/562/image-thumb__562__blogHero/How%20Trimble%20Appian%20and%20CoPilot.660f4bf9.webp 1x, /_default_upload_bucket/blog/Blog%20Categories/562/image-thumb__562__blogHero/How%20Trimble%20Appian%20and%20CoPilot@2x.660f4bf9.webp 2x" width="413" height="200" type="image/webp" />
	<img alt="How Trimble Appian and CoPilot can mitigate the impact of NYC congestion pricing on fleets" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/blog/Blog%20Categories/562/image-thumb__562__blogHero/How%20Trimble%20Appian%20and%20CoPilot@2x.660f4bf9.webp" width="413" height="200" srcset="/_default_upload_bucket/blog/Blog%20Categories/562/image-thumb__562__blogHero/How%20Trimble%20Appian%20and%20CoPilot.660f4bf9.webp 1x, /_default_upload_bucket/blog/Blog%20Categories/562/image-thumb__562__blogHero/How%20Trimble%20Appian%20and%20CoPilot@2x.660f4bf9.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">TRANSPORTATION MANAGEMENT</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">How Trimble Appian and CoPilot can mitigate the impact of NYC congestion pricing on fleets</h3>
		</div>

		<a href="/en/mapping/blog/how-trimble-appian-and-copilot-can-mitigate-the-impact-of-nyc-congestion-pricing-on-fleets" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="READ BLOG: How Trimble Appian and CoPilot can mitigate the impact of NYC congestion pricing on fleets">
			READ BLOG
		</a>
	</div>
</div>  
  
  
  
							</div>
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
  
  
      

<div class="group flex flex-col relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAASABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEBgP/xAAfEAACAQQCAwAAAAAAAAAAAAAAAQIDBAUhBhESE0H/xAAWAQEBAQAAAAAAAAAAAAAAAAACBAP/xAAZEQACAwEAAAAAAAAAAAAAAAAAAQIDMRP/2gAMAwEAAhEDEQA/AO8qT8US7iKcnJnvkLj0tdke/wApGlHWxqDeAc0tNSrOK6itAirNxXwD4yB3gW+Q6pnJXbbhtsA2pwnv1mAAFRIf/9k=)"><picture >
	<source srcset="/_default_upload_bucket/case-studies/Ashley%20Furniture%20wins%202024%20Trimble%20Ovation%20Award%20for%20best%20collaboration/2363/image-thumb__2363__blogHero/2026_TT-website-images_case-study-teaser_Ashley~-~media--df42eb16--query.5f5dd4bc.webp 1x, /_default_upload_bucket/case-studies/Ashley%20Furniture%20wins%202024%20Trimble%20Ovation%20Award%20for%20best%20collaboration/2363/image-thumb__2363__blogHero/2026_TT-website-images_case-study-teaser_Ashley~-~media--df42eb16--query@2x.5f5dd4bc.webp 2x" media="(min-width: 768px)" width="1200" height="1133" type="image/webp" />
	<source srcset="/_default_upload_bucket/case-studies/Ashley%20Furniture%20wins%202024%20Trimble%20Ovation%20Award%20for%20best%20collaboration/2363/image-thumb__2363__blogHero/2026_TT-website-images_case-study-teaser_Ashley.323428d7.webp 1x, /_default_upload_bucket/case-studies/Ashley%20Furniture%20wins%202024%20Trimble%20Ovation%20Award%20for%20best%20collaboration/2363/image-thumb__2363__blogHero/2026_TT-website-images_case-study-teaser_Ashley@2x.323428d7.webp 2x" width="480" height="453" type="image/webp" />
	<img alt="Ashley Furniture wins 2024 Trimble Ovation Award for best collaboration" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/case-studies/Ashley%20Furniture%20wins%202024%20Trimble%20Ovation%20Award%20for%20best%20collaboration/2363/image-thumb__2363__blogHero/2026_TT-website-images_case-study-teaser_Ashley@2x.323428d7.webp" width="480" height="453" srcset="/_default_upload_bucket/case-studies/Ashley%20Furniture%20wins%202024%20Trimble%20Ovation%20Award%20for%20best%20collaboration/2363/image-thumb__2363__blogHero/2026_TT-website-images_case-study-teaser_Ashley.323428d7.webp 1x, /_default_upload_bucket/case-studies/Ashley%20Furniture%20wins%202024%20Trimble%20Ovation%20Award%20for%20best%20collaboration/2363/image-thumb__2363__blogHero/2026_TT-website-images_case-study-teaser_Ashley@2x.323428d7.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">AI & Connected Ecosystem</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">Ashley Furniture wins 2024 Trimble Ovation Award for best collaboration</h3>
		</div>

		<a href="/en/ai/case-studies/ashley" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="READ CASE STUDY: Ashley Furniture wins 2024 Trimble Ovation Award for best collaboration">
			READ CASE STUDY
		</a>
	</div>
</div>
  
  
							</div>
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
      

<div class="group flex flex-col  relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAJABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMEAQL/xAAcEAADAAIDAQAAAAAAAAAAAAAAAQIRMgMEEkH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhEDEQA/AM5IcPCFxmaKuzsSVuhA/wBN/AO41AD/2Q==)"><picture >
	<source srcset="/_default_upload_bucket/blog/Blog%20Categories/565/image-thumb__565__blogHero/How%20We%E2%80%99re%20Changing%20the%20Parking%20Game%20with%20Truck~-~media--df42eb16--query.4fa3b2a3.webp 1x, /_default_upload_bucket/blog/Blog%20Categories/565/image-thumb__565__blogHero/How%20We%E2%80%99re%20Changing%20the%20Parking%20Game%20with%20Truck~-~media--df42eb16--query@2x.4fa3b2a3.webp 2x" media="(min-width: 768px)" width="826" height="400" type="image/webp" />
	<source srcset="/_default_upload_bucket/blog/Blog%20Categories/565/image-thumb__565__blogHero/How%20We%E2%80%99re%20Changing%20the%20Parking%20Game%20with%20Truck.7589ccf2.webp 1x, /_default_upload_bucket/blog/Blog%20Categories/565/image-thumb__565__blogHero/How%20We%E2%80%99re%20Changing%20the%20Parking%20Game%20with%20Truck@2x.7589ccf2.webp 2x" width="413" height="200" type="image/webp" />
	<img alt="How we’re changing the parking game with Truck Parking Club in Trimble CoPilot" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/blog/Blog%20Categories/565/image-thumb__565__blogHero/How%20We%E2%80%99re%20Changing%20the%20Parking%20Game%20with%20Truck@2x.7589ccf2.webp" width="413" height="200" srcset="/_default_upload_bucket/blog/Blog%20Categories/565/image-thumb__565__blogHero/How%20We%E2%80%99re%20Changing%20the%20Parking%20Game%20with%20Truck.7589ccf2.webp 1x, /_default_upload_bucket/blog/Blog%20Categories/565/image-thumb__565__blogHero/How%20We%E2%80%99re%20Changing%20the%20Parking%20Game%20with%20Truck@2x.7589ccf2.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">TRANSPORTATION MANAGEMENT</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">How we’re changing the parking game with Truck Parking Club in Trimble CoPilot</h3>
		</div>

		<a href="/en/transportation-management/blog/how-were-changing-the-parking-game-with-truck-parking-club-in-trimble-copilot" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="READ BLOG: How we’re changing the parking game with Truck Parking Club in Trimble CoPilot">
			READ BLOG
		</a>
	</div>
</div>  
  
  
  
							</div>
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
  
  
      

<div class="group flex flex-col relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAJABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAEEBf/EAB0QAAMAAgIDAAAAAAAAAAAAAAABAgQRBSEiMjP/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIRAxEAPwCDMyr8ob6MtQrb7LOQ+lEEliFUKa1sBV7AB//Z)"><picture >
	<source srcset="/_default_upload_bucket/case-studies/teasers/572/image-thumb__572__blogHero/Crete%20Carrier%20Corporation%20Created%20a%20Best-in-Class%20Driver%20Experience%20with%20Trimble~-~media--df42eb16--query.bbb78740.webp 1x, /_default_upload_bucket/case-studies/teasers/572/image-thumb__572__blogHero/Crete%20Carrier%20Corporation%20Created%20a%20Best-in-Class%20Driver%20Experience%20with%20Trimble~-~media--df42eb16--query@2x.bbb78740.webp 2x" media="(min-width: 768px)" width="826" height="400" type="image/webp" />
	<source srcset="/_default_upload_bucket/case-studies/teasers/572/image-thumb__572__blogHero/Crete%20Carrier%20Corporation%20Created%20a%20Best-in-Class%20Driver%20Experience%20with%20Trimble.5d674bdd.webp 1x, /_default_upload_bucket/case-studies/teasers/572/image-thumb__572__blogHero/Crete%20Carrier%20Corporation%20Created%20a%20Best-in-Class%20Driver%20Experience%20with%20Trimble@2x.5d674bdd.webp 2x" width="413" height="200" type="image/webp" />
	<img alt="Crete Carrier Corporation created a best-in-class driver experience with Trimble" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/case-studies/teasers/572/image-thumb__572__blogHero/Crete%20Carrier%20Corporation%20Created%20a%20Best-in-Class%20Driver%20Experience%20with%20Trimble@2x.5d674bdd.webp" width="413" height="200" srcset="/_default_upload_bucket/case-studies/teasers/572/image-thumb__572__blogHero/Crete%20Carrier%20Corporation%20Created%20a%20Best-in-Class%20Driver%20Experience%20with%20Trimble.5d674bdd.webp 1x, /_default_upload_bucket/case-studies/teasers/572/image-thumb__572__blogHero/Crete%20Carrier%20Corporation%20Created%20a%20Best-in-Class%20Driver%20Experience%20with%20Trimble@2x.5d674bdd.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">AI & Connected Ecosystem</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">Crete Carrier Corporation created a best-in-class driver experience with Trimble</h3>
		</div>

		<a href="/en/ai/case-studies/%D1%81rete-%D1%81arrier-%D1%81orporation-%D1%81reated-%D1%81a-best-in-class-driver-experience-with-trimble" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="READ CASE STUDY: Crete Carrier Corporation created a best-in-class driver experience with Trimble">
			READ CASE STUDY
		</a>
	</div>
</div>
  
  
							</div>
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
  
  
      

<div class="group flex flex-col relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAJABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUDBP/EAB4QAAICAQUBAAAAAAAAAAAAAAACAQQREhMhMTIz/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAWEQEBAQAAAAAAAAAAAAAAAAAAAjH/2gAMAwEAAhEDEQA/AOCK2xWlSWyamnkvW/lJBb3IRhrWLLicAN2Ckv/Z)"><picture >
	<source srcset="/_default_upload_bucket/case-studies/teasers/573/image-thumb__573__blogHero/McLane%20Company%20Inc.%20Overhauled%20Their%20Analytics%20and%20Integrations%20with%20Trimble%20Solutions~-~media--df42eb16--query.12718c9a.webp 1x, /_default_upload_bucket/case-studies/teasers/573/image-thumb__573__blogHero/McLane%20Company%20Inc.%20Overhauled%20Their%20Analytics%20and%20Integrations%20with%20Trimble%20Solutions~-~media--df42eb16--query@2x.12718c9a.webp 2x" media="(min-width: 768px)" width="826" height="400" type="image/webp" />
	<source srcset="/_default_upload_bucket/case-studies/teasers/573/image-thumb__573__blogHero/McLane%20Company%20Inc.%20Overhauled%20Their%20Analytics%20and%20Integrations%20with%20Trimble%20Solutions.98a7ef57.webp 1x, /_default_upload_bucket/case-studies/teasers/573/image-thumb__573__blogHero/McLane%20Company%20Inc.%20Overhauled%20Their%20Analytics%20and%20Integrations%20with%20Trimble%20Solutions@2x.98a7ef57.webp 2x" width="413" height="200" type="image/webp" />
	<img alt="McLane Company Inc. overhauled their analytics and integrations with Trimble Solutions" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/case-studies/teasers/573/image-thumb__573__blogHero/McLane%20Company%20Inc.%20Overhauled%20Their%20Analytics%20and%20Integrations%20with%20Trimble%20Solutions@2x.98a7ef57.webp" width="413" height="200" srcset="/_default_upload_bucket/case-studies/teasers/573/image-thumb__573__blogHero/McLane%20Company%20Inc.%20Overhauled%20Their%20Analytics%20and%20Integrations%20with%20Trimble%20Solutions.98a7ef57.webp 1x, /_default_upload_bucket/case-studies/teasers/573/image-thumb__573__blogHero/McLane%20Company%20Inc.%20Overhauled%20Their%20Analytics%20and%20Integrations%20with%20Trimble%20Solutions@2x.98a7ef57.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">AI & Connected Ecosystem</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">McLane Company Inc. overhauled their analytics and integrations with Trimble Solutions</h3>
		</div>

		<a href="/en/ai/case-studies/mclane-company-inc" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="READ CASE STUDY: McLane Company Inc. overhauled their analytics and integrations with Trimble Solutions">
			READ CASE STUDY
		</a>
	</div>
</div>
  
  
							</div>
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
  
  
      

<div class="group flex flex-col relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAOABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAABBv/EABsQAAIDAQEBAAAAAAAAAAAAAAABAgMRQSEx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAaEQACAwEBAAAAAAAAAAAAAAAAAhESUQET/9oADAMBAAIRAxEAPwDvpSxaEt2z1L4La0xQS4FltyBK0BY3yisaIU64vhEfN9HZcP/Z)"><picture >
	<source srcset="/_default_upload_bucket/case-study/Half-stage-Logo/1864/image-thumb__1864__blogHero/Half%20stage-case-study-McCoy~-~media--df42eb16--query.58917394.webp 1x, /_default_upload_bucket/case-study/Half-stage-Logo/1864/image-thumb__1864__blogHero/Half%20stage-case-study-McCoy~-~media--df42eb16--query@2x.58917394.webp 2x" media="(min-width: 768px)" width="1200" height="850" type="image/webp" />
	<source srcset="/_default_upload_bucket/case-study/Half-stage-Logo/1864/image-thumb__1864__blogHero/Half%20stage-case-study-McCoy.00566c5b.webp 1x, /_default_upload_bucket/case-study/Half-stage-Logo/1864/image-thumb__1864__blogHero/Half%20stage-case-study-McCoy@2x.00566c5b.webp 2x" width="480" height="340" type="image/webp" />
	<img alt="The McCoy Group leverages suite of Trimble Transportation solutions for “Powerhouse” results" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/case-study/Half-stage-Logo/1864/image-thumb__1864__blogHero/Half%20stage-case-study-McCoy@2x.00566c5b.webp" width="480" height="340" srcset="/_default_upload_bucket/case-study/Half-stage-Logo/1864/image-thumb__1864__blogHero/Half%20stage-case-study-McCoy.00566c5b.webp 1x, /_default_upload_bucket/case-study/Half-stage-Logo/1864/image-thumb__1864__blogHero/Half%20stage-case-study-McCoy@2x.00566c5b.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">AI & Connected Ecosystem</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">The McCoy Group leverages suite of Trimble Transportation solutions for “Powerhouse” results</h3>
		</div>

		<a href="/en/ai/case-studies/the-mccoy-group-leverages-suite-of-trimble-transportation-solutions-for-powerhouse-results" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="READ CASE STUDY: The McCoy Group leverages suite of Trimble Transportation solutions for “Powerhouse” results">
			READ CASE STUDY
		</a>
	</div>
</div>
  
  
							</div>
													<div class="embla__slide pr-5 lg:pr-0 lg:pl-5 flex-[0_0_96%] md:flex-[0_0_59%] lg:flex-[0_0_33.33%]">
								
      

<div class="group flex flex-col  relative bg-grey-200 h-full overflow-hidden rounded-lg ">
	<div class="relative w-full object-cover aspect-2/1 overflow-hidden">
					<div class="blur-placeholder" style="background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAAKABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAgb/xAAeEAACAQUAAwAAAAAAAAAAAAAAAQIDBBESMSEykf/EABUBAQEAAAAAAAAAAAAAAAAAAAMC/8QAGREBAQADAQAAAAAAAAAAAAAAAQACAzER/9oADAMBAAIRAxEAPwCrO7hNvZoTd8oVcLhKUpb+z+mKzeeia+JRn2fuLyEqreQOfqt7vywB8JjYhf/Z)"><picture >
	<source srcset="/_default_upload_bucket/blog/Blog%202/1000/image-thumb__1000__blogHero/Turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving-Teaser~-~media--df42eb16--query.c7532385.webp 1x, /_default_upload_bucket/blog/Blog%202/1000/image-thumb__1000__blogHero/Turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving-Teaser~-~media--df42eb16--query@2x.c7532385.webp 2x" media="(min-width: 768px)" width="500" height="272" type="image/webp" />
	<source srcset="/_default_upload_bucket/blog/Blog%202/1000/image-thumb__1000__blogHero/Turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving-Teaser.5a01caed.webp 1x, /_default_upload_bucket/blog/Blog%202/1000/image-thumb__1000__blogHero/Turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving-Teaser@2x.5a01caed.webp 2x" width="250" height="136" type="image/webp" />
	<img alt="Turning Data Into Action: 5 Ways that Fleet Maintenance Software Can Keep Your Trucks Moving" class="w-full h-full object-cover object-center transform transition-transform duration-800 group-hover:scale-110" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/blog/Blog%202/1000/image-thumb__1000__blogHero/Turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving-Teaser@2x.5a01caed.webp" width="250" height="136" srcset="/_default_upload_bucket/blog/Blog%202/1000/image-thumb__1000__blogHero/Turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving-Teaser.5a01caed.webp 1x, /_default_upload_bucket/blog/Blog%202/1000/image-thumb__1000__blogHero/Turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving-Teaser@2x.5a01caed.webp 2x" />
</picture>
</div>
			</div>

	<div class="p-6 flex flex-col grow justify-between">
		<div class="flex flex-col">
							<p class="p-xs text-blue uppercase mb-3 preview-card-label">TRANSPORTATION MANAGEMENT</p>
			
			<h3 class="line-clamp-3 h5 text-grey-1000 mb-3">Turning Data Into Action: 5 Ways that Fleet Maintenance Software Can Keep Your Trucks Moving</h3>
		</div>

		<a href="/en/transportation-management/blog/turning-data-into-action-5-ways-that-fleet-maintenance-software-can-keep-your-trucks-moving" class="button button-sm button-secondary mt-6 w-fit uppercase" aria-label="READ BLOG: Turning Data Into Action: 5 Ways that Fleet Maintenance Software Can Keep Your Trucks Moving">
			READ BLOG
		</a>
	</div>
</div>  
  
  
  
							</div>
											</div>
				</div>

				<div class="hidden! lg:flex! flex-col gap-2 absolute top-1/2 -translate-1/2 md:pb-14 -right-17 w-fit z-20">
					<button
						class="embla__next carousel-button-black carousel-button"
						aria-label="Nxt slide"
					>
						<svg class="icon-svg w-2.5 h-4" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#carousel-arrow"></use></svg>
					</button>

                    <button
                        class="embla__prev carousel-button-black carousel-button"
                        aria-label="Previous slide"
                    >
                        <svg class="icon-svg w-2.5 h-4 rotate-180" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#carousel-arrow"></use></svg>
                    </button>
				</div>

				<div class="embla__dots white custom-pagination pr-5 lg:mr-0 w-full flex items-center justify-center gap-5 py-1.5 mt-8.5"></div>
			</div>

                            <a href="/en/resources/blog" class="button button-lg button-primary w-full uppercase md:hidden! mt-10" aria-label="More publications: Resources">More publications</a>
            
		</div>
	</section>

                
                            </div>
                    




                                    <div class="pimcore_area_full-width-image pimcore_area_content ">
            
                                    













	<section
	 x-data="{
        variation: 'blue',
    }"
    class="relative bg-cover  lg:min-h-[54dvh]  flex items-center bg-left-top bg-no-repeat dark:bg-dark-black dark:text-dark-white bg-grey-1000 text-white  "
	 style="background-image: url(/images/full-width-img/bg-blue-full-img.webp)"	 data-section=""  data-debug-module-name="Full Width Image"
>
							<div class="blur-placeholder h-full top-0 z-0 absolute hidden lg:block right-0 lg:w-1/2" style="background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/wAALCAAPABQBAREA/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/9oACAEBAAA/AKAAD//Z)">
			<picture >
	<source srcset="/_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--8a2a7a85--query.1916b7a0.webp 1x, /_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--8a2a7a85--query@2x.1916b7a0.webp 2x" media="(min-width: 1920px)" width="2560" height="1440" type="image/webp" />
	<source srcset="/_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--01bc9b30--query.72624c04.webp 1x, /_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--01bc9b30--query@2x.72624c04.webp 2x" media="(min-width: 1600px)" width="1920" height="1080" type="image/webp" />
	<source srcset="/_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--b9f49cfb--query.36686171.webp 1x, /_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--b9f49cfb--query@2x.36686171.webp 2x" media="(min-width: 1440px)" width="1660" height="900" type="image/webp" />
	<source srcset="/_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--2247bc1a--query.b85a712c.webp 1x, /_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1~-~media--2247bc1a--query@2x.b85a712c.webp 2x" media="(min-width: 1024px)" width="1280" height="1280" type="image/webp" />
	<source srcset="/_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1.0b9b108c.webp 1x, /_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1@2x.0b9b108c.webp 2x" width="512" height="512" type="image/webp" />
	<img alt="Decoration image" class="w-full h-full object-cover object-center lg:object-left" loading="lazy" onload="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" onerror="this.closest(&#039;.blur-placeholder&#039;)?.classList.add(&#039;is-loaded&#039;)" src="/_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1@2x.0b9b108c.webp" width="512" height="512" srcset="/_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1.0b9b108c.webp 1x, /_default_upload_bucket/2905/image-thumb__2905__full-width-image/2026_Ron-Finmore-Case-study-half-width-V2_1@2x.0b9b108c.webp 2x" />
</picture>

		</div>
	
	<div class="container-main ">
		<div class="relative flex flex-col max-w-full md:max-w-9/10 lg:w-[53%] lg:max-w-157">
			<div class="relative flex flex-col w-full gap-2 mb-4.5 md:mb-6 lg:mb-8">
								<div class="label-md uppercase dark:text-dark-white text-yellow-300 ">
					Real success stories
				</div>
				
								<h2 class="h2 dark:text-dark-white text-white">
					Precision routing for Australia’s toughest journeys
				</h2>
				
							</div>

			                <div class="p-lg mb-8 lg:mb-14 flex flex-col gap-4 copy">
                                            <p>How CoPilot keeps Ron Finemore Transport’s B-Double fleet on the right roads, on the longest routes.</p>
                                    </div>
			
						<a href="/en/ai/case-studies/ron-finemore-transport-builds-unified-transportation-management-ecosystem-with-trimble" target="_self"
				class="button button-lg button-primary min-w-39 w-full md:w-fit text-grey-1000  uppercase font-regular">
				View the case study
			</a>
					</div>
	</div>
</section>

                
                            </div>
                    




                                    <div class="pimcore_area_marketo-form pimcore_area_content ">
            
                                    









	<section  id="form"  data-marketo-form data-debug-module-name="Marketo-form" data-section="">
		<div class="container-main  ">
			<h2 class="h2 text-center mb-6">
				Get the commercial precision your fleet requires
			</h2>
			<div class="text-center p-sm text-grey-800 mt-4 md:mt-6 mx-auto lg:max-w-200 copy">
				<p>Align your entire fleet with commercial-grade maps that synchronize your back office with every driver on the road.</p>
			</div>
			<div class="w-full mt-14">
				
<div class="marketo-form-wrapper flex flex-col items-center mx-auto relative">
			<form id="mktoForm_3449" data-form-loaded="false"></form>
		<script>
			(function() {
				function loadForm() {
					MktoForms2.loadForm("//app-sj26.marketo.com", "630-RSX-015", 3449, function (form) {
						if (!form) return;
						if (!form.getFormElem()?.[0]) return;

						const formElem = form.getFormElem()[0];
						formElem.setAttribute('data-form-loaded', 'true');
					});
				}
				if (typeof MktoForms2 !== 'undefined') {
					loadForm();
				} else {
					var script = document.querySelector('script[src*="forms2.min.js"]');
					if (script) {
						script.addEventListener('load', loadForm);
					}
				}
			})();
		</script>
	</div>
			</div>
		</div>
	</section>

                
                            </div>
                    


    </div>

    <script>
        document.addEventListener('click', (e) => {
            const btn = e.target.closest('.go-back');
            if (!btn) return;

            e.preventDefault();

            const pathParts = window.location.pathname.split('/').filter(Boolean);
            const currentLang = pathParts.length ? pathParts[0] : 'en';
            const fallback = '/' + currentLang;

            if (window.history.length > 1) {
            window.history.back();
            } else {
            window.location.href = fallback;
            }
        });
</script>


			<button
  data-scroll-to-top
  aria-label="Back to top"
  class="fixed right-0 bottom-1/5 z-50 w-19 h-19 cursor-pointer flex flex-col items-center justify-end p-2.5 rounded-l-lg bg-grey-300 shadow-lg text-grey-1000 hover:bg-yellow-300 transition-all duration-500 opacity-0 translate-y-3 pointer-events-none"
>
  <svg class="icon-svg w-4 h-2.5" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#back-to-top"></use></svg>
  <span class="text-sm whitespace-normal leading-4 font-medium">Back to Top</span>
</button>
		</main>

									
									



<footer class="flex pt-16.5 ">
	<div class="max-w-full bg-footer bg-repeat bg-[length:380px_380px] w-full">
		<div class="max-w-full flex flex-col mx-auto lg:w-[var(--size-grid-lg)] xl:w-[var(--size-grid-xl)] text-white w-full px-5 md:px-10 lg:px-20 ">
			

<div class="mx-auto w-full max-w-full lg:w-[var(--size-grid-lg)] xl:w-[var(--size-grid-xl)] -mt-[65px] flex bg-yellow-300 rounded-lg md:rounded-xl overflow-hidden">
	<div class="flex flex-col md:flex-row md:justify-between gap-6 md:gap-20 lg:gap-26 w-full py-6 md:py-8 lg:py-9 px-5 md:px-10 lg:px-27 text-grey-1000">
		<div class="h4 text-center md:text-left max-w-171 w-full">
			Unlock the full potential of a connected transportation ecosystem.
		</div>

					<a href="/en/contact-us" internalType="document" linktype="internal" text="Connect with us" path="/en/contact-us" class="button button-lg button-black uppercase w-full md:w-fit  whitespace-nowrap" internalId="286" placeholder="Demo Button">Connect with us</a>
			</div>
</div>

			<div class="flex flex-col gap-14 md:grid md:grid-cols-[repeat(4,minmax(0,235px))] auto-rows-min md:gap-10 md:gap-y-16 md:gap-x-8 lg:gap-20 w-full py-10 lg:py-20">
				

    
    
    <div
        class="w-full"
        x-data="{
            open: window.innerWidth >= 768,
            editmode: false,
        }"
        x-init="
            window.addEventListener('resize', () => {
            open = window.innerWidth >= 768;
            });
        "
        >
        
                    <div class="hidden md:block p-md-semibold uppercase">TRANSPORTATION & LOGISTICS</div>

            <button
                @click="open = !open"
                class="w-full flex md:hidden items-center gap-1 text-white uppercase transition-all duration-300 text-left p-lg-semibold md:p-md-semibold"
                :class="open ? 'text-yellow-300' : ''"
            >
                <span>TRANSPORTATION & LOGISTICS</span>
                <div class="w-4.5 h-4.5 flex items-center justify-center">
                    <svg class="icon-svg w-3 h-3 transform transition-transform" :class="{'rotate-180': open}" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
                </div>
            </button>
                 
        <ul 
            class="flex pt-5 flex-col gap-5 text-white"
            x-show="open || editmode"
            x-collapse.duration.300ms
            x-transition 
            x-cloak
        >
                                            <li class="link-footer"><a href="/en#product-categories" linktype="direct" text="Products" path="/en#product-categories" placeholder="Link 12">Products</a></li>
                                            <li class="link-footer"><a href="/en#industries" linktype="direct" text="Industries" path="/en#industries" placeholder="Link 13">Industries</a></li>
                                            <li class="link-footer"><a href="/en/resources/events" internalType="document" linktype="internal" text="Events" path="/en/resources/events" internalId="155" placeholder="Link 14">Events</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/careers" linktype="direct" text="Careers" path="https://www.trimble.com/en/careers" target="_blank" placeholder="Link 5">Careers</a></li>
                                            <li class="link-footer"><a href="https://news.trimble.com/home" linktype="direct" text="Press" path="https://news.trimble.com/home" placeholder="Link 8">Press</a></li>
                                            <li class="link-footer"><a href="/en/contact-us" internalType="document" linktype="internal" text="Contact Us" path="/en/contact-us" internalId="286" placeholder="Link 7">Contact Us</a></li>
                    </ul>
    </div>
    
    
    <div
        class="w-full"
        x-data="{
            open: window.innerWidth >= 768,
            editmode: false,
        }"
        x-init="
            window.addEventListener('resize', () => {
            open = window.innerWidth >= 768;
            });
        "
        >
        
                    <div class="hidden md:block p-md-semibold uppercase">RESOURCES</div>

            <button
                @click="open = !open"
                class="w-full flex md:hidden items-center gap-1 text-white uppercase transition-all duration-300 text-left p-lg-semibold md:p-md-semibold"
                :class="open ? 'text-yellow-300' : ''"
            >
                <span>RESOURCES</span>
                <div class="w-4.5 h-4.5 flex items-center justify-center">
                    <svg class="icon-svg w-3 h-3 transform transition-transform" :class="{'rotate-180': open}" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
                </div>
            </button>
                 
        <ul 
            class="flex pt-5 flex-col gap-5 text-white"
            x-show="open || editmode"
            x-collapse.duration.300ms
            x-transition 
            x-cloak
        >
                                            <li class="link-footer"></li>
                                            <li class="link-footer"><a href="https://learn.transportation.trimble.com/" linktype="direct" text="Learning Center" path="https://learn.transportation.trimble.com/" placeholder="Link 3">Learning Center</a></li>
                                            <li class="link-footer"><a href="https://developer.trimblemaps.com/" linktype="direct" text="Developer Portal" path="https://developer.trimblemaps.com/" placeholder="Link 4">Developer Portal</a></li>
                                            <li class="link-footer"><a href="https://developer.trimblemaps.com/get-an-api-key/na/" linktype="direct" text="Integrations (API)" path="https://developer.trimblemaps.com/get-an-api-key/na/" placeholder="Link 5">Integrations (API)</a></li>
                                            <li class="link-footer"><a href="/en/partners-and-developers/how-to-partner-with-us" internalType="document" linktype="internal" text="How to Partner With Us" path="/en/partners-and-developers/how-to-partner-with-us" internalId="285" placeholder="Link 2">How to Partner With Us</a></li>
                                            <li class="link-footer"><a href="/en/partners-and-developers/our-partners" internalType="document" linktype="internal" text="Directory of Partners" path="/en/partners-and-developers/our-partners" internalId="351" placeholder="Link 6">Directory of Partners</a></li>
                                            <li class="link-footer"><a href="/en/resources/case-studies" internalType="document" linktype="internal" text="Case Studies" path="/en/resources/case-studies" internalId="149" placeholder="Link 8">Case Studies</a></li>
                                            <li class="link-footer"><a href="/en/resources/blog" internalType="document" linktype="internal" text="Blog" path="/en/resources/blog" internalId="139" placeholder="Link 7">Blog</a></li>
                    </ul>
    </div>
    
    
    <div
        class="w-full"
        x-data="{
            open: window.innerWidth >= 768,
            editmode: false,
        }"
        x-init="
            window.addEventListener('resize', () => {
            open = window.innerWidth >= 768;
            });
        "
        >
        
                    <div class="hidden md:block p-md-semibold uppercase">COMMITMENT</div>

            <button
                @click="open = !open"
                class="w-full flex md:hidden items-center gap-1 text-white uppercase transition-all duration-300 text-left p-lg-semibold md:p-md-semibold"
                :class="open ? 'text-yellow-300' : ''"
            >
                <span>COMMITMENT</span>
                <div class="w-4.5 h-4.5 flex items-center justify-center">
                    <svg class="icon-svg w-3 h-3 transform transition-transform" :class="{'rotate-180': open}" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
                </div>
            </button>
                 
        <ul 
            class="flex pt-5 flex-col gap-5 text-white"
            x-show="open || editmode"
            x-collapse.duration.300ms
            x-transition 
            x-cloak
        >
                                            <li class="link-footer"><a href="https://www.trimble.com/en/sustainability" linktype="direct" text="Sustainability" path="https://www.trimble.com/en/sustainability" target="_blank" placeholder="Link 1">Sustainability</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/people-and-culture" linktype="direct" text="People and Culture" path="https://www.trimble.com/en/people-and-culture" target="_blank" placeholder="Link 7">People and Culture</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/education" linktype="direct" text="Education &amp; Leadership" path="https://www.trimble.com/en/education" target="_blank" placeholder="Link 8">Education &amp; Leadership</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/foundation" linktype="direct" text="Trimble Foundation" path="https://www.trimble.com/en/foundation" target="_blank" placeholder="Link 2">Trimble Foundation</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/trimble-ventures" linktype="direct" text="Trimble Ventures" path="https://www.trimble.com/en/trimble-ventures" target="_blank" placeholder="Link 3">Trimble Ventures</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/our-commitment/responsible-business/overview" linktype="direct" text="Compliance" path="https://www.trimble.com/en/our-commitment/responsible-business/overview" target="_blank" placeholder="Link 4">Compliance</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/our-commitment/responsible-business/report-ethics-concerns" linktype="direct" text="Ethics Concerns" path="https://www.trimble.com/en/our-commitment/responsible-business/report-ethics-concerns" target="_blank" placeholder="Link 5">Ethics Concerns</a></li>
                                            <li class="link-footer"><a href="https://trust.trimble.com/" linktype="direct" text="Trust Portal" path="https://trust.trimble.com/" target="_blank" placeholder="Link 6">Trust Portal</a></li>
                    </ul>
    </div>
    
    
    <div
        class="w-full"
        x-data="{
            open: window.innerWidth >= 768,
            editmode: false,
        }"
        x-init="
            window.addEventListener('resize', () => {
            open = window.innerWidth >= 768;
            });
        "
        >
        
                    <div class="hidden md:block p-md-semibold uppercase">TRIMBLE INC.</div>

            <button
                @click="open = !open"
                class="w-full flex md:hidden items-center gap-1 text-white uppercase transition-all duration-300 text-left p-lg-semibold md:p-md-semibold"
                :class="open ? 'text-yellow-300' : ''"
            >
                <span>TRIMBLE INC.</span>
                <div class="w-4.5 h-4.5 flex items-center justify-center">
                    <svg class="icon-svg w-3 h-3 transform transition-transform" :class="{'rotate-180': open}" aria-hidden="true" focusable="false"><use href="/frontend/assets/sprite.svg#chevron-down"></use></svg>
                </div>
            </button>
                 
        <ul 
            class="flex pt-5 flex-col gap-5 text-white"
            x-show="open || editmode"
            x-collapse.duration.300ms
            x-transition 
            x-cloak
        >
                                            <li class="link-footer"><a href="https://www.trimble.com/en/about" linktype="direct" text="About Trimble Inc." path="https://www.trimble.com/en/about" target="_blank" placeholder="Link 1">About Trimble Inc.</a></li>
                                            <li class="link-footer"><a href="https://investor.trimble.com/overview/default.aspx" linktype="direct" text="Investor relations" path="https://investor.trimble.com/overview/default.aspx" target="_blank" placeholder="Link 2">Investor relations</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/industries" linktype="direct" text="Industries" path="https://www.trimble.com/en/industries" target="_blank" placeholder="Link 3">Industries</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/solutions" linktype="direct" text="Solutions" path="https://www.trimble.com/en/solutions" target="_blank" placeholder="Link 4">Solutions</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/solutions/technologies/overview" linktype="direct" text="Technologies" path="https://www.trimble.com/en/solutions/technologies/overview" target="_blank" placeholder="Link 5">Technologies</a></li>
                                            <li class="link-footer"><a href="https://www.trimble.com/en/support/product-finder" linktype="direct" text="Product finder" path="https://www.trimble.com/en/support/product-finder" target="_blank" placeholder="Link 6">Product finder</a></li>
                    </ul>
    </div>




				<div class="col-span-4 flex flex-col gap-5">
					



<div class="p-md-semibold uppercase">Follow Us</div>
<ul class="flex gap-2">
					
								<li class="group border-dashed border border-yellow-300 text-yellow-300 rounded-full w-10 h-10 mg:min-w-7 md:w-7 md:h-7 flex items-center justify-center hover:border-white transition duration-250">
				<a class="flex items-center justify-center w-full h-full text-yellow-300 group-hover:text-white" aria-label="icon-linkedin-compact" href="https://www.linkedin.com/company/trimble-transportation" target="_blank">
											  <svg class="icon-svg w-3.5 h-3.5" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#compact-linkedin"></use>
  </svg>

									</a>
			</li>
		
					
								<li class="group border-dashed border border-yellow-300 text-yellow-300 rounded-full w-10 h-10 mg:min-w-7 md:w-7 md:h-7 flex items-center justify-center hover:border-white transition duration-250">
				<a class="flex items-center justify-center w-full h-full text-yellow-300 group-hover:text-white" aria-label="icon-instagram-compact" href="https://www.instagram.com/trimbletransportation/" target="_blank">
											  <svg class="icon-svg w-3.5 h-3.5" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#compact-instagram"></use>
  </svg>

									</a>
			</li>
		
					
								<li class="group border-dashed border border-yellow-300 text-yellow-300 rounded-full w-10 h-10 mg:min-w-7 md:w-7 md:h-7 flex items-center justify-center hover:border-white transition duration-250">
				<a class="flex items-center justify-center w-full h-full text-yellow-300 group-hover:text-white" aria-label="icon-facebook-compact" href="https://www.facebook.com/TrimbleTransportation" target="_blank">
											  <svg class="icon-svg w-3.5 h-3.5" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#compact-facebook"></use>
  </svg>

									</a>
			</li>
		
					
								<li class="group border-dashed border border-yellow-300 text-yellow-300 rounded-full w-10 h-10 mg:min-w-7 md:w-7 md:h-7 flex items-center justify-center hover:border-white transition duration-250">
				<a class="flex items-center justify-center w-full h-full text-yellow-300 group-hover:text-white" aria-label="icon-youtube-compact" href="https://www.youtube.com/@TrimbleTransportation" target="_blank">
											  <svg class="icon-svg w-3.5 h-3.5" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#compact-youtube"></use>
  </svg>

									</a>
			</li>
		
	</ul>
				</div>

				<div class="flex flex-col col-span-4 lg:col-span-1 text-sm font-medium gap-3">
					<a aria-label="Trimble Logo" href="/" class="block w-40 md:w-43">
						<img alt="Trimble Logo" src="/images/logo.svg" width="173" height="40" loading="lazy" />
					</a>
					© 2026 Trimble Inc.
				</div>

				<div class="col-span-4 lg:col-span-2 text-base">
					Trimble is a global technology company that connects the physical and digital worlds, transforming the ways work gets done. With relentless innovation in precise positioning, modeling and data analytics, Trimble enables essential industries including construction, geospatial and transportation. Whether it&#039;s helping customers build and maintain infrastructure, design and construct buildings, optimize global supply chains or map the world, Trimble is at the forefront, driving productivity and progress.
				</div>

				<div class="flex col-span-4 lg:col-span-1">
					
<ul class="flex flex-col gap-5">
					<li class="link-footer flex relative"><a href="https://www.trimble.com/en/legal" linktype="direct" text="Legal Terms and Conditions" path="https://www.trimble.com/en/legal" placeholder="Link 3">Legal Terms and Conditions</a></li>

					<li class="link-footer flex relative"><a href="https://www.trimble.com/en/legal/terms-and-conditions/terms-of-use" linktype="direct" text="Website Terms of Use" path="https://www.trimble.com/en/legal/terms-and-conditions/terms-of-use" placeholder="Link 4">Website Terms of Use</a></li>

					<li class="link-footer flex relative"><a href="https://www.trimble.com/en/our-commitment/responsible-business/data-privacy-and-security/data-privacy-center" linktype="direct" text="Privacy Center" path="https://www.trimble.com/en/our-commitment/responsible-business/data-privacy-and-security/data-privacy-center" placeholder="Link 5">Privacy Center</a></li>

					<li class="link-footer flex relative"><a href="https://www.trimble.com/en/our-commitment/responsible-business/data-privacy-and-security/data-privacy-center/privacy-notice" linktype="direct" text="Privacy Notice" path="https://www.trimble.com/en/our-commitment/responsible-business/data-privacy-and-security/data-privacy-center/privacy-notice" class="after-blue-tick-icon" placeholder="Link 2">Privacy Notice</a></li>

					<li class="link-footer flex relative"><a href="https://www.trimble.com/en/our-commitment/responsible-business/data-privacy-and-security/data-privacy-center/ca-residents-notice-at-Collection" linktype="direct" text="California Notice at Collection" path="https://www.trimble.com/en/our-commitment/responsible-business/data-privacy-and-security/data-privacy-center/ca-residents-notice-at-Collection" placeholder="Link 6">California Notice at Collection</a></li>

	
	<li class="link-footer flex relative">
		<button id="cookie-settings-btn" style="cursor: pointer;">Cookie Settings</button>
	</li>
</ul>
				</div>
			</div>	
		</div>	
	</div>	
</footer>

									
		<div
  id="global-modal"
  x-data="{
    open: false,
    image: '',
    title: '',
    subtitle: '',
    content: '',
    sizeClass: '',
    aspectImage: '',
    openModal(data) {
      this.image = data.image || '';
      this.title = data.title || '';
      this.subtitle = data.subtitle || '';
      this.content = data.content || '';
      this.sizeClass = data.sizeClass || '';
      this.aspectImage = data.aspectImage || '';
      this.open = true;
      document.body.style.overflow = 'hidden';
    },
    
    closeModal() {
        this.open = false;
        document.body.style.overflow = '';
    }
  }"
  x-init=""
  @open-modal.window="if ($event.detail.id === 'global-modal') openModal($event.detail)"
  @close-modal.window="if ($event.detail.id === 'global-modal') open = false"
  x-show="open"
  x-transition:enter="transition ease-out duration-300"
  x-transition:enter-start="opacity-0"
  x-transition:enter-end="opacity-100"
  x-transition:leave="transition ease-in duration-200"
  x-transition:leave-start="opacity-100"
  x-transition:leave-end="opacity-0"
  class="fixed inset-0 z-100 flex items-end md:items-center justify-center p-5 md:px-10 md:py-12.5 bg-black/60"
  style="display: none"
  @click="if ($event.target.id === 'global-modal') closeModal()"
>
  <div class="bg-white rounded-lg shadow-xl relative max-h-[90vh] overflow-y-auto fade-in-up"
    :class="sizeClass">
        <button
      type="button"
      class="absolute size-12 flex items-center justify-center rounded-bl-lg rounded-tr-lg bg-white top-0 right-0 cursor-pointer transition hover:scale-110"
      @click="closeModal()"
      aria-label="Close"
    >  <svg class="icon-svg w-5 h-5" aria-hidden="true" focusable="false">
    <use href="/frontend/assets/sprite.svg#close"></use>
  </svg>
</button>
    <div class="w-full overflow-hidden h-full flex flex-col text-grey-1000">
                    <template x-if="image">
                <img :src="image" alt="" class=""
                :class="aspectImage ? aspectImage  : 'aspect-2/1 object-cover w-full'" />
            </template>

            <template x-if="title || subtitle || content">
                <div class="px-6 pb-8 mt-6">
                    <template x-if="title">
                        <h3 class="h3" x-text="title"></h3>
                    </template>
                    <template x-if="subtitle">
                        <div class="p-xs mt-1.5" x-html="subtitle"></div>
                    </template>
                    <template x-if="content">
                        <p class="p-md flex flex-col gap-4.5 mt-6" x-html="content"></p>
                    </template>
                </div>
            </template>
            </div>
</div>

		<script>
			(function () {
			try {
				var params = new URLSearchParams(window.location.search);
				if (params.get('pimcore_editmode') === 'true') return;

				var header = document.querySelector('#header');
				if (!header) return;

				var h = header.offsetHeight || 0;

				document.documentElement.style.setProperty('--header-offset', h + 'px');

				requestAnimationFrame(function () {
				var h2 = header.offsetHeight || 0;
				document.documentElement.style.setProperty('--header-offset', h2 + 'px');
				});
			} catch (e) {}
			})();
		</script>

		<!-- Google Tag Manager (noscript) -->
		<noscript>
			<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQ69FMW" height="0" width="0" style="display:none;visibility:hidden"></iframe>
		</noscript>
		<!-- End Google Tag Manager (noscript) -->

		<!-- Deferred third-party scripts: load on first user interaction -->
		<script>
			(function() {
				var loaded = false;
				function loadThirdParty() {
					if (loaded) return;
					loaded = true;

					// Marketo Munchkin
					var didInit = false;
					function initMunchkin() {
						if (!didInit) { didInit = true; Munchkin.init('630-RSX-015'); }
					}
					var s = document.createElement('script');
					s.async = true;
					s.src = '//munchkin.marketo.net/munchkin-beta.js';
					s.onload = initMunchkin;
					document.head.appendChild(s);

					// HubSpot
					var hs = document.createElement('script');
					hs.async = true;
					hs.defer = true;
					hs.src = '//js.hs-scripts.com/4239221.js';
					document.head.appendChild(hs);

					// Capterra
					window._gz = function(e, t) {
						window._ct = { vid: e, vkey: t, uc: true, hasDoNotTrackIPs: false };
					};
					var ct = document.createElement('script');
					ct.async = true;
					ct.src = 'https://tr.capterra.com/static/wp.js';
					document.head.appendChild(ct);
					window._gz('bb722af9-31b6-4a74-a815-b0ad9cf96813', '8e50f1fda1a459a68d25d1a3ababb945');
				}

				// Load on first user interaction or after 10s fallback
				['scroll', 'click', 'touchstart', 'keydown'].forEach(function(evt) {
					document.addEventListener(evt, loadThirdParty, { once: true, passive: true });
				});
				setTimeout(loadThirdParty, 10000);
			})();
		</script>
	</body>

</html>
