PageSourceSearch

https://www.autopi.io/hardware/autopi-canfd-pro/

html autopi.io collected 2026-10-03 23:43:53 UTC 199,617 bytes, 3,546 lines download raw bytes

1<!--load cookielaw_tags -->
2
3
4
5<!DOCTYPE html>
6<html lang="en">
7  <head>
8    
9
10
11
12<!-- Google Tag Manager -->
13<script async>
vendor: 449 bytes, lines 13-20
13(function(w, d, s, l, i) {
14        w[l] = w[l] || []; w[l].push({
15            'gtm.start':
16                new Date().getTime(), event: 'gtm.js'
17        }); var f = d.getElementsByTagName(s)[0],
18            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
19                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
20    })(window, document, 'script', 'dataLayer', '
20GTM-56CGBJN
vendor: 4 bytes, line 20
20');
21</script>
21
22<!-- End Google Tag Manager -->
23
24<!-- pinterest domain verification 
25<!-- microsoft clarity -->
26<script async type="text/javascript">
27    (function(c, l, a, r, i, t, y) {
28        c[a] = c[a] || function() { (c[a].q = c[a].q || []).push(arguments) };
29        t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
30        y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
31    })(window, document, "clarity", "script", "5694yhqwt4");
32</script>
32
33-->
34
35<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
36<meta name="viewport" content="width=device-width, initial-scale=1.0">
37<meta name="robots" content="index, follow">
38<link rel="alternate" hreflang="en" href="https://www.autopi.io/hardware/autopi-canfd-pro/">
39<link rel="alternate" hreflang="x-default" href="https://www.autopi.io/hardware/autopi-canfd-pro/">
40
41
42<meta name="description" content="Dual-channel CAN-FD and J1939 data logger with on-device DBC decoding. Built on Raspberry Pi CM4 with 4G/LTE and GPS. From EUR 599; SIM and data purchased separately.
43"><title>AutoPi CAN-FD Pro: Dual-channel J1939 &amp; CAN-FD data logger built on Raspberry Pi Compute Module 4.
44</title><meta property="og:title" content="AutoPi CAN-FD Pro: Dual-channel J1939 &amp; CAN-FD data logger built on Raspberry Pi Compute Module 4.
45"><meta property="og:url" content="https://www.autopi.io/hardware/autopi-canfd-pro/"><meta property="og:description" content="Dual-channel CAN-FD and J1939 data logger with on-device DBC decoding. Built on Raspberry Pi CM4 with 4G/LTE and GPS. From EUR 599; SIM and data purchased separately.
46"><meta property="og:image:alt" content="The AutoPi CAN-FD Pro"><meta property="og:image:height" content="630"><meta property="og:image:secure_url" content="https://www.autopi.io/static/img/car_autopi_sm.jpg"><meta property="og:image:type" content="image/jpg"><meta property="og:image:url" content="http://www.autopi.io/static/img/car_autopi_sm.jpg"><meta property="og:image:width" content="1200"><meta property="og:type" content="website"><meta property="og:site_name" content="AutoPi.io"><meta property="fb:app_id" content="1054487251327324"><meta name="twitter:domain" content="www.autopi.io"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="AutoPi CAN-FD Pro: Dual-channel J1939 &amp; CAN-FD data logger built on Raspberry Pi Compute Module 4.
47"><meta name="twitter:url" content="https://www.autopi.io/hardware/autopi-canfd-pro/"><meta name="twitter:description" content="Dual-channel CAN-FD and J1939 data logger with on-device DBC decoding. Built on Raspberry Pi CM4 with 4G/LTE and GPS. From EUR 599; SIM and data purchased separately.
48"><meta name="twitter:image" content="http://www.autopi.io/static/img/car_autopi_sm.jpg"><meta itemprop="name" content="AutoPi CAN-FD Pro: Dual-channel J1939 &amp; CAN-FD data logger built on Raspberry Pi Compute Module 4.
49"><meta itemprop="url" content="https://www.autopi.io/hardware/autopi-canfd-pro/"><meta itemprop="description" content="Dual-channel CAN-FD and J1939 data logger with on-device DBC decoding. Built on Raspberry Pi CM4 with 4G/LTE and GPS. From EUR 599; SIM and data purchased separately.
50"><meta itemprop="image" content="http://www.autopi.io/static/img/car_autopi_sm.jpg">
51
52
53<!-- pinterest domain verification -->
54<meta name="p:domain_verify" content="355acbc6b0a843a8b0885105d10ddf5b">
55
56<!-- google site verification -->
57<meta name="google-site-verification" content="UsYuVhBAa1zQ1eo4sRTm_Cj7yFi2JOBYoEnHCmsEqyE">
58
59<!-- bing site verification -->
60<meta name="msvalidate.01" content="8A814670F5708A85AC55DA9B0AB75C5E">
61
62<!-- preconnect to cloudfront -->
63<link rel="preconnect" href="https://d1ihv1nrlgx8nr.cloudfront.net" crossorigin>
64
65<!-- Favicons -->
66<link rel="shortcut icon" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/favicon.ico">
67<link rel="apple-touch-icon" sizes="57x57" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-57x57.png">
68<link rel="apple-touch-icon" sizes="60x60" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-60x60.png">
69<link rel="apple-touch-icon" sizes="72x72" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-72x72.png">
70<link rel="apple-touch-icon" sizes="76x76" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-76x76.png">
71<link rel="apple-touch-icon" sizes="114x114" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-114x114.png">
72<link rel="apple-touch-icon" sizes="120x120" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-120x120.png">
73<link rel="apple-touch-icon" sizes="144x144" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-144x144.png">
74<link rel="apple-touch-icon" sizes="152x152" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-152x152.png">
75<link rel="apple-touch-icon" sizes="180x180" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/apple-touch-icon-180x180.png">
76<link rel="icon" type="image/png" sizes="192x192" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/android-chrome-192x192.png" alt="AutoPi.io">
77<link rel="icon" type="image/png" sizes="32x32" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/favicon-32x32.png" alt="AutoPi.io">
78<link rel="icon" type="image/png" sizes="96x96" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/favicon-96x96.png" alt="AutoPi.io">
79<link rel="icon" type="image/png" sizes="16x16" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/favicon-16x16.png" alt="AutoPi.io">
80<link rel="manifest" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/manifest.json">
81<link rel="canonical" href="https://www.autopi.io/hardware/autopi-canfd-pro/">
82
83<link rel="alternate" type="text/markdown" href="https://www.autopi.io/hardware/autopi-canfd-pro.md">
84
85
86<meta name="msapplication-TileColor" content="#ffffff">
87<meta name="msapplication-TileImage" content="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/mstile-144x144.png">
88<meta name="theme-color" content="#ffffff">
89
90<link rel="stylesheet" href="https://d1ihv1nrlgx8nr.cloudfront.net/static/CACHE/css/output.d622cb0b2f78.css" type="text/css">
91
92
93<script type="application/ld+json">{"@context": "https://schema.org/", "@type": "FAQPage", "mainEntity": []}</script>
93
94
95<script type="application/ld+json">
96{
97  "@context": "https://schema.org",
98  "@type": "WebSite",
99  "name": "AutoPi.io",
100  "alternateName": "AutoPi",
101  "url": "https://www.autopi.io/"
102}
103</script>
103
104
105<script type="application/ld+json">
106{
107  "@context": "https://schema.org",
108  "@type": "Organization",
109  "name": "AutoPi.io",
110  "url": "https://www.autopi.io/",
111  "logo": "https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/android-chrome-192x192.png",
112  "sameAs": [
113    "https://www.linkedin.com/company/autopi-io/",
114    "https://github.com/autopi-io"
115  ],
116  "contactPoint": {
117    "@type": "ContactPoint",
118    "contactType": "customer support",
119    "url": "https://www.autopi.io/contact/"
120  }
121}
122</script>
122
123     
124  </head>
125
126  <body class="text-secondary-400 antialiased" data-bs-spy="scroll" data-bs-target="#toc">
127    <!-- Google Tag Manager (noscript) -->
vendor: 79 bytes, lines 127-129
127
128    <noscript>
129      <iframe src="https://www.googletagmanager.com/ns.html?id=
129GTM-56CGBJN
vendor: 107 bytes, lines 129-133
129" height="0" width="0"
130        style="display:none;visibility:hidden">
131      </iframe>
132    </noscript>
133    
133<!-- End Google Tag Manager (noscript) -->
134
135    <!-- cookielaw_banner -->
136
137    
138
139
140<style>
141@media (min-width: 1200px) {
142  /* Pull dropdown up to remove the gap created by the navbar's py-1 padding */
143  .navbar .dropdown-menu[data-bs-popper] {
144    margin-top: -0.25rem;
145  }
146  /* Match the dropdown background to the navbar and remove default border.
147     Use a downward-only box-shadow so it doesn't bleed above the dropdown.
148     Apply the same backdrop-filter as the navbar so the two surfaces blend
149     seamlessly (otherwise a faint line shows where the blurred navbar meets
150     the non-blurred dropdown). */
151  .navbar .dropdown-menu {
152    background: rgba(255,255,255,0.97);
153    backdrop-filter: blur(8px);
154    border: none;
155    box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
156  }
157  /* Extend the nav-link's hit area to fill the navbar's vertical padding,
158     so moving the mouse from the link to the dropdown stays inside .nav-item
159     and doesn't trigger mouseleave. */
160  .navbar .navbar-nav > .nav-item > .nav-link {
161    padding-top: calc(0.5rem + 0.25rem);
162    padding-bottom: calc(0.5rem + 0.25rem);
163    margin-top: -0.25rem;
164    margin-bottom: -0.25rem;
165  }
166}
167</style>
168<header>
169  <nav class="navbar navbar-expand-xl fixed-top tw-bg-white px-4 py-1" style="backdrop-filter: blur(8px); background: rgba(255,255,255,0.97)!important;">    
170    <div class="container-xxl px-3">
171
172    <!-- Logo + toggler -->
173    <a class="navbar-brand m-0" href="/">
174      <picture>         
175        <source media="(max-width: 992px)" data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/logos/logo-dark_small.webp"
176        type="image/webp">
177      <source media="(min-width: 992px)" data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/logos/logo-dark.webp"
178        type="image/webp">
179        <img width="120" height="30" class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/logos/logo-dark.png"
180          alt="AutoPi Logo">
181      </picture>
182    </a>
183
184    <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas_content" aria-controls="offcanvas_content" aria-label="Toggle navigation">
185      <svg class="tw-inline-block tw-align-middle" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
186        <path d="M3 6h14M3 10h14M3 14h14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
187      </svg>
188    </button>
189
190    <!-- Nav collapse -->
191    <div class="collapse navbar-collapse" id="mainNavCollapse">
192      <ul class="navbar-nav mx-auto">
193      
194        <li class="nav-item">
195          
196          <a class="dropdown-toggle nav-link tw-text-slate-700 tw-font-semibold tw-text-sm mx-1 d-flex align-items-center tw-gap-1" data-bs-toggle="dropdown" aria-expanded="false"
197            data-bs-auto-close="outside" role="listbox" href="#" style="cursor:default;">
198            Products
199            <svg class="tw-inline-block tw-align-middle" width="11" height="11" viewB
199ox="0 0 10 10" aria-hidden="true">
200              <path d="M2 3l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
201            </svg>
202          </a>
203          
204
205          
206          <ul class="dropdown-menu container-fluid tw-bg-white tw-border-0 py-5" style="border-radius:0;">
207            <div class="row container-xxl mx-auto g-4">
208
209              
210              <div class="col-md-6 border-end">
211                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
212                  DEVICES
213                </div>
214                
215                  
216                    <div class="row row-cols-2">
217                  
218                  
219                  <div class="col">
220                    <li>
221                      
222                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
223                        href="/hardware/autopi-canfd-pro/">
224                        
225                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
226                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/socket_can.svg" alt="AutoPi CAN-FD Pro"
227                            width="16" height="16">
228                        </div>
229                        
230                        <div>
231                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
232                            AutoPi CAN-FD Pro
233                          </div>
234                          
235                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
236                            Dual-channel CAN-FD capture and on-device decoding
237                          </div>
238                          
239                        </div>
240                      </a>
241                    </li>
242                  </div>
243                  
244                  <div class="col">
245                    <li>
246                      
247                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
248                        href="/hardware/autopi-tmu-cm4/">
249                        
250                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
251                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cm4.svg" alt="AutoPi TMU CM4 device icon"
252                            width="16" height="16">
253                        </div>
254                        
255                        <div>
256                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
257                            AutoPi TMU CM4
258                          </div>
259                          
260                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
261                            Linux edge computing for Docker and custom integrations
262                          </div>
263                          
264                        </div>
265                      </a>
266                    </li>
267                  </div>
268                  
269                  <div class="col">
270                    <li>
271                      
272                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
273                        href="/hardware/autopi-mini/">
274                        
275                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
276                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/Header_Icon_Devices_MINI.png" alt="AutoPi Mini device icon"
277                            width="16" height="16">
278                        </div>
279                        
280                        <div>
281                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
282                            AutoPi Mini
283
284                          </div>
285                          
286                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
287                            Supported OBD-II and EV signals with a vehicle compatibility checker
288                          </div>
289                          
290                        </div>
291                      </a>
292                    </li>
293                  </div>
294                  
295                  <div class="col">
296                    <li>
297                      
298                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
299                        href="/hardware/compare/">
300                        
301                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
302                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/
302Header_Icon_Devices_Compare.png" alt="Compare devices icon"
303                            width="16" height="16">
304                        </div>
305                        
306                        <div>
307                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
308                            Compare devices
309                          </div>
310                          
311                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
312                            Compare capabilities, starting prices and subscription terms
313                          </div>
314                          
315                        </div>
316                      </a>
317                    </li>
318                  </div>
319                  
320                </div>
321                
322              </div>
323              
324              <div class="col-md-6 ">
325                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
326                  AUTOPI CLOUD
327                </div>
328                
329                  
330                    <div class="row row-cols-2">
331                  
332                  
333                  <div class="col">
334                    <li>
335                      
336                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
337                        href="/software-platform/canbus-management/">
338                        
339                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
340                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/research.svg" alt="AutoPi Cloud can bus icon"
341                            width="16" height="16">
342                        </div>
343                        
344                        <div>
345                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
346                            CAN Bus Data Management
347                          </div>
348                          
349                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
350                            Configure your CAN-FD Pro for full speed CAN Bus logging
351                          </div>
352                          
353                        </div>
354                      </a>
355                    </li>
356                  </div>
357                  
358                  <div class="col">
359                    <li>
360                      
361                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
362                        href="/software-platform/device-management/">
363                        
364                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
365                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="AutoPi Cloud icon"
366                            width="16" height="16">
367                        </div>
368                        
369                        <div>
370                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
371                            Device Management
372                          </div>
373                          
374                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
375                            Keep your device up-to-date and configured to your use-case
376                          </div>
377                          
378                        </div>
379                      </a>
380                    </li>
381                  </div>
382                  
383                  <div class="col">
384                    <li>
385                      
386                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
387                        href="/software-platform/fleet-management/">
388                        
389                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
390                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/iot_gateway.svg" alt="AutoPi Cloud Fleet management icon"
391                            width="16" height="16">
392                        </div>
393                        
394                        <div>
395                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
396                            Fleet Management
397                          </div>
398                          
399                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
400                            Keep control your fleet life-cycle for performance optimization
401                          </div>
402                          
403                        </div>
404                      </a>
405                    </li>
406                  </div>
407                  
408                  <div class="col">
409                    <li>
410                      
411                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
412                        href="/software-platform/cloud-management/">
413                        
414                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
415                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="AutoPi Cloud icon"
416                            width="16" height="16">
417                        </div>
418                        
419                        <div>
420                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
421                            Cloud Overview
422                          </div>
423                          
424                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
425                            Get the full overview of our cloud solution
426                          </div>
427                          
428                        </div>
429                      </a>
430                    </li>
431                  </div>
432                  
433                </div>
434                
435              </div>
436              
437
438            </div>
439          </ul>
440          
441        </li>
442        
443        <li class="nav-item">
444          
445          <a class="dropdown-toggle nav-link tw-text-slate-700 tw-font-semibold tw-text-sm mx-1 d-flex align-items-center tw-gap-1" data-bs-toggle="dropdown" aria-expanded="false"
446            data-bs-auto-close="outside" role="listbox" href="#" style="cursor:default;">
447            Solutions
448            <svg class="tw-inline-block tw-align-middle" width="11" height="11" viewBox="0 0 10 10" aria-hidden="true">
449              <path d="M2 3l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
450            </svg>
451          </a>
452          
453
454          
455          <ul class="dropdown-menu container-fluid tw-bg-white tw-border-0 py-5" style="border-radius:0;">
456            <div class="row container-xxl mx-auto g-4">
457
458              
459              <div class="col-md-5 border-end">
460                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
461                  BY BUSINESS SOLUTION            
462
463                </div>
464                
465                  
466                    <div class="row row-cols-2">
467                  
468                  
469                  <div class="col">
470                    <li>
471                      
472                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
473                        href="/business-solutions/vehicle-telematics/">
474                        
475                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
476                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="Fleet telematics"
477                            width="16" height="16">
478                        </div>
479                        
480                        <div>
481                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
482                            Vehicle Telematics
483                          </div>
484                          
485                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
486                            Telematics for your entire fleet
487                          </div>
488                          
489                        </div>
490                      </a>
491                    </li>
492                  </div>
493                  
494                  <div class="col">
495                    <li>
496                      
497                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
498                        href="/business-solutions/fleet-data-management/">
499                        
500                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
501                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/big_data.svg" alt="Data management system"
502                            width="16" height="16">
503                        </div>
504                        
505                        <div>
506                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
507                            Data Management
508                          </div>
509                          
510                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
511                            Transform Your Fleet Data
512                          </div>
513                          
514                        </div>
515                      </a>
516                    </li>
517                  </div>
518                  
519                  <div class="col">
520                    <li>
521                      
522                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
523                        href="/business-solutions/fleet-management-system/">
524                        
525                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
526                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/benefits.svg" alt="IoT Gateway icon"
527                            width="16" height="16">
528                        </div>
529                        
530                        <div>
531                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
532                            Fleet Management
533                          </div>
534                          
535                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
536                            Simplify Your Fleet Operations
537                          </div>
538                          
539                        </div>
540                      </a>
541                    </li>
542                  </div>
543                  
544                  <div class="col">
545                    <li>
546                      
547                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
548                        href="/electric-vehicles/">
549                        
550                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
551                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/connected_car_service.svg" alt="AutoPi for Electric Vehicles icon"
552                            width="16" height="16">
553                        </div>
554                        
555                        <div>
556                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
557                            Electric Vehicles
558                          </div>
559                          
560                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
561                            Insights from Electric Vehicles
562                          </div>
563                          
564                        </div>
565                      </a>
566                    </li>
567                  </div>
568                  
569                </div>
570                
571              </div>
572              
573              <div class="col-md-5 border-end">
574                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
575                  BY BUSINESS FEATURE
576
577                </div>
578                
579                  
580                    <div class="row row-cols-2">
581                  
582                  
583                  <div class="col">
584                    <li>
585                      
586                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
587                        href="/business-solutions/features/geofencing-fleet-management/">
588                        
589                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
590                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/mobility_as_a_service.svg" alt="Geofencing"
591                            width="16" height="16">
592                        </div>
593                        
594                        <div>
595                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
596                            Geofencing
597                          </div>
598                          
599                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
600                            Setup boundries to control movement
601                          </div>
602                          
603                        </div>
604                      </a>
605                    </li>
606                  </div>
607                  
608                  <div class="col">
609                    <li>
610                      
611                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
612                        href="/business-solutions/features/real-time-data-streaming/">
613                        
614                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
615                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/iot_gateway.svg" alt="Data streming"
616                            width="16" height="16">
617                        </div>
618                        
619                        <div>
620                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
621                            Real-time Data Streaming
622                          </div>
623                          
624                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
625                            Stream the entire CAN Bus
626                          </div>
627                          
628                        </div>
629                      </a>
630                    </li>
631                  </div>
632                  
633                  <div class="col">
634                    <li>
635                      
636                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
637                        href="/business-solutions/features/ota-updates-diagnostics/">
638                        
639                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
640                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/automotive_security.svg" alt="OTA updates"
641                            width="16" height="16">
642                        </div>
643                        
644                        <div>
645                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
646                            OTA updates & diagnostics
647                          </div>
648                          
649                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
650                            Over the air updates
651                          </div>
652                          
653                        </div>
654                      </a>
655                    </li>
656                  </div>
657                  
658                  <div class="col">
659                    <li>
660                      
661                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
662                        href="/business-solutions/features/device-configuration-management/">
663                        
664                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
665                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/socket_can.svg" alt="Device management"
666                            width="16" height="16">
667                        </div>
668                        
669                        <div>
670                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
671                            Device management
672                          </div>
673                          
674                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
675                            Remotely keep control of your devices
676                          </div>
677                          
678                        </div>
679                      </a>
680                    </li>
681                  </div>
682                  
683                </div>
684                
685              </div>
686              
687              <div class="col-md-2 ">
688                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
689                  BY INDUSTRY
690                </div>
691                
692                
693                <li>
694                  
695                  <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-center tw-gap-2"
696                    href="/industry-sectors/heavy-equipment-management/">
697                    <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded-md tw-bg-slate-100 d-flex align-items-center justify-content-center">
698                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/heavy_equipment.svg" width="14"
699                        height="14" alt="Heavy Equipment Management icon">
700                    </div>
701                    <span class="tw-text-sm tw-font-medium tw-text-slate-700">
702                      Heavy Equipment Management
703                    </span>
704                  </a>
705                </li>
706                
707                <li>
708                  
709                  <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-center tw-gap-2"
710                    href="/industry-sectors/public-transportation/">
711                    <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded-md tw-bg-slate-100 d-flex align-items-center justify-content-center">
712                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/transportation.svg" width="14"
713                        height="14" alt="Public Transportation icon">
714                    </div>
715                    <span class="tw-text-sm tw-font-medium tw-text-slate-700">
716                      Public Transportation
717                    </span>
718                  </a>
719                </li>
720                
721                <li>
722                  
723                  <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-center tw-gap-2"
724                    href="/industry-sectors/OEM-integration/">
725                    <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded-md tw-bg-slate-100 d-flex align-items-center justify-content-center">
726                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/oem_integration.svg" width="14"
727                        height="14" alt="OEM Integration icon">
728                    </div>
729                    <span class="tw-text-sm tw-font-medium tw-text-slate-700">
730                      OEM Integration
731                    </span>
732                  </a>
733                </li>
734                
735                <li>
736                  
737                  <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-center tw-gap-2"
738                    href="/industry-sectors/car-leasing/">
739                    <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded-md tw-bg-slate-100 d-flex align-items-center justify-content-center">
740                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/car_leasing.svg" width="14"
741                        height="14" alt="Car leasing icon">
742                    </div>
743                    <span class="tw-text-sm tw-font-medium tw-text-slate-700">
744                      Car Leasing
745                    </span>
746                  </a>
747                </li>
748                
749                <li>
750                  
751                  <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-center tw-gap-2"
752                    href="/industry-sectors/vehicle-research-and-development/">
753                    <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded-md tw-bg-slate-100 d-flex align-items-center justify-content-center">
754                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/research.svg" width="14"
755                        height="14" alt="Vehicle Research & Development icon">
756                    </div>
757                    <span class="tw-text-sm tw-font-medium tw-text-slate-700">
758                      Vehicle Research
759                    </span>
760                  </a>
761                </li>
762                
763                <li>
764                  
765                  <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-center tw-gap-2"
766                    href="/industry-sectors/commercial-trucking/">
767                    <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded-md tw-bg-slate-100 d-flex align-items-center justify-content-center">
768                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/food.svg" width="14"
769                        height="14" alt="Commercial Trucking icon">
770                    </div>
771                    <span class="tw-text-sm tw-font-medium tw-text-slate-700">
772                      Commercial Trucking
773                    </span>
774                  </a>
775                </li>
776                
777                
778              </div>
779              
780
781            </div>
782          </ul>
783          
784        </li>
785        
786        <li class="nav-item">
787          
788          <a class="dropdown-toggle nav-link tw-text-slate-700 tw-font-semibold tw-text-sm mx-1 d-flex align-items-center tw-gap-1" data-bs-toggle="dropdown" aria-expanded="false"
789            data-bs-auto-close="outside" role="listbox" href="#" style="cursor:default;">
790            Resources
791            <svg class="tw-inline-block tw-align-middle" width="11" height="11" viewBox="0 0 10 10" aria-hidden="true">
792              <path d="M2 3l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
793            </svg>
794          </a>
795          
796
797          
798          <ul class="dropdown-menu container-fluid tw-bg-white tw-border-0 py-5" style="border-radius:0;">
799            <div class="row container-xxl mx-auto g-4">
800
801              
802              <div class="col-md-6 border-end">
803                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
804                  LEARN
805                </div>
806                
807                  
808                    <div class="row row-cols-2">
809                  
810                  
811                  <div class="col">
812                    <li>
813                      
814                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
815                        href="/blog/">
816                        
817                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
818                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/blog.svg" alt="AutoPi blog icon"
819                            width="16" height="16">
820                        </div>
821                        
822                        <div>
823                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
824                            Blog
825                          </div>
826                          
827                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
828                            Explore some of our exciting topics
829                          </div>
830                          
831                        </div>
832                      </a>
833                    </li>
834                  </div>
835                  
836                  <div class="col">
837                    <li>
838                      
839                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
840                        href="https://api.autopi.io/">
841                        
842                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
843                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/api.svg" alt="AutoPi API icon"
844                            width="16" height="16">
845                        </div>
846                        
847                        <div>
848                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
849                            API
850                          </div>
851                          
852                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
853                            Explore our extensive Cloud API
854                          </div>
855                          
856                        </div>
857                      </a>
858                    </li>
859                  </div>
860                  
861                  <div class="col">
862                    <li>
863                      
864                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
865                        href="https://docs.autopi.io/">
866                        
867                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
868                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/docs.svg" alt="AutoPi documentation icon"
869                            width="16" height="16">
870                        </div>
871                        
872                        <div>
873                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
874                            Documentation
875                          </div>
876                          
877                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
878                            Get answers to your questions in our documentation
879                          </div>
880                          
881                        </div>
882                      </a>
883                    </li>
884                  </div>
885                  
886                </div>
887                
888              </div>
889              
890              <div class="col-md-6 ">
891                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
892                  MORE RESOURCES
893                </div>
894                
895                  
896                    <div class="row row-cols-2">
897                  
898                  
899                  <div class="col">
900                    <li>
901                      
902                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
903                        href="/sales-inquiry/">
904                        
905                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
906                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/contact.svg" alt="Contact us icon"
907                            width="16" height="16">
908                        </div>
909                        
910                        <div>
911                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
912                            Get in touch
913                          </div>
914                          
915                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
916                            Contact us about solutions for your business or projects
917                          </div>
918                          
919                        </div>
920                      </a>
921                    </li>
922                  </div>
923                  
924                  <div class="col">
925                    <li>
926                      
927                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
928                        href="/support/">
929                        
930                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
931                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/support.svg" alt="Contact support icon"
932                            width="16" height="16">
933                        </div>
934                        
935                        <div>
936                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
937                            Contact Support
938                          </div>
939                          
940                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
941                            Reach out to our support for extended help
942                          </div>
943                          
944                        </div>
945                      </a>
946                    </li>
947                  </div>
948                  
949                  <div class="col">
950                    <li>
951                      
952                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
953                        href="https://shop.autopi.io">
954                        
955                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
956                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/shop.svg" alt="AutoPi shop icon"
957                            width="16" height="16">
958                        </div>
959                        
960                        <div>
961                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
962                            Shop
963                          </div>
964                          
965                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
966                            Our shop offer a wide selection accesories to your project
967                          </div>
968                          
969                        </div>
970                      </a>
971                    </li>
972                  </div>
973                  
974                </div>
975                
976              </div>
977              
978
979            </div>
980          </ul>
981          
982        </li>
983        
984        <li class="nav-item">
985          
986          <a class="dropdown-toggle nav-link tw-text-slate-700 tw-font-semibold tw-text-sm mx-1 d-flex align-items-center tw-gap-1" data-bs-toggle="dropdown" aria-expanded="false"
987            data-bs-auto-close="outside" role="listbox" href="#" style="cursor:default;">
988            Company
989            <svg class="tw-inline-block tw-align-middle" width="11" height="11" viewBox="0 0 10 10" aria-hidden="true">
990              <path d="M2 3l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
991            </svg>
992          </a>
993          
994
995          
996          <ul class="dropdown-menu container-fluid tw-bg-white tw-border-0 py-5" style="border-radius:0;">
997            <div class="row container-xxl mx-auto g-4">
998
999              
1000              <div class="col-md-6 border-end">
1001                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
1002                  COMPANY
1003                </div>
1004                
1005                  
1006                    <div class="row row-cols-2">
1007                  
1008                  
1009                  <div class="col">
1010                    <li>
1011                      
1012                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
1013                        href="/about-us/">
1014                        
1015                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
1016                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/about_us.svg" alt="About us icon"
1017                            width="16" height="16">
1018                        </div>
1019                        
1020                        <div>
1021                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
1022                            About us
1023                          </div>
1024                          
1025                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
1026                            Learn more about what it means to be a part of AutoPi
1027                          </div>
1028                          
1029                        </div>
1030                      </a>
1031                    </li>
1032                  </div>
1033                  
1034                  <div class="col">
1035                    <li>
1036                      
1037                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
1038                        href="/faq/">
1039                        
1040                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
1041                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/faq.svg" alt="FAQ icon"
1042                            width="16" height="16">
1043                        </div>
1044                        
1045                        <div>
1046                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
1047                            FAQ
1048                          </div>
1049                          
1050                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
1051                            Do you have any questions? We have compiled a list of very useful faqs
1052                          </div>
1053                          
1054                        </div>
1055                      </a>
1056                    </li>
1057                  </div>
1058                  
1059                  <div class="col">
1060                    <li>
1061                      
1062                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
1063                        href="/careers/">
1064                        
1065                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
1066                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/careers.svg" alt="Careers page icon"
1067                            width="16" height="16">
1068                        </div>
1069                        
1070                        <div>
1071                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
1072                            Careers
1073                          </div>
1074                          
1075                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
1076                            Check out our open positions
1077                          </div>
1078                          
1079                        </div>
1080                      </a>
1081                    </li>
1082                  </div>
1083                  
1084                  <div class="col">
1085                    <li>
1086                      
1087                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
1088                        href="https://my.autopi.io/">
1089                        
1090                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
1091                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="AutoPi Cloud icon"
1092                            width="16" height="16">
1093                        </div>
1094                        
1095                        <div>
1096                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
1097                            My AutoPi
1098                          </div>
1099                          
1100                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
1101                            Login to your AutoPi cloud account here
1102                          </div>
1103                          
1104                        </div>
1105                      </a>
1106                    </li>
1107                  </div>
1108                  
1109                </div>
1110                
1111              </div>
1112              
1113              <div class="col-md-6 ">
1114                <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-3 tw-px-2">
1115                  PARTNERS
1116                </div>
1117                
1118                  
1119                    <div class="row row-cols-2">
1120                  
1121                  
1122                  <div class="col">
1123                    <li>
1124                      
1125                      <a class="dropdown-item tw-rounded-xl tw-p-2 d-flex align-items-start tw-gap-3"
1126                        href="/resellers/">
1127                        
1128                        <div class="tw-flex-none tw-w-7 tw-h-7 tw-mt-0.5 tw-rounded-lg tw-bg-slate-100 d-flex align-items-center justify-content-center">
1129                          <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/community.svg" alt="About us icon"
1130                            width="16" height="16">
1131                        </div>
1132                        
1133                        <div>
1134                          <div class="tw-text-base tw-font-semibold tw-text-slate-800 tw-leading-tight">
1135                            Resellers
1136                          </div>
1137                          
1138                          <div class="tw-text-xs tw-text-slate-500 tw-mt-1 tw-leading-snug" style="white-space:normal;">
1139                            Find a local reseller or hear how to become one
1140                          </div>
1141                          
1142                        </div>
1143                      </a>
1144                    </li>
1145                  </div>
1146                  
1147                </div>
1148                
1149              </div>
1150              
1151
1152            </div>
1153          </ul>
1154          
1155        </li>
1156        
1157        <li class="nav-item">
1158          
1159          
1160          
1161          
1162
1163          
1164        </li>
1165        
1166      </ul>
1167    </div>
1168
1169    <!-- Right buttons -->
1170    <div class="d-none d-xl-flex gap-2 align-items-center">
1171
1172      
1173      
1174      
1175      
1176      
1177      <a id="" class="btn fw-bold px-4 btn-outline-primary-mono-500 mx-1 small"
1178        href="/sales-inquiry/">
1179        
1180        Contact us
1181      </a>
1182      
1183      
1184      
1185      
1186      <a id="" class="btn fw-bold px-4 btn-primary shadow cta-btn mx-1 small"
1187        href="https://shop.autopi.io">
1188        
1189        Shop
1190      </a>
1191      
1192      
1193      
1194      
1195      <a id="" class="btn fw-bold px-4 btn-outline-primary-mono-500 mx-1 small"
1196        href="https://my.autopi.io">
1197        
1198        Login
1199      </a>
1200      
1201      
1202    </div>
1203  </div>
1204  </nav>
1205  <div id="offcanvas_content" class="offcanvas offcanvas-start tw-bg-white px-2" tabindex="-1"
1206    aria-labelledby="offcanvas_title">
1207
1208    <div class="offcanvas-header align-items-baseline mt-4">
1209      <h5 class="offcanvas-title" id="offcanvas_title">
1210        <a class="navbar-brand m-0" href="/">
1211          <picture>         
1212            <source media="(max-width: 992px)" data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/logos/logo-dark_small.webp"
1213            type="image/webp">
1214          <source media="(min-width: 992px)" data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/logos/logo-dark.webp"
1215            type="image/webp">
1216            <img width="120" height="30" class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/logos/logo-dark.png"
1217              alt="AutoPi Logo">
1218          </picture>
1219        </a>
1220      </h5>
1221      <button type="button" class="btn-close fs-5" data-bs-dismiss="offcanvas" aria-label="Close">
1222        <svg class="tw-inline-block tw-align-middle tw-text-slate-800" width="16" height="16" viewBox="0 0 14 14" aria-hidden="true">
1223          <path d="M3 3l8 8M11 3l-8 8" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
1224        </svg>
1225      </button>
1226
1227    </div>
1228
1229    <div class="offcanvas-body my-4">
1230      <ul class="navbar-nav">
1231
1232        
1233        
1234        <li class="nav-item tw-border-b tw-border-slate-100">
1235          <a class="nav-link tw-text-slate-900 fw-semibold tw-text-sm py-3" data-bs-toggle="collapse" role="button" aria-expanded="false"
1236            aria-controls="ProductsCollapse" href="#ProductsCollapse">
1237            Products
1238            <svg class="float-end tw-inline-block tw-align-middle tw-text-slate-400" width="16" height="16" viewBox="0 0 12 12" aria-hidden="true">
1239              <path d="M3 4l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1240            </svg>
1241          </a>
1242          <div id="ProductsCollapse" class="collapse">
1243            
1244            
1245            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1246              DEVICES
1247            </div>
1248            <div class="list-group list-group-flush tw-mb-2">
1249              
1250              
1251              
1252              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1253                href="/hardware/autopi-canfd-pro/">
1254                
1255                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1256                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/socket_can.svg" alt="AutoPi CAN-FD Pro"
1257                      width="14" height="14">
1258                  </div>
1259                
1260                <span>AutoPi CAN-FD Pro</span>
1261              </a>
1262              
1263              
1264              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1265                href="/hardware/autopi-tmu-cm4/">
1266                
1267                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1268                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cm4.svg" alt="AutoPi TMU CM4 device icon"
1269                      width="14" height="14">
1270                  </div>
1271                
1272                <span>AutoPi TMU CM4</span>
1273              </a>
1274              
1275              
1276              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1277                href="/hardware/autopi-mini/">
1278                
1279                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1280                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/Header_Icon_Devices_MINI.png" alt="AutoPi Mini device icon"
1281                      width="14" height="14">
1282                  </div>
1283                
1284                <span>AutoPi Mini
1285</span>
1286              </a>
1287              
1288              
1289              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1290                href="/hardware/compare/">
1291                
1292                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1293                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/Header_Icon_Devices_Compare.png" alt="Compare devices icon"
1294                      width="14" height="14">
1295                  </div>
1296                
1297                <span>Compare devices</span>
1298              </a>
1299              
1300              
1301            </div>
1302            
1303            
1304            
1305            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1306              AUTOPI CLOUD
1307            </div>
1308            <div class="list-group list-group-flush tw-mb-2">
1309              
1310              
1311              
1312              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1313                href="/software-platform/canbus-management/">
1314                
1315                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1316                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/research.svg" alt="AutoPi Cloud can bus icon"
1317                      width="14" height="14">
1318                  </div>
1319                
1320                <span>CAN Bus Data Management</span>
1321              </a>
1322              
1323              
1324              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1325                href="/software-platform/device-management/">
1326                
1327                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1328                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="AutoPi Cloud icon"
1329                      width="14" height="14">
1330                  </div>
1331                
1332                <span>Device Management</span>
1333              </a>
1334              
1335              
1336              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1337                href="/software-platform/fleet-management/">
1338                
1339                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1340                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/iot_gateway.svg" alt="AutoPi Cloud Fleet management icon"
1341                      width="14" height="14">
1342                  </div>
1343                
1344                <span>Fleet Management</span>
1345              </a>
1346              
1347              
1348              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1349                href="/software-platform/cloud-management/">
1350                
1351                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1352                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="AutoPi Cloud icon"
1353                      width="14" height="14">
1354                  </div>
1355                
1356                <span>Cloud Overview</span>
1357              </a>
1358              
1359              
1360            </div>
1361            
1362            
1363          </div>
1364        </li>
1365        
1366        
1367        
1368        <li class="nav-item tw-border-b tw-border-slate-100">
1369          <a class="nav-link tw-text-slate-900 fw-semibold tw-text-sm py-3" data-bs-toggle="collapse" role="button" aria-expanded="false"
1370            aria-controls="SolutionsCollapse" href="#SolutionsCollapse">
1371            Solutions
1372            <svg class="float-end tw-inline-block tw-align-middle tw-text-slate-400" width="16" height="16" viewBox="0 0 12 12" aria-hidden="true">
1373              <path d="M3 4l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1374            </svg>
1375          </a>
1376          <div id="SolutionsCollapse" class="collapse">
1377            
1378            
1379            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1380              BY BUSINESS SOLUTION            
1381
1382            </div>
1383            <div class="list-group list-group-flush tw-mb-2">
1384              
1385              
1386              
1387              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1388                href="/business-solutions/vehicle-telematics/">
1389                
1390                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1391                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="Fleet telematics"
1392                      width="14" height="14">
1393                  </div>
1394                
1395                <span>Vehicle Telematics</span>
1396              </a>
1397              
1398              
1399              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1400                href="/business-solutions/fleet-data-management/">
1401                
1402                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1403                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/big_data.svg" alt="Data management system"
1404                      width="14" height="14">
1405                  </div>
1406                
1407                <span>Data Management</span>
1408              </a>
1409              
1410              
1411              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1412                href="/business-solutions/fleet-management-system/">
1413                
1414                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1415                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/benefits.svg" alt="IoT Gateway icon"
1416                      width="14" height="14">
1417                  </div>
1418                
1419                <span>Fleet Management</span>
1420              </a>
1421              
1422              
1423              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1424                href="/electric-vehicles/">
1425                
1426                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1427                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/connected_car_service.svg" alt="AutoPi for Electric Vehicles icon"
1428                      width="14" height="14">
1429                  </div>
1430                
1431                <span>Electric Vehicles</span>
1432              </a>
1433              
1434              
1435            </div>
1436            
1437            
1438            
1439            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1440              BY BUSINESS FEATURE
1441
1442            </div>
1443            <div class="list-group list-group-flush tw-mb-2">
1444              
1445              
1446              
1447              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1448                href="/business-solutions/features/geofencing-fleet-management/">
1449                
1450                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1451                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/mobility_as_a_service.svg" alt="Geofencing"
1452                      width="14" height="14">
1453                  </div>
1454                
1455                <span>Geofencing</span>
1456              </a>
1457              
1458              
1459              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1460                href="/business-solutions/features/real-time-data-streaming/">
1461                
1462                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1463                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/iot_gateway.svg" alt="Data streming"
1464                      width="14" height="14">
1465                  </div>
1466                
1467                <span>Real-time Data Streaming</span>
1468              </a>
1469              
1470              
1471              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1472                href="/business-solutions/features/ota-updates-diagnostics/">
1473                
1474                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1475                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/automotive_security.svg" alt="OTA updates"
1476                      width="14" height="14">
1477                  </div>
1478                
1479                <span>OTA updates & diagnostics</span>
1480              </a>
1481              
1482              
1483              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1484                href="/business-solutions/features/device-configuration-management/">
1485                
1486                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1487                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/socket_can.svg" alt="Device management"
1488                      width="14" height="14">
1489                  </div>
1490                
1491                <span>Device management</span>
1492              </a>
1493              
1494              
1495            </div>
1496            
1497            
1498            
1499            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1500              BY INDUSTRY
1501            </div>
1502            <div class="list-group list-group-flush tw-mb-2">
1503              
1504              <div class="row row-cols-2 g-0">
1505                
1506                <div class="col">
1507                  
1508                  <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1509                    href="/industry-sectors/heavy-equipment-management/">
1510                    
1511                    <div class="tw-flex-none tw-w-5 tw-h-5 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1512                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/heavy_equipment.svg" width="12" height="12" alt="Heavy Equipment Management icon">
1513                    </div>
1514                    
1515                    <span>Heavy Equipment Management</span>
1516                  </a>
1517                </div>
1518                
1519                <div class="col">
1520                  
1521                  <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1522                    href="/industry-sectors/public-transportation/">
1523                    
1524                    <div class="tw-flex-none tw-w-5 tw-h-5 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1525                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/transportation.svg" width="12" height="12" alt="Public Transportation icon">
1526                    </div>
1527                    
1528                    <span>Public Transportation</span>
1529                  </a>
1530                </div>
1531                
1532                <div class="col">
1533                  
1534                  <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1535                    href="/industry-sectors/OEM-integration/">
1536                    
1537                    <div class="tw-flex-none tw-w-5 tw-h-5 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1538                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/oem_integration.svg" width="12" height="12" alt="OEM Integration icon">
1539                    </div>
1540                    
1541                    <span>OEM Integration</span>
1542                  </a>
1543                </div>
1544                
1545                <div class="col">
1546                  
1547                  <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1548                    href="/industry-sectors/car-leasing/">
1549                    
1550                    <div class="tw-flex-none tw-w-5 tw-h-5 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1551                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/car_leasing.svg" width="12" height="12" alt="Car leasing icon">
1552                    </div>
1553                    
1554                    <span>Car Leasing</span>
1555                  </a>
1556                </div>
1557                
1558                <div class="col">
1559                  
1560                  <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1561                    href="/industry-sectors/vehicle-research-and-development/">
1562                    
1563                    <div class="tw-flex-none tw-w-5 tw-h-5 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1564                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/research.svg" width="12" height="12" alt="Vehicle Research & Development icon">
1565                    </div>
1566                    
1567                    <span>Vehicle Research</span>
1568                  </a>
1569                </div>
1570                
1571                <div class="col">
1572                  
1573                  <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1574                    href="/industry-sectors/commercial-trucking/">
1575                    
1576                    <div class="tw-flex-none tw-w-5 tw-h-5 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1577                      <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/food.svg" width="12" height="12" alt="Commercial Trucking icon">
1578                    </div>
1579                    
1580                    <span>Commercial Trucking</span>
1581                  </a>
1582                </div>
1583                
1584              </div>
1585              
1586            </div>
1587            
1588            
1589          </div>
1590        </li>
1591        
1592        
1593        
1594        <li class="nav-item tw-border-b tw-border-slate-100">
1595          <a class="nav-link tw-text-slate-900 fw-semibold tw-text-sm py-3" data-bs-toggle="collapse" role="button" aria-expanded="false"
1596            aria-controls="ResourcesCollapse" href="#ResourcesCollapse">
1597            Resources
1598            <svg class="float-end tw-inline-block tw-align-middle tw-text-slate-400" width="16" height="16" viewBox="0 0 12 12" aria-hidden="true">
1599              <path d="M3 4l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1600            </svg>
1601          </a>
1602          <div id="ResourcesCollapse" class="collapse">
1603            
1604            
1605            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1606              LEARN
1607            </div>
1608            <div class="list-group list-group-flush tw-mb-2">
1609              
1610              
1611              
1612              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1613                href="/blog/">
1614                
1615                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1616                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/blog.svg" alt="AutoPi blog icon"
1617                      width="14" height="14">
1618                  </div>
1619                
1620                <span>Blog</span>
1621              </a>
1622              
1623              
1624              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1625                href="https://api.autopi.io/">
1626                
1627                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1628                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/api.svg" alt="AutoPi API icon"
1629                      width="14" height="14">
1630                  </div>
1631                
1632                <span>API</span>
1633              </a>
1634              
1635              
1636              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1637                href="https://docs.autopi.io/">
1638                
1639                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1640                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/docs.svg" alt="AutoPi documentation icon"
1641                      width="14" height="14">
1642                  </div>
1643                
1644                <span>Documentation</span>
1645              </a>
1646              
1647              
1648            </div>
1649            
1650            
1651            
1652            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1653              MORE RESOURCES
1654            </div>
1655            <div class="list-group list-group-flush tw-mb-2">
1656              
1657              
1658              
1659              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1660                href="/sales-inquiry/">
1661                
1662                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1663                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/contact.svg" alt="Contact us icon"
1664                      width="14" height="14">
1665                  </div>
1666                
1667                <span>Get in touch</span>
1668              </a>
1669              
1670              
1671              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1672                href="/support/">
1673                
1674                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1675                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/support.svg" alt="Contact support icon"
1676                      width="14" height="14">
1677                  </div>
1678                
1679                <span>Contact Support</span>
1680              </a>
1681              
1682              
1683              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1684                href="https://shop.autopi.io">
1685                
1686                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1687                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/shop.svg" alt="AutoPi shop icon"
1688                      width="14" height="14">
1689                  </div>
1690                
1691                <span>Shop</span>
1692              </a>
1693              
1694              
1695            </div>
1696            
1697            
1698          </div>
1699        </li>
1700        
1701        
1702        
1703        <li class="nav-item tw-border-b tw-border-slate-100">
1704          <a class="nav-link tw-text-slate-900 fw-semibold tw-text-sm py-3" data-bs-toggle="collapse" role="button" aria-expanded="false"
1705            aria-controls="CompanyCollapse" href="#CompanyCollapse">
1706            Company
1707            <svg class="float-end tw-inline-block tw-align-middle tw-text-slate-400" width="16" height="16" viewBox="0 0 12 12" aria-hidden="true">
1708              <path d="M3 4l3 3 3-3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1709            </svg>
1710          </a>
1711          <div id="CompanyCollapse" class="collapse">
1712            
1713            
1714            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1715              COMPANY
1716            </div>
1717            <div class="list-group list-group-flush tw-mb-2">
1718              
1719              
1720              
1721              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1722                href="/about-us/">
1723                
1724                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1725                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/about_us.svg" alt="About us icon"
1726                      width="14" height="14">
1727                  </div>
1728                
1729                <span>About us</span>
1730              </a>
1731              
1732              
1733              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1734                href="/faq/">
1735                
1736                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1737                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/faq.svg" alt="FAQ icon"
1738                      width="14" height="14">
1739                  </div>
1740                
1741                <span>FAQ</span>
1742              </a>
1743              
1744              
1745              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1746                href="/careers/">
1747                
1748                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1749                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/careers.svg" alt="Careers page icon"
1750                      width="14" height="14">
1751                  </div>
1752                
1753                <span>Careers</span>
1754              </a>
1755              
1756              
1757              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1758                href="https://my.autopi.io/">
1759                
1760                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1761                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/cloud.svg" alt="AutoPi Cloud icon"
1762                      width="14" height="14">
1763                  </div>
1764                
1765                <span>My AutoPi</span>
1766              </a>
1767              
1768              
1769            </div>
1770            
1771            
1772            
1773            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-2 tw-mt-3 tw-px-2">
1774              PARTNERS
1775            </div>
1776            <div class="list-group list-group-flush tw-mb-2">
1777              
1778              
1779              
1780              <a class="list-group-item list-group-item-action border-0 tw-text-slate-700 tw-text-sm tw-py-2 d-flex align-items-center tw-gap-2"
1781                href="/resellers/">
1782                
1783                  <div class="tw-flex-none tw-w-6 tw-h-6 tw-rounded tw-bg-slate-100 d-flex align-items-center justify-content-center">
1784                    <img class="lazy" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/menu/community.svg" alt="About us icon"
1785                      width="14" height="14">
1786                  </div>
1787                
1788                <span>Resellers</span>
1789              </a>
1790              
1791              
1792            </div>
1793            
1794            
1795          </div>
1796        </li>
1797        
1798        
1799        
1800        <li class="nav-item tw-border-b tw-border-slate-100">
1801          
1802          <a class="nav-link tw-text-slate-900 fw-semibold tw-text-sm py-3"
1803            href="/sales-inquiry/">
1804            Contact Us
1805          </a>
1806        </li>
1807        
1808        
1809      </ul>
1810      <div class="d-grid gap-3 mt-3">
1811        
1812        
1813        <a id="" class="btn btn-sm fw-bold px-4 btn-secondary-100"
1814          href="https://my.autopi.io/">
1815          
1816          <img class="lazy tw-absolute" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/icons/favicon-96x96.png" width="20"
1817            height="20" alt="AutoPi logo minimal">
1818          
1819          Cloud Login
1820        </a>
1821        
1822        
1823        <a id="" class="btn btn-sm fw-bold px-4 btn-secondary-100"
1824          href="/sales-inquiry/">
1825          
1826          Contact us
1827        </a>
1828        
1829        
1830        <a id="" class="btn btn-sm fw-bold px-4 btn-primary shadow"
1831          href="https://shop.autopi.io">
1832          
1833          Shop
1834        </a>
1835        
1836        
1837        <a id="" class="btn btn-sm fw-bold px-4 btn-secondary-100"
1838          href="https://my.autopi.io">
1839          
1840          Login
1841        </a>
1842        
1843      </div>
1844    </div>
1845  </div>
1846</header>
1847
1848
1849    <main>
1850      
1851
1852  <!-- HERO SECTION -->
1853  <section class="bg-image" data-background-image="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/backgrounds/CM4-top.svg">
1854    <div class="container-xxl py-lg-5 px-3">
1855      <div class="row align-items-center">
1856        <div class="col-lg-7">
1857
1858          <h6 class="fw-bold text-primary">
1858Hardware <span class="badge align-top small p-1 bg-primary">NEW</span></h6>
1859
1860          <h1 class="tw-font-bold tw-tracking-tight tw-text-4xl md:tw-text-5xl text-wrap mt-3">
1861            Our <span class="bg-gradient-to-r from-blue-600 to-cyan-500">NEW</span> <br>AutoPi CAN-FD Pro
1862          </h1>
1863
1864          <p class="max-w-md fw-semibold tw-text-slate-600 my-4">
1865            Dual-channel CAN-FD and J1939 data logger built on Raspberry Pi Compute Module 4.
1866            Captures both CAN-FD channels simultaneously, decodes frames on-device using DBC files,
1867            and pushes raw or decoded data to AWS S3, local eMMC or an external USB drive — without any server-side processing.
1868            Configure J1939 PGN/SPN collection for compatible trucks and machinery. Capture rate depends on configuration; see the datasheet and validate against your bus load, decoding and storage requirements.
1869          </p>
1870
1871          <picture class="d-flex d-lg-none justify-content-center align-items-center mb-5">
1872            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/home-page/canfd_enclosure.webp" type="image/webp">
1873            <img class="lazy img-fluid"
1874              alt="AutoPi CAN-FD Pro"
1875              data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/home-page/canfd_enclosure.png"
1876              width="400" height="649">
1877          </picture>
1878
1879          <div class="tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 tw-gap-2 tw-mt-6 tw-mb-2">
1880            <div class="tw-flex tw-items-start tw-gap-3 tw-rounded-xl tw-bg-white/60 tw-border tw-border-slate-100 tw-px-4 tw-py-3 tw-shadow-sm">
1881              <svg class="tw-flex-none tw-text-blue-600 tw-mt-0.5" width="18" height="18" viewBox="0 0 20 20" aria-hidden="true">
1882                <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
1883                <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1884              </svg>
1885              <span class="tw-text-sm tw-font-semibold tw-text-slate-700">Dual-channel can0/can1 — &gt;3,000 frames/sec each</span>
1886            </div>
1887            <div class="tw-flex tw-items-start tw-gap-3 tw-rounded-xl tw-bg-white/60 tw-border tw-border-slate-100 tw-px-4 tw-py-3 tw-shadow-sm">
1888              <svg class="tw-flex-none tw-text-blue-600 tw-mt-0.5" width="18" height="18" viewBox="0 0 20 20" aria-hidden="true">
1889                <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
1890                <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1891              </svg>
1892              <span class="tw-text-sm tw-font-semibold tw-text-slate-700">On-device DBC decoding with J1939 PGN/SPN</span>
1893            </div>
1894            <div class="tw-flex tw-items-start tw-gap-3 tw-rounded-xl tw-bg-white/60 tw-border tw-border-slate-100 tw-px-4 tw-py-3 tw-shadow-sm">
1895              <svg class="tw-flex-none tw-text-blue-600 tw-mt-0.5" width="18" height="18" viewBox="0 0 20 20" aria-hidden="true">
1896                <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
1897                <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1898              </svg>
1899              <span class="tw-text-sm tw-font-semibold tw-text-slate-700">Local-first storage + AWS S3 sync with rollover</span>
1900            </div>
1901            <div class="tw-flex tw-items-start tw-gap-3 tw-rounded-xl tw-bg-white/60 tw-border tw-border-slate-100 tw-px-4 tw-py-3 tw-shadow-sm">
1902              <svg class="tw-flex-none tw-text-blue-600 tw-mt-0.5" width="18" height="18" viewBox="0 0 20 20" aria-hidden="true">
1903                <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
1904                <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1905              </svg>
1906              <span class="tw-text-sm tw-font-semibold tw-text-slate-700">Tailscale VPN + NXP SE051 hardware crypto</span>
1907            </div>
1908            <div class="tw-flex tw-items-start tw-gap-3 tw-rounded-xl tw-bg-white/60 tw-border tw-border-slate-100 tw-px-4 tw-py-3 tw-shadow-sm">
1909              <svg class="tw-flex-none tw-text-blue-600 tw-mt-0.5" width="18" height="18" viewBox="0 0 20 20" aria-hidden="true">
1910                <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
1911                <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1912              </svg>
1913              <span class="tw-text-sm tw-font-semibold tw-text-slate-700">Docker · Python · SocketCAN · SaltStack on CM4</span>
1914            </div>
1915            <div class="tw-flex tw-items-start tw-gap-3 tw-rounded-xl tw-bg-white/60 tw-border tw-border-slate-100 tw-px-4 tw-py-3 tw-shadow-sm">
1916              <svg class="tw-flex-none tw-text-blue-600 tw-mt-0.5" width="18" height="18" viewBox="0 0 20 20" aria-hidden="true">
1917                <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
1918                <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1919              </svg>
1920              <span class="tw-text-sm tw-font-semibold tw-text-slate-700">12V / 24V installations: validate wiring, bus access and configuration</span>
1921            </div>
1922          </div>
1923
1924          
1925<p class="small mb-2"><strong>AutoPi Cloud and device software are included with your CAN-FD Pro.</strong> Hardware starts at &euro;
1925599. SIM and mobile data are purchased separately.</p>
1926
1927<p class="small mb-3">Explore configuration options and current pricing in the shop. Starting prices exclude taxes, shipping and accessories.</p>
1928          <div class="d-grid gap-3 d-lg-flex justify-content-lg-start mt-5 mb-3">
1929            <a id="canfd_pro_order_now" class="btn btn-lg label shadow fw-bold px-4 btn-primary cta-btn"
1930               href="https://shop.autopi.io/products/autopi-can-fd-pro">
1931              Order now
1932            </a>
1933            <a class="btn btn-lg label fw-bold px-4 btn-outline-primary-mono-500"
1934               href="https://d1ihv1nrlgx8nr.cloudfront.net/static/pdf/autopi_CAN_FD_Pro_datasheet.pdf"
1935               target="_blank" rel="noopener noreferrer">
1936              Download Datasheet
1937            </a>
1938            <a class="btn btn-lg label fw-bold px-4 btn-outline-primary-mono-500"
1939               href="https://d1ihv1nrlgx8nr.cloudfront.net/static/pdf/autopi_canfd_pro_flyer.pdf"
1940               target="_blank" rel="noopener noreferrer">
1941              Download Flyer
1942            </a>
1943          </div>
1944
1945          <div class="tw-flex tw-items-center tw-gap-2 tw-mt-4">
1946            <span class="tw-relative tw-flex tw-h-2 tw-w-2">
1947              <span class="tw-animate-ping tw-absolute tw-inline-flex tw-h-full tw-w-full tw-rounded-full tw-bg-emerald-400 tw-opacity-75"></span>
1948              <span class="tw-relative tw-inline-flex tw-rounded-full tw-h-2 tw-w-2 tw-bg-emerald-500"></span>
1949            </span>
1950            <span class="fw-bold tw-text-sm tw-text-slate-700">In stock - ships tomorrow</span>
1951          </div>
1952
1953        </div>
1954
1955        <div class="col-10 col-sm-8 col-lg-5">
1956          <picture class="d-none d-lg-flex justify-content-center align-items-center">
1957            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/home-page/canfd_enclosure.webp" type="image/webp">
1958            <img class="lazy img-fluid"
1959              alt="AutoPi CAN-FD Pro"
1960              data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/home-page/canfd_enclosure.png"
1961              width="830" height="813">
1962          </picture>
1963        </div>
1964
1965      </div>
1966    </div>
1967  </section>
1968
1969  <!-- AT A GLANCE STRIP -->
1970  <section class="tw-bg-sky-50 tw-border-b tw-border-sky-100">
1971    <div class="container-xxl tw-px-3">
1972      <div class="tw-grid tw-grid-cols-2 sm:tw-grid-cols-3 lg:tw-grid-cols-6 tw-divide-x tw-divide-sky-300">
1973
1974        <div class="tw-px-5 tw-py-6 tw-flex tw-flex-col tw-items-start tw-gap-2">
1975          <span class="tw-text-sm tw-font-bold tw-tracking-widest tw-text-sky-600 tw-uppercase">Dual CAN-FD</span>
1976          <p class="tw-text-slate-900 tw-font-bold tw-text-sm tw-mb-0">can0 + can1</p>
1977          <p class="tw-text-slate-500 tw-text-sm tw-mb-0">Up to 5 Mbps per channel. &gt;3,000 frames/sec. Independent config.</p>
1978        </div>
1979
1980        <div class="tw-px-5 tw-py-6 tw-flex tw-flex-col tw-items-start tw-gap-2">
1981          <span class="tw-text-sm tw-font-bold tw-tracking-widest tw-text-sky-600 tw-uppercase">J1939 Native</span>
1982          <p class="tw-text-slate-900 tw-font-bold tw-text-sm tw-mb-0">PGN / SPN</p>
1983          <p class="tw-text-slate-500 tw-text-sm tw-mb-0">29-bit identifiers. DBC decoding. Active query engine. 12–35V DC.</p>
1984        </div>
1985
1986        <div class="tw-px-5 tw-py-6 tw-flex tw-flex-col tw-items-start tw-gap-2">
1987          <span class="tw-text-sm tw-font-bold tw-tracking-widest tw-text-sky-600 tw-uppercase">Edge Compute</span>
1988          <p class="tw-text-slate-900 tw-font-bold tw-text-sm tw-mb-0">CM4 · Docker</p>
1989          <p class="tw-text-slate-500 tw-text-sm tw-mb-0">Full Linux. SocketCAN. SaltStack. Run containerized applications.</p>
1990        </div>
1991
1992        <div class="tw-px-5 tw-py-6 tw-flex tw-flex-col tw-items-start tw-gap-2">
1993          <span class="tw-text-sm tw-font-bold tw-tracking-widest tw-text-sky-600 tw-uppercase">Storage &amp; Upload</span>
1994          <p class="tw-text-slate-900 tw-font-bold tw-text-sm tw-mb-0">32 GB + S3</p>
1995          <p class="tw-text-slate-500 tw-text-sm tw-mb-0">eMMC + USB expansion. AWS S3 sync. Local-first with auto-resume.</p>
1996        </div>
1997
1998        <div class="tw-px-5 tw-py-6 tw-flex tw-flex-col tw-items-start tw-gap-2">
1999          <span class="tw-text-sm tw-font-bold tw-tracking-widest tw-text-sky-600 tw-uppercase">Security</span>
2000          <p class="tw-text-slate-900 tw-font-bold tw-text-sm tw-mb-0">NXP SE051</p>
2001          <p class="tw-text-slate-500 tw-text-sm tw-mb-0">Hardware crypto signing. Tailscale SSH. Tamper-evident logging.</p>
2002        </div>
2003
2004        <div class="tw-px-5 tw-py-6 tw-flex tw-flex-col tw-items-start tw-gap-2">
2005          <span class="tw-text-sm tw-font-bold tw-tracking-widest tw-text-sky-600 tw-uppercase">Cloud + API</span>
2006          <p class="tw-text-slate-900 tw-font-bold tw-text-sm tw-mb-0">Included free</p>
2007          <p class="tw-text-slate-500 tw-text-sm tw-mb-0">Full REST API parity. OTA updates. Fleet templates. No subscriptions.</p>
2008        </div>
2009
2010      </div>
2011    </div>
2012  </section>
2013
2014
2015  <section class="bg-image" data-background-image="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/backgrounds/CM4-bot.svg">
2016    <div class="container-xxl py-lg-5 px-3">
2017      <div class="row">  
2018        <div class="col-12 col-md-5 lg:tw-px-5">
2019          <h6 class="fw-bold text-primary">New</h6>
2020          <h2 class="h2-autopi fw-bold mt-3">Engineering-grade datalogging in a compact device</h2>
2021          <p class="max-w-md text-left fw-semibold tw-text-slate-800 mx-auto tw-mt-10">
2022            The AutoPi CAN-FD Pro is built around the Raspberry Pi Compute Module 4 running a hardened Raspbian OS with AutoPi Core - an open-source stack based on Linux, SocketCAN, Python and SaltStack. Both CAN-FD channels are independent and configurable per-bus, supporting classic CAN (up to 1 Mbps) and CAN-FD (up to 5 Mbps data phase). J1939 (PGNs/SPNs), OBD-II and ISO 15765-2 are handled natively, with mixed 11-bit and 29-bit identifiers on the same bus. Tailscale VPN provides secure SSH access to any deployed device without opening firewall ports.
2023          </p>
2024          <picture>
2025            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/pro/autopi_canfd_pro3.webp" type="image/webp">
2026            <img class="lazy col-8 offset-2 img-fluid"
2027            data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/pro/autopi_canfd_pro3.png" width="653" height="489"
2028              alt="AutoPi CAN-FD Pro with antenna kit">
2029          </picture>
2030          <p class="label fw-bold mt-5">
2031            <svg class="tw-inline-block tw-align-middle text-primary tw-me-2" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
2032            <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
2033            <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2034          </svg>
2035            Ships with a 4-in-1 antenna kit (2× 4G/LTE, 1× GPS, 1× WiFi/BLE) - ports are labeled for error-free field installation.
2036          </p>
2037          <p class="label fw-bold">
2038            <svg class="tw-inline-block tw-align-middle text-primary tw-me-2" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
2039            <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
2040            <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2041          </svg>
2042            4 GB LPDDR4 RAM and 32 GB eMMC storage, expandable via USB drive for continuous long-duration field logging.
2043          </p>
2044          <p class="label fw-bold">
2045            <svg class="tw-inline-block tw-align-middle text-primary tw-me-2" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
2046            <circle cx="10" cy="10" r="8" fill="none" stroke="currentColor" stroke-width="2" />
2047            <path d="M6 10.5l2.5 2.5L14 7.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2048          </svg>
2049            AutoPi Core OS pre-installed: SocketCAN, Python, SaltStack and Docker runtime ready out-of-the-box.
2050          </p>
2051        </div>
2052        <div class="col-12 col-md-6 offset-md-1 float-end">         
2053          <div class="tw-grid tw-grid-cols-1 tw-divide-y">
2054          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium">
2055            <div class="col-12 col-md-2">
2056              <h6 class="fw-bold">Processor</h6>
2057            </div>
2058            <div class="col-12 col-md-10">
2059              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">Broadcom BCM2711 Quad-core Cortex-A72 (ARM v8) 64-bit SoC @ 1.5GHz (RPi CM4)</p>              
2060            </div>
2061          </div>
2062          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2063            <div class="col-12 col-md-2">
2064              <h6 class="fw-bold">Memory</h6>
2065            </div>
2066            <div class="col-12 col-md-10">
2067              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">4GB LPDDR4 SDRAM</p>         
2068            </div>
2069          </div>
2070          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2071            <div class="col-12 col-md-2">
2072              <h6 class="fw-bold">Storage</h6>
2073            </div>
2074            <div class="col-12 col-md-10">
2075              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">32GB on board eMMC (expandable with USB flash drive)</p>
2076            </div>
2077          </div>
2078          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2079            <div class="col-12 col-md-2">
2080              <h6 class="fw-bold">Modem</h6>
2081            </div>
2082            <div class="col-12 col-md-10">
2083              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">Integrated 4G/LTE Cat 4 connection (3G/EDGE fallback) (150Mbit DL / 50Mbit UL) (Global connectivity in a single device)</p>           
2084            </div>
2085          </div>
2086          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-slate-800">
2087            <div class="col-12 col-md-2">
2088              <h6 class="fw-bold">Secure Element</h6>
2089            </div>
2090            <div class="col-12 col-md-10">
2091              <p class="tw-text-xs tw-text-slate-700 tw-mb-0">NXP SE051 hardware security element - cryptographic data signing and hardware-accelerated encryption for tamper-evident logging pipelines.</p>
2092            </div>
2093          </div>
2094          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2095            <div class="col-12 col-md-2">
2096              <h6 class="fw-bold">GPS/GNSS</h6>
2097            </div>
2098            <div class="col-12 col-md-10">
2099              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">Integrated GPS + A-GPS (GPS/GLONASS/BeiDou/Galileo/QZSS)</p>              
2100            </div>
2101          </div>
2102          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2103            <div class="col-12 col-md-2">
2104              <h6 class="fw-bold">Power</h6>
2105            </div>
2106            <div class="col-12 col-md-10">
2107              <p class="tw-text-xs tw-text-slate-700 tw-mb-0">12–35V DC input. Supports 12V (passenger vehicles), 24V (trucks and buses) and up to 35V (heavy machinery). Single hardware variant covers all vehicle types.</p>
2108            </div>
2109          </div>
2110          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2111            <div class="col-12 col-md-2">
2112              <h6 class="fw-bold">Expansion</h6>
2113            </div>
2114            <div class="col-12 col-md-10">
2115              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">2 x USB, Gigabit Ethernet and HAT</p>              
2116            </div>
2117          </div>
2118          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2119            <div class="col-12 col-md-2">
2120              <h6 class="fw-bold">Wireless</h6>
2121            </div>
2122            <div class="col-12 col-md-10">                           
2123              <p class="tw-text-xs tw-text-slate-700"><span class="tw-font-semibold">Bluetooth:</span> Bluetooth 5.0 + Bluetooth Low Energy (BLE)</p>
2124              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0"><span class="tw-font-semibold">WiFi:</span> 2.4GHz and 5GHz IEEE 802.11.b/g/n/ac wireless LAN</p>
2125            </div>
2126          </div>
2127          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2128            <div class="col-12 col-md-2">
2129              <h6 class="fw-bold">Accelerometer</h6>
2130            </div>
2131            <div class="col-12 col-md-10">
2132              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">3-Axis accelerometer</p>
2133            </div>
2134          </div>
2135          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2136            <div class="col-12 col-md-2">
2137              <h6 class="fw-bold">Gyroscope</h6>
2138            </div>
2139            <div class="col-12 col-md-10">
2140              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">Built in 3-axis gyroscope</p>
2141            </div>
2142          </div>
2143          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2144            <div class="col-12 col-md-2">
2145              <h6 class="fw-bold">Automotive Interface</h6>
2146            </div>
2147            <div class="col-12 col-md-10">
2148              <p class="tw-text-xs tw-text-slate-700 tw-mb-0">2× independent CAN-FD channels - classic CAN up to 1 Mbps, CAN-FD data phase up to 5 Mbps. Capture rate &gt;3,000 frames/sec per channel. Native J1939 (PGN/SPN), OBD-II (SAE J1979) and ISO 15765-2 support. Mixed 11-bit and 29-bit frame IDs on the same bus. Hardware pass/block filters per frame ID. Configurable bus termination and auto-detection per interface.</p>        
2149            </div>
2150          </div>    
2151          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2152            <div class="col-12 col-md-2">
2153              <h6 class="fw-bold">Input Slots</h6>
2154            </div>
2155            <div class="col-12 col-md-10">
2156              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">
2156SIM Card: Nano SIM - (SIM subscription purchased separately)</p>
2157            </div>
2158          </div>
2159          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2160            <div class="col-12 col-md-2">
2161              <h6 class="fw-bold">Audio</h6>
2162            </div>
2163            <div class="col-12 col-md-10">
2164              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">Built-in speakers</p>
2165            </div>
2166          </div>
2167          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2168            <div class="col-12 col-md-2">
2169              <h6 class="fw-bold">Video Out</h6>
2170            </div>
2171            <div class="col-12 col-md-10">
2172              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">mini HDMI @ 1080p60 Video Output</p>
2173            </div>
2174          </div>
2175          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2176            <div class="col-12 col-md-2">
2177              <h6 class="fw-bold">Operating System</h6>
2178            </div>
2179            <div class="col-12 col-md-10">
2180              <p class="sm:tw-whitespace-nowrap tw-text-xs tw-text-slate-700 tw-mb-0">Raspbian OS with preconfigured AutoPi Core software</p>
2181            </div>
2182          </div>
2183          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2184            <div class="col-12 col-md-2">
2185              <h6 class="fw-bold">CAN Logging Engine</h6>
2186            </div>
2187            <div class="col-12 col-md-10">
2188              <p class="tw-text-xs tw-text-slate-700 tw-mb-0">Dedicated can0/can1 logging stack with optional external dump process for high-throughput workloads. Worker interval, startup delay, output rollover, and disk housekeeper behavior are configurable in AutoPi Cloud advanced settings. Runtime health can be inspected with <span class="tw-font-semibold">logger.status</span>.</p>
2189            </div>
2190          </div>
2191          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2192            <div class="col-12 col-md-2">
2193              <h6 class="fw-bold">Decoder Engines</h6>
2194            </div>
2195            <div class="col-12 col-md-10">
2196              <p class="tw-text-xs tw-text-slate-700 tw-mb-0">Two onboard decoder pipelines: Standard decoder (CSV, JSONL, LOG) for higher throughput and ASAM decoder (MDF4) for measurement workflows. DBC collections are imported from cloud and executed locally on-device. Recommended J1939 Frame ID mask: <span class="tw-font-semibold">1FFFFF00</span>.</p>
2197            </div>
2198          </div>
2199          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2200            <div class="col-12 col-md-2">
2201              <h6 class="fw-bold">Query Engine</h6>
2202            </div>
2203            <div class="col-12 col-md-10">
2204              <p class="tw-text-xs tw-text-slate-700 tw-mb-0">Native OBD-II PID, J1939 PGN and raw CAN query types. Configure interval, run-at policy, start delay, loop count, response verification, pass filters and result formulas. Queries can trigger workflow returners for immediate integration with backend systems.</p>
2205            </div>
2206          </div>
2207          <div class="row tw-pt-3 tw-pr-3 tw-text-sm tw-font-medium tw-text-gray-900">
2208            <div class="col-12 col-md-2">
2209              <h6 class="fw-bold">Event Automation</h6>
2210            </div>
2211            <div class="col-12 col-md-10">
2212              <p class="tw-text-xs tw-text-slate-700 tw-mb-0">Frame listeners and event reactors support rule-based automation from live CAN traffic. Match by ID, mask, frame payload or Python expression, then trigger custom workflows (handler, converter, trigger, filter, enricher, returner). Example event tags include vehicle/bus/can0/autodetected and system/disk_housekeeper/critical_purge.</p>
2213            </div>
2214          </div>
2215        </div>
2216        </div>
2217      </div>
2218    </div>
2219  </section>
2220
2221
2222  <section class="tw-bg-slate-900 tw-py-16 tw-overflow-hidden">
2223    <div class="container-xxl tw-px-3">
2224      <h2 class="tw-text-base tw-font-bold tw-leading-7 tw-text-sky-400">Technical Capabilities</h2>
2225      <h2 class="h2-autopi fw-bold tw-text-white tw-mt-3">Everything runs on the edge</h2>
2226      <p class="max-w-md fw-semibold tw-text-slate-400 tw-mt-4 tw-mb-10">
2227        Decoding, filtering, enrichment and export all execute on the CM4 processor - no cloud compute required between capture and storage.
2228      </p>
2229      <div class="tw-grid tw-grid-cols-1 tw-gap-6 sm:tw-grid-cols-2 lg:tw-grid-cols-3">
2230
2231        <div class="tw-rounded-xl tw-bg-slate-800 tw-p-6 tw-border tw-border-slate-700">
2232          <p class="tw-text-sky-400 tw-font-mono tw-text-xs tw-font-bold tw-mb-3">CAN0 · CAN1 · simultaneous</p>
2233          <h3 class="tw-text-white tw-font-bold tw-text-lg tw-mb-2">Dual CAN-FD Capture</h3>
2234          <p class="tw-text-slate-400 tw-text-sm tw-mb-0">Both channels log simultaneously and independently. Classic CAN up to 1 Mbps and CAN-FD data phase up to 5 Mbps. Capture rate exceeds 3,000 frames/sec per channel. Bitrate, bus termination and auto-detection configurable per interface remotely from AutoPi Cloud.</p>
2235        </div>
2236
2237        <div class="tw-rounded-xl tw-bg-slate-800 tw-p-6 tw-border tw-border-slate-700">
2238          <p class="tw-text-sky-400 tw-font-mono tw-text-xs tw-font-bold tw-mb-3">J1939 · OBD-II · ISO 15765-2</p>
2239          <h3 class="tw-text-white tw-font-bold tw-text-lg tw-mb-2">Protocol Support</h3>
2240          <p class="tw-text-slate-400 tw-text-sm tw-mb-0">Native J1939 PGN and SPN logging for trucks, excavators and heavy machinery. OBD-II PID queries over ISO 15765-2. Mixed 11-bit and 29-bit frame IDs on the same bus. Hardware pass/block filters per frame ID reduce CPU load and storage footprint on dense J1939 buses.</p>
2241        </div>
2242
2243        <div class="tw-rounded-xl tw-bg-slate-800 tw-p-6 tw-border tw-border-slate-700">
2244          <p class="tw-text-sky-400 tw-font-mono tw-text-xs tw-font-bold tw-mb-3">DBC &rarr; JSON / MDF4 / CSV</p>
2245          <h3 class="tw-text-white tw-font-bold tw-text-lg tw-mb-2">On-Device DBC Decoding</h3>
2246          <p class="tw-text-slate-400 tw-text-sm tw-mb-0">Upload proprietary DBC files via AutoPi Cloud. Decoding runs on the CM4 edge processor - raw frame bytes become named signals before upload. Output in JSON, MDF4 or CSV. No server-side decoding pipeline needed between the vehicle and your data store.</p>
2247        </div>
2248
2249        <div class="tw-rounded-xl tw-bg-slate-800 tw-p-6 tw-border tw-border-slate-700">
2250          <p class="tw-text-sky-400 tw-font-mono tw-text-xs tw-font-bold tw-mb-3">AWS S3 · SFTP · eMMC · USB</p>
2251          <h3 class="tw-text-white tw-font-bold tw-text-lg tw-mb-2">Flexible Data Export</h3>
2252          <p class="tw-text-slate-400 tw-text-sm tw-mb-0">Continuous upload to Amazon AWS S3 over 4G/LTE or WiFi. Pull files via SFTP/SCP over Tailscale VPN. Store on 32 GB internal eMMC or attach a USB drive for long-duration field logging. The device buffers locally when connectivity is lost and resumes upload automatically.</p>
2253        </div>
2254
2255        <div class="tw-rounded-xl tw-bg-slate-800 tw-p-6 tw-border tw-border-slate-700">
2256          <p class="tw-text-sky-400 tw-font-mono tw-text-xs tw-font-bold tw-mb-3">Docker · Python · SocketCAN · SaltStack</p>
2257          <h3 class="tw-text-white tw-font-bold tw-text-lg tw-mb-2">Edge Computing</h3>
2258          <p class="tw-text-slate-400 tw-text-sm tw-mb-0">Deploy containerized applications directly on the Raspberry Pi CM4. Use SocketCAN and Python to interact with live CAN buses in custom logic. Run protocol translation, lightweight ML inference or data fusion on-device - Docker images versioned and updated remotely via AutoPi Cloud.</p>
2259        </div>
2260
2261        <div class="tw-rounded-xl tw-bg-slate-800 tw-p-6 tw-border tw-border-slate-700">
2262          <p class="tw-text-sky-400 tw-font-mono tw-text-xs tw-font-bold tw-mb-3">Tailscale · NXP SE051 · OTA</p>
2263          <h3 class="tw-text-white tw-font-bold tw-text-lg tw-mb-2">Remote Access &amp; Security</h3>
2264          <p class="tw-text-slate-400 tw-text-sm tw-mb-0">Tailscale VPN provides SSH access to any field-deployed device without opening firewall ports. NXP SE051 hardware security element enables cryptographic data signing for tamper-evident logging. OTA firmware and Docker image updates via AutoPi Cloud with rollback support.</p>
2265        </div>
2266
2267      </div>
2268    </div>
2269  </section>
2270
2271
2272  <!-- BEYOND THE CARD LOGGER -->
2273  <section class="overflow-hidden">
2274    <div class="container-xxl tw-py-16 tw-px-3">
2275      <h2 class="tw-text-base tw-font-bold tw-leading-7 text-primary-mono-300">Platform vs logger</h2>
2276      <div class="tw-flex tw-flex-col lg:tw-flex-row lg:tw-items-end lg:tw-justify-between tw-mt-3 tw-mb-10 tw-gap-4">
2277        <h2 class="h2-autopi fw-bold tw-mb-0">More than a data logger.</h2>     
2278      </div>
2279
2280      <div class="tw-grid tw-grid-cols-1 lg:tw-grid-cols-3 tw-gap-6">
2281
2282        <div class="lg:tw-col-span-2 tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 tw-gap-px tw-bg-slate-200 tw-rounded-2xl tw-overflow-hidden">
2283          <div class="tw-bg-white tw-p-6">
2284            <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">On-device execution</p>
2285            <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">DBC decoding runs on the CM4</h3>
2286            <p class="tw-text-slate-600 tw-text-sm">Import DBC files via AutoPi Cloud. Frames are decoded to named signals locally before upload - no server-side processing pipeline between vehicle and storage. Output in JSON, MDF4 or CSV.</p>
2287          </div>
2288          <div class="tw-bg-white tw-p-6">
2289            <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Compute platform</p>
2290            <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">Docker containers alongside logging</h3>
2291            <p class="tw-text-slate-600 tw-text-sm">Deploy containerized applications to the same device capturing CAN data. Containers access SocketCAN directly - enabling protocol translation, local ML inference or custom signal processing without external hardware.</p>
2292          </div>
2293          <div class="tw-bg-white tw-p-6">
2294            <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Event automation</p>
2295            <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">Frame listeners and workflow hooks</h3>
2296            <p class="tw-text-slate-600 tw-text-sm">Define frame listeners with ID/mask filters. Bind event reactors and workflow hooks (handler, converter, trigger, filter, enricher, returner) to execute targeted logic on specific CAN frame matches - without polling or cloud round-trips.</p>
2297          </div>
2298          <div class="tw-bg-white tw-p-6">
2299            <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Fleet control plane</p>
2300            <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">SaltStack-managed configuration at scale</h3>
2301            <p class="tw-text-slate-600 tw-text-sm">AutoPi Cloud applies configuration changes to individual devices, groups or full projects via SaltStack. Channel setup, logger templates, DBC deployments and OTA firmware are all managed from one interface - or via the REST API at api.autopi.io.</p>
2302          </div>
2303        </div>
2304
2305        <div class="tw-rounded-2xl tw-bg-slate-950 tw-p-7 tw-flex tw-flex-col tw-justify-between">
2306          <div>
2307            <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-cyan-400 tw-uppercase tw-mb-4">Your data. Your server. Zero lock-in.</p>
2308            <h3 class="tw-text-white tw-font-bold tw-text-xl tw-mb-4">Open stack. Open API. Open platform.</h3>
2309            <ul class="tw-space-y-3 tw-mb-6">
2310              <li class="tw-flex tw-gap-3 tw-text-sm">
2311                <span class="tw-text-cyan-400 tw-font-bold tw-shrink-0">→</span>
2312                <span class="tw-text-slate-300">Push to your own AWS S3 bucket - not a vendor-managed server</span>
2313              </li>
2314              <li class="tw-flex tw-gap-3 tw-text-sm">
2315                <span class="tw-text-cyan-400 tw-font-bold tw-shrink-0">→</span>
2316                <span class="tw-text-slate-300">Full REST API at api.autopi.io - same operations as the Cloud UI</span>
2317              </li>
2318              <li class="tw-flex tw-gap-3 tw-text-sm">
2319                <span class="tw-text-cyan-400 tw-font-bold tw-shrink-0">→</span>
2320                <span class="tw-text-slate-300">AutoPi Core is open-source - Linux, SocketCAN, Python, SaltStack</span>
2321              </li>
2322              <li class="tw-flex tw-gap-3 tw-text-sm">
2323                <span class="tw-text-cyan-400 tw-font-bold tw-shrink-0">→</span>
2324                <span class="tw-text-slate-300">Install your own OS or custom Docker images on the CM4</span>
2325              </li>
2326              <li class="tw-flex tw-gap-3 tw-text-sm">
2327                <span class="tw-text-cyan-400 tw-font-bold tw-shrink-0">→</span>
2328                <span class="tw-text-slate-300">AutoPi Cloud included free - no per-device subscription fees</span>
2329              </li>
2330              <li class="tw-flex tw-gap-3 tw-text-sm">
2331                <span class="tw-text-cyan-400 tw-font-bold tw-shrink-0">→</span>
2332                <span class="tw-text-slate-300">CE, FCC and RoHS certified. Designed and produced in Denmark</span>
2333              </li>
2334            </ul>
2335          </div>
2336          <div class="tw-flex tw-flex-col tw-gap-3">
2337            <a href="https://docs.autopi.io/core/" target="_blank" rel="noopener noreferrer" class="btn btn-md btn-outline-primary-mono-500 cta-btn fw-bold">Explore Core Docs</a>
2338            <a href="https://api.autopi.io/" target="_blank" rel="noopener noreferrer" class="btn btn-md btn-primary-mono-300 cta-btn shadow-cta-btn fw-bold">API Reference</a>
2339          </div>
2340        </div>
2341
2342      </div>
2343    </div>
2344  </section>
2345
2346
2347  <section class="overflow-hidden bg-angle">
2348    <div class="container-xxl py-lg-5 px-3">
2349      <h6 class="fw-bold text-primary ">Extendable</h6>
2350      <h2 class="max-w-md h2-autopi fw-bold mt-3 ">Extend the <span class="text-primary-mono-300">AutoPi
2351          CAN-FD Pro</span> to any vehicle or machinery</h2>
2352      <p class="max-w-md fw-semibold tw-text-slate-800 my-4 ">
2353        Our extension and adapter cables provide a simple way to connect AutoPi devices to a wide range of vehicles and machinery. The heavy-duty adapters support common J1939 connectors used in trucks and industrial equipment, while the standard adapter range includes OBD-II extensions, power cables, splitters, and vehicle-specific adapters. Together, they ensure flexible installation, reliable data access, and compatibility with both light-duty and heavy-duty systems.    
2354      </p>
2355      <a class="btn btn-md btn-primary-mono-300 cta-btn shadow-cta-btn fw-bold"
2356        href="https://shop.autopi.io/">See all adapters</a>
2357      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-5 mt-3">
2358        <div class="col">
2359          
2360          <p class="fw-bold tw-border-l-2 border-primary-mono-300 ps-3">Female CAN Bus cable with open wires</p>
2361          <picture>
2362            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/OBD2-Splitter-male2.webp" type="image/webp">
2363            <img class="lazy col-8 offset-2 img-fluid"
2364            data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/OBD2-Splitter-male2.png" width="653" height="489"
2365              alt="Female CAN Bus cable with open wires">
2366          </picture>          
2367        </div>
2368        <div class="col">
2369          
2370          <p class="fw-bold tw-border-l-2 border-primary-mono-300 ps-3">OBD-II to dual DB9 adapter</p>
2371          <picture>
2372            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/OBD-II_to_Dual_DB92.webp" type="image/webp">
2373            <img class="lazy col-8 offset-2 img-fluid"
2374            data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/OBD-II_to_Dual_DB92.png" width="653" height="489"
2375              alt="OBD-II to dual DB9 adapter">
2376          </picture>
2377        </div>
2378        <div class="col">
2379          
2380          <p class="fw-bold tw-border-l-2 border-primary-mono-300 ps-3">Cummins-Komatsu Truck 12 PIN J1939 to 16 PIN OBD-II Adapter</p>          
2381          <picture>
2382            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/cummins-komatsu-truck.webp" type="image/webp">
2383            <img class="lazy col-8 offset-2 img-fluid"
2384            data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/cummins-komatsu-truck.png" width="653" height="489"
2385              alt="Cummins-Komatsu Truck 12 PIN J1939 to 16 PIN OBD-II Adapter">
2386          </picture>
2387        </div>
2388        <div class="col">
2389          
2390          <p class="fw-bold tw-border-l-2 border-primary-mono-300 ps-3">Cummins 9 PIN J1939 (J1708) to 16 PIN OBD-II Adapter Cable</p>
2391          <picture>
2392            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/cummins_J1939.webp" type="image/webp">
2393            <img class="lazy col-8 offset-2 img-fluid"
2394            data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/cummins_J1939.png" width="653" height="489"
2395              alt="Cummins 9 PIN J1939 (J1708) to 16 PIN OBD-II Adapter Cable">
2396          </picture>
2397        </div>
2398        <div class="col">
2399          
2400          <p class="fw-bold tw-border-l-2 border-primary-mono-300 ps-3">Caterpillar (538-5051) Truck 9 PIN J1939 to 16 PIN OBD-II Adapter</p>
2401          <picture>
2402            <source data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/caterpillar_538-5051_truck_J1939.webp" type="image/webp">
2403            <img class="lazy col-8 offset-2 img-fluid"
2404            data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/hardware/accessories/caterpillar_538-5051_truck_J1939.png" width="653" height="489"
2405              alt="Caterpillar (538-5051) Truck 9 PIN J1939 to 16 PIN OBD-II Adapter">
2406          </picture>
2407        </div>       
2408      </div>
2409    </div>
2410  </section>
2411
2412
2413
2414  <section>
2415  <div class="tw-bg-white tw-pt-24 sm:tw-py-32">
2416    <div class="tw-mx-auto tw-max-w-7xl tw-px-6 lg:tw-px-8">
2417      <div class="tw-mx-auto tw-max-w-6xl sm:tw-text-left">
2418        <h2 class="tw-text-base tw-font-bold tw-leading-7 text-primary-mono-300">AutoPi CAN-FD Pro</h2>
2419        <p class="tw-mt-2 tw-text-pretty tw-text-5xl tw-font-bold tw-tracking-tight tw-text-gray-900 sm:tw-text-balance sm:text-5xl">AutoPi Cloud <span class="bg-gradient-to-r from-blue-600 to-cyan-500">Control Plane</span> for CAN-FD Pro</p>
2420        <p class="tw-mt-6 text-left fw-semibold tw-text-slate-800">Use AutoPi Cloud to orchestrate channel setup, logger lifecycles, decoder pipelines and output handlers across your entire deployment. Configure can0/can1 bitrate strategies (autodetect or fixed), hardware termination, pass/block filters, DBC decoding and output routing from one interface. Define raw and decoded file rollover policies, S3 sync intervals and retry behavior, then monitor execution via live status and event streams.
2421          <br><br>
2422          <span class="tw-font-semibold">AutoPi Cloud is included with all our devices. 100% free with the CAN-FD Pro device.</span></p> 
2423          <a id="0fac3d3f" class="btn btn-md btn-primary-mono-300 cta-btn shadow-cta-btn fw-bold mt-3"
2424        href="/software-platform/canbus-management/">View more</a>
2425          <a class="btn btn-md btn-outline-primary-mono-500 cta-btn fw-bold mt-3 ms-lg-2" href="https://docs.autopi.io/getting_started/autopi_canfd_pro/pro-user-guide/" target="_blank" rel="noopener noreferrer">Open User Guide</a>
2426      </div>
2427    </div>
2428    <div class="tw-relative tw-overflow-hidden tw-pt-16">
2429      <div class="tw-mx-auto tw-max-w-7xl tw-px-6 lg:tw-px-8">
2430        
2431        <picture>
2432          <source media="(max-width: 992px)" data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/cloud/can_bus/can_bus_loggers.webp"
2433            type="image/webp">
2434          <source media="(min-width: 992px)" data-srcset="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/cloud/can_bus/can_bus_loggers.png"
2435            type="image/png">
2436          <img class="tw-mb-[-12%] tw-rounded-xl tw-shadow-2xl tw-ring-1 tw-ring-gray-900/10 lazy" width="2432" height="1442" data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/cloud/can_bus/can_bus_loggers.png"
2437            alt="AutoPi TMU CM4">
2438        </picture>
2439      </div>
2440    </div>
2441    <div class="tw-mx-auto tw-mt-16 tw-max-w-7xl tw-px-6 sm:tw-mt-20 md:tw-mt-24 lg:tw-px-8">
2442      <dl class="tw-mx-auto tw-grid tw-max-w-2xl tw-grid-cols-1 tw-gap-x-6 tw-gap-y-10 fw-semibold tw-text-slate-800 sm:tw-grid-cols-2 lg:tw-mx-0 lg:tw-max-w-none lg:tw-grid-cols-3 lg:tw-gap-x-8 lg:tw-gap-y-16">
2443        <div class="tw-relative tw-pl-9">
2444          <dt class="tw-inline tw-font-semibold tw-text-gray-900">
2445            <svg class="tw-absolute tw-left-1 tw-top-1 tw-h-5 tw-w-5 text-primary-mono-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2446              <path fill-rule="evenodd" d="M5.5 17a4.5 4.5 0 0 1-1.44-8.765 4.5 4.5 0 0 1 8.302-3.046 3.5 3.5 0 0 1 4.504 4.272A4 4 0 0 1 15 17H5.5Zm3.75-2.75a.75.75 0 0 0 1.5 0V9.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0l-3.25 3.5a.75.75 0 1 0 1.1 1.02l1.95-2.1v4.59Z" clip-rule="evenodd" />
2447            </svg>
2448            CAN bus logging from dual interface. <br>
2449          </dt>
2450          <dd class="tw-inline fw-semibold tw-text-slate-800 tw-text-sm">Configure independent loggers for each CAN-FD channel from AutoPi Cloud. Set bitrate, termination, auto-detection and hardware filters per bus. J1939 PGN subscriptions and OBD-II PID requests are configured in the same interface - no SSH or command-line access to the device required.</dd>
2451        </div>
2452        <div class="tw-relative tw-pl-9">
2453          <dt class="tw-inline tw-font-semibold tw-text-gray-900">
2454            <svg class="tw-absolute tw-left-1 tw-top-1 tw-h-5 tw-w-5 text-primary-mono-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2455              <path fill-rule="evenodd" d="M10 1a4.5 4.5 0 0 0-4.5 4.5V9H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-.5V5.5A4.5 4.5 0 0 0 10 1Zm3 8V5.5a3 3 0 1 0-6 0V9h6Z" clip-rule="evenodd" />
2456            </svg>          
2457            Configure storage endpoints. <br>
2458          </dt>
2459          <dd class="tw-inline fw-semibold tw-text-slate-800 tw-text-sm">Define where logged data is delivered - Amazon AWS S3 buckets, local 32 GB eMMC, or an attached USB drive. Failover between endpoints is configurable: the device buffers data locally when connectivity is lost and resumes upload automatically when the link recovers.</dd>
2460        </div>
2461        <div class="tw-relative tw-pl-9">
2462          <dt class="tw-inline tw-font-semibold tw-text-gray-900">
2463            <svg class="tw-absolute tw-left-1 tw-top-1 tw-h-5 tw-w-5 text-primary-mono-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2464              <path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39Zm1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219Z" clip-rule="evenodd" />
2465            </svg>
2466            Configure CAN bus decoding. <br>
2467          </dt>
2468          <dd class="tw-inline fw-semibold tw-text-slate-800 tw-text-sm">Upload DBC files through AutoPi Cloud and the device decodes CAN frames to named signals locally. Output format is selectable - JSON, MDF4 or CSV. Decoding runs on the CM4 processor, not on cloud infrastru
2468cture, cutting latency and eliminating external processing costs.</dd>
2469        </div>
2470        <div class="tw-relative tw-pl-9">
2471          <dt class="tw-inline tw-font-semibold tw-text-gray-900">
2472            <svg class="tw-absolute tw-left-1 tw-top-1 tw-h-5 tw-w-5 text-primary-mono-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2473              <path fill-rule="evenodd" d="M10 2.5c-1.31 0-2.526.386-3.546 1.051a.75.75 0 0 1-.82-1.256A8 8 0 0 1 18 9a22.47 22.47 0 0 1-1.228 7.351.75.75 0 1 1-1.417-.49A20.97 20.97 0 0 0 16.5 9 6.5 6.5 0 0 0 10 2.5ZM4.333 4.416a.75.75 0 0 1 .218 1.038A6.466 6.466 0 0 0 3.5 9a7.966 7.966 0 0 1-1.293 4.362.75.75 0 0 1-1.257-.819A6.466 6.466 0 0 0 2 9c0-1.61.476-3.11 1.295-4.365a.75.75 0 0 1 1.038-.219ZM10 6.12a3 3 0 0 0-3.001 3.041 11.455 11.455 0 0 1-2.697 7.24.75.75 0 0 1-1.148-.965A9.957 9.957 0 0 0 5.5 9c0-.028.002-.055.004-.082a4.5 4.5 0 0 1 8.996.084V9.15l-.005.297a.75.75 0 1 1-1.5-.034c.003-.11.004-.219.005-.328a3 3 0 0 0-3-2.965Zm0 2.13a.75.75 0 0 1 .75.75c0 3.51-1.187 6.745-3.181 9.323a.75.75 0 1 1-1.186-.918A13.687 13.687 0 0 0 9.25 9a.75.75 0 0 1 .75-.75Zm3.529 3.698a.75.75 0 0 1 .584.885 18.883 18.883 0 0 1-2.257 5.84.75.75 0 1 1-1.29-.764 17.386 17.386 0 0 0 2.078-5.377.75.75 0 0 1 .885-.584Z" clip-rule="evenodd" />
2474            </svg>
2475            Remote live debugging. <br>
2476          </dt>
2477          <dd class="tw-inline fw-semibold tw-text-slate-800 tw-text-sm">Use Tailscale to SSH into any deployed CAN-FD Pro and interact with live CAN buses via SocketCAN tools (candump, cansend, canplayer). Deploy and update Docker containers remotely. Inspect logs, trigger captures and restart services from any network without VPN client configuration on the vehicle side.</dd>
2478        </div>
2479        <div class="tw-relative tw-pl-9">
2480          <dt class="tw-inline tw-font-semibold tw-text-gray-900">
2481            <svg class="tw-absolute tw-left-1 tw-top-1 tw-h-5 tw-w-5 text-primary-mono-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2482              <path fill-rule="evenodd" d="M7.84 1.804A1 1 0 0 1 8.82 1h2.36a1 1 0 0 1 .98.804l.331 1.652a6.993 6.993 0 0 1 1.929 1.115l1.598-.54a1 1 0 0 1 1.186.447l1.18 2.044a1 1 0 0 1-.205 1.251l-1.267 1.113a7.047 7.047 0 0 1 0 2.228l1.267 1.113a1 1 0 0 1 .206 1.25l-1.18 2.045a1 1 0 0 1-1.187.447l-1.598-.54a6.993 6.993 0 0 1-1.929 1.115l-.33 1.652a1 1 0 0 1-.98.804H8.82a1 1 0 0 1-.98-.804l-.331-1.652a6.993 6.993 0 0 1-1.929-1.115l-1.598.54a1 1 0 0 1-1.186-.447l-1.18-2.044a1 1 0 0 1 .205-1.251l1.267-1.114a7.05 7.05 0 0 1 0-2.227L1.821 7.773a1 1 0 0 1-.206-1.25l1.18-2.045a1 1 0 0 1 1.187-.447l1.598.54A6.992 6.992 0 0 1 7.51 3.456l.33-1.652ZM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" clip-rule="evenodd" />
2483            </svg>
2484            Setup advanced CAN bus filters. <br>
2485          </dt>
2486          <dd class="tw-inline fw-semibold tw-text-slate-800 tw-text-sm">Configure hardware-level pass and block filters per CAN frame ID on each interface. Filter unwanted traffic before it reaches the processor - essential for high-density J1939 buses where hundreds of PGNs are broadcast simultaneously. Reduces storage usage and upload bandwidth proportionally.</dd>
2487        </div>
2488        <div class="tw-relative tw-pl-9">
2489          <dt class="tw-inline tw-font-semibold tw-text-gray-900">
2490            <svg class="tw-absolute tw-left-1 tw-top-1 tw-h-5 tw-w-5 text-primary-mono-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2491              <path d="M4.632 3.533A2 2 0 0 1 6.577 2h6.846a2 2 0 0 1 1.945 1.533l1.976 8.234A3.489 3.489 0 0 0 16 11.5H4c-.476 0-.93.095-1.344.267l1.976-8.234Z" />
2492              <path fill-rule="evenodd" d="M4 13a2 2 0 1 0 0 4h12a2 2 0 1 0 0-4H4Zm11.24 2a.75.75 0 0 1 .75-.75H16a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75h-.01a.75.75 0 0 1-.75-.75V15Zm-2.25-.75a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75H13a.75.75 0 0 0 .75-.75V15a.75.75 0 0 0-.75-.75h-.01Z" clip-rule="evenodd" />
2493            </svg>
2494            Setup mix-in of additional data and encryption. <br>
2495          </dt>
2496          <dd class="tw-inline fw-semibold tw-text-slate-800 tw-text-sm">Fuse CAN data with GPS position (GPS/GLONASS/Galileo/BeiDou), 3-axis accelerometer and 3-axis gyroscope readings on-device. Sign data packages with the NXP SE051 hardware security element - cryptographic proof of origin and tamper evidence for audit-sensitive deployments.</dd>
2497        </div>
2498      </dl>
2499    </div>
2500  </div>
2501</section>
2502
2503
2504  <!-- USE CASES -->
2505  <section class="overflow-hidden">
2506    <div class="container-xxl tw-py-16 tw-px-3">
2507      <h6 class="tw-text-base tw-font-bold tw-leading-7 text-primary-mono-300">Use cases</h6>
2508      <h2 class="h2-autopi fw-bold tw-mt-3 tw-mb-10">Where the CAN-FD Pro gets deployed</h2>
2509
2510      <div class="tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-5">
2511
2512        <div class="tw-rounded-xl tw-border tw-border-slate-200 tw-bg-slate-50 tw-p-6">
2513          <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Heavy machinery</p>
2514          <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">J1939 data logging on trucks and excavators</h3>
2515          <p class="tw-text-slate-600 tw-text-sm tw-mb-3">Connect via Cummins, Caterpillar or Komatsu J1939 adapter cables. Log PGNs for engine load, fuel rate, coolant temperature, RPM and hours-of-operation. Decode on-device using a J1939 DBC and push MDF4 files directly to S3 or an on-premise server via 4G/LTE.</p>
2516          <div class="tw-rounded-md tw-bg-slate-100 tw-border tw-border-slate-200 tw-px-3 tw-py-2 tw-font-mono tw-text-xs tw-text-slate-500">
2517            protocol: J1939 &nbsp; |&nbsp; output: mdf4
2518          </div>
2519        </div>
2520
2521        <div class="tw-rounded-xl tw-border tw-border-slate-200 tw-bg-slate-50 tw-p-6">
2522          <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">R&amp;D and test engineering</p>
2523          <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">Dual-bus capture for protocol analysis and DBC development</h3>
2524          <p class="tw-text-slate-600 tw-text-sm tw-mb-3">Capture raw CAN-FD frames simultaneously on can0 and can1 at &gt;3,000 frames/sec per channel. Export JSONL or binary for offline analysis in Python, MATLAB or Vector Analyzer. Use the ASAM decoder to validate DBC files and compare raw vs decoded signal output before production deployment.</p>
2525          <div class="tw-rounded-md tw-bg-slate-100 tw-border tw-border-slate-200 tw-px-3 tw-py-2 tw-font-mono tw-text-xs tw-text-slate-500">
2526            can0 + can1 &nbsp;|&nbsp; &gt;3000 fps &nbsp;|&nbsp; raw JSONL + MDF4
2527          </div>
2528        </div>
2529
2530        <div class="tw-rounded-xl tw-border tw-border-slate-200 tw-bg-slate-50 tw-p-6">
2531          <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Predictive maintenance</p>
2532          <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">On-device anomaly detection with frame listeners</h3>
2533          <p class="tw-text-slate-600 tw-text-sm tw-mb-3">Define frame listeners with ID/mask filters targeting fault-indicating PGNs. Bind event reactors to trigger immediate alerts, log snapshots or custom workflow hooks when threshold conditions are matched - without round-tripping to cloud infrastructure for the decision.</p>
2534          <div class="tw-rounded-md tw-bg-slate-100 tw-border tw-border-slate-200 tw-px-3 tw-py-2 tw-font-mono tw-text-xs tw-text-slate-500">
2535            frame listener → enricher → returner → alert
2536          </div>
2537        </div>
2538
2539        <div class="tw-rounded-xl tw-border tw-border-slate-200 tw-bg-slate-50 tw-p-6">
2540          <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Fleet telematics</p>
2541          <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">Template-driven fleet configuration at scale</h3>
2542          <p class="tw-text-slate-600 tw-text-sm tw-mb-3">Define a single device template in AutoPi Cloud covering channel setup, logger configuration, DBC assignment and upload policy. Apply it to a project or vehicle group - SaltStack propagates the configuration on next device connection. Manage firmware and Docker image rollouts with per-device progress tracking.</p>
2543          <div class="tw-rounded-md tw-bg-slate-100 tw-border tw-border-slate-200 tw-px-3 tw-py-2 tw-font-mono tw-text-xs tw-text-slate-500">
2544            template → group/project → SaltStack → device
2545          </div>
2546        </div>
2547
2548        <div class="tw-rounded-xl tw-border tw-border-slate-200 tw-bg-slate-50 tw-p-6">
2549          <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Custom edge applications</p>
2550          <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">Protocol translation and on-device ML inference</h3>
2551          <p class="tw-text-slate-600 tw-text-sm tw-mb-3">Deploy Docker containers alongside the CAN logging stack on the same CM4 hardware. Containers access SocketCAN interfaces (can0, can1) directly - enabling custom protocol adapters, lightweight signal classifiers or real-time data fusion pipelines that run entirely on-device without additional compute nodes.</p>
2552          <div class="tw-rounded-md tw-bg-slate-100 tw-border tw-border-slate-200 tw-px-3 tw-py-2 tw-font-mono tw-text-xs tw-text-slate-500">
2553            Docker → SocketCAN → custom logic → output
2554          </div>
2555        </div>
2556
2557        <div class="tw-rounded-xl tw-border tw-border-slate-200 tw-bg-slate-50 tw-p-6">
2558          <p class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-slate-400 tw-uppercase tw-mb-3">Data integrity controls</p>
2559          <h3 class="tw-font-bold tw-text-gray-900 tw-text-base tw-mb-2">Tamper-evident logging with hardware-signed data</h3>
2560          <p class="tw-text-slate-600 tw-text-sm tw-mb-3">The NXP SE051 hardware security element signs logged data packages cryptographically on the device before upload. Combined with GPS position and IMU data fusion, this creates a verifiable, tamper-evident record of vehicle behavior and location - suitable for legal, insurance and regulatory audit workflows.</p>
2561          <div class="tw-rounded-md tw-bg-slate-100 tw-border tw-border-slate-200 tw-px-3 tw-py-2 tw-font-mono tw-text-xs tw-text-slate-500">
2562            NXP SE051 sign → GPS + IMU fused → S3 upload
2563          </div>
2564        </div>
2565
2566      </div>
2567    </div>
2568  </section>
2569
2570
2571  <!-- OPERATIONAL WORKFLOW -->
2572  <section class="tw-bg-slate-950 tw-py-20 tw-overflow-hidden">
2573    <div class="container-xxl tw-px-3">
2574      <h6 class="tw-text-base tw-font-bold tw-leading-7 tw-text-cyan-400">Operational Workflow</h6>
2575      <div class="tw-flex tw-flex-col lg:tw-flex-row lg:tw-items-end lg:tw-justify-between tw-mt-3 tw-mb-10 tw-gap-4">
2576        <h2 class="h2-autopi fw-bold tw-text-white tw-mb-0">From unboxing to production logging</h2>
2577        <p class="tw-text-slate-400 tw-text-sm fw-semibold tw-mt-0 lg:tw-max-w-xs tw-mb-0">
2578          Every step is documented in the Pro User Guide and configurable via AutoPi Cloud or REST API.
2579        </p>
2580      </div>
2581
2582      <div class="tw-grid tw-grid-cols-1 lg:tw-grid-cols-4 tw-gap-px tw-bg-slate-800 tw-rounded-2xl tw-overflow-hidden">
2583
2584        <div class="tw-bg-slate-900 tw-p-6 tw-flex tw-flex-col">
2585          <div class="tw-flex tw-items-center tw-gap-3 tw-mb-4">
2586            <span class="tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8 tw-rounded-full tw-bg-cyan-500/10 tw-border tw-border-cyan-500/30 tw-text-cyan-400 tw-text-xs tw-font-bold tw-shrink-0">01</span>
2587            <span class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-cyan-400 tw-uppercase">Connect</span>
2588          </div>
2589          <h3 class="tw-text-white tw-font-bold tw-text-base tw-mb-3">Connect and power</h3>
2590          <p class="tw-text-slate-400 tw-text-sm tw-mb-4 tw-flex-1">Connect can0 and/or can1 via the appropriate adapter cable - OBD-II, J1939 9-pin or J1939 12-pin. Apply 12–35V DC. The labeled 4-in-1 antenna kit (4G×2 + GPS + WiFi) installs in seconds. Device boots AutoPi Core and appears in AutoPi Cloud within minutes.</p>
2591          <div class="tw-rounded-lg tw-bg-slate-950 tw-border tw-border-slate-800 tw-p-3 tw-font-mono tw-text-xs">
2592            <div class="tw-text-slate-600 tw-mb-1"># device online event</div>
2593            <div class="tw-text-cyan-300">system/device/online</div>
2594            <div class="tw-text-slate-500 tw-mt-1">
2594power: 24V &nbsp;|&nbsp; modem: 4G/LTE</div>
2595          </div>
2596        </div>
2597
2598        <div class="tw-bg-slate-900 tw-p-6 tw-flex tw-flex-col">
2599          <div class="tw-flex tw-items-center tw-gap-3 tw-mb-4">
2600            <span class="tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8 tw-rounded-full tw-bg-cyan-500/10 tw-border tw-border-cyan-500/30 tw-text-cyan-400 tw-text-xs tw-font-bold tw-shrink-0">02</span>
2601            <span class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-cyan-400 tw-uppercase">Detect</span>
2602          </div>
2603          <h3 class="tw-text-white tw-font-bold tw-text-base tw-mb-3">Detect the bus</h3>
2604          <p class="tw-text-slate-400 tw-text-sm tw-mb-4 tw-flex-1">Run the autodetect strategy from AutoPi Cloud - Any (passive), OBD (active SAE J1979) or J1939 (active PGN scan). The detected bitrate and protocol are confirmed via event tag. Lock the bitrate, configure per-channel termination and set send/receive mode.</p>
2605          <div class="tw-rounded-lg tw-bg-slate-950 tw-border tw-border-slate-800 tw-p-3 tw-font-mono tw-text-xs">
2606            <div class="tw-text-slate-600 tw-mb-1"># autodetect result</div>
2607            <div class="tw-text-cyan-300">vehicle/bus/can0/autodetected</div>
2608            <div class="tw-text-slate-500 tw-mt-1">bitrate: 250000 &nbsp;|&nbsp; J1939</div>
2609          </div>
2610        </div>
2611
2612        <div class="tw-bg-slate-900 tw-p-6 tw-flex tw-flex-col">
2613          <div class="tw-flex tw-items-center tw-gap-3 tw-mb-4">
2614            <span class="tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8 tw-rounded-full tw-bg-cyan-500/10 tw-border tw-border-cyan-500/30 tw-text-cyan-400 tw-text-xs tw-font-bold tw-shrink-0">03</span>
2615            <span class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-cyan-400 tw-uppercase">Log</span>
2616          </div>
2617          <h3 class="tw-text-white tw-font-bold tw-text-base tw-mb-3">Configure the logger</h3>
2618          <p class="tw-text-slate-400 tw-text-sm tw-mb-4 tw-flex-1">Create named loggers per channel with pass/block ID filters. Select Standard (CSV/JSONL/LOG) or ASAM (MDF4) decoder, import your DBC file, choose signals and set rollover size. Configure output workers - local eMMC, USB and/or S3 with sync interval and retry count.</p>
2619          <div class="tw-rounded-lg tw-bg-slate-950 tw-border tw-border-slate-800 tw-p-3 tw-font-mono tw-text-xs">
2620            <div class="tw-text-slate-600 tw-mb-1"># logger writing</div>
2621            <div class="tw-text-cyan-300">vehicle/bus/can0/logger/raw/writing</div>
2622            <div class="tw-text-slate-500 tw-mt-1">decoder: asam &nbsp;|&nbsp; output: mdf4</div>
2623          </div>
2624        </div>
2625
2626        <div class="tw-bg-slate-900 tw-p-6 tw-flex tw-flex-col">
2627          <div class="tw-flex tw-items-center tw-gap-3 tw-mb-4">
2628            <span class="tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8 tw-rounded-full tw-bg-cyan-500/10 tw-border tw-border-cyan-500/30 tw-text-cyan-400 tw-text-xs tw-font-bold tw-shrink-0">04</span>
2629            <span class="tw-text-xs tw-font-bold tw-tracking-widest tw-text-cyan-400 tw-uppercase">Monitor</span>
2630          </div>
2631          <h3 class="tw-text-white tw-font-bold tw-text-base tw-mb-3">Monitor and validate</h3>
2632          <p class="tw-text-slate-400 tw-text-sm tw-mb-4 tw-flex-1">Query runtime logger status, inspect fps per channel, verify S3 sync completion events and monitor the event stream in AutoPi Cloud. Tailscale SSH gives direct shell access to the device for live <code class="tw-text-cyan-300">candump</code> captures or Docker container inspection from any network.</p>
2633          <div class="tw-rounded-lg tw-bg-slate-950 tw-border tw-border-slate-800 tw-p-3 tw-font-mono tw-text-xs">
2634            <div class="tw-text-slate-600 tw-mb-1"># s3 sync confirmed</div>
2635            <div class="tw-text-cyan-300 tw-break-all">vehicle/bus/can0/logger/&lt;name&gt;/s3_sync/completed</div>
2636          </div>
2637        </div>
2638
2639      </div>
2640
2641      <div class="tw-mt-8 tw-flex tw-flex-wrap tw-gap-3">
2642        <a class="btn btn-md btn-primary-mono-300 cta-btn shadow-cta-btn fw-bold" href="https://docs.autopi.io/getting_started/autopi_canfd_pro/pro-user-guide/" target="_blank" rel="noopener noreferrer">Read Full Pro User Guide</a>
2643        <a class="btn btn-md btn-outline-primary-mono-500 cta-btn fw-bold" href="https://docs.autopi.io/cloud/" target="_blank" rel="noopener noreferrer">Cloud Documentation</a>
2644        <a class="btn btn-md btn-outline-primary-mono-500 cta-btn fw-bold" href="https://docs.autopi.io/core/" target="_blank" rel="noopener noreferrer">Core Documentation</a>
2645      </div>
2646    </div>
2647  </section>
2648
2649
2650  <!-- QUESTIONS FORM -->
2651  <section class="tw-bg-slate-950 tw-py-16 tw-border-t tw-border-slate-800 overflow-hidden">
2652  <div class="container-xxl px-3">
2653    <div class="row justify-content-center">
2654      <div class="col-lg-8 col-xl-7">
2655
2656        <!-- Heading -->
2657        <div class="text-center tw-mb-10">
2658          <div class="tw-inline-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1 tw-rounded-full tw-text-xs tw-font-mono tw-tracking-wider tw-text-cyan-400 tw-border tw-border-cyan-500/30 tw-bg-cyan-500/10 tw-mb-4">
2659            // contact
2660          </div>
2661          <h2 class="h2-autopi tw-text-white fw-bold">Still have questions?</h2>
2662          <p class="tw-text-slate-400 tw-mt-3">Get in touch with us - we're ready to answer any and all questions.</p>
2663        </div>
2664
2665        <!-- Form card -->
2666        <div class="tw-bg-white tw-rounded-2xl tw-shadow-2xl tw-overflow-hidden">
2667
2668          <!-- Card header bar -->
2669          <div class="tw-bg-slate-50 tw-border-b tw-border-slate-200 tw-px-8 tw-py-4">
2670            <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider">// send a message</div>
2671            <div class="tw-text-slate-900 tw-font-bold tw-text-base tw-mt-0.5">We aim to reply within one business day.</div>
2672            <p class="tw-text-slate-600 tw-text-sm tw-mt-2 tw-mb-0">Or email <a href="mailto:[email protected]">[email protected]</a>.</p>
2673          </div>
2674
2675          <!-- Form body -->
2676          <div class="tw-p-8">
2677            <form id="f6b1bdd5" class="ajax-form needs-validation" method="post"
2678              data-form-id="questions" data-inquiry-context data-product-interest="unspecified"
2679              action="/sales-inquiry/"
2680              data-success="Thank you for your enquiry, we'll be in touch soon."
2681              data-error="Something went wrong. Please try again or email [email protected]."
2682              data-validation-placement="before">
2683              <input type="hidden" name="csrfmiddlewaretoken" value="YZAiB5W23qvj7Erb1Zjh2W5pFKs3dmHwLEcmK5bwTjXpYuoqFrsfMd3nrnStKqUy">
2684
2685              <div class="row g-3">
2686                <div class="col-sm-6">
2687                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2688                    NAME <span class="tw-text-red-500">*</span>
2689                  </label>
2690                  <input type="text" name="name" maxlength="100" placeholder="Your Name" class="form-control" required id="id_name">
2691                </div>
2692                <div class="col-sm-6">
2693                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2694                    EMAIL <span class="tw-text-red-500">*</span>
2695                  </label>
2696                  <input type="email" name="email" maxlength="100" placeholder="Email Address" class="form-control" required id="id_email">
2697                </div>
2698                <div class="col-sm-6">
2699                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2700                    PHONE <span class="tw-text-slate-400 tw-normal-case tw-font-sans">(optional)</span>
2701                  </label>
2702                  <input type="text" name="phone" maxlength="100" placeholder="Phone Number" class="form-control" id="id_phone">
2703                </div>
2704                <div class="col-sm-6">
2705                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2706                    COMPANY <span class="tw-text-slate-400 tw-normal-case tw-font-sans">(optional)</span>
2707                  </label>
2708                  <input type="text" name="company" maxlength="100" placeholder="Company Name" class="form-control" id="id_company">
2709                </div>
2710                <div class="col-12">
2711                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2712                    MESSAGE <span class="tw-text-red-500">*</span>
2713                  </label>
2714                  <textarea name="message" cols="40" rows="10" maxlength="1000" placeholder="Your Message ..." style="height: 150px" class="form-control" required id="id_message">
2715</textarea>
2716                </div>
2717              </div>
2718
2719              <div class="tw-mt-4 tw-rounded-xl tw-bg-slate-50 tw-border tw-border-slate-200 tw-p-3 d-flex flex-column gap-2">
2720                <div class="form-check tw-m-0">
2721                  <input type="checkbox" name="terms_conditions" class="form-check-input" required id="id_terms_conditions">
2722                  <label class="form-check-label tw-text-xs tw-text-slate-600 tw-ml-1" for="id_terms_conditions">
2723                    I accept the <a class="tw-text-blue-600" style="text-decoration:none;" href="https://shop.autopi.io/pages/terms-and-conditions">Terms and Conditions</a>
2724                    <span class="tw-text-red-500">*</span>
2725                  </label>
2726                </div>
2727                <div class="form-check tw-m-0">
2728                  <input type="checkbox" name="newsletter" class="form-check-input" id="id_newsletter">
2729                  <label class="form-check-label tw-text-xs tw-text-slate-600 tw-ml-1" for="id_newsletter">
2730                    Sign me up for the newsletter
2731                  </label>
2732                </div>
2733              </div>
2734
2735              <div class="tw-mt-5 d-flex flex-wrap align-items-center justify-content-between gap-3">
2736                <p class="tw-text-xs tw-text-slate-400 tw-m-0"><span class="tw-text-red-500">*</span> Mandatory fields</p>
2737                <button class="btn btn-primary-mono-300 cta-btn shadow-cta-btn fw-bold" style="white-space:normal;max-width:100%;" type="submit">
2738                  <span class="d-none spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
2739                  Discuss your proof of concept
2740                </button>
2741              </div>
2742
2743              <div class="ajax-form-error overlay-error" style="display: none;">
2744                <div class="overlay-message">
2745                  <div style="width:48px;height:48px;border-radius:12px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;">
2746                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
2747                      <circle cx="12" cy="12" r="10" stroke="#ef4444" stroke-width="2"/>
2748                      <path d="M12 8v4M12 16h.01" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/>
2749                    </svg>
2750                  </div>
2751                  <div style="font-family:monospace;font-size:0.65rem;letter-spacing:0.1em;color:#ef4444;margin-bottom:0.5rem;">// error</div>
2752                  <p class="message" style="color:#f1f5f9;font-size:0.9rem;line-height:1.6;margin:0;"></p>
2753                </div>
2754              </div>
2755              <div class="ajax-form-success overlay-success" style="display: none;">
2756                <div class="overlay-message">
2757                  <div style="width:48px;height:48px;border-radius:12px;background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.3);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;">
2758                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
2759                      <circle cx="12" cy="12" r="10" stroke="#22c55e" stroke-width="2"/>
2760                      <path d="M8 12l3 3 5-5" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2761                    </svg>
2762                  </div>
2763                  <div style="font-family:monospace;font-size:0.65rem;letter-spacing:0.1em;color:#22c55e;margin-bottom:0.5rem;">// success</div>
2764                  <p class="message" style="color:#f1f5f9;font-size:0.9rem;line-height:1.6;margin:0;"></p>
2765                </div>
2766              </div>
2767            </form>
2768          </div>
2769
2770        </div>
2771      </div>
2772    </div>
2773  </div>
2774</section>
2775
2776
2777    </main>
2778
2779    
2780
2781<!-- ============================================================
2782     FLOATING CONTACT BADGE
2783     ============================================================ -->
2784<div id="floating-newsletter-badge" type="button" class="float-end"
2785  data-bs-toggle="modal" data-bs-target="#floating-newsletter-modal">
2786
2787  <!-- Desktop tab -->
2788  <div id="desktop-modal"
2789    class="d-none d-md-flex align-items-center tw-rounded-t-xl tw-bg-slate-950 tw-border tw-border-b-0 tw-border-slate-700 tw-shadow-xl tw-px-3 tw-py-2 tw-gap-2"
2790    style="cursor: pointer;">
2791    <!-- Envelope icon -->
2792    <div style="width:28px;height:28px;border-radius:6px;background:rgba(34,211,238,0.12);border:1px solid rgba(34,211,238,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;">
2793      <svg width="13" height="10" viewBox="0 0 24 20" fill="none" aria-hidden="true" style="color:#22d3ee;">
2794        <path d="M2 4h20c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" stroke="currentColor" stroke-width="2"/>
2795        <polyline points="24,4 12,13 0,4" stroke="currentColor" stroke-width="2"/>
2796      </svg>
2797    </div>
2798    <!-- Text -->
2799    <div style="font-size:0.75rem;font-weight:700;color:#ffffff;line-height:1.2;white-space:nowrap;">Contact our engineers ↑</div>
2800  </div>
2801
2802  <!-- Mobile circle -->
2803  <div id="mobile-modal"
2804    class="d-flex d-md-none justify-content-center align-items-center tw-rounded-full tw-bg-slate-950 tw-border tw-border-slate-700 tw-shadow-xl"
2805    style="width:56px;height:56px;">
2806    <svg width="22" height="18" viewBox="0 0 25 20" fill="none" class="tw-text-cyan-400" aria-hidden="true">
2807      <path d="M2.5 10.5L17 3.5L13 17L9.5 11L2.5 10.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
2808    </svg>
2809  </div>
2810
2811</div>
2812
2813<!-- ============================================================
2814     CONTACT MODAL
2815     ============================================================ -->
2816<div class="modal fade overflow-hidden" id="floating-newsletter-modal" tabindex="-1"
2817  aria-labelledby="floating-newsletter-label" aria-hidden="true">
2818  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl mx-auto px-3">
2819    <div class="modal-content tw-rounded-2xl tw-overflow-hidden tw-border-0 tw-shadow-2xl">
2820      <div class="row g-0">
2821
2822        <!-- LEFT: Dark value prop panel -->
2823        <div class="col-lg-4 d-none d-lg-flex flex-column justify-content-between tw-bg-slate-950 tw-py-10 tw-px-12">
2824          <div class="tw-mx-10">
2825            <div class="tw-font-mono tw-text-xs tw-text-cyan-400 tw-tracking-wider tw-mb-4">// get in touch</div>
2826            <h3 class="tw-text-white tw-font-bold tw-text-xl tw-leading-snug tw-mb-3">
2827              Talk to an AutoPi engineer
2828            </h3>
2829            <p class="tw-text-slate-400 tw-text-sm tw-leading-relaxed">
2830              Buy devices for your proof of concept, then work with our engineers to extract vehicle data, including reverse engineering where needed. We agree the engineering scope, costs, timing and acceptance criteria with you before starting the work.
2831            </p>
2832            <div class="tw-mt-6 tw-flex tw-flex-col tw-gap-4">
2833
2834              <div class="tw-flex tw-items-start tw-gap-3">
2835                <div class="tw-flex-shrink-0 tw-w-8 tw-h-8 tw-rounded-lg tw-bg-cyan-500/15 tw-border tw-border-cyan-500/30 tw-flex tw-items-center tw-justify-center">
2836                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" class="tw-text-cyan-400" aria-hidden="true">
2837                    <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
2838                  </svg>
2839                </div>
2840                <div>
2841                  <div class="tw-font-mono tw-text-xs tw-text-cyan-400 tw-tracking-wider tw-mb-0.5">Fast response</div>
2842                  <div class="tw-text-slate-400 tw-text-xs tw-leading-snug">We aim to reply within one business day.</div>
2843                </div>
2844              </div>
2845
2846              <div class="tw-flex tw-items-start tw-gap-3">
2847                <div class="tw-flex-shrink-0 tw-w-8 tw-h-8 tw-rounded-lg tw-bg-blue-500/15 tw-border tw-border-blue-500/30 tw-flex tw-items-center tw-justify-center">
2848                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" class="tw-text-blue-400" aria-hidden="true">
2849                    <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
2850                    <path d="M12 6v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
2851                  </svg>
2852                </div>
2853                <div>
2854                  <div class="tw-font-mono tw-text-xs tw-text-blue-400 tw-tracking-wider tw-mb-0.5">No commitment</div>
2855                  <div class="tw-text-slate-400 tw-text-xs tw-leading-snug">Ask a question or explore options - no obligation.</div>
2856                </div>
2857              </div>
2858
2859              <div class="tw-flex tw-items-start tw-gap-3">
2860                <div class="tw-flex-shrink-0 tw-w-8 tw-h-8 tw-rounded-lg tw-bg-slate-700 tw-border tw-border-slate-600 tw-flex tw-items-center tw-justify-center">
2861                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" class="tw-text-slate-300" aria-hidden="true">
2862                    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" stroke="currentColor" stroke-width="2"/>
2863                    <polyline points="22,6 12,13 2,6" stroke="currentColor" stroke-width="2"/>
2864                  </svg>
2865                </div>
2866                <div>
2867                  <div class="tw-font-mono tw-text-xs tw-text-slate-300 tw-tracking-wider tw-mb-0.5">Direct line</div>
2868                  <div class="tw-text-slate-400 tw-text-xs tw-leading-snug">
2869                    Or email us at <a href="mailto:[email protected]" class="tw-text-cyan-400" style="text-decoration:none;">[email protected]</a>
2870                  </div>
2871                </div>
2872              </div>
2873
2874            </div>
2875          </div>
2876          <div class="tw-mt-8 tw-pt-6 tw-border-t tw-border-slate-800 tw-mx-10">
2877            <div class="tw-font-mono tw-text-xs tw-text-slate-500">AutoPi.io - Automotive Data Loggers</div>
2878          </div>
2879        </div>
2880
2881        <!-- RIGHT: Form panel -->
2882        <div class="col-lg-8 tw-bg-white">
2883
2884          <!-- Header bar -->
2885          <div class="tw-bg-slate-50 tw-border-b tw-border-slate-200 tw-px-8 tw-py-5 d-flex align-items-center justify-content-between">
2886            <div>
2887              <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider">// send a message</div>
2888              <h5 class="tw-text-slate-900 tw-font-bold tw-text-base tw-m-0 tw-mt-0.5" id="floating-newsletter-label">
2889                Discuss your proof of concept
2890              </h5>
2891            </div>
2892            <button type="button"
2893              class="d-flex align-items-center justify-content-center tw-w-8 tw-h-8 tw-rounded-lg tw-bg-slate-100 tw-border tw-border-slate-200 tw-text-slate-500"
2894              style="width:32px;height:32px;background:none;border:1px solid #e2e8f0;border-radius:8px;
2894cursor:pointer;"
2895              data-bs-dismiss="modal" aria-label="Close">
2896              <svg width="14" height="14" viewBox="0 0 18 18" fill="none" aria-hidden="true">
2897                <path d="M4 4l10 10M14 4l-10 10" stroke="#64748b" stroke-width="2.5" stroke-linecap="round"/>
2898              </svg>
2899            </button>
2900          </div>
2901
2902          <!-- Form body -->
2903          <div class="tw-p-8">
2904            <div class="d-lg-none tw-text-slate-600 tw-text-sm tw-mb-4">
2905              <p>Buy devices for your proof of concept, then work with our engineers to extract vehicle data, including reverse engineering where needed. We agree the engineering scope, costs, timing and acceptance criteria with you before starting the work.</p>
2906              <p>We aim to reply within one business day. Or email <a href="mailto:[email protected]">[email protected]</a>.</p>
2907            </div>
2908            <form id="newsletter" class="ajax-form needs-validation" method="post"
2909              data-form-id="newsletter" data-inquiry-context data-product-interest="unspecified"
2910              action="/sales-inquiry/"
2911              data-success="Thank you for contacting us! We will get back to you shortly."
2912              data-error="Something went wrong. Please try again or email [email protected]."
2913              data-validation-placement="before">
2914              <input type="hidden" name="csrfmiddlewaretoken" value="YZAiB5W23qvj7Erb1Zjh2W5pFKs3dmHwLEcmK5bwTjXpYuoqFrsfMd3nrnStKqUy">
2915
2916              <div class="row g-3">
2917                <div class="col-sm-6">
2918                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2919                    NAME <span class="tw-text-red-500">*</span>
2920                  </label>
2921                  <input type="text" name="name" maxlength="100" placeholder="Your Name" class="form-control" required id="id_name">
2922                </div>
2923                <div class="col-sm-6">
2924                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2925                    EMAIL <span class="tw-text-red-500">*</span>
2926                  </label>
2927                  <input type="email" name="email" maxlength="100" placeholder="Email Address" class="form-control" required id="id_email">
2928                </div>
2929                <div class="col-12">
2930                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2931                    COMPANY <span class="tw-text-slate-400 tw-normal-case tw-font-sans">(optional)</span>
2932                  </label>
2933                  <input type="text" name="company" maxlength="100" placeholder="Company Name" class="form-control" id="id_company">
2934                </div>
2935                <div class="col-12">
2936                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2937                    PHONE <span class="tw-text-slate-400 tw-normal-case tw-font-sans">(optional)</span>
2938                  </label>
2939                  <input type="text" name="phone" maxlength="100" placeholder="Phone Number" class="form-control" id="id_phone">
2940                </div>
2941                <div class="col-12">
2942                  <label class="tw-block tw-font-mono tw-text-xs tw-text-slate-500 tw-tracking-wider tw-mb-1">
2943                    MESSAGE <span class="tw-text-red-500">*</span>
2944                  </label>
2945                  <textarea name="message" cols="40" rows="10" maxlength="1000" placeholder="Your Message ..." style="height: 150px" class="form-control" required id="id_message">
2946</textarea>
2947                </div>
2948              </div>
2949
2950              <div class="tw-mt-4 tw-rounded-xl tw-bg-slate-50 tw-border tw-border-slate-200 tw-p-3 d-flex flex-column gap-2">
2951                <div class="form-check tw-m-0">
2952                  <input type="checkbox" name="terms_conditions" class="form-check-input" required id="id_terms_conditions">
2953                  <label class="form-check-label tw-text-xs tw-text-slate-600 tw-ml-1">
2954                    I accept the
2955                    <a class="tw-text-blue-600" style="text-decoration:none;" href="https://shop.autopi.io/pages/terms-and-conditions">Terms and Conditions</a>
2956                    <span class="tw-text-red-500">*</span>
2957                  </label>
2958                </div>
2959                <div class="form-check tw-m-0">
2960                  <input type="checkbox" name="newsletter" class="form-check-input" id="id_newsletter">
2961                  <label class="form-check-label tw-text-xs tw-text-slate-600 tw-ml-1">
2962                    Sign me up for the newsletter
2963                  </label>
2964                </div>
2965              </div>
2966
2967              <div class="tw-mt-4 d-flex flex-wrap align-items-center justify-content-between gap-3">
2968                <p class="tw-text-xs tw-text-slate-400 tw-m-0"><span class="tw-text-red-500">*</span> Mandatory fields</p>
2969                <button class="btn btn-primary-mono-300 cta-btn shadow-cta-btn fw-bold" style="white-space:normal;max-width:100%;" type="submit">
2970                  <span class="d-none spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
2971                  Discuss your proof of concept
2972                </button>
2973              </div>
2974
2975              <div class="ajax-form-error overlay-error" style="display: none;">
2976                <div class="overlay-message">
2977                  <div style="width:48px;height:48px;border-radius:12px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;">
2978                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
2979                      <circle cx="12" cy="12" r="10" stroke="#ef4444" stroke-width="2"/>
2980                      <path d="M12 8v4M12 16h.01" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/>
2981                    </svg>
2982                  </div>
2983                  <div style="font-family:monospace;font-size:0.65rem;letter-spacing:0.1em;color:#ef4444;margin-bottom:0.5rem;">// error</div>
2984                  <p class="message" style="color:#f1f5f9;font-size:0.9rem;line-height:1.6;margin:0;"></p>
2985                </div>
2986              </div>
2987              <div class="ajax-form-success overlay-success" style="display: none;">
2988                <div class="overlay-message">
2989                  <div style="width:48px;height:48px;border-radius:12px;background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.3);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;">
2990                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
2991                      <circle cx="12" cy="12" r="10" stroke="#22c55e" stroke-width="2"/>
2992                      <path d="M8 12l3 3 5-5" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2993                    </svg>
2994                  </div>
2995                  <div style="font-family:monospace;font-size:0.65rem;letter-spacing:0.1em;color:#22c55e;margin-bottom:0.5rem;">// success</div>
2996                  <p class="message" style="color:#f1f5f9;font-size:0.9rem;line-height:1.6;margin:0;"></p>
2997                </div>
2998              </div>
2999            </form>
3000          </div>
3001
3002        </div>
3003      </div>
3004    </div>
3005  </div>
3006</div>
3007<script src="https://d1ihv1nrlgx8nr.cloudfront.net/static/js/inquiry-context.js" defer></script>
3007
3008
3009    
3010
3011<footer class="tw-bg-slate-50 tw-border-t tw-border-slate-200">
3012  <div class="container-xxl px-3 tw-pt-14 tw-pb-4">
3013
3014    <!-- Main footer grid -->
3015    <div class="row g-5 tw-pb-12 tw-border-b tw-border-slate-200">
3016
3017      <!-- Brand column -->
3018      <div class="col-lg-3">
3019        
3020          <img class="lazy tw-mb-6"
3021               data-src="https://d1ihv1nrlgx8nr.cloudfront.net/static/img/logos/logo-dark.png"
3022               alt="AutoPi Logo"
3023               width="160"
3024               height="40"
3025               style="">
3026        
3027        <div class="tw-text-slate-600 tw-text-sm tw-leading-relaxed footer-brand">
3028          
3029            <h5 class="label fw-bold pb-0">Designed and Developed in Denmark
3030  <svg class="mt-2 ms-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 48" style="height: 60px; width: auto;">
3031    <path fill="#c8102e" d="M0,0H37V28H0Z" />
3032    <path fill="#fff" d="M0,12H12V0H16V12H37V16H16V28H12V16H0Z" />
3033  </svg>
3034</h5> <p class="label tw-text-slate-800 my-1">
3035  AutoPi.io ApS | VAT: DK38816233<br>
3036  Alexander Foss Gade 13, 3. -2<br>
3037  9000 Aalborg, Denmark
3038</p> <a class="nav-link label fw-bold tw-text-slate-800 my-4 p-0" href="mailto:[email protected]">[email protected]</a> 
3039
3040          
3041        </div>
3042        <div class="footer-social">
3043          
3044            <h5 class="label fw-bold my-3">Follow us</h5> <ul class="nav justify-content-start mb-3">      
3045  <li class="nav-item me-2">
3046    <a class="link-dark" href="https://www.linkedin.com/company/autopi.io">
3047      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 35px; height: auto;">              
3048        <path
3049          d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
3050      </svg>
3051    </a>
3052  </li>
3053  <li class="nav-item">
3054    <a class="link-dark" href="https://github.com/autopi-io">
3055      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 35px; height: auto;">              
3056        <path
3057          d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
3058      </svg>
3059    </a>
3060  </li>
3061</ul>
3062
3063          
3064        </div>
3065      </div>
3066
3067      <!-- Nav link columns -->
3068      <div class="col-lg-9">
3069        <div class="row row-cols-2 row-cols-lg-4 g-4">
3070          
3071            <div class="col">
3072              <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-4">// products</div>
3073              <ul class="nav flex-column tw-gap-1">
3074                
3075                  <li class="nav-item">
3076                    
3077                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3078                       style="transition: color 0.15s;"
3079                       onmouseover="this.style.color='#0f172a'"
3080                       onmouseout="this.style.color=''"
3081                       href="/hardware/autopi-canfd-pro/">
3082                      AutoPi CAN-FD Pro
3083                    </a>
3084                  </li>
3085                
3086                  <li class="nav-item">
3087                    
3088                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3089                       style="transition: color 0.15s;"
3090                       onmouseover="this.style.color='#0f172a'"
3091                       onmouseout="this.style.color=''"
3092                       href="/hardware/autopi-tmu-cm4/">
3093                      AutoPi TMU CM4
3094                    </a>
3095                  </li>
3096                
3097                  <li class="nav-item">
3098                    
3099                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3100                       style="transition: color 0.15s;"
3101                       onmouseover="this.style.color='#0f172a'"
3102                       onmouseout="this.style.color=''"
3103                       href="/hardware/autopi-mini/">
3104                      AutoPi TMU Mini
3105                    </a>
3106                  </li>
3107                
3108                  <li class="nav-item">
3109                    
3110                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3111                       style="transition: color 0.15s;"
3112                       onmouseover="this.style.color='#0f172a'"
3113                       onmouseout="this.style.color=''"
3114                       href="/hardware/compare/">
3115                      Compare devices
3116                    </a>
3117                  </li>
3118                
3119                  <li class="nav-item">
3120                    
3121                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3122                       style="transition: color 0.15s;"
3123                       onmouseover="this.style.color='#0f172a'"
3124                       onmouseout="this.style.color=''"
3125                       href="/software-platform/cloud-management/">
3126                      AutoPi Cloud Overview
3127                    </a>
3128                  </li>
3129                
3130                  <li class="nav-item">
3131                    
3132                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3133                       style="transition: color 0.15s;"
3134                       onmouseover="this.style.color='#0f172a'"
3135                       onmouseout="this.style.color=''"
3136                       href="/software-platform/fleet-management/">
3137                      Fleet Management
3138                    </a>
3139                  </li>
3140                
3141                  <li class="nav-item">
3142                    
3143                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3144                       style="transition: color 0.15s;"
3145                       onmouseover="this.style.color='#0f172a'"
3146                       onmouseout="this.style.color=''"
3147                       href="/software-platform/device-management/">
3148                      Device Management
3149                    </a>
3150                  </li>
3151                
3152                  <li class="nav-item">
3153                    
3154                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3155                       style="transition: color 0.15s;"
3156                       onmouseover="this.style.color='#0f172a'"
3157                       onmouseout="this.style.color=''"
3158                       href="/software-platform/canbus-management/">
3159                      CAN Bus Data Management
3160                    </a>
3161                  </li>
3162                
3163                  <li class="nav-item">
3164                    
3165                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3166                       style="transition: color 0.15s;"
3167                       onmouseover="this.style.color='#0f172a'"
3168                       onmouseout="this.style.color=''"
3169                       href="https://shop.autopi.io">
3170                      Shop
3171                    </a>
3172                  </li>
3173                
3174              </ul>
3175            </div>
3176          
3177            <div class="col">
3178              <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-4">// solutions</div>
3179              <ul class="nav flex-column tw-gap-1">
3180                
3181                  <li class="nav-item">
3182                    
3183                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3184                       style="transition: color 0.15s;"
3185                       onmouseover="this.style.color='#0f172a'"
3186                       onmouseout="this.style.color=''"
3187                       href="/business-solutions/features/device-configuration-management/">
3188                      Device management
3189                    </a>
3190                  </li>
3191                
3192                  <li class="nav-item">
3193                    
3194                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3195                       style="transition: color 0.15s;"
3196                       onmouseover="this.style.color='#0f172a'"
3197                       onmouseout="this.style.color=''"
3198                       href="/industry-sectors/heavy-equipment-management/">
3199                      Heavy Equipment Management
3200                    </a>
3201                  </li>
3202                
3203                  <li class="nav-item">
3204                    
3205                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3206                       style="transition: color 0.15s;"
3207                       onmouseover="this.style.color='#0f172a'"
3208                       onmouseout="this.style.color=''"
3209                       href="/business-solutions/vehicle-telematics/">
3210                      Vehicle Telematics
3211                    </a>
3212                  </li>
3213                
3214                  <li class="nav-item">
3215                    
3216                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3217                       style="transition: color 0.15s;"
3218                       onmouseover="this.style.color='#0f172a'"
3219                       onmouseout="this.style.color=''"
3220                       href="/business-solutions/fleet-management-system/">
3221                      Fleet Management
3222                    </a>
3223                  </li>
3224                
3225                  <li class="nav-item">
3226                    
3227                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3228                       style="transition: color 0.15s;"
3229                       onmouseover="this.style.color='#0f172a'"
3230                       onmouseout="this.style.color=''"
3231                       href="/business-solutions/fleet-data-management/">
3232                      Data Management
3233                    </a>
3234                  </li>
3235                
3236                  <li class="nav-item">
3237                    
3238                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3239                       style="transition: color 0.15s;"
3240                       onmouseover="this.style.color='#0f172a'"
3241                       onmouseout="this.style.color=''"
3242                       href="/electric-vehicles/">
3243                      Electric vehicles
3244                    </a>
3245                  </li>
3246                
3247                  <li class="nav-item">
3248                    
3249                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3250                       style="transition: color 0.15s;"
3251                       onmouseover="this.style.color='#0f172a'"
3252                       onmouseout="this.style.color=''"
3253                       href="/business-solutions/features/geofencing-fleet-management/">
3254                      Geofencing
3255                    </a>
3256                  </li>
3257                
3258                  <li class="nav-item">
3259                    
3260                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3261                       style="transition: color 0.15s;"
3262                       onmouseover="this.style.color='#0f172a'"
3263                       onmouseout="this.style.color=''"
3264                       href="/business-solutions/features/real-time-data-streaming/">
3265                      Real-time Data Streaming
3266                    </a>
3267                  </li>
3268                
3269                  <li class="nav-item">
3270                    
3271                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3272                       style="transition: color 0.15s;"
3273                       onmouseover="this.style.color='#0f172a'"
3274                       onmouseout="this.style.color=''"
3275                       href="/business-solutions/features/ota-updates-diagnostics/">
3276                      OTA updates &amp; diagnostics
3277                    </a>
3278                  </li>
3279                
3280                  <li class="nav-item">
3281                    
3282                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3283                       style="transition: color 0.15s;"
3284                       onmouseover="this.style.color='#0f172a'"
3285                       onmouseout="this.style.color=''"
3286                       href="/industry-sectors/public-transportation/">
3287                      Public Transportation
3288                    </a>
3289                  </li>
3290                
3291                  <li class="nav-item">
3292                    
3293                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3294                       style="transition: color 0.15s;"
3295                       onmouseover="this.style.color='#0f172a'"
3296                       onmouseout="this.style.color=''"
3297                       href="/industry-sectors/OEM-integration/">
3298                      OEM Integration
3299                    </a>
3300                  </li>
3301                
3302                  <li class="nav-item">
3303                    
3304                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3305                       style="transition: color 0.15s;"
3306                       onmouseover="this.style.color='#0f172a'"
3307                       onmouseout="this.style.color=''"
3308                       href="/industry-sectors/car-leasing/">
3309                      Car Leasing
3310                    </a>
3311                  </li>
3312                
3313                  <li class="nav-item">
3314                    
3315                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3316                       style="transition: color 0.15s;"
3317                       onmouseover="this.style.color='#0f172a'"
3318                       onmouseout="this.style.color=''"
3319                       href="/industry-sectors/vehicle-research-and-development/">
3320                      Vehicle Research
3321                    </a>
3322                  </li>
3323                
3324                  <li class="nav-item">
3325                    
3326                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3327                       style="transition: color 0.15s;"
3328                       onmouseover="this.style.color='#0f172a'"
3329                       onmouseout="this.style.color=''"
3330                       href="/industry-sectors/commercial-trucking/">
3331                      Commercial Trucking
3332                    </a>
3333                  </li>
3334           
3334     
3335              </ul>
3336            </div>
3337          
3338            <div class="col">
3339              <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-4">// resources</div>
3340              <ul class="nav flex-column tw-gap-1">
3341                
3342                  <li class="nav-item">
3343                    
3344                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3345                       style="transition: color 0.15s;"
3346                       onmouseover="this.style.color='#0f172a'"
3347                       onmouseout="this.style.color=''"
3348                       href="/faq/">
3349                      FAQ
3350                    </a>
3351                  </li>
3352                
3353                  <li class="nav-item">
3354                    
3355                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3356                       style="transition: color 0.15s;"
3357                       onmouseover="this.style.color='#0f172a'"
3358                       onmouseout="this.style.color=''"
3359                       href="/support/">
3360                      Contact Support
3361                    </a>
3362                  </li>
3363                
3364                  <li class="nav-item">
3365                    
3366                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3367                       style="transition: color 0.15s;"
3368                       onmouseover="this.style.color='#0f172a'"
3369                       onmouseout="this.style.color=''"
3370                       href="https://docs.autopi.io">
3371                      Documentation
3372                    </a>
3373                  </li>
3374                
3375                  <li class="nav-item">
3376                    
3377                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3378                       style="transition: color 0.15s;"
3379                       onmouseover="this.style.color='#0f172a'"
3380                       onmouseout="this.style.color=''"
3381                       href="/blog/">
3382                      Blogs
3383                    </a>
3384                  </li>
3385                
3386                  <li class="nav-item">
3387                    
3388                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3389                       style="transition: color 0.15s;"
3390                       onmouseover="this.style.color='#0f172a'"
3391                       onmouseout="this.style.color=''"
3392                       href="/blog/library/">
3393                      Blog Library
3394                    </a>
3395                  </li>
3396                
3397                  <li class="nav-item">
3398                    
3399                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3400                       style="transition: color 0.15s;"
3401                       onmouseover="this.style.color='#0f172a'"
3402                       onmouseout="this.style.color=''"
3403                       href="https://api.autopi.io">
3404                      API
3405                    </a>
3406                  </li>
3407                
3408              </ul>
3409            </div>
3410          
3411            <div class="col">
3412              <div class="tw-font-mono tw-text-xs tw-text-slate-400 tw-tracking-wider tw-mb-4">// autopi</div>
3413              <ul class="nav flex-column tw-gap-1">
3414                
3415                  <li class="nav-item">
3416                    
3417                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3418                       style="transition: color 0.15s;"
3419                       onmouseover="this.style.color='#0f172a'"
3420                       onmouseout="this.style.color=''"
3421                       href="/about-us/">
3422                      About us
3423                    </a>
3424                  </li>
3425                
3426                  <li class="nav-item">
3427                    
3428                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3429                       style="transition: color 0.15s;"
3430                       onmouseover="this.style.color='#0f172a'"
3431                       onmouseout="this.style.color=''"
3432                       href="/careers/">
3433                      Careers
3434                    </a>
3435                  </li>
3436                
3437                  <li class="nav-item">
3438                    
3439                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3440                       style="transition: color 0.15s;"
3441                       onmouseover="this.style.color='#0f172a'"
3442                       onmouseout="this.style.color=''"
3443                       href="/sales-inquiry/">
3444                      Contact us
3445                    </a>
3446                  </li>
3447                
3448                  <li class="nav-item">
3449                    
3450                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3451                       style="transition: color 0.15s;"
3452                       onmouseover="this.style.color='#0f172a'"
3453                       onmouseout="this.style.color=''"
3454                       href="https://my.autopi.io/">
3455                      My AutoPi
3456                    </a>
3457                  </li>
3458                
3459                  <li class="nav-item">
3460                    
3461                    <a class="nav-link tw-text-sm tw-text-slate-600 p-0 tw-leading-normal tw-no-underline"
3462                       style="transition: color 0.15s;"
3463                       onmouseover="this.style.color='#0f172a'"
3464                       onmouseout="this.style.color=''"
3465                       href="/glossary/">
3466                      Glossary
3467                    </a>
3468                  </li>
3469                
3470              </ul>
3471            </div>
3472          
3473        </div>
3474      </div>
3475
3476    </div>
3477
3478    <!-- Bottom bar -->
3479    <div class="d-flex flex-column flex-sm-row justify-content-between align-items-center tw-py-5 tw-gap-3">
3480      <p class="tw-font-mono tw-text-xs tw-text-slate-400 tw-m-0">© Copyright 2026 AutoPi.io - All Rights Reserved.</p>
3481      <ul class="nav tw-gap-1 tw-m-0">
3482        
3483          <li class="nav-item">
3484            
3485            <a class="nav-link tw-font-mono tw-text-xs tw-text-slate-400 tw-no-underline tw-py-0 tw-px-2"
3486               style="transition: color 0.15s;"
3487               onmouseover="this.style.color='#0f172a'"
3488               onmouseout="this.style.color=''"
3489               href="https://shop.autopi.io/pages/terms-and-conditions">
3490              Terms and Conditions
3491            </a>
3492          </li>
3493        
3494          <li class="nav-item">
3495            
3496            <a class="nav-link tw-font-mono tw-text-xs tw-text-slate-400 tw-no-underline tw-py-0 tw-px-2"
3497               style="transition: color 0.15s;"
3498               onmouseover="this.style.color='#0f172a'"
3499               onmouseout="this.style.color=''"
3500               href="https://shop.autopi.io/pages/terms-and-conditions">
3501              Cookie Policy
3502            </a>
3503          </li>
3504        
3505          <li class="nav-item">
3506            
3507            <a class="nav-link tw-font-mono tw-text-xs tw-text-slate-400 tw-no-underline tw-py-0 tw-px-2"
3508               style="transition: color 0.15s;"
3509               onmouseover="this.style.color='#0f172a'"
3510               onmouseout="this.style.color=''"
3511               href="https://shop.autopi.io/pages/ccpa-opt-out">
3512              Privacy Policy
3513            </a>
3514          </li>
3515        
3516      </ul>
3517    </div>
3518
3519  </div>
3520</footer>
3521
3522<style>
3523  /* Footer brand block overrides */
3524  footer .footer-brand h5           { color: #1e293b; font-size: 0.8rem; }
3525  footer .footer-brand p            { color: #475569; font-size: 0.8rem; margin: 0.5rem 0; }
3526  footer .footer-brand a            { color: #475569 !important; font-size: 0.8rem; text-decoration: none; }
3527  footer .footer-brand a:hover      { color: #0f172a !important; }
3528  footer .footer-brand svg          { opacity: 0.8; }
3529  /* Social icons */
3530  footer .footer-social h5          { display: none; }
3531  footer .footer-social .nav-item a { color: #94a3b8 !important; transition: color 0.15s; }
3532  footer .footer-social .nav-item a:hover { color: #0f172a !important; }
3533  footer .footer-social svg path    { fill: currentColor; }
3534</style>
3535
3536
3537
3538    
3539    
3539<script src="https://d1ihv1nrlgx8nr.cloudfront.net/static/CACHE/js/output.026e4c453a68.js"></script>
vendor: 1 bytes, line 3539
3539
3540<script src="https://d1ihv1nrlgx8nr.cloudfront.net/static/CACHE/js/output.ff1211fd569c.js" defer></script>
vendor: 1 bytes, line 3540
3540
3541<script src="https://d1ihv1nrlgx8nr.cloudfront.net/static/CACHE/js/output.3ec5ae15a0ef.js" async></script>
vendor: 1 bytes, line 3541
3541
3542<script src="https://d1ihv1nrlgx8nr.cloudfront.net/static/CACHE/js/output.93bf670345f4.js"></script>
3542
3543
3544    
3545  </body>
3546</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.