PageSourceSearch

https://zerosixzero.com/

html zerosixzero.com collected 2026-10-10 02:23:52 UTC 179,340 bytes, 3,040 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    
7    
8    
9    <title>Live GPS Expedition Tracking Maps | ZeroSixZero - Real-Time Adventure Maps</title>
10    <meta name="description" content="Create stunning live tracking maps for expeditions &amp; adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions &amp; storytellers.">
11    <link rel="canonical" href="https://zerosixzero.com/">
12    <link rel="icon" type="image/png" href="/favicon.png">
13    <meta name="theme-color" content="#1c1c1c">
14
15    <meta property="og:type" content="website">
16    <meta property="og:site_name" content="ZeroSixZero">
17    <meta property="og:title" content="Live GPS Expedition Tracking Maps | ZeroSixZero - Real-Time Adventure Maps">
18    <meta property="og:description" content="Create stunning live tracking maps for expeditions &amp; adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions &amp; storytellers.">
19    <meta property="og:url" content="https://zerosixzero.com/">
20    <meta property="og:image" content="https://zerosixzero.com/zerosixzero_banner.jpg">
21    <meta property="og:image:width" content="1200">
22    <meta property="og:image:height" content="630">
23    <meta name="twitter:card" content="summary_large_image">
24    <meta name="twitter:site" content="@zerosixzeromap">
25    <meta name="twitter:title" content="Live GPS Expedition Tracking Maps | ZeroSixZero - Real-Time Adventure Maps">
26    <meta name="twitter:description" content="Create stunning live tracking maps for expeditions &amp; adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions &amp; storytellers.">
27    <meta name="twitter:image" content="https://zerosixzero.com/zerosixzero_banner.jpg">
28
29    
29<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"ZeroSixZero","url":"https://zerosixzero.com/","logo":"https://zerosixzero.com/zerosixzero_logo.png"}</script>
29
30    
31    
32    <link rel="alternate" hreflang="en" href="https://zerosixzero.com/">
33    
34    <link rel="alternate" hreflang="de" href="https://zerosixzero.com/de/">
35    
36    <link rel="alternate" hreflang="fr" href="https://zerosixzero.com/fr/">
37    
38    <link rel="alternate" hreflang="it" href="https://zerosixzero.com/it/">
39    
40    <link rel="alternate" hreflang="x-default" href="https://zerosixzero.com/">
41    
42
43    <link rel="stylesheet" href="/w-assets/css/output.css">
44    <link rel="stylesheet" href="/w-assets/css/custom.min.css">
45    
45<script defer src="https://z8z.z6z.co/script.js" data-tag="web" data-website-id="0d6187cb-71ad-42ba-acf8-0dc696185452" ></script>
45
46    
46<script>
47        !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Ie Ts Ms Ee Es Rs capture Ge calculateEventProperties Os register register_once register_for_session unregister unregister_for_session js getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ds Fs createPersonProfile Ls Ps opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing Cs debug I As getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
48        posthog.init('phc_5GSFSogRoV9gIolqv0XZyVjwdoP6YvSqCjiS3qNBHdq', {
49            api_host: 'https://us.i.posthog.com',
50            defaults: '2025-05-24',
51            person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
52        })
53    </script>
53
54</head>
55<body class="font-sans antialiased text-gray-900 inline-editing bg-z6z gridpage">
56    <a href="#main-content" class="skip-link">Skip to content</a>
57    
58
59
60<header id="header-nav" class="sticky top-0 z-50 bg-z6z gridpage">
61    <nav class="mx-auto flex h-full max-w-7xl items-center justify-between gap-x-4 px-4 sm:px-6 lg:gap-x-8 lg:px-8" aria-label="Main navigation">
62        <a class="-m-1.5 flex shrink-0 items-center p-1.5" href="/">
63            <span class="sr-only">ZeroSixZero</span>
64            <img id="cornerlogo" class="w-auto" src="/w-assets/images/zerosixzero-transparent-300.webp" alt="">
65        </a>
66
67        <div class="hidden lg:flex lg:items-center lg:gap-x-7">
68            
69            <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#first-feature">Features</a>
70            
71            <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#integrations">Integrations</a>
72            
73            <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#examples">Gallery</a>
74            
75            <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#pricing">Pricing</a>
76            
77            <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#contact">Contact</a>
78            
79        </div>
80
81        <div class="header-controls flex items-center gap-x-2 sm:gap-x-3">
82            <div class="hidden lg:flex lg:items-center lg:pr-1">
83                
84<details class="language-switcher">
85    <summary>
86        <svg class="language-globe" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></svg>
87        <span aria-hidden="true">EN</span>
88        <span class="sr-only">Language: English</span>
89    </summary>
90    <div class="language-options" role="group" aria-label="Language">
91        
92        
93        <a href="/" lang="en" hreflang="en"
94           aria-current="page">English</a>
95        
96        
97        <a href="/de/" lang="de" hreflang="de"
98           >Deutsch</a>
99        
100        
101        <a href="/fr/" lang="fr" hreflang="fr"
102           >Français</a>
103        
104        
105        <a href="/it/" lang="it" hreflang="it"
106           >Italiano</a>
107        
108    </div>
109</details>
110
111            </div>
112            <a id="auth-link" class="btn-secondary" href="https://zerosixzero.com/dashboard" data-dashboard-label="Dashboard">Log in</a>
113            <a class="btn-primary" href="https://zerosixzero.com/login?sign_up">Get Started</a>
114            <button id="mobile-menu-button" type="button" class="-mr-2 inline-flex h-10 w-10 items-center justify-center rounded-md text-gray-300 transition-colors hover:bg-white/10 hover:text-white lg:hidden" aria-expanded="false" aria-controls="mobile-menu">
115                <span class="sr-only">Menu</span>
116                <svg class="menu-icon-open h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M3.75 17.25h16.5"/></svg>
117                <svg class="menu-icon-close hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>
118            </button>
119        </div>
120    </nav>
121
122    <div id="mobile-menu" class="hidden lg:hidden" hidden>
123        <div class="mx-auto max-w-7xl px-4 pb-6 pt-2 sm:px-6">
124            <div class="flex flex-col divide-y divide-white/10">
125                
126                <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#first-feature">Features</a>
127                
128                <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#integrations">Integrations</a>
129                
130                <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#examples">Gallery</a>
131                
132                <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#pricing">Pricing</a>
133                
134                <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#contact">Contact</a>
135                
136            </div>
137            <div class="mt-4 flex items-center gap-x-3 border-t border-white/10 pt-4 text-xs text-gray-400">
138                <span>Language</span>
139                <span class="flex items-center gap-x-1" role="group" aria-label="Language">
140                    
141                    
142                    <a class="rounded-md px-2.5 py-1 font-medium transition-colors bg-white/10 text-white" href="/" lang="en" hreflang="en" aria-current="page">English</a>
143                    
144                    
145                    <a class="rounded-md px-2.5 py-1 font-medium transition-colors text-gray-400 hover:text-white" href="/de/" lang="de" hreflang="de">Deutsch</a>
146                    
147                    
148                    <a class="rounded-md px-2.5 py-1 font-medium transition-colors text-gray-400 hover:text-white" href="/fr/" lang="fr" hreflang="fr">Français</a>
149                    
150                    
151                    <a class="rounded-md px-2.5 py-1 font-medium transition-colors text-gray-400 hover:text-white" href="/it/" lang="it" hreflang="it">Italiano</a>
152                    
153                </span>
154            </div>
155        </div>
156    </div>
157</header>
158
159
160    <main id="main-content">
161        
162
163
164<div class="mx-auto max-w-8xl pt-6 pb-12 sm:pt-12 sm:pb-24 px-4 sm:px-6 lg:px-8">
165    <div class="relative isolate overflow-hidden px-6 py-1 sm:py-24 text-center sm:rounded-3xl sm:px-16">
166        <h1 class="mx-auto text-5xl sm:text-7xl lg:text-8xl font-mld tracking-tight text-white max-w-8xl">
167            
168            <span class="glow-word">Explore.</span>
169            
170            <span class="glow-word">Share.</span>
171            
172            <span class="glow-word">Repeat.</span>
173            
174        </h1>
175        <p class="mx-auto mt-6 max-w-6xl text-lg sm:text-2xl md:text-3xl leading-8 text-gray-300">
176            The <span id="adjective" class="animated">perfect</span> live tracking map for your <span id="sport" class="animated">expedition</span>.
177        </p>
178        <div class="mt-10 flex flex-wrap items-center justify-center gap-4">
179            <a href="https://zerosixzero.com/login?sign_up" class="rounded-md bg-z6z-forest px-6 py-3 font-semibold text-white shadow-sm hover:bg-z6z-ocean transition-colors">Start Tracking</a>
180            <a href="#first-feature" class="rounded-md bg-white/10 px-6 py-3 font-semibold text-white shadow-sm hover:bg-white/20 transition-colors">Discover More</a>
181        </div>
182    </div>
183</div>
184
185<script>
186window.Z6Z_WORDS = {"adjectives":["right","real-time","interactive","sharable","most fun","perfect","best","most engaging","immersive","dynamic","intuitive","customizable","reliable","comprehensive","interactive","scalable","versatile","precise","collaborative","seamless"],"sports":["cycle","ultra","charity relay","swim","open water swim","polar swim","ocean row","polar expedition","ultra marathon","next race","sail","adventure","overland journey","epic hike","round the world expedition","ultra distance skateboard 🛹","run","expedition","FKT","world record attempt","endurance challenge","Everest climb","Seven Summits","Grand Slam","round-the-world flight","fitness challenge","LEJOG","🚴","🏃‍♀️","🏊‍♂️","🏊‍♂️🚴‍♂️🏃‍♀️","🚣‍♂️","🚵‍♂️","🏂","🚴‍♂️","🪂","🚵","🧗","triathlon","ultra triathlon","marathon","marathon in every State"]};
187</script>
187
188
189
190
191<div id="first-feature" class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white">
192  <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 ">
193    <div class="lg:w-1/2">
194      <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white">
195        Your adventures are extraordinary. Your maps should be too.
196      </h2>
197      
198        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
199          Every journey tells a story. Every story deserves to be told beautifully. With ZeroSixZero's groundbreaking tracking technology, your adventures unfold in real time, connecting you to your followers and loved ones whether you're scaling local peaks or crossing continents.
200        </p>
201      
202        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
203          This is tracking technology that doesn't just work. <span class="glow-text">It inspires.</span>
204        </p>
205      
206      <div class="mt-6 sm:mt-10 flex">
207        <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">
208          Get Started <span aria-hidden="true">&rarr;</span>
209        </a>
210      </div>
211    </div>
212    <div class="lg:w-1/2">
213      <img
214        src="/w-assets/images/jonas3.webp"
215        alt="Expedition tracking map displayed on a tablet"
216        class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover"
217        loading="lazy"
218        decoding="async"
219      />
220    </div>
221  </div>
222</div>
223
224
225
226
227<div  class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white">
228  <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 lg:flex-row-reverse">
229    <div class="lg:w-1/2">
230      <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white">
231        Brilliantly Simple. Simply Brilliant.
232      </h2>
233      
234        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
235          Create stunning maps with a tap. Or let us craft one that's uniquely yours. Either way, <span class="glow-text">it just works.</span>
236        </p>
237      
238        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
239          We've obsessed over the details, so you don't have to. Not technical? No problem. Seamless integration with your favorite devices and apps. Create an account, choose your style, start sharing your adventures.
240        </p>
241      
242      <div class="mt-6 sm:mt-10 flex">
243        <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">
244          Get Started <span aria-hidden="true">&rarr;</span>
245        </a>
246      </div>
247    </div>
248    <div class="lg:w-1/2">
249      <img
250        src="/w-assets/images/sc1.webp"
251        alt="Adventure map displayed on a tablet"
252        class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover"
253        loading="lazy"
254        decoding="async"
255      />
256    </div>
257  </div>
258</div>
259
260
261<div id="integrations" class="bg-z6z py-24 sm:py-32">
262  <div class="mx-auto max-w-7xl px-6 text-white lg:px-8">
263    <h2 class="text-3xl text-center font-bold tracking-tight text-white sm:text-4xl">
264      Works seamlessly with <span class="glow-text">your world</span>.
265    </h2>
266    <p class="text-base text-center leading-8 mt-2 mb-6 text-gray-300">
267      Connect instantly with your favorite devices — from phones and watches to cycling computers and satellite trackers. Your fitness platforms, GPS devices, and adventure gear. All working in perfect harmony. Need something more? We&#39;ll build it together.
268    </p>
269    <div id="integrations-container" class="container mx-auto p-4">
270      <div id="integration-grid" class="integration-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
271        
272          
273          
274            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Garmin Connect&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-garminconnect.webp&quot;,&quot;description&quot;:&quot;Connect your Garmin Cycling Computers, Watches and more&quot;,&quot;info&quot;:&quot;Connect your Garmin watch, cycling computer or past Garmin activities, sync new activies automatically to your map the moment you complete them.&quot;}">
275              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-garminconnect.webp" alt="" loading="lazy" decoding="async">
276              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
277                <div>
278                  <h3 class="text-lg">Garmin Connect</h3>
279                  <p class="text-sm">Connect your Garmin Cycling Computers, Watches and more</p>
280                </div>
281              </div>
282            </div>
283          
284        
285          
286          
287            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Garmin InReach&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-garmin.webp&quot;,&quot;description&quot;:&quot;
287InReach satellite communication&quot;,&quot;info&quot;:&quot;Compatible with all Garmin satellite trackers with InReach features, connect your InReach tracking data and optionally InReach text messages &quot;}">
288              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-garmin.webp" alt="" loading="lazy" decoding="async">
289              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
290                <div>
291                  <h3 class="text-lg">Garmin InReach</h3>
292                  <p class="text-sm">InReach satellite communication</p>
293                </div>
294              </div>
295            </div>
296          
297        
298          
299          
300            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Coros&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-coros.webp&quot;,&quot;description&quot;:&quot;Sync data from your Coros wearables&quot;,&quot;info&quot;:&quot;Sync your activities from your Coros watch as they happen&quot;}">
301              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-coros.webp" alt="" loading="lazy" decoding="async">
302              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
303                <div>
304                  <h3 class="text-lg">Coros</h3>
305                  <p class="text-sm">Sync data from your Coros wearables</p>
306                </div>
307              </div>
308            </div>
309          
310        
311          
312          
313            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Bivy Stick&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-bivy.webp&quot;,&quot;description&quot;:&quot;Bivy Stick&quot;,&quot;info&quot;:&quot;Connect your Bivy Stick&quot;}">
314              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-bivy.webp" alt="" loading="lazy" decoding="async">
315              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
316                <div>
317                  <h3 class="text-lg">Bivy Stick</h3>
318                  <p class="text-sm">Bivy Stick</p>
319                </div>
320              </div>
321            </div>
322          
323        
324          
325          
326            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Suunto&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-suunto.webp&quot;,&quot;description&quot;:&quot;Sync data from your Suunto wearables&quot;,&quot;info&quot;:&quot;Detailed information about Suunto integration...&quot;}">
327              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-suunto.webp" alt="" loading="lazy" decoding="async">
328              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
329                <div>
330                  <h3 class="text-lg">Suunto</h3>
331                  <p class="text-sm">Sync data from your Suunto wearables</p>
332                </div>
333              </div>
334            </div>
335          
336        
337          
338          
339            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Zoleo&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-zoleo.webp&quot;,&quot;description&quot;:&quot;Connect your Zoleo satellite messenger&quot;,&quot;info&quot;:&quot;Detailed information about Zoleo integration...&quot;}">
340              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-zoleo.webp" alt="" loading="lazy" decoding="async">
341              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
342                <div>
343                  <h3 class="text-lg">Zoleo</h3>
344                  <p class="text-sm">Connect your Zoleo satellite messenger</p>
345                </div>
346              </div>
347            </div>
348          
349        
350          
351          
352            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Instagram&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-instagram.webp&quot;,&quot;description&quot;:&quot;Import Instagram posts and share your map on Instagram&quot;,&quot;info&quot;:&quot;Detailed information about Instagram integration...&quot;}">
353              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-instagram.webp" alt="" loading="lazy" decoding="async">
354              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
355                <div>
356                  <h3 class="text-lg">Instagram</h3>
357                  <p class="text-sm">Import Instagram posts and share your map on Instagram</p>
358                </div>
359              </div>
360            </div>
361          
362        
363          
364          
365            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Polar&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-polar.webp&quot;,&quot;description&quot;:&quot;Sync data from your Polar devices&quot;,&quot;info&quot;:&quot;Detailed information about Polar integration...&quot;}">
366              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-polar.webp" alt="" loading="lazy" decoding="async">
367              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
368                <div>
369                  <h3 class="text-lg">Polar</h3>
370                  <p class="text-sm">Sync data from your Polar devices</p>
371                </div>
372              </div>
373            </div>
374          
375        
376          
377          
378            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Strava&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-strava.webp&quot;,&quot;description&quot;:&quot;Import Strava activities to your map&quot;,&quot;info&quot;:&quot;Detailed information about Strava integration...&quot;}">
379              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-strava.webp" alt="" loading="lazy" decoding="async">
380              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
381                <div>
382                  <h3 class="text-lg">Strava</h3>
383                  <p class="text-sm">Import Strava activities to your map</p>
384                </div>
385              </div>
386            </div>
387          
388        
389          
390          
391            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;SPOT&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-spot.webp&quot;,&quot;description&quot;:&quot;Connect your SPOT satellite messenger&quot;,&quot;info&quot;:&quot;Detailed information about SPOT integration...&quot;}">
392              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-spot.webp" alt="" loading="lazy" decoding="async">
393              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
394                <div>
395                  <h3 class="text-lg">SPOT</h3>
396                  <p class="text-sm">Connect your SPOT satellite messenger</p>
397                </div>
398              </div>
399            </div>
400          
401        
402          
403          
404            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Wahoo&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-wahoo.webp&quot;,&quot;description&quot;:&quot;Sync data from your Wahoo devices&quot;,&quot;info&quot;:&quot;Detailed information about Wahoo integration...&quot;}">
405              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-wahoo.webp" alt="" loading="lazy" decoding="async">
406              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
407                <div>
408                  <h3 class="text-lg">
408Wahoo</h3>
409                  <p class="text-sm">Sync data from your Wahoo devices</p>
410                </div>
411              </div>
412            </div>
413          
414        
415          
416          
417            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;YB&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-yb.webp&quot;,&quot;description&quot;:&quot;YB tracking devices&quot;,&quot;info&quot;:&quot;Connect your YB / Rockstar Satellite Tracker for worldwide tracking&quot;}">
418              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-yb.webp" alt="" loading="lazy" decoding="async">
419              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
420                <div>
421                  <h3 class="text-lg">YB</h3>
422                  <p class="text-sm">YB tracking devices</p>
423                </div>
424              </div>
425            </div>
426          
427        
428          
429          
430            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Iridium&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-iridium.webp&quot;,&quot;description&quot;:&quot;Iridium satellite network&quot;,&quot;info&quot;:&quot;Connect your Iridium Go! Go Exec, Satellite Phone or Iridium connected device&quot;}">
431              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-iridium.webp" alt="" loading="lazy" decoding="async">
432              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
433                <div>
434                  <h3 class="text-lg">Iridium</h3>
435                  <p class="text-sm">Iridium satellite network</p>
436                </div>
437              </div>
438            </div>
439          
440        
441          
442          
443            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Iridium Go Exec&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-iridiumgoexec.webp&quot;,&quot;description&quot;:&quot;Iridium satellite network&quot;,&quot;info&quot;:&quot;Connect your Iridium Go! Go Exec, Satellite Phone or Iridium connected device&quot;}">
444              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-iridiumgoexec.webp" alt="" loading="lazy" decoding="async">
445              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
446                <div>
447                  <h3 class="text-lg">Iridium Go Exec</h3>
448                  <p class="text-sm">Iridium satellite network</p>
449                </div>
450              </div>
451            </div>
452          
453        
454          
455          
456            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Iridium Go&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-iridiumgo.webp&quot;,&quot;description&quot;:&quot;Iridium satellite network&quot;,&quot;info&quot;:&quot;Connect your Iridium Go! Go Exec, Satellite Phone or Iridium connected device&quot;}">
457              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-iridiumgo.webp" alt="" loading="lazy" decoding="async">
458              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
459                <div>
460                  <h3 class="text-lg">Iridium Go</h3>
461                  <p class="text-sm">Iridium satellite network</p>
462                </div>
463              </div>
464            </div>
465          
466        
467          
468          
469            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;WhatsApp&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-whatsapp.webp&quot;,&quot;description&quot;:&quot;Send content to your map directly from WhatsApp&quot;,&quot;info&quot;:&quot;Detailed information about WhatsApp integration...&quot;}">
470              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-whatsapp.webp" alt="" loading="lazy" decoding="async">
471              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
472                <div>
473                  <h3 class="text-lg">WhatsApp</h3>
474                  <p class="text-sm">Send content to your map directly from WhatsApp</p>
475                </div>
476              </div>
477            </div>
478          
479        
480          
481          
482            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Starlink&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-starlink.webp&quot;,&quot;description&quot;:&quot;Custom integrations&quot;,&quot;info&quot;:&quot;We can create custom integrations for your specific needs...&quot;}">
483              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-starlink.webp" alt="" loading="lazy" decoding="async">
484              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
485                <div>
486                  <h3 class="text-lg">Starlink</h3>
487                  <p class="text-sm">Custom integrations</p>
488                </div>
489              </div>
490            </div>
491          
492        
493          
494          
495            <a href="https://apps.apple.com/app/zerosixzero/id6742064806" target="_blank" rel="noopener noreferrer" class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-pointer flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;iPhone&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-appstore.webp&quot;,&quot;description&quot;:&quot;iPhone&quot;,&quot;info&quot;:&quot;iPhone&quot;}">
496              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-appstore.webp" alt="" loading="lazy" decoding="async">
497              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
498                <div>
499                  <h3 class="text-lg">iPhone</h3>
500                  <p class="text-sm">iPhone</p>
501                </div>
502              </div>
503            </a>
504          
505        
506          
507          
508            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Vessel&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-ais.webp&quot;,&quot;description&quot;:&quot;Automatic Vessel Tracking | AIS&quot;,&quot;info&quot;:&quot;Detailed information about AIS integration...&quot;}">
509              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-ais.webp" alt="" loading="lazy" decoding="async">
510              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
511                <div>
512                  <h3 class="text-lg">Vessel</h3>
513                  <p class="text-sm">Automatic Vessel Tracking | AIS</p>
514                </div>
515              </div>
516            </div>
517          
518        
519          
520          
521            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Aircraft&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-adsb.webp&quot;,&quot;description&quot;:&quot;Aircraft Tracking&quot;,&quot;info&quot;:&quot;Detailed information about Aircraft integration...&quot;}">
522              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-adsb.webp" alt="" loading="lazy" decoding="async">
523              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
524                <div>
525                  <h3 class="text-lg">Aircraft</h3>
526                  <p class="text-sm">Aircraft Tracking</p>
527                </div>
528              </div>
529            </div>
530          
531        
532          
533          
534            <a href="https://play.google.com/store/apps/details?id=com.zerosixzero.android" target="_blank" rel="noopener noreferrer" class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-pointer flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Android&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-android.webp&quot;,&quot;description&quot;:&quot;Android&quot;,&quot;info&quot;:&quot;
534Use our native Android app to track your location&quot;}">
535              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-android.webp" alt="" loading="lazy" decoding="async">
536              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
537                <div>
538                  <h3 class="text-lg">Android</h3>
539                  <p class="text-sm">Android</p>
540                </div>
541              </div>
542            </a>
543          
544        
545          
546          
547            <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{&quot;name&quot;:&quot;Concept2&quot;,&quot;logo&quot;:&quot;/w-assets/images/integration-concept2.webp&quot;,&quot;description&quot;:&quot;Sync data from your Concept2 rowing machines&quot;,&quot;info&quot;:&quot;Connect your Concept2 rowing machine to automatically sync workout data including distance, time, pace, and stroke rate. Perfect for indoor training tracking and expedition preparation.&quot;}">
548              <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-concept2.webp" alt="" loading="lazy" decoding="async">
549              <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100">
550                <div>
551                  <h3 class="text-lg">Concept2</h3>
552                  <p class="text-sm">Sync data from your Concept2 rowing machines</p>
553                </div>
554              </div>
555            </div>
556          
557        
558      </div>
559      
560        <!-- Modal content will be inserted here by JavaScript -->
561      
562    </div>
563  </div>
564</div>
565
566<script>
567  // document.addEventListener('DOMContentLoaded', () => {
568  //   const tiles = document.querySelectorAll('.integration-tile');
569  //   const modal = document.getElementById('info-modal');
570  //   const grid = document.getElementById('integration-grid');
571
572  //   tiles.forEach(tile => {
573  //     tile.addEventListener('click', () => {
574  //       const integration = JSON.parse(tile.dataset.integration);
575  //       showIntegrationInfo(integration);
576  //     });
577  //   });
578
579  //   function showIntegrationInfo(integration) {
580  //     modal.innerHTML = `
581  //       <h2 class="text-2xl mb-4">${integration.name}</h2>
582  //       <p>${integration.info}</p>
583  //       <button id="close-modal" class="mt-4 bg-white text-gray-900 px-4 py-2 rounded">Close</button>
584  //     `;
585
586  //     grid.style.opacity = '0';
587  //     grid.style.transform = 'scale(0.95)';
588  //     setTimeout(() => {
589  //       grid.style.display = 'none';
590  //       modal.style.display = 'block';
591  //       setTimeout(() => {
592  //         modal.style.opacity = '1';
593  //         modal.style.transform = 'scale(1)';
594  //       }, 50);
595  //     }, 300);
596
597  //     document.getElementById('close-modal').addEventListener('click', closeModal);
598  //   }
599
600  //   function closeModal() {
601  //     modal.style.opacity = '0';
602  //     modal.style.transform = 'scale(0.95)';
603  //     setTimeout(() => {
604  //       modal.style.display = 'none';
605  //       grid.style.display = 'grid';
606  //       setTimeout(() => {
607  //         grid.style.opacity = '1';
608  //         grid.style.transform = 'scale(1)';
609  //       }, 50);
610  //     }, 300);
611  //   }
612  // });
613</script>
613
614
615
616
617
618<div  class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white">
619  <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 ">
620    <div class="lg:w-1/2">
621      <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white">
622        This is storytelling, <span class="glow-text">elevated.</span>
623      </h2>
624      
625        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
626          Add images, video, voice notes, blog posts, social media posts, text messages and more to your map, bringing your followers along for the journey. Share your journey in real-time, or add content after.
627        </p>
628      
629        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
630          Embed your maps on your website. Add previous adventures. Our platform also keeps all your data from every tracking device in one place, making it easy to relive and share all your expeditions. With ZeroSixZero, sharing the story of your adventure has never been easier or more engaging.
631        </p>
632      
633      <div class="mt-6 sm:mt-10 flex">
634        <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">
635          Get Started <span aria-hidden="true">&rarr;</span>
636        </a>
637      </div>
638    </div>
639    <div class="lg:w-1/2">
640      <img
641        src="/w-assets/images/ose3.webp"
642        alt="Ocean expedition map displayed on a tablet"
643        class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover"
644        loading="lazy"
645        decoding="async"
646      />
647    </div>
648  </div>
649</div>
650
651
652
653
654<div  class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white">
655  <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 lg:flex-row-reverse">
656    <div class="lg:w-1/2">
657      <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white">
658        Privacy. By Design.
659      </h2>
660      
661        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
662          Advanced security that's elegantly simple. Password protection. Precision privacy zones. Choose what to include and what to exclude.
663        </p>
664      
665        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
666          Your adventure. Your Choice. Your rules.
667        </p>
668      
669        <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white">
670          Privacy isn't just a feature,<span class="glow-text"> it's a promise. </span>
671        </p>
672      
673      <div class="mt-6 sm:mt-10 flex">
674        <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">
675          Get Started <span aria-hidden="true">&rarr;</span>
676        </a>
677      </div>
678    </div>
679    <div class="lg:w-1/2">
680      <img
681        src="/w-assets/images/wc1.webp"
682        alt="Tracking map displayed on a tablet"
683        class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover"
684        loading="lazy"
685        decoding="async"
686      />
687    </div>
688  </div>
689</div>
690
691
692<div id="examples" class="pt-24 pb-16 mx-auto max-w-7xl px-6 sm:px-6 lg:px-8">
693  <div class="text-center">
694    <h2 class="text-3xl font-bold tracking-tight text-white">
695      See it in action
696    </h2>
697    <p class="mt-4 text-xl text-gray-300">
698      These are real expedition maps. Select an adventure type to explore one.
699    </p>
700    <div class="map-selector-mobile mt-6">
701      <label for="expedition-select" class="sr-only">Choose an adventure type</label>
702      <select id="expedition-select" class="mx-auto block max-w-full rounded-md border-0 bg-neutral-800 px-3.5 py-2 text-white ring-1 ring-inset ring-white/20 focus:ring-2 focus:ring-z6z-ocean">
703        
704          <option value="https://zerosixzero.com/whereisriax/20000km">Running</option>
705        
706          <option value="https://z6z.co/ocean-science-expedition">Sailing</option>
707        
708          <option value="https://z6z.co/vedangi-rtw">Cycling</option>
709        
710          <option value="https://z6z.co/the-great-loop-project">Paddling</option>
711        
712          <option value="https://z6z.co/antarctic1700">Antarctic</option>
713        
714          <option value="https://zerosixzero.com/maclean/pacific-row">Ocean Rowing</option>
715        
716          <option value="https://z6z.co/icelegacyproject/ellesmere">Arctic</option>
717        
718          <option value="https://zerosixzero.com/catherinebreed/swim-california">Swimming</option>
719        
720          <option value="https://z6z.co/seven-for-soldiers">Climbing</option>
721        
722      </select>
723    </div>
724    <div class="flex justify-center">
725      <!-- Button Container -->
726      <div class="flex flex-col justify-center mr-8 map-selectors">
727        
728          <button
729            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
730            type="button" data-link="https://zerosixzero.com/whereisriax/20000km" aria-pressed="true" aria-controls="expedition-iframe"
731          >
732            Running
733          </button>
734        
735          <button
736            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
737            type="button" data-link="https://z6z.co/ocean-science-expedition" aria-pressed="false" aria-controls="expedition-iframe"
738          >
739            Sailing
740          </button>
741        
742          <button
743            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
744            type="button" data-link="https://z6z.co/vedangi-rtw" aria-pressed="false" aria-controls="expedition-iframe"
745          >
746            Cycling
747          </button>
748        
749          <button
750            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
751            type="button" data-link="https://z6z.co/the-great-loop-project" aria-pressed="false" aria-controls="expedition-iframe"
752          >
753            Paddling
754          </button>
755        
756          <button
757            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
758            type="button" data-link="https://z6z.co/antarctic1700" aria-pressed="false" aria-controls="expedition-iframe"
759          >
760            Antarctic
761          </button>
762        
763          <button
764            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
765            type="button" data-link="https://zerosixzero.com/maclean/pacific-row" aria-pressed="false" aria-controls="expedition-iframe"
766          >
767            Ocean Rowing
768          </button>
769        
770          <button
771            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
772            type="button" data-link="https://z6z.co/icelegacyproject/ellesmere" aria-pressed="false" aria-controls="expedition-iframe"
773          >
774            Arctic
775          </button>
776        
777          <button
778            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
779            type="button" data-link="https://zerosixzero.com/catherinebreed/swim-california" aria-pressed="false" aria-controls="expedition-iframe"
780          >
781            Swimming
782          </button>
783        
784          <button
785            class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
786            type="button" data-link="https://z6z.co/seven-for-soldiers" aria-pressed="false" aria-controls="expedition-iframe"
787          >
788            Climbing
789          </button>
790        
791      </div>
792
793      <!-- iPad Container -->
794      <div class="ipad-container">
795        <div class="ipad-frame"></div>
796        <div class="rounded screen-content">
797          <iframe
798            width="100%"
799            height="100%"
800            id="expedition-iframe"
801            class="select-none"
802            title="ZeroSixZero expedition tracking map example"
803            loading="lazy"
804            src="https://zerosixzero.com/whereisriax/20000km"
805            frameborder="0"
806            allowfullscreen
807          ></iframe>
808        </div>
809      </div>
810    </div>
811  </div>
812</div>
813
814<p class="text-center text-sm text-white pb-8"><a id="expedition-link" href="https://zerosixzero.com/whereisriax/20000km" target="_blank" rel="noopener noreferrer" class="underline">Open this map in a new tab</a></p>
815<script src="/w-assets/js/examples.js" defer></script>
815
816
817
818
819
820  <!-- Pricing section -->
821  <div id="pricing" class="isolate overflow-hidden">
822    <div class="flow-root bg-z6z gridpage py-16 sm:pt-32 lg:pb-0">
823      <div class="mx-auto max-w-7xl px-6 lg:px-8">
824        <div class="relative z-10">
825          <h2 class="mx-auto max-w-4xl text-center text-5xl font-bold tracking-tight text-white">Choose your own adventure</h2>
826          <p class="mx-auto mt-4 max-w-2xl text-center text-lg leading-8 text-white/60">Every plan includes real-time tracking, interactive maps and privacy controls.</p>
827          <div class="mt-16 flex justify-center">
828            <fieldset aria-label="Payment frequency">
829              <div class="grid grid-cols-2 gap-x-1 rounded-full bg-white/5 p-1 text-center text-xs font-semibold leading-5 text-white">
830                
831                <label class="cursor-pointer rounded-full px-2.5 py-1 transition-colors duration-200 hover:bg-white/10" data-active-class="bg-white text-neutral-900">
832                  <input type="radio" name="frequency" value="monthly" class="sr-only" checked>
833                  <span>Monthly</span>
834                </label>
835                
836                <label class="cursor-pointer rounded-full px-2.5 py-1 transition-colors duration-200 hover:bg-white/10" data-active-class="bg-white text-neutral-900">
837                  <input type="radio" name="frequency" value="annual" class="sr-only" >
838                  <span>Annual <span>(save up to 17%)</span></span>
839                </label>
840                
841              </div>
842            </fieldset>
843          </div>
844        </div>
845        <p class="mt-6 text-center text-sm text-white/60"><a href="#examples" class="font-semibold text-white underline underline-offset-4">Explore a live example map before choosing your plan</a></p>
846        <div class="relative mx-auto mt-10 grid max-w-md grid-cols-1 gap-y-8 lg:mx-0 lg:-mb-14 lg:max-w-none lg:grid-cols-3">
847          <svg viewBox="0 0 1208 1024" aria-hidden="true" class="absolute -bottom-48 left-1/2 h-[64rem] -translate-x-1/2 translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] lg:-top-48 lg:bottom-auto lg:translate-y-0">
848            <ellipse cx="604" cy="512" fill="url(#d25c25d4-6d43-4bf9-b9ac-1842a30a4867)" rx="604" ry="512" />
849            <defs>
850              <radialGradient id="d25c25d4-6d43-4bf9-b9ac-1842a30a4867">
851                <stop stop-color="#838383" />
852                <stop offset="1" stop-color="#1f2937" />
853              </radialGradient>
854            </defs>
855          </svg>
856          <div class="hidden lg:absolute lg:inset-x-px lg:bottom-0 lg:top-4 lg:block lg:rounded-t-2xl lg:bg-neutral-800/80 lg:ring-1 lg:ring-white/10" aria-hidden="true"></div>
857          
858          
859          <div class="pricing-card relative rounded-2xl bg-neutral-800/80 ring-1 ring-white/10 lg:bg-transparent lg:pb-14 lg:ring-0">
860            <div class="p-8 lg:pt-12 xl:p-10 xl:pt-14">
861              <h3 id="tier-adventure" class="text-sm font-semibold leading-6 text-white">Adventure</h3>
862              <div class="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between lg:flex-col lg:items-stretch">
863                <div class="mt-2 flex items-center gap-x-4">
864                  <!-- Price, updates based on frequency toggle state -->
865                  <p class="text-4xl font-bold tracking-tight text-white">
866                    $<span class="price-amount"
867                          data-monthly-price="18.99"
868                          data-annual-price="189"
869                          data-annual-monthly-equivalent="15.75"
870                          data-pre-discount-annual="228">18.99</span>
871                  </p>
872                  <div class="text-sm leading-5">
873                    <p class="text-white">/mo</p>
874                    <div class="billing-info">
875                      <p class="billing-period text-neutral-400"
876                         data-billed-monthly="Billed Monthly"
877                         data-billed-annually="Billed Annually (${price}/yr)">Billed Monthly</p>
878                    </div>
879                  </div>
880                </div>
881                <a href="https://zerosixzero.com/login?sign_up" aria-describedby="tier-adventure" class="rounded-md bg-white/10 text-white hover:bg-white/20 px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Sign up</a>
882              </div>
883              <div class="mt-8 flow-root sm:mt-10">
884                <ul role="list" class="-my-2 divide-y divide-white/5 border-t border-white/5 text-white lg:border-t-0 text-sm leading-6">
885                  
886                  <li class="flex gap-x-3 py-2">
887                    <svg class="h-6 w-5 flex-none text-neutral-500" viewB
887ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
888                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
889                    </svg>
890                    Real-time GPS tracking
891                  </li>
892                  
893                  <li class="flex gap-x-3 py-2">
894                    <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
895                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
896                    </svg>
897                    Beautiful, interactive maps
898                  </li>
899                  
900                  <li class="flex gap-x-3 py-2">
901                    <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
902                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
903                    </svg>
904                    Phone &amp; Fitness tracker integration
905                  </li>
906                  
907                </ul>
908              </div>
909            </div>
910          </div>
911          
912          
913          <div class="pricing-card relative rounded-2xl bg-white z-10 shadow-xl ring-1 ring-neutral-900/10">
914            <div class="p-8 lg:pt-12 xl:p-10 xl:pt-14">
915              <h3 id="tier-endurance" class="text-sm font-semibold leading-6 text-neutral-900">Endurance</h3>
916              <div class="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between lg:flex-col lg:items-stretch">
917                <div class="mt-2 flex items-center gap-x-4">
918                  <!-- Price, updates based on frequency toggle state -->
919                  <p class="text-4xl font-bold tracking-tight text-neutral-900">
920                    $<span class="price-amount"
921                          data-monthly-price="48.99"
922                          data-annual-price="489"
923                          data-annual-monthly-equivalent="40.75"
924                          data-pre-discount-annual="588">48.99</span>
925                  </p>
926                  <div class="text-sm leading-5">
927                    <p class="text-neutral-900">/mo</p>
928                    <div class="billing-info">
929                      <p class="billing-period text-neutral-500"
930                         data-billed-monthly="Billed Monthly"
931                         data-billed-annually="Billed Annually (${price}/yr)">Billed Monthly</p>
932                    </div>
933                  </div>
934                </div>
935                <a href="https://zerosixzero.com/login?sign_up" aria-describedby="tier-endurance" class="rounded-md bg-z6z-forest text-white shadow-sm hover:bg-z6z-ocean px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Sign up</a>
936              </div>
937              <div class="mt-8 flow-root sm:mt-10">
938                <ul role="list" class="-my-2 divide-y divide-neutral-900/5 border-t border-neutral-900/5 text-neutral-600 lg:border-t-0 text-sm leading-6">
939                  
940                  <li class="flex gap-x-3 py-2">
941                    <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
942                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
943                    </svg>
944                    Everything in Adventure, plus:
945                  </li>
946                  
947                  <li class="flex gap-x-3 py-2">
948                    <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
949                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
950                    </svg>
951                    Multiple real-time tracker integration
952                  </li>
953                  
954                  <li class="flex gap-x-3 py-2">
955                    <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
956                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
957                    </svg>
958                    3D Terrain &amp; Bathymetry
959                  </li>
960                  
961                  <li class="flex gap-x-3 py-2">
962                    <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
963                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
964                    </svg>
965                    Realtime weather
966                  </li>
967                  
968                  <li class="flex gap-x-3 py-2">
969                    <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
970                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
971                    </svg>
972                    Satellite tracker integration
973                  </li>
974                  
975                  <li class="flex gap-x-3 py-2">
976                    <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
977                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
978                    </svg>
979                    Vessel &amp; Aircraft tracker integration
980                  </li>
981                  
982                </ul>
983              </div>
984            </div>
985          </div>
986          
987          
988          <div class="pricing-card relative rounded-2xl bg-neutral-800/80 ring-1 ring-white/10 lg:bg-transparent lg:pb-14 lg:ring-0">
989            <div class="p-8 lg:pt-12 xl:p-10 xl:pt-14">
990              <h3 id="tier-expedition" class="text-sm font-semibold leading-6 text-white">Expedition</h3>
991              <div class="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between lg:flex-col lg:items-stretch">
992                <div class="mt-2 flex items-center gap-x-4">
993                  <!-- Price, updates based on frequency toggle state -->
994                  <p class="text-4xl font-bold tracking-tight text-white">
995                    $<span class="price-amount"
996                          data-monthly-price="119.99"
997                          data-annual-price="1317"
998                          data-annual-monthly-equivalent="109.75"
999                          data-pre-discount-annual="1440">119.99</span>
1000                  </p>
1001                  <div class="text-sm leading-5">
1002                    <p class="text-white">/mo</p>
1003                    <div class="billing-info">
1004                      <p class="billing-period text-neutral-400"
1005                         data-billed-monthly="Billed Monthly"
1006                         data-billed-annually="Billed Annually (${price}/yr)">Billed Monthly</p>
1007                    </div>
1008                  </div>
1009                </div>
1010                <a href="https://zerosixzero.com/login?sign_up" aria-describedby="tier-expedition" class="rounded-md bg-white/10 text-white hover:bg-white/20 px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Sign up</a>
1011              </div>
1012              <div class="mt-8 flow-root sm:mt-10">
1013                <ul role="list" class="-my-2 divide-y divide-white/5 border-t border-white/5 text-white lg:border-t-0 text-sm leading-6">
1014                  
1015                  <li class="flex gap-x-3 py-2">
1016                    <svg class="h-6 w-5 flex-none text-neutral-500" viewB
1016ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1017                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1018                    </svg>
1019                    Everything in Endurance, plus:
1020                  </li>
1021                  
1022                  <li class="flex gap-x-3 py-2">
1023                    <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1024                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1025                    </svg>
1026                    Sync with external data sources
1027                  </li>
1028                  
1029                  <li class="flex gap-x-3 py-2">
1030                    <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1031                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1032                    </svg>
1033                    Custom map styles
1034                  </li>
1035                  
1036                  <li class="flex gap-x-3 py-2">
1037                    <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1038                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1039                    </svg>
1040                    Spacecraft tracking 🚀
1041                  </li>
1042                  
1043                  <li class="flex gap-x-3 py-2">
1044                    <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1045                      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1046                    </svg>
1047                    Priority support
1048                  </li>
1049                  
1050                </ul>
1051              </div>
1052            </div>
1053          </div>
1054          
1055        </div>
1056      </div>
1057    </div>
1058    <div class="relative bg-z6z-ice lg:pt-14">
1059      <div class="mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8">
1060        <!-- Feature comparison (up to lg) -->
1061        <section aria-labelledby="mobile-comparison-heading" class="lg:hidden">
1062          <h2 id="mobile-comparison-heading" class="sr-only">Feature comparison</h2>
1063
1064          <div class="mx-auto max-w-2xl space-y-16">
1065            
1066            
1067            <div class="border-t border-neutral-900/10">
1068              <div class="-mt-px w-72 border-t-2 border-transparent pt-10 md:w-80">
1069                <h3 class="text-sm font-semibold leading-6 text-neutral-900">Adventure</h3>
1070                <p class="mt-1 text-sm leading-6 text-neutral-600">Perfect for solo adventures and athletes.</p>
1071              </div>
1072
1073              <div class="mt-10 space-y-10">
1074                
1075                
1076                <div>
1077                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h4>
1078                  <div class="relative mt-6">
1079                    <!-- Fake card background -->
1080                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1081
1082                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1083                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1084                        
1085                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1086                          <dt class="pr-4 text-neutral-600">Real-time trackers</dt>
1087                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1088                            
1089                            
1090                            
1091                              <span class="text-neutral-900">1</span>
1092                            
1093                          </dd>
1094                        </div>
1095                        
1096                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1097                          <dt class="pr-4 text-neutral-600">3D Terrain &amp; Ocean Bathymetry</dt>
1098                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1099                            
1100                            
1101                            
1102                              <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1103                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1104                              </svg>
1105                              <span class="sr-only">No</span>
1106                            
1107                          </dd>
1108                        </div>
1109                        
1110                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1111                          <dt class="pr-4 text-neutral-600">Website embedding</dt>
1112                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1113                            
1114                            
1115                            
1116                              <span class="text-neutral-900">1 site</span>
1117                            
1118                          </dd>
1119                        </div>
1120                        
1121                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1122                          <dt class="pr-4 text-neutral-600">Tracker Update Interval</dt>
1123                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1124                            
1125                            
1126                            
1127                              <span class="text-neutral-900">2 minutes</span>
1128                            
1129                          </dd>
1130                        </div>
1131                        
1132                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1133                          <dt class="pr-4 text-neutral-600">Map Update Interval</dt>
1134                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1135                            
1136                            
1137                            
1138                              <span class="text-neutral-900">5 minutes</span>
1139                            
1140                          </dd>
1141                        </div>
1142                        
1143                      </dl>
1144                    </div>
1145
1146                    <!-- Fake card border -->
1147                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1148                  </div>
1149                </div>
1150                
1151                
1152                <div>
1153                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h4>
1154                  <div class="relative mt-6">
1155                    <!-- Fake card background -->
1156                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1157
1158                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1159                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1160                        
1161                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1162                          <dt class="pr-4 text-neutral-600">iPhone / Android</dt>
1163                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1164                            
1165                            
1166                            
1167                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1168                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1169                              </svg>
1170                              <span class="sr-only">Yes</span>
1171                            
1172                          </dd>
1173                        </div>
1174                        
1175                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1176                          <dt class="pr-4 text-neutral-600">Fitness Tracker</dt>
1177                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1178                            
1179                            
1180                            
1181                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1182                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1183                              </svg>
1184                              <span class="sr-only">Yes</span>
1185                            
1186                          </dd>
1187                        </div>
1188                        
1189                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1190                          <dt class="pr-4 text-neutral-600">GPS Satellite Tracker</dt>
1191                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1192                            
1193                            
1194                            
1195                              <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1196                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1197                              </svg>
1198                              <span class="sr-only">No</span>
1199                            
1200                          </dd>
1201                        </div>
1202                        
1203                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1204                          <dt class="pr-4 text-neutral-600">Vessel</dt>
1205                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1206                            
1207                            
1208                            
1209                              <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1210                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1211                              </svg>
1212                              <span class="sr-only">No</span>
1213                            
1214                          </dd>
1215                        </div>
1216                        
1217                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1218                          <dt class="pr-4 text-neutral-600">Aircraft</dt>
1219                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1220                            
1221                            
1222                            
1223                              <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1224                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1225                              </svg>
1226                              <span class="sr-only">No</span>
1227                            
1228                          </dd>
1229                        </div>
1230                        
1231                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1232                          <dt class="pr-4 text-neutral-600">Spacecraft</dt>
1233                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1234                            
1235                            
1236                            
1237                              <svg class="mx-auto h-5 w-5 text-neutral-400" viewB
1237ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1238                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1239                              </svg>
1240                              <span class="sr-only">No</span>
1241                            
1242                          </dd>
1243                        </div>
1244                        
1245                      </dl>
1246                    </div>
1247
1248                    <!-- Fake card border -->
1249                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1250                  </div>
1251                </div>
1252                
1253                
1254                <div>
1255                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Content</h4>
1256                  <div class="relative mt-6">
1257                    <!-- Fake card background -->
1258                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1259
1260                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1261                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1262                        
1263                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1264                          <dt class="pr-4 text-neutral-600">Photo and video sharing</dt>
1265                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1266                            
1267                            
1268                            
1269                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1270                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1271                              </svg>
1272                              <span class="sr-only">Yes</span>
1273                            
1274                          </dd>
1275                        </div>
1276                        
1277                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1278                          <dt class="pr-4 text-neutral-600">Social media integration</dt>
1279                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1280                            
1281                            
1282                            
1283                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1284                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1285                              </svg>
1286                              <span class="sr-only">Yes</span>
1287                            
1288                          </dd>
1289                        </div>
1290                        
1291                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1292                          <dt class="pr-4 text-neutral-600">Voice memos</dt>
1293                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1294                            
1295                            
1296                            
1297                              <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1298                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1299                              </svg>
1300                              <span class="sr-only">No</span>
1301                            
1302                          </dd>
1303                        </div>
1304                        
1305                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1306                          <dt class="pr-4 text-neutral-600">Weather visualization</dt>
1307                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1308                            
1309                            
1310                            
1311                              <span class="text-neutral-900">Text based</span>
1312                            
1313                          </dd>
1314                        </div>
1315                        
1316                      </dl>
1317                    </div>
1318
1319                    <!-- Fake card border -->
1320                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1321                  </div>
1322                </div>
1323                
1324              </div>
1325            </div>
1326            
1327            
1328            <div class="border-t border-neutral-900/10">
1329              <div class="-mt-px w-72 border-t-2 border-z6z-forest pt-10 md:w-80">
1330                <h3 class="text-sm font-semibold leading-6 text-z6z-forest">Endurance</h3>
1331                <p class="mt-1 text-sm leading-6 text-neutral-600">For ultra endurance and long distance adventures.</p>
1332              </div>
1333
1334              <div class="mt-10 space-y-10">
1335                
1336                
1337                <div>
1338                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h4>
1339                  <div class="relative mt-6">
1340                    <!-- Fake card background -->
1341                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1342
1343                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1344                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1345                        
1346                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1347                          <dt class="pr-4 text-neutral-600">Real-time trackers</dt>
1348                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1349                            
1350                            
1351                            
1352                              <span class="font-semibold text-z6z-forest">3</span>
1353                            
1354                          </dd>
1355                        </div>
1356                        
1357                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1358                          <dt class="pr-4 text-neutral-600">3D Terrain &amp; Ocean Bathymetry</dt>
1359                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1360                            
1361                            
1362                            
1363                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1364                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1365                              </svg>
1366                              <span class="sr-only">Yes</span>
1367                            
1368                          </dd>
1369                        </div>
1370                        
1371                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1372                          <dt class="pr-4 text-neutral-600">Website embedding</dt>
1373                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1374                            
1375                            
1376                            
1377                              <span class="font-semibold text-z6z-forest">1 site</span>
1378                            
1379                          </dd>
1380                        </div>
1381                        
1382                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1383                          <dt class="pr-4 text-neutral-600">Tracker Update Interval</dt>
1384                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1385                            
1386                            
1387                            
1388                              <span class="font-semibold text-z6z-forest">2 seconds</span>
1389                            
1390                          </dd>
1391                        </div>
1392                        
1393                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1394                          <dt class="pr-4 text-neutral-600">Map Update Interval</dt>
1395                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1396                            
1397                            
1398                            
1399                              <span class="font-semibold text-z6z-forest">15 seconds</span>
1400                            
1401                          </dd>
1402                        </div>
1403                        
1404                      </dl>
1405                    </div>
1406
1407                    <!-- Fake card border -->
1408                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1409                  </div>
1410                </div>
1411                
1412                
1413                <div>
1414                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h4>
1415                  <div class="relative mt-6">
1416                    <!-- Fake card background -->
1417                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1418
1419                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1420                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1421                        
1422                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1423                          <dt class="pr-4 text-neutral-600">iPhone / Android</dt>
1424                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1425                            
1426                            
1427                            
1428                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1429                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1430                              </svg>
1431                              <span class="sr-only">Yes</span>
1432                            
1433                          </dd>
1434                        </div>
1435                        
1436                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1437                          <dt class="pr-4 text-neutral-600">Fitness Tracker</dt>
1438                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1439                            
1440                            
1441                            
1442                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1443                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1444                              </svg>
1445                              <span class="sr-only">Yes</span>
1446                            
1447                          </dd>
1448                        </div>
1449                        
1450                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1451                          <dt class="pr-4 text-neutral-600">GPS Satellite Tracker</dt>
1452                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1453                            
1454                            
1455                            
1456                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1457                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1458                              </svg>
1459                              <span class="sr-only">Yes</span>
1460                            
1461                          </dd>
1462                        </div>
1463                        
1464                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1465                          <dt class="pr-4 text-neutral-600">Vessel</dt>
1466                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1467                            
1468                            
1469                            
1470                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1471                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1472                              </svg>
1473                              <span class="sr-only">Yes</span>
1474                            
1475                          </dd>
1476                        </div>
1477                        
1478                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1479                          <dt class="pr-4 text-neutral-600">Aircraft</dt>
1480                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1481                            
1482                            
1483                            
1484                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1485                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1486                              </svg>
1487                              <span class="sr-only">Yes</span>
1488                            
1489                          </dd>
1490                        </div>
1491                        
1492                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1493                          <dt class="pr-4 text-neutral-600">Spacecraft</dt>
1494                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1495                            
1496                            
1497                            
1498                              <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1499                                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1500                              </svg>
1501                              <span class="sr-only">No</span>
1502                            
1503                          </dd>
1504                        </div>
1505                        
1506                      </dl>
1507                    </div>
1508
1509                    <!-- Fake card border -->
1510                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 roun
1510ded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1511                  </div>
1512                </div>
1513                
1514                
1515                <div>
1516                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Content</h4>
1517                  <div class="relative mt-6">
1518                    <!-- Fake card background -->
1519                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1520
1521                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1522                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1523                        
1524                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1525                          <dt class="pr-4 text-neutral-600">Photo and video sharing</dt>
1526                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1527                            
1528                            
1529                            
1530                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1531                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1532                              </svg>
1533                              <span class="sr-only">Yes</span>
1534                            
1535                          </dd>
1536                        </div>
1537                        
1538                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1539                          <dt class="pr-4 text-neutral-600">Social media integration</dt>
1540                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1541                            
1542                            
1543                            
1544                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1545                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1546                              </svg>
1547                              <span class="sr-only">Yes</span>
1548                            
1549                          </dd>
1550                        </div>
1551                        
1552                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1553                          <dt class="pr-4 text-neutral-600">Voice memos</dt>
1554                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1555                            
1556                            
1557                            
1558                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1559                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1560                              </svg>
1561                              <span class="sr-only">Yes</span>
1562                            
1563                          </dd>
1564                        </div>
1565                        
1566                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1567                          <dt class="pr-4 text-neutral-600">Weather visualization</dt>
1568                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1569                            
1570                            
1571                            
1572                              <span class="font-semibold text-z6z-forest">Satellite imagery</span>
1573                            
1574                          </dd>
1575                        </div>
1576                        
1577                      </dl>
1578                    </div>
1579
1580                    <!-- Fake card border -->
1581                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1582                  </div>
1583                </div>
1584                
1585              </div>
1586            </div>
1587            
1588            
1589            <div class="border-t border-neutral-900/10">
1590              <div class="-mt-px w-72 border-t-2 border-transparent pt-10 md:w-80">
1591                <h3 class="text-sm font-semibold leading-6 text-neutral-900">Expedition</h3>
1592                <p class="mt-1 text-sm leading-6 text-neutral-600">Designed for expeditions and sponsors.</p>
1593              </div>
1594
1595              <div class="mt-10 space-y-10">
1596                
1597                
1598                <div>
1599                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h4>
1600                  <div class="relative mt-6">
1601                    <!-- Fake card background -->
1602                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1603
1604                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1605                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1606                        
1607                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1608                          <dt class="pr-4 text-neutral-600">Real-time trackers</dt>
1609                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1610                            
1611                            
1612                            
1613                              <span class="text-neutral-900">5</span>
1614                            
1615                          </dd>
1616                        </div>
1617                        
1618                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1619                          <dt class="pr-4 text-neutral-600">3D Terrain &amp; Ocean Bathymetry</dt>
1620                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1621                            
1622                            
1623                            
1624                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1625                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1626                              </svg>
1627                              <span class="sr-only">Yes</span>
1628                            
1629                          </dd>
1630                        </div>
1631                        
1632                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1633                          <dt class="pr-4 text-neutral-600">Website embedding</dt>
1634                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1635                            
1636                            
1637                            
1638                              <span class="text-neutral-900">4 sites</span>
1639                            
1640                          </dd>
1641                        </div>
1642                        
1643                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1644                          <dt class="pr-4 text-neutral-600">Tracker Update Interval</dt>
1645                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1646                            
1647                            
1648                            
1649                              <span class="text-neutral-900">2 seconds</span>
1650                            
1651                          </dd>
1652                        </div>
1653                        
1654                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1655                          <dt class="pr-4 text-neutral-600">Map Update Interval</dt>
1656                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1657                            
1658                            
1659                            
1660                              <span class="text-neutral-900">2 seconds</span>
1661                            
1662                          </dd>
1663                        </div>
1664                        
1665                      </dl>
1666                    </div>
1667
1668                    <!-- Fake card border -->
1669                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1670                  </div>
1671                </div>
1672                
1673                
1674                <div>
1675                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h4>
1676                  <div class="relative mt-6">
1677                    <!-- Fake card background -->
1678                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1679
1680                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1681                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1682                        
1683                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1684                          <dt class="pr-4 text-neutral-600">iPhone / Android</dt>
1685                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1686                            
1687                            
1688                            
1689                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1690                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1691                              </svg>
1692                              <span class="sr-only">Yes</span>
1693                            
1694                          </dd>
1695                        </div>
1696                        
1697                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1698                          <dt class="pr-4 text-neutral-600">Fitness Tracker</dt>
1699                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1700                            
1701                            
1702                            
1703                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1704                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1705                              </svg>
1706                              <span class="sr-only">Yes</span>
1707                            
1708                          </dd>
1709                        </div>
1710                        
1711                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1712                          <dt class="pr-4 text-neutral-600">GPS Satellite Tracker</dt>
1713                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1714                            
1715                            
1716                            
1717                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1718                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1719                              </svg>
1720                              <span class="sr-only">Yes</span>
1721                            
1722                          </dd>
1723                        </div>
1724                        
1725                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1726                          <dt class="pr-4 text-neutral-600">Vessel</dt>
1727                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1728                            
1729                            
1730                            
1731                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1732                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1733                              </svg>
1734                              <span class="sr-only">Yes</span>
1735                            
1736                          </dd>
1737                        </div>
1738                        
1739                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1740                          <dt class="pr-4 text-neutral-600">Aircraft</dt>
1741                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1742                            
1743                            
1744                            
1745                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1746                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1747                              </svg>
1748                              <span class="sr-only">Yes</span>
1749                            
1750                          </dd>
1751                        </div>
1752                        
1753                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1754                          <dt class="pr-4 text-neutral-600">Spacecraft</dt>
1755                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1756                            
1757                            
1758                            
1759                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1760                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1761                              </svg>
1762                              <span class="sr-only">Yes</span>
1763                            
1764                          </dd>
1765                        </div>
1766                        
1767                      </dl>
1768                    </div>
1769
1770                    <!-- Fake card border -->
1771                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1772                  </div>
1773                </div>
1774                
1775                
1776                <div>
1777                  <h4 class="text-sm font-semibold leading-6 text-neutral-900">Content</h4>
1778                  <div class="relative mt-6">
1779                    <!-- Fake card background -->
1780                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1781
1782                    <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0">
1783                      <dl class="divide-y divide-gray-200 text-sm leading-6">
1784                        
1785                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1786                          <dt class="pr-4 text-neutral-600">Photo and video sharing</dt>
1787                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1788                            
1789                            
1790                            
1791                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1792                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1793                              </svg>
1794                              <span class="sr-only">Yes</span>
1795                            
1796                          </dd>
1797                        </div>
1798                        
1799                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1800                          <dt class="pr-4 text-neutral-600">Social media integration</dt>
1801                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1802                            
1803                            
1804                            
1805                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1806                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1807                              </svg>
1808                              <span class="sr-only">Yes</span>
1809                            
1810                          </dd>
1811                        </div>
1812                        
1813                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1814                          <dt class="pr-4 text-neutral-600">Voice memos</dt>
1815                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1816                            
1817                            
1818                            
1819                              <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1820                                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1821                              </svg>
1822                              <span class="sr-only">Yes</span>
1823                            
1824                          </dd>
1825                        </div>
1826                        
1827                        <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1828                          <dt class="pr-4 text-neutral-600">Weather visualization</dt>
1829                          <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1830                            
1831                            
1832                            
1833                              <span class="text-neutral-900">Detailed weather animations</span>
1834                            
1835                          </dd>
1836                        </div>
1837                        
1838                      </dl>
1839                    </div>
1840
1841                    <!-- Fake card border -->
1842                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div>
1843                  </div>
1844                </div>
1845                
1846              </div>
1847            </div>
1848            
1849          </div>
1850        </section>
1851
1852        
1853
1854
1855        <!-- Feature comparison (lg+) -->
1856        <section aria-labelledby="comparison-heading" class="hidden lg:block">
1857          <h2 id="comparison-heading" class="sr-only">Feature comparison</h2>
1858
1859          <div class="grid grid-cols-4 gap-x-8 border-t border-neutral-900/10 before:block">
1860            
1861            
1862            <div aria-hidden="true" class="-mt-px">
1863              <div class="border-t-2 border-transparent pt-10">
1864                <p class="text-sm font-semibold leading-6 text-neutral-900">Adventure</p>
1865                <p class="mt-1 text-sm leading-6 text-neutral-600">Perfect for solo adventures and athletes.</p>
1866              </div>
1867            </div>
1868            
1869            
1870            <div aria-hidden="true" class="-mt-px">
1871              <div class="border-t-2 border-z6z-forest pt-10">
1872                <p class="text-sm font-semibold leading-6 text-z6z-forest">Endurance</p>
1873                <p class="mt-1 text-sm leading-6 text-neutral-600">For ultra endurance and long distance adventures.</p>
1874              </div>
1875            </div>
1876            
1877            
1878            <div aria-hidden="true" class="-mt-px">
1879              <div class="border-t-2 border-transparent pt-10">
1880                <p class="text-sm font-semibold leading-6 text-neutral-900">Expedition</p>
1881                <p class="mt-1 text-sm leading-6 text-neutral-600">Designed for expeditions and sponsors.</p>
1882              </div>
1883            </div>
1884            
1885          </div>
1886
1887
1888          <div class="-mt-6 space-y-16">
1889            
1890            
1891            <div>
1892              <h3 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h3>
1893              <div class="relative -mx-8 mt-10">
1894                <!-- Fake card backgrounds -->
1895                <div class="absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true">
1896                  
1897                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
1898                  
1899                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
1900                  
1901                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
1902                  
1903                </div>
1904
1905                <table class="relative w-full border-separate border-spacing-x-8">
1906                  <thead>
1907                    <tr class="text-left">
1908                      <th scope="col">
1909                        <span class="sr-only">Feature</span>
1910                      </th>
1911                      
1912                      
1913                      <th scope="col">
1914                        <span class="sr-only">Adventure tier</span>
1915                      </th>
1916                      
1917                      
1918                      <th scope="col">
1919                        <span class="sr-only">Endurance tier</span>
1920                      </th>
1921                      
1922                      
1923                      <th scope="col">
1924                        <span class="sr-only">Expedition tier</span>
1925                      </th>
1926                      
1927                    </tr>
1928                  </thead>
1929                  <tbody>
1930                    
1931                    <tr>
1932                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
1933                        Real-time trackers
1934                        
1935                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
1936                        
1937                      </th>
1938                      
1939                      <td class="relative w-1/4 px-4 py-0 text-center">
1940                        <span class="relative h-full w-full py-3">
1941                          
1942                          
1943                          
1944                            <span class="text-neutral-900">1</span>
1945                          
1946                        </span>
1947                      </td>
1948                      
1949                      <td class="relative w-1/4 px-4 py-0 text-center">
1950                        <span class="relative h-full w-full py-3">
1951                          
1952                          
1953                          
1954                            <span class="font-semibold text-z6z-forest">3</span>
1955                          
1956                        </span>
1957                      </td>
1958                      
1959                      <td class="relative w-1/4 px-4 py-0 text-center">
1960                        <span class="relative h-full w-full py-3">
1961                          
1962                          
1963                          
1964                            <span class="text-neutral-900">5</span>
1965                          
1966                        </span>
1967                      </td>
1968                      
1969                    </tr>
1970                    
1971                    <tr>
1972                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
1973                        3D Terrain &amp; Ocean Bathymetry
1974                        
1975                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
1976                        
1977                      </th>
1978                      
1979                      <td class="relative w-1/4 px-4 py-0 text-center">
1980                        <span class="relative h-full w-full py-3">
1981                          
1982                          
1983                          
1984                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1985                              <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
1986                            </svg>
1987                            <span class="sr-only">No</span>
1988                          
1989                        </span>
1990                      </td>
1991                      
1992                      <td class="relative w-1/4 px-4 py-0 text-center">
1993                        <span class="relative h-full w-full py-3">
1994                          
1995                          
1996                          
1997                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1998                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
1999                            </svg>
2000                            <span class="sr-only">Yes</span>
2001                          
2002                        </span>
2003                      </td>
2004                      
2005                      <td class="relative w-1/4 px-4 py-0 text-center">
2006                        <span class="relative h-full w-full py-3">
2007                          
2008                          
2009                          
2010                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2011                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2012                            </svg>
2013                            <span class="sr-only">Yes</span>
2014                          
2015                        </span>
2016                      </td>
2017                      
2018                    </tr>
2019                    
2020                    <tr>
2021                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2022                        Website embedding
2023                        
2024                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2025                        
2026                      </th>
2027                      
2028                      <td class="relative w-1/4 px-4 py-0 text-center">
2029                        <span class="relative h-full w-full py-3">
2030                          
2031                          
2032                          
2033                            <span class="text-neutral-900">1 site</span>
2034                          
2035                        </span>
2036                      </td>
2037                      
2038                      <td class="relative w-1/4 px-4 py-0 text-center">
2039                        <span class="relative h-full w-full py-3">
2040                          
2041                          
2042                          
2043                            <span class="font-semibold text-z6z-forest">1 site</span>
2044                          
2045                        </span>
2046                      </td>
2047                      
2048                      <td class="relative w-1/4 px-4 py-0 text-center">
2049                        <span class="relative h-full w-full py-3">
2050                          
2051                          
2052                          
2053                            <span class="text-neutral-900">4 sites</span>
2054                          
2055                        </span>
2056                      </td>
2057                      
2058                    </tr>
2059                    
2060                    <tr>
2061                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2062                        Tracker Update Interval
2063                        
2064                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2065                        
2066                      </th>
2067                      
2068                      <td class="relative w-1/4 px-4 py-0 text-center">
2069                        <span class="relative h-full w-full py-3">
2070                          
2071                          
2072                          
2073                            <span class="text-neutral-900">2 minutes</span>
2074                          
2075                        </span>
2076                      </td>
2077                      
2078                      <td class="relative w-1/4 px-4 py-0 text-center">
2079                        <span class="relative h-full w-full py-3">
2080                          
2081                          
2082                          
2083                            <span class="font-semibold text-z6z-forest">2 seconds</span>
2084                          
2085                        </span>
2086                      </td>
2087                      
2088                      <td class="relative w-1/4 px-4 py-0 text-center">
2089                        <span class="relative h-full w-full py-3">
2090                          
2091                          
2092                          
2093                            <span class="text-neutral-900">2 seconds</span>
2094                          
2095                        </span>
2096                      </td>
2097                      
2098                    </tr>
2099                    
2100                    <tr>
2101                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2102                        Map Update Interval
2103                        
2104                      </th>
2105                      
2106                      <td class="relative w-1/4 px-4 py-0 text-center">
2107                        <span class="relative h-full w-full py-3">
2108                          
2109                          
2110                          
2111                            <span class="text-neutral-900">5 minutes</span>
2112                          
2113                        </span>
2114                      </td>
2115                      
2116                      <td class="relative w-1/4 px-4 py-0 text-center">
2117                        <span class="relative h-full w-full py-3">
2118                          
2119                          
2120                          
2121                            <span class="font-semibold text-z6z-forest">15 seconds</span>
2122                          
2123                        </span>
2124                      </td>
2125                      
2126                      <td class="relative w-1/4 px-4 py-0 text-center">
2127                        <span class="relative h-full w-full py-3">
2128                          
2129                          
2130                          
2131                            <span class="text-neutral-900">2 seconds</span>
2132                          
2133                        </span>
2134                      </td>
2135                      
2136                    </tr>
2137                    
2138                  </tbody>
2139                </table>
2140
2141                <!-- Fake card borders -->
2142                <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true">
2143                  
2144                  <div class="rounded-lg ring-1 ring-neutral-900/10"></div>
2145                  
2146                  <div class="rounded-lg ring-2 ring-z6z-forest"></div>
2147                  
2148                  <div class="rounded-lg ring-1 ring-neutral-900/10"></div>
2149                  
2150                </div>
2151              </div>
2152            </div>
2153            
2154            
2155            <div>
2156              <h3 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h3>
2157              <div class="relative -mx-8 mt-10">
2158                <!-- Fake card backgrounds -->
2159                <div class="absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true">
2160                  
2161                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
2162                  
2163                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
2164                  
2165                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
2166                  
2167                </div>
2168
2169                <table class="relative w-full border-separate border-spacing-x-8">
2170                  <thead>
2171                    <tr class="text-left">
2172                      <th scope="col">
2173                        <span class="sr-only">Feature</span>
2174                      </th>
2175                      
2176                      
2177                      <th scope="col">
2178                        <span class="sr-only">Adventure tier</span>
2179                      </th>
2180                      
2181                      
2182                      <th scope="col">
2183                        <span class="sr-only">Endurance tier</span>
2184                      </th>
2185                      
2186                      
2187                      <th scope="col">
2188                        <span class="sr-only">Expedition tier</span>
2189                      </th>
2190                      
2191                    </tr>
2192                  </thead>
2193                  <tbody>
2194                    
2195                    <tr>
2196                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2197                        iPhone / Android
2198                        
2199                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2200                        
2201                      </th>
2202                      
2203                      <td class="relative w-1/4 px-4 py-0 text-center">
2204                        <span class="relative h-full w-full py-3">
2205                          
2206                          
2207                          
2208                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2209                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2210                            </svg>
2211                            <span class="sr-only">Yes</span>
2212                          
2213                        </span>
2214                      </td>
2215                      
2216                      <td class="relative w-1/4 px-4 py-0 text-center">
2217                        <span class="relative h-full w-full py-3">
2218                          
2219                          
2220                          
2221                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2222                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2223                            </svg>
2224                            <span class="sr-only">Yes</span>
2225                          
2226                        </span>
2227                      </td>
2228                      
2229                      <td class="relative w-1/4 px-4 py-0 text-center">
2230                        <span class="relative h-full w-full py-3">
2231                          
2232                          
2233                          
2234                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2235                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2236                            </svg>
2237                            <span class="sr-only">Yes</span>
2238                          
2239                        </span>
2240                      </td>
2241                      
2242                    </tr>
2243                    
2244                    <tr>
2245                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2246                        Fitness Tracker
2247                        
2248                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2249                        
2250                      </th>
2251                      
2252                      <td class="relative w-1/4 px-4 py-0 text-center">
2253                        <span class="relative h-full w-full py-3">
2254                          
2255                          
2256                          
2257                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2258                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2259                            </svg>
2260                            <span class="sr-only">Yes</span>
2261                          
2262                        </span>
2263                      </td>
2264                      
2265                      <td class="relative w-1/4 px-4 py-0 text-center">
2266                        <span class="relative h-full w-full py-3">
2267                          
2268                          
2269                          
2270                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2271                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2272                            </svg>
2273                            <span class="sr-only">Yes</span>
2274                          
2275                        </span>
2276                      </td>
2277                      
2278                      <td class="relative w-1/4 px-4 py-0 text-center">
2279                        <span class="relative h-full w-full py-3">
2280                          
2281                          
2282                          
2283                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2284                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2285                            </svg>
2286                            <span class="sr-only">Yes</span>
2287                          
2288                        </span>
2289                      </td>
2290                      
2291                    </tr>
2292                    
2293                    <tr>
2294                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2295                        GPS Satellite Tracker
2296                        
2297                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2298                        
2299                      </th>
2300                      
2301                      <td class="relative w-1/4 px-4 py-0 text-center">
2302                        <span class="relative h-full w-full py-3">
2303                          
2304                          
2305                          
2306                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2307                              <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
2308                            </svg>
2309                            <span class="sr-only">No</span>
2310                          
2311                        </span>
2312                      </td>
2313                      
2314                      <td class="relative w-1/4 px-4 py-0 text-center">
2315                        <span class="relative h-full w-full py-3">
2316                          
2317                          
2318                          
2319                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2320                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2321                            </svg>
2322                            <span class="sr-only">Yes</span>
2323                          
2324                        </span>
2325                      </td>
2326                      
2327                      <td class="relative w-1/4 px-4 py-0 text-center">
2328                        <span class="relative h-full w-full py-3">
2329                          
2330                          
2331                          
2332                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2333                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2334                            </svg>
2335                            <span class="sr-only">Yes</span>
2336                          
2337                        </span>
2338                      </td>
2339                      
2340                    </tr>
2341                    
2342                    <tr>
2343                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2344                        Vessel
2345                        
2346                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2347                        
2348                      </th>
2349                      
2350                      <td class="relative w-1/4 px-4 py-0 text-center">
2351                        <span class="relative h-full w-full py-3">
2352                          
2353                          
2354                          
2355                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2356                              <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
2357                            </svg>
2358                            <span class="sr-only">No</span>
2359                          
2360                        </span>
2361                      </td>
2362                      
2363                      <td class="relative w-1/4 px-4 py-0 text-center">
2364                        <span class="relative h-full w-full py-3">
2365                          
2366                          
2367                          
2368                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2369                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2370                            </svg>
2371                            <span class="sr-only">Yes</span>
2372                          
2373                        </span>
2374                      </td>
2375                      
2376                      <td class="relative w-1/4 px-4 py-0 text-center">
2377                        <span class="relative h-full w-full py-3">
2378                          
2379                          
2380                          
2381                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2382                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2383                            </svg>
2384                            <span class="sr-only">Yes</span>
2385                          
2386                        </span>
2387                      </td>
2388                      
2389                    </tr>
2390                    
2391                    <tr>
2392                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2393                        Aircraft
2394                        
2395                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2396                        
2397                      </th>
2398                      
2399                      <td class="relative w-1/4 px-4 py-0 text-center">
2400                        <span class="relative h-full w-full py-3">
2401                          
2402                          
2403                          
2404                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2405                              <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
2406                            </svg>
2407                            <span class="sr-only">No</span>
2408                          
2409                        </span>
2410                      </td>
2411                      
2412                      <td class="relative w-1/4 px-4 py-0 text-center">
2413                        <span class="relative h-full w-full py-3">
2414                          
2415                          
2416                          
2417                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2418                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2419                            </svg>
2420                            <span class="sr-only">Yes</span>
2421                          
2422                        </span>
2423                      </td>
2424                      
2425                      <td class="relative w-1/4 px-4 py-0 text-center">
2426                        <span class="relative h-full w-full py-3">
2427                          
2428                          
2429                          
2430                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2431                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2432                            </svg>
2433                            <span class="sr-only">Yes</span>
2434                          
2435                        </span>
2436                      </td>
2437                      
2438                    </tr>
2439                    
2440                    <tr>
2441                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2442                        Spacecraft
2443                        
2444                      </th>
2445                      
2446                      <td class="relative w-1/4 px-4 py-0 text-center">
2447                        <span class="relative h-full w-full py-3">
2448                          
2449                          
2450                          
2451                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2452                              <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
2453                            </svg>
2454                            <span class="sr-only">No</span>
2455                          
2456                        </span>
2457                      </td>
2458                      
2459                      <td class="relative w-1/4 px-4 py-0 text-center">
2460                        <span class="relative h-full w-full py-3">
2461                          
2462                          
2463                          
2464                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2465                              <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
2466                            </svg>
2467                            <span class="sr-only">No</span>
2468                          
2469                        </span>
2470                      </td>
2471                      
2472                      <td class="relative w-1/4 px-4 py-0 text-center">
2473                        <span class="relative h-full w-full py-3">
2474                          
2475                          
2476                          
2477                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2478                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2479                            </svg>
2480                            <span class="sr-only">Yes</span>
2481                          
2482                        </span>
2483                      </td>
2484                      
2485                    </tr>
2486                    
2487                  </tbody>
2488                </table>
2489
2490                <!-- Fake card borders -->
2491                <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true">
2492                  
2493                  <div class="rounded-lg ring-1 ring-neutral-900/10"></div>
2494                  
2495                  <div class="rounded-lg ring-2 ring-z6z-forest"></div>
2496                  
2497                  <div class="rounded-lg ring-1 ring-neutral-900/10"></div>
2498                  
2499                </div>
2500              </div>
2501            </div>
2502            
2503            
2504            <div>
2505              <h3 class="text-sm font-semibold leading-6 text-neutral-900">Content</h3>
2506              <div class="relative -mx-8 mt-10">
2507                <!-- Fake card backgrounds -->
2508                <div class="absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true">
2509                  
2510                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
2511                  
2512                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
2513                  
2514                  <div class="h-full w-full rounded-lg bg-white shadow-sm"></div>
2515                  
2516                </div>
2517
2518                <table class="relative w-full border-separate border-spacing-x-8">
2519                  <thead>
2520                    <tr class="text-left">
2521                      <th scope="col">
2522                        <span class="sr-only">Feature</span>
2523                      </th>
2524                      
2525                      
2526                      <th scope="col">
2527                        <span class="sr-only">Adventure tier</span>
2528                      </th>
2529                      
2530                      
2531                      <th scope="col">
2532                        <span class="sr-only">Endurance tier</span>
2533                      </th>
2534                      
2535                      
2536                      <th scope="col">
2537                        <span class="sr-only">Expedition tier</span>
2538                      </th>
2539                      
2540                    </tr>
2541                  </thead>
2542                  <tbody>
2543                    
2544                    <tr>
2545                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2546                        Photo and video sharing
2547                        
2548                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2549                        
2550                      </th>
2551                      
2552                      <td class="relative w-1/4 px-4 py-0 text-center">
2553                        <span class="relative h-full w-full py-3">
2554                          
2555                          
2556                          
2557                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2558                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2559                            </svg>
2560                            <span class="sr-only">Yes</span>
2561                          
2562                        </span>
2563                      </td>
2564                      
2565                      <td class="relative w-1/4 px-4 py-0 text-center">
2566                        <span class="relative h-full w-full py-3">
2567                          
2568                          
2569                          
2570                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2571                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2572                            </svg>
2573                            <span class="sr-only">Yes</span>
2574                          
2575                        </span>
2576                      </td>
2577                      
2578                      <td class="relative w-1/4 px-4 py-0 text-center">
2579                        <span class="relative h-full w-full py-3">
2580                          
2581                          
2582                          
2583                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2584                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2585                            </svg>
2586                            <span class="sr-only">Yes</span>
2587                          
2588                        </span>
2589                      </td>
2590                      
2591                    </tr>
2592                    
2593                    <tr>
2594                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2595                        Social media integration
2596                        
2597                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2598                        
2599                      </th>
2600                      
2601                      <td class="relative w-1/4 px-4 py-0 text-center">
2602                        <span class="relative h-full w-full py-3">
2603                          
2604                          
2605                          
2606                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewB
2606ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2607                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2608                            </svg>
2609                            <span class="sr-only">Yes</span>
2610                          
2611                        </span>
2612                      </td>
2613                      
2614                      <td class="relative w-1/4 px-4 py-0 text-center">
2615                        <span class="relative h-full w-full py-3">
2616                          
2617                          
2618                          
2619                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2620                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2621                            </svg>
2622                            <span class="sr-only">Yes</span>
2623                          
2624                        </span>
2625                      </td>
2626                      
2627                      <td class="relative w-1/4 px-4 py-0 text-center">
2628                        <span class="relative h-full w-full py-3">
2629                          
2630                          
2631                          
2632                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2633                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2634                            </svg>
2635                            <span class="sr-only">Yes</span>
2636                          
2637                        </span>
2638                      </td>
2639                      
2640                    </tr>
2641                    
2642                    <tr>
2643                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2644                        Voice memos
2645                        
2646                        <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div>
2647                        
2648                      </th>
2649                      
2650                      <td class="relative w-1/4 px-4 py-0 text-center">
2651                        <span class="relative h-full w-full py-3">
2652                          
2653                          
2654                          
2655                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2656                              <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
2657                            </svg>
2658                            <span class="sr-only">No</span>
2659                          
2660                        </span>
2661                      </td>
2662                      
2663                      <td class="relative w-1/4 px-4 py-0 text-center">
2664                        <span class="relative h-full w-full py-3">
2665                          
2666                          
2667                          
2668                            <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2669                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2670                            </svg>
2671                            <span class="sr-only">Yes</span>
2672                          
2673                        </span>
2674                      </td>
2675                      
2676                      <td class="relative w-1/4 px-4 py-0 text-center">
2677                        <span class="relative h-full w-full py-3">
2678                          
2679                          
2680                          
2681                            <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
2682                              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
2683                            </svg>
2684                            <span class="sr-only">Yes</span>
2685                          
2686                        </span>
2687                      </td>
2688                      
2689                    </tr>
2690                    
2691                    <tr>
2692                      <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900">
2693                        Weather visualization
2694                        
2695                      </th>
2696                      
2697                      <td class="relative w-1/4 px-4 py-0 text-center">
2698                        <span class="relative h-full w-full py-3">
2699                          
2700                          
2701                          
2702                            <span class="text-neutral-900">Text based</span>
2703                          
2704                        </span>
2705                      </td>
2706                      
2707                      <td class="relative w-1/4 px-4 py-0 text-center">
2708                        <span class="relative h-full w-full py-3">
2709                          
2710                          
2711                          
2712                            <span class="font-semibold text-z6z-forest">Satellite imagery</span>
2713                          
2714                        </span>
2715                      </td>
2716                      
2717                      <td class="relative w-1/4 px-4 py-0 text-center">
2718                        <span class="relative h-full w-full py-3">
2719                          
2720                          
2721                          
2722                            <span class="text-neutral-900">Detailed weather animations</span>
2723                          
2724                        </span>
2725                      </td>
2726                      
2727                    </tr>
2728                    
2729                  </tbody>
2730                </table>
2731
2732                <!-- Fake card borders -->
2733                <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true">
2734                  
2735                  <div class="rounded-lg ring-1 ring-neutral-900/10"></div>
2736                  
2737                  <div class="rounded-lg ring-2 ring-z6z-forest"></div>
2738                  
2739                  <div class="rounded-lg ring-1 ring-neutral-900/10"></div>
2740                  
2741                </div>
2742              </div>
2743            </div>
2744            
2745          </div>
2746        </section>
2747      </div>
2748    </div>
2749
2750  </div>
2751
2752
2753<section id="faq" class="bg-z6z" aria-labelledby="faq-heading">
2754  <div class="mx-auto max-w-4xl px-6 py-24 sm:py-32">
2755    <h2 id="faq-heading" class="text-2xl font-bold leading-10 tracking-tight text-white">Frequently asked questions</h2>
2756    <div class="mt-10 space-y-6 divide-y divide-white/10">
2757      
2758      <details class="pt-6 text-white">
2759        <summary class="cursor-pointer text-base font-semibold leading-7">Do I need a satellite tracker?</summary>
2760        <p class="mt-2 text-base leading-7 text-gray-300">No. You can use a supported smartphone or fitness device. For remote adventures, satellite trackers provide another way to send updates. Check the plan comparison for the devices included in each plan.</p>
2761      </details>
2762      
2763      <details class="pt-6 text-white">
2764        <summary class="cursor-pointer text-base font-semibold leading-7">Which devices and apps does ZeroSixZero work with?</summary>
2765        <p class="mt-2 text-base leading-7 text-gray-300">ZeroSixZero connects with phones, fitness platforms and satellite trackers, including Garmin, SPOT, ZOLEO, Bivy, Strava, Suunto, COROS, Polar and Wa
2765hoo. See the integrations above, or get in touch about your setup.</p>
2766      </details>
2767      
2768      <details class="pt-6 text-white">
2769        <summary class="cursor-pointer text-base font-semibold leading-7">Can I control who sees my location?</summary>
2770        <p class="mt-2 text-base leading-7 text-gray-300">Yes. You can password-protect your map, use privacy zones, and choose what to include or exclude from your shared map.</p>
2771      </details>
2772      
2773      <details class="pt-6 text-white">
2774        <summary class="cursor-pointer text-base font-semibold leading-7">What happens when I lose signal?</summary>
2775        <p class="mt-2 text-base leading-7 text-gray-300">Your public map can only show updates that reach ZeroSixZero. Recording and later syncing depend on your device, its settings and coverage. Get in touch before your expedition so we can help you choose a suitable setup.</p>
2776      </details>
2777      
2778      <details class="pt-6 text-white">
2779        <summary class="cursor-pointer text-base font-semibold leading-7">Can I embed my map on my own website?</summary>
2780        <p class="mt-2 text-base leading-7 text-gray-300">Yes. Every plan includes website embedding. The plan comparison shows how many sites are included.</p>
2781      </details>
2782      
2783      <details class="pt-6 text-white">
2784        <summary class="cursor-pointer text-base font-semibold leading-7">Can I add photos, videos and stories to my map?</summary>
2785        <p class="mt-2 text-base leading-7 text-gray-300">Yes. Add photos, videos and updates to your map during your adventure or afterwards. See the plan comparison for the content features included in each plan.</p>
2786      </details>
2787      
2788      <details class="pt-6 text-white">
2789        <summary class="cursor-pointer text-base font-semibold leading-7">Do you offer monthly and annual billing?</summary>
2790        <p class="mt-2 text-base leading-7 text-gray-300">Yes. Use the billing selector to compare monthly payments with the monthly equivalent of an annual subscription. The full annual charge is shown beside each annual price.</p>
2791      </details>
2792      
2793      <details class="pt-6 text-white">
2794        <summary class="cursor-pointer text-base font-semibold leading-7">My expedition needs something custom. Can you help?</summary>
2795        <p class="mt-2 text-base leading-7 text-gray-300">Get in touch and tell us about your adventure. The Expedition plan includes custom map styles, external data sources and priority support.</p>
2796      </details>
2797      
2798    </div>
2799  </div>
2800</section>
2801
2802
2803<div id="contact" class="bg-z6z gridpage py-16 sm:py-24">
2804  <div class="mx-auto max-w-7xl px-6 lg:px-8">
2805    <div class="mx-auto max-w-2xl text-center">
2806      <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Get in touch</h2>
2807      <p class="mt-2 text-lg leading-8 text-white/60">
2808        We&#39;d love to hear about your adventures! Reach out with the form below and we&#39;ll get back to you!
2809      </p>
2810    </div>
2811    <form
2812      id="contact-form"
2813      method="POST"
2814      name="fa-form-1"
2815      action="/contact"
2816      enctype="multipart/form-data"
2817      accept-charset="utf-8"
2818      class="mx-auto mt-16 max-w-xl"
2819    >
2820      <div class="grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2">
2821        <div class="sm:col-span-2">
2822          <label for="name" class="block text-sm font-semibold leading-6 text-white">Name</label>
2823          <div class="mt-2.5">
2824            <input type="text" name="name" id="name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-z6z-ocean sm:text-sm sm:leading-6">
2825          </div>
2826        </div>
2827        <div class="sm:col-span-2">
2828          <label for="email" class="block text-sm font-semibold leading-6 text-white">Email</label>
2829          <div class="mt-2.5">
2830            <input type="email" name="email" id="email" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-z6z-ocean sm:text-sm sm:leading-6">
2831          </div>
2832        </div>
2833        <div class="sm:col-span-2">
2834          <label for="body" class="block text-sm font-semibold leading-6 text-white">Tell us about your Adventure</label>
2835          <div class="mt-2.5">
2836            <textarea name="body" id="body" rows="4" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-z6z-ocean sm:text-sm sm:leading-6"></textarea>
2837          </div>
2838        </div>
2839      </div>
2840
2841      
2842      <div aria-hidden="true" tabindex="-1" style="position:absolute;
2842left:-9999px;top:-9999px;height:0;overflow:hidden;">
2843        <label for="referral_code">Leave this field blank</label>
2844        <input type="text" name="referral_code" id="referral_code" tabindex="-1" autocomplete="off">
2845      </div>
2846
2847      
2848      <input type="hidden" name="ph_distinct_id" value="">
2849
2850      
2851      <div class="cf-turnstile flex justify-center [&:not(:empty)]:mt-8" data-sitekey="0x4AAAAAADo4_1HQqUbsNomd" data-theme="dark" data-appearance="interaction-only"></div>
2852
2853      <div class="mt-10">
2854        <input type="submit" value="Send" class="mx-auto block w-auto rounded-md bg-z6z-forest px-6 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-z6z-forest disabled:opacity-60 disabled:cursor-not-allowed">
2855      </div>
2856      <p id="contact-status" role="status" aria-live="polite" class="mt-4 text-center text-sm"></p>
2857    </form>
2858
2859    
2859<script>
2860      window.Z6Z_CONTACT_I18N = {"sending":"Sending…","verification":"Just a moment — finishing verification, then hit Send again.","success":"Thanks! We've got your message and will be in touch soon.","error":"Something went wrong. Please try again.","networkError":"Network error. Please try again, or email us directly."};
2861    </script>
2861
2862    
2862<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
2862
2863    
2863<script src="/w-assets/js/contact.js" defer></script>
2863
2864  </div>
2865</div>
2866
2867
2868<script type="application/ld+json">
2869{
2870  "@context": "https://schema.org",
2871  "@type": "Product",
2872  "name": "ZeroSixZero",
2873  "description": "Create stunning live tracking maps for expeditions \u0026 adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions \u0026 storytellers.",
2874  "brand": { "@type": "Brand", "name": "ZeroSixZero" },
2875  "image": "https://zerosixzero.com/zerosixzero_banner.jpg",
2876  "offers": [
2877    
2878    
2879    {
2880      "@type": "Offer",
2881      "name": "Adventure — Monthly",
2882      "description": "Perfect for solo adventures and athletes.",
2883      "price": 18.99,
2884      "priceCurrency": "USD",
2885      "url": "https://zerosixzero.com/#pricing"
2886    },
2887    
2888    
2889    {
2890      "@type": "Offer",
2891      "name": "Endurance — Monthly",
2892      "description": "For ultra endurance and long distance adventures.",
2893      "price": 48.99,
2894      "priceCurrency": "USD",
2895      "url": "https://zerosixzero.com/#pricing"
2896    },
2897    
2898    
2899    {
2900      "@type": "Offer",
2901      "name": "Expedition — Monthly",
2902      "description": "Designed for expeditions and sponsors.",
2903      "price": 119.99,
2904      "priceCurrency": "USD",
2905      "url": "https://zerosixzero.com/#pricing"
2906    }
2907    
2908  ]
2909}
2910</script>
vendor: 1 bytes, line 2910
2910
2911<script type="application/ld+json">
2912{
2913  "@context": "https://schema.org",
2914  "@type": "FAQPage",
2915  "mainEntity": [
2916    
2917    {
2918      "@type": "Question",
2919      "name": "Do I need a satellite tracker?",
2920      "acceptedAnswer": { "@type": "Answer", "text": "No. You can use a supported smartphone or fitness device. For remote adventures, satellite trackers provide another way to send updates. Check the plan comparison for the devices included in each plan." }
2921    },
2922    
2923    {
2924      "@type": "Question",
2925      "name": "Which devices and apps does ZeroSixZero work with?",
2926      "acceptedAnswer": { "@type": "Answer", "text": "ZeroSixZero connects with phones, fitness platforms and satellite trackers, including Garmin, SPOT, ZOLEO, Bivy, Strava, Suunto, COROS, Polar and Wahoo. See the integrations above, or get in touch about your setup." }
2927    },
2928    
2929    {
2930      "@type": "Question",
2931      "name": "Can I control who sees my location?",
2932      "acceptedAnswer": { "@type": "Answer", "text": "Yes. You can password-protect your map, use privacy zones, and choose what to include or exclude from your shared map." }
2933    },
2934    
2935    {
2936      "@type": "Question",
2937      "name": "What happens when I lose signal?",
2938      "acceptedAnswer": { "@type": "Answer", "text": "Your public map can only show updates that reach ZeroSixZero. Recording and later syncing depend on your device, its settings and coverage. Get in touch before your expedition so we can help you choose a suitable setup." }
2939    },
2940    
2941    {
2942      "@type": "Question",
2943      "name": "Can I embed my map on my own website?",
2944      "acceptedAnswer": { "@type": "Answer", "text": "Yes. Every plan includes website embedding. The plan comparison shows how many sites are included." }
2945    },
2946    
2947    {
2948      "@type": "Question",
2949      "name": "Can I add photos, videos and stories to my map?",
2950      "acceptedAnswer": { "@type": "Answer", "text": "Yes. Add photos, videos and updates to your map during your adventure or afterwards. See the plan comparison for the content features included in each plan." }
2951    },
2952    
2953    {
2954      "@type": "Question",
2955      "name": "Do you offer monthly and annual billing?",
2956      "acceptedAnswer": { "@type": "Answer", "text": "Yes. Use the billing selector to compare monthly payments with the monthly equivalent of an annual subscription. The full annual charge is shown beside each annual price." }
2957    },
2958    
2959    {
2960      "@type": "Question",
2961      "name": "My expedition needs something custom. Can you help?",
2962      "acceptedAnswer": { "@type": "Answer", "text": "Get in touch and tell us about your adventure. The Expedition plan includes custom map styles, external data sources and priority support." }
2963    }
2964    
2965  ]
2966}
2967</script>
2967
2968
2969
2970    </main>
2971
2972    <footer class="bg-z6z">
2973    <div class="mx-auto max-w-7xl px-6 py-12 md:flex md:items-center md:justify-between lg:px-8">
2974        <div class="flex flex-wrap items-center justify-center gap-4 md:order-2">
2975            <a href="https://www.instagram.com/zerosixzeromap/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors">
2976                <span class="sr-only">Instagram</span>
2977                <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
2978                    <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 0 1 1.772 1.153 4.902 4.902 0 0 1 1.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 0 1-1.153 1.772 4.902 4.902 0 0 1-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 0 1-1.772-1.153 4.902 4.902 0 0 1-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 0 1 1.153-1.772A4.902 4.902 0 0 1 5.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 0 0-.748-1.15 3.098 3.098 0 0 0-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 1 1 0 10.27 5.135 5.135 0 0 1 0-10.27zm0 1.802a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666zm5.338-3.205a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4z" clip-rule="evenodd" />
2979                </svg>
2980            </a>
2981            <a href="https://x.com/zerosixzeromap" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors">
2982                <span class="sr-only">X (Twitter)</span>
2983                <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
2984                    <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
2985                </svg>
2986            </a>
2987            <a href="https://apps.apple.com/app/zerosixzero/id6742064806" target="_blank" rel="noopener noreferrer" class="text-xs leading-6 text-gray-400 hover:text-white transition-colors">iOS App</a>
2988            <a href="https://play.google.com/store/apps/details?id=com.zerosixzero.android" target="_blank" rel="noopener noreferrer" class="text-xs leading-6 text-gray-400 hover:text-white transition-colors">Android App</a>
2989        </div>
2990        <div class="mt-8 md:order-1 md:mt-0">
2991            <div class="text-center text-xs leading-5 text-white">
2992                <span>© 2026 Zero Six Zero, Inc. All rights reserved.</span>
2993                <span class="mx-2">|</span>
2994                <a href="/privacy-policy" class="hover:text-gray-300">Privacy Policy</a>
2995                <span class="mx-2">|</span>
2996                <a href="/terms-of-service" class="hover:text-gray-300">Terms of Service</a>
2997                <span class="mx-2" aria-hidden="true">·</span>
2998                
2999<details class="language-switcher">
3000    <summary>
3001        <svg class="language-globe" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></svg>
3002        <span aria-hidden="true">EN</span>
3003        <span class="sr-only">Language: English</span>
3004    </summary>
3005    <div class="language-options" role="group" aria-label="Language">
3006        
3007        
3008        <a href="/" lang="en" hreflang="en"
3009           aria-current="page">English</a>
3010        
3011        
3012        <a href="/de/" lang="de" hreflang="de"
3013           >Deutsch</a>
3014        
3015        
3016        <a href="/fr/" lang="fr" hreflang="fr"
3017           >Français</a>
3018        
3019        
3020        <a href="/it/" lang="it" hreflang="it"
3021           >Italiano</a>
3022        
3023    </div>
3024</details>
3025
3026            </div>
3027        </div>
3028    </div>
3029</footer>
3030
3031
3032    
3032<script src="/w-assets/js/auth-state.js"></script>
3032
3033    
3033<script src="/w-assets/js/header-menu.js"></script>
3033
3034    
3034<script src="/w-assets/js/word-swap.js"></script>
3034
3035    
3035<script src="/w-assets/js/header-scroll.js"></script>
3035
3036    
3036<script src="/w-assets/js/pricing.js"></script>
3036
3037    
3037<script src="/w-assets/js/data.js"></script>
3037
3038
3039</body>
3040</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.