PageSourceSearch

https://mechai.app/for-shops/

html mechai.app collected 2026-10-02 15:18:07 UTC 96,227 bytes, 1,166 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        <meta name="generator" content="Astro v7.2.9">
7        <link rel="icon" type="image/svg+xml" href="/favicon.svg">
8        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
9        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
10        <link rel="manifest" href="/site.webmanifest">
11        <meta name="apple-mobile-web-app-title" content="MECH AI">
12        <meta name="application-name" content="MECH AI">
13
14        <!--
15            Fonts are self-hosted (variable woff2 in /public/fonts, @font-face in
16            src/styles/fonts.css, bundled via global.css). No cross-origin Google
17            Fonts request. Preload only the latin Inter file — it covers the LCP
18            heading (wght 800) and body; JetBrains Mono (mono micro-labels) and
19            latin-ext load on demand. crossorigin is required even same-origin
20            because fonts are always fetched in CORS mode.
21        -->
22        <link rel="preload" href="/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin>
23
24        <title>For Shops — AI Diagnostics, OEM Wiring &amp; TSBs | MECH AI</title>
25        <meta name="description" content="Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat.">
26        <link rel="canonical" href="https://mechai.app/for-shops/">
27        <!--
28            hreflang. Pages with a translated counterpart (src/data/i18n-routes)
29            declare BOTH sides plus x-default pointing at English; every other
30            page keeps the self-referencing en + x-default pair, which tells
31            Google it is the default for any language not specifically
32            targeted. Reciprocity is enforced by the build gate — a one-way
33            hreflang is ignored by Google and is worse than none, because it
34            reads as a mistake in the pair.
35        -->
36        
37                    <link rel="alternate" hreflang="x-default" href="https://mechai.app/for-shops/">
38                    <link rel="alternate" hreflang="en" href="https://mechai.app/for-shops/">
39                
40        <link rel="alternate" type="application/rss+xml" title="The Wrench Report — MECH AI" href="/rss.xml">
41        <meta name="robots" content="index, follow, max-image-preview:large">
42        <meta name="author" content="MECH.AI LLC">
43
44        <!-- OpenGraph -->
45        <meta property="og:type" content="website">
46        <meta property="og:url" content="https://mechai.app/for-shops/">
47        <meta property="og:title" content="For Shops — AI Diagnostics, OEM Wiring &amp; TSBs | MECH AI">
48        <meta property="og:description" content="Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat.">
49        <meta property="og:image" content="https://mechai.app/og-default.png">
50        <meta property="og:image:width" content="1200">
51        <meta property="og:image:height" content="630">
52        <meta property="og:image:alt" content="MECH AI — Your car, explained.">
53        <meta property="og:site_name" content="MECH AI">
54        <meta property="og:locale" content="en_US">
55        
56        
57        
58        
59        
60
61        <!-- Twitter -->
62        <meta name="twitter:card" content="summary_large_image">
63        <meta name="twitter:title" content="For Shops — AI Diagnostics, OEM Wiring &amp; TSBs | MECH AI">
64        <meta name="twitter:description" content="Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat.">
65        <meta name="twitter:image" content="https://mechai.app/og-default.png">
66        <meta name="twitter:image:alt" content="MECH AI — Your car, explained.">
67
68        <!-- Sitemap discovery -->
69        <link rel="sitemap" type="application/xml" href="/sitemap-index.xml">
70
71        <!-- JSON-LD structured data (Organization, SoftwareApplication, WebSite, + per-page) -->
72        
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://mechai.app/#organization","name":"MECH AI","legalName":"MECH.AI LLC","url":"https://mechai.app","logo":"https://mechai.app/icon-512.png","description":"MECH AI is the automotive multitool — an AI mechanic, OBD2 scanner, repair guides, wiring diagrams, parts search, and shop management in one app, in seven languages, free to start.","disambiguatingDescription":"MECH AI is an automotive diagnostic and repair application (OBD-II trouble-code lookup, symptom diagnosis, repair guidance, parts). It is unrelated to any foreign-exchange, trading, investment, or \"MechAI FX\" financial product.","knowsAbout":["Automotive diagnostics","OBD-II diagnostic trouble codes","Check engine light","Vehicle repair","Car maintenance","Technical service bulletins","Auto parts"],"foundingDate":"2024","address":{"@type":"PostalAddress","addressLocality":"Draper","addressRegion":"UT","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","email":"[email protected]","contactType":"customer support","availableLanguage":["en"]}],"founder":{"@id":"https://mechai.app/why/#founder"},"sameAs":["https://x.com/mech_app","https://www.crunchbase.com/organization/mech-ai","https://www.linkedin.com/company/mechai/","https://www.facebook.com/mechaiapp/","https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739","https://play.google.com/store/apps/details?id=app.mechai.mobile"]}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://mechai.app/#app","name":"MECH AI","applicationCategory":"AutomotiveApplication","operatingSystem":"iOS, Android, Web","description":"Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat.","url":"https://mechai.app","image":"https://mechai.app/og-default.png","sameAs":["https://x.com/mech_app","https://www.crunchbase.com/organization/mech-ai","https://www.linkedin.com/company/mechai/","https://www.facebook.com/mechaiapp/","https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739","https://play.google.com/store/apps/details?id=app.mechai.mobile"],"inLanguage":["en","es","pt-BR","ru","de","fr","it"],"featureList":["AI Mechanic chat with vehicle context","OBD2 code reading over BLE and WiFi ELM327 adapters","Guided diagnostics with resumable sessions","Digital garage with Vehicle Health score and timeline","Technical Service Bulletin (TSB) lookups in plain English","AI wiring, vacuum, cooling and fuel-system diagrams","OEM repair and wiring diagrams (AUTOSHOP)","Step-by-step repair guides","Amazon and eBay parts search","NHTSA recall alerts"],"installUrl":"https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739","downloadUrl":"https://play.google.com/store/apps/details?id=app.mechai.mobile","offers":[{"@type":"Offer","name":"FREE","price":"0","priceCurrency":"USD","description":"free, ad-supported"},{"@type":"Offer","name":"DIY","price":"7.99","priceCurrency":"USD","description":"billed monthly"},{"@type":"Offer","name":"DIY (yearly)","price":"66.99","priceCurrency":"USD","description":"billed yearly"},{"@type":"Offer","name":"MECHANIC","price":"19.99","priceCurrency":"USD","description":"billed monthly"},{"@type":"Offer","name":"MECHANIC (yearly)","price":"167.99","priceCurrency":"USD","description":"billed yearly"},{"@type":"Offer","name":"AUTOSHOP","price":"59.99","priceCurrency":"USD","description":"billed monthly"},{"@type":"Offer","name":"AUTOSHOP (yearly)","price":"499.99","priceCurrency":"USD","description":"billed yearly"}],"publisher":{"@id":"https://mechai.app/#organization"}}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://mechai.app/#website","name":"MECH AI","alternateName":["MECH AI app","AI Mechanic","MECH.AI"],"url":"https://mechai.app","publisher":{"@id":"https://mechai.app/#organization"}}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://mechai.app/for-shops/","url":"https://mechai.app/for-shops/","name":"For Shops — AI Diagnostics, OEM Wiring & TSBs | MECH AI","description":"Equip your whole shop with OEM-grade diagnostics, wiring diagrams, and TSBs for a fraction of what legacy tools cost. AUTOSHOP is $59.99/mo, flat.","isPartOf":{"@id":"https://mechai.app/#website"},"inLanguage":"en","dateModified":"2026-09-17T14:10:02-06:00"}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How does seat / device coverage work?","acceptedAnswer":{"@type":"Answer","text":"One AUTOSHOP account covers your shop's shared devices — bay tablets, the service desk, and shop-owned phones. SHOP MANAGER adds named members with roles (Owner / Manager / Tech / Front Desk) in a guided pilot."}},{"@type":"Question","name":"Can my techs use it in Spanish?","acceptedAnswer":{"@type":"Answer","text":"Yes. MECH AI works in English, Spanish, Portuguese, Russian, German, French, and Italian — the AI answers in your language. Each tech picks their language in the app settings."}},{"@type":"Question","name":"Can we run this alongside our existing shop management software?","acceptedAnswer":{"@type":"Answer","text":"Yes. AUTOSHOP is a repair-intelligence layer and can sit beside your current system. SHOP MANAGER adds customer records, repair orders, invoices, team roles, manual payment status, and reports. Scheduling, integrated payment capture, accounting sync, and parts inventory are not yet part of the pilot."}},{"@type":"Question","name":"How current is the TSB and recall data?","acceptedA
72nswer":{"@type":"Answer","text":"We pull from manufacturer sources and refresh regularly. If you spot a gap, ping us and we'll investigate — shop feedback shapes what we surface."}},{"@type":"Question","name":"Can my customers see what the AI said?","acceptedAnswer":{"@type":"Answer","text":"Yes. Explanations are shareable, so you can send a plain-English breakdown of the diagnosis and recommended fix along with the estimate."}}]}</script>
72<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://mechai.app/"},{"@type":"ListItem","position":2,"name":"For Shops"}]}</script>
72
73
74        <meta name="theme-color" content="#050505">
75
76        
77        
77<script>document.documentElement.classList.add('js');</script>
77
78        
78<script>
79            (function(){
80                try {
81                    var qclid = new URLSearchParams(location.search).get('qclid');
82                    if (!qclid) return;
83                    var d = new Date(Date.now() + 90 * 24 * 60 * 60 * 1000).toUTCString();
84                    document.cookie = '_qclid=' + encodeURIComponent(qclid)
85                        + ';expires=' + d
86                        + ';path=/;domain=.mechai.app;secure;samesite=lax';
87                } catch (e) { /* private mode / cookies disabled */ }
88            })();
89        </script>
89
90        
90<script>
91            (function () {
92                try {
93                    var qs = new URLSearchParams(location.search);
94                    var clickIds = ['rdt_cid', 'fbclid', 'gclid', 'msclkid', 'ttclid'];
95                    var utms = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];
96                    var exp = new Date(Date.now() + 90 * 24 * 60 * 60 * 1000).toUTCString();
97                    clickIds.concat(utms).forEach(function (k) {
98                        var v = qs.get(k);
99                        if (!v) return;
100                        document.cookie = '_' + k + '=' + encodeURIComponent(v)
101                            + ';expires=' + exp
102                            + ';path=/;domain=.mechai.app;secure;samesite=lax';
103                    });
104                    /* utm_* survives page NAVIGATION via the cookies above —
105                       the qs-only rewrite kept campaign params only while the
106                       visitor stayed on the landing page; one click deeper and
107                       every app CTA lost them (fixed 2026-07-09). Cookie fills
108                       in, the current URL always wins (freshest click).
109                       Click-ids are NOT cookie-forwarded onto URLs: the app
110                       already reads their cookies directly (attribution.ts). */
111                    var readCookie = function (name) {
112                        var m = document.cookie.match(new RegExp('(?:^|;)\\s*' + name + '=([^;]*)'));
113                        if (!m) return null;
114                        try { return decodeURIComponent(m[1]); } catch (e) { return m[1]; }
115                    };
116                    var forward = new URLSearchParams();
117                    utms.forEach(function (k) {
118                        var v = readCookie('_' + k);
119                        if (v) forward.set(k, v);
120                    });
121                    qs.forEach(function (val, key) {
122                        if (key.indexOf('utm_') === 0 || clickIds.indexOf(key) !== -1) {
123                            forward.set(key, val);
124                        }
125                    });
126                    if (!forward.toString()) return;
127                    /* AppsFlyer ignores utm_* — install attribution comes from
128                       pid/c/af_channel. site-config gives shared OneLinks an
129                       explicit website/organic default so dashboard-era
130                       Instagram presets never leak into organic traffic. When
131                       inbound campaign UTMs exist, mirror them over that
132                       website default at click time. Links with another custom
133                       pid (for example /reviews) stay fixed. pid values become
134                       permanent case-sensitive AppsFlyer media-source buckets. */
135                    var afPid = forward.get('utm_source');
136                    var afCampaign = forward.get('utm_campaign');
137                    var afChannel = forward.get('utm_medium');
138                    /* The rewrite must wait for the DOM: this script runs
139                       synchronously in <head> (required for the cookie capture
140                       above), where the <body> anchors don't exist yet — run
141                       immediately, querySelectorAll matches nothing and the
142                       forwarding silently no-ops (bug fixed 2026-07-01). */
143                    var rewrite = function () {
144                        document.querySelectorAll(
145                            'a[data-cta="app"], a[href*="prod.mechai.app"], a[href*="app.mechai.app"]'
146                        ).forEach(function (a) {
147                            try {
148                                var u = new URL(a.href);
149                                forward.forEach(function (val, key) { u.searchParams.set(key, val); });
150                                if (
151                                    afPid &&
152                                    /(^|\.)onelink\.me$/.test(u.hostname) &&
153                                    (!u.searchParams.has('pid') || u.searchParams.get('pid') === 'website')
154                                ) {
155                                    u.searchParams.set('pid', afPid);
156                                    if (afCampaign) u.searchParams.set('c', afCampaign);
157                                    if (afChannel) u.searchParams.set('af_channel', afChannel);
158                                }
159                                /* Preserve the same paid attribution through a
160                                   OneLink desktop/web fallback. af_web_dp is a
161                                   nested app URL, so rewriting only the outer
162                                   OneLink would lose campaign data on redirect. */
163                                var fallback = u.searchParams.get('af_web_dp');
164                                if (fallback) {
165                                    try {
166                                        var fallbackUrl = new URL(fallback);
167                                        forward.forEach(function (val, key) {
168                                            fallbackUrl.searchParams.set(key, val);
169                                        });
170                                        u.searchParams.set('af_web_dp', fallbackUrl.toString());
171                                    } catch (e) {}
172                                }
173                                a.href = u.toString();
174                            } catch (e) {}
175                        });
176                    };
177                    if (document.readyState === 'loading') {
178                        document.addEventListener('DOMContentLoaded', rewrite);
179                    } else {
180                        rewrite();
181                    }
182                } catch (e) { /* private mode / cookies disabled — never break the page */ }
183            })();
184        </script>
184
185        
185<script>
186            (function () {
187                window.__mechaiDeferThirdParty = function (start) {
188                    var started = false;
189                    var run = function () {
190                        if (started) return;
191                        started = true;
192                        start();
193                    };
194                    var schedule = function () {
195                        if ('requestIdleCallback' in window) {
196                            window.requestIdleCallback(run, { timeout: 2500 });
197                        } else {
198                            window.setTimeout(run, 1200);
199                        }
200                    };
201                    window.addEventListener('pointerdown', run, { once: true, passive: true });
202                    window.addEventListener('keydown', run, { once: true });
203                    if (document.readyState === 'complete') schedule();
204                    else window.addEventListener('load', schedule, { once: true });
205                };
206            })();
207        </script>
207<script>(function(){const openAiPixelId = "HhAcSspdQfL6ggpWcF4TCW";
208
209                    (function () {
210                        var allowed = ['www.mechai.app', 'mechai.app'];
211                        var ok = allowed.indexOf(location.hostname) !== -1
212                            || location.search.indexOf('openai_pixel_test=1') !== -1;
213                        if (!ok) return;
214                        var load = function () {
215                            (function (w, d, s, u) {
216                                if (w.oaiq) return;
217                                var q = function () { q.q.push(arguments); };
218                                q.q = [];
219                                w.oaiq = q;
220                                var js = d.createElement(s);
221                                js.async = true;
222                                js.src = u;
223                                var f = d.getElementsByTagName(s)[0];
224                                f.parentNode.insertBefore(js, f);
225                            })(window, document, 'script', 'https://bzrcdn.openai.com/sdk/oaiq.min.js');
226                            oaiq('init', { pixelId: openAiPixelId });
227                        };
228                        if (location.search.indexOf('openai_pixel_test=1') !== -1) load();
229                        else window.__mechaiDeferThirdParty(load);
230                    })();
231                })();</script>
231
232
233        
234                    
234<script>(function(){const gaId = "G-5L5C34MBYD";
235const awId = "AW-16585849566";
236const aiHosts = ["chatgpt.com","chat.openai.com","openai.com","perplexity.ai","copilot.microsoft.com","gemini.google.com","claude.ai","you.com","duckduckgo.com"];
237
238                        /* Astro wraps define:vars scripts in an IIFE, so a bare
239                           `function gtag()` never reaches window.* — and every
240                           window.gtag consumer (the data-event delegation below,
241                           lib/analytics.ts trackEvent) silently no-ops. Assign
242                           to window explicitly. */
243                        window.dataLayer = window.dataLayer || [];
244                        window.gtag = function gtag(){window.dataLayer.push(arguments);};
245                        window.gtag('js', new Date());
246                        const linkerDomains = ['prod.mechai.app', 'app.mechai.app', 'mobile.mechai.app'];
247                        if (gaId) window.gtag('config', gaId, { anonymize_ip: true, linker: { domains: linkerDomains } });
248                        if (awId) window.gtag('config', awId, { linker: { domains: linkerDomains } });
249                        var load = function () {
250                            var js = document.createElement('script');
251                            js.async = true;
252                            js.src = 'https://www.googletagmanager.com/gtag/js?id=' + (gaId || awId);
253                            document.head.appendChild(js);
254                        };
255                        /* AI-answer attribution. GA4 buckets chatgpt.com and
256                           perplexity.ai under generic "Referral" alongside every
257                           other site, and a custom channel group needs GA4 admin.
258                           Tagging the hit ourselves needs neither: the event
259                           carries the source, so it can be segmented today.
260                           Matching rule mirrors matchAiSource() in
261                           scripts/lib/ai-referrer.mjs (unit-tested) — exact host
262                           or a true subdomain, anchored on a leading dot. */
263                        try {
264                            var aiRef = document.referrer ? new URL(document.referrer).hostname.toLowerCase() : '';
265                            var aiSource = aiRef && aiHosts.filter(function (h) {
266                                return aiRef === h || aiRef.slice(-(h.length + 1)) === '.' + h;
267                            })[0];
268                            if (aiSource) {
269                                window.gtag('set', 'user_properties', { ai_source: aiSource });
270                                window.gtag('event', 'ai_referral', {
271                                    ai_source: aiSource,
272                                    landing_page: location.pathname,
273                                });
274                                document.cookie = '_ai_ref=' + encodeURIComponent(aiSource)
275                                    + ';expires=' + new Date(Date.now() + 90 * 864e5).toUTCString()
276                                    + ';path=/;domain=.mechai.app;secure;samesite=lax';
277                            }
278                        } catch (e) { /* never break the page for a measurement */ }
279
280                        if (location.search.indexOf('ga_debug=1') !== -1) load();
281                        else window.__mechaiDeferThirdParty(load);
282                    })();</script>
282
283
284        
284<script>(function(){const gtmId = "GTM-PSDPPMPG";
285
286                    (function(){
287                        var allowed = ['www.mechai.app', 'mechai.app'];
288                        var ok = allowed.indexOf(location.hostname) !== -1
289                            || location.search.indexOf('quora_pixel_test=1') !== -1;
290                        if (!ok) return;
291                        var load = function () {
292                            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
293                            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
294                            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
295                            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
296                            })(window,document,'script','dataLayer',gtmId);
297                        };
298                        if (location.search.indexOf('quora_pixel_test=1') !== -1) load();
299                        else window.__mechaiDeferThirdParty(load);
300                    })();
301                })();</script>
301
302    <link rel="stylesheet" href="/_astro/BaseLayout.BCsSpKOt.css"></head>
303    <body class="bg-brand-bg text-white antialiased">
vendor: 97 bytes, lines 303-305
303
304        <noscript>
305                    <iframe src="https://www.googletagmanager.com/ns.html?id=
305GTM-PSDPPMPG
vendor: 108 bytes, lines 305-307
305" height="0" width="0" style="display:none;visibility:hidden"></iframe>
306                </noscript>
307        
307<a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:rounded-md focus:bg-white focus:px-4 focus:py-2 focus:text-black">
308            Skip to content
309        </a>
310        <nav aria-label="Main navigation" class="fixed top-0 z-50 w-full border-b border-white/10 bg-brand-bg/80 backdrop-blur-md">
311    <div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-6 xl:h-20">
312        <a href="/" class="group flex items-center gap-2">
313    <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-accent/15 text-brand-accent transition group-hover:bg-brand-accent/25" aria-hidden="true">
314        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>
315    </span>
316    <span class="text-base font-bold tracking-tight">MECH AI</span>
317</a>
318
319        <div class="hidden items-center gap-8 xl:flex">
320            <a href="/how-it-works/" class="text-sm font-medium text-white/70 transition hover:text-white">
321                        How it works
322                    </a><a href="/#features" class="text-sm font-medium text-white/70 transition hover:text-white">
323                        Features
324                    </a><a href="/demo/" class="text-sm font-medium text-white/70 transition hover:text-white">
325                        Demo
326                    </a><a href="/pricing/" class="text-sm font-medium text-white/70 transition hover:text-white">
327                        Pricing
328                    </a><a href="/for-shops/" class="text-sm font-medium text-white/70 transition hover:text-white">
329                        For Shops
330                    </a>
331        </div>
332
333        <div class="hidden items-center gap-3 xl:flex">
334            
335            <a href="https://prod.mechai.app/v2/login" class="btn-link" data-event="login_click" data-event-location="nav_desktop">
336                Log in
337            </a>
338            <a href="https://prod.mechai.app/v2/login" class="btn-primary" data-event="sign_up_click" data-event-location="nav_desktop">
339                Get started
340            </a>
341        </div>
342
343        <!--
344            Mobile menu — native <dialog>, zero JS framework. showModal() gives
345            us focus trapping, Escape handling, and focus restore for free;
346            the tiny script below only toggles open/close + scroll lock.
347        -->
348        <div class="xl:hidden">
349            <button type="button" id="nav-menu-open" aria-label="Open menu" class="flex h-11 w-11 items-center justify-center rounded-lg border border-white/10 bg-white/5 text-white/90">
350                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
351                    <line x1="4" x2="20" y1="6" y2="6"></line>
352                    <line x1="4" x2="20" y1="12" y2="12"></line>
353                    <line x1="4" x2="20" y1="18" y2="18"></line>
354                </svg>
355            </button>
356        </div>
357    </div>
358</nav>
359
360<dialog id="nav-menu" aria-label="Site menu" class="m-0 h-full max-h-none w-full max-w-none bg-brand-bg p-0 text-white backdrop:bg-transparent">
361    <div class="flex h-full flex-col">
362        <div class="flex h-16 flex-none items-center justify-between border-b border-white/10 px-6">
363            <a href="/" class="group flex items-center gap-2">
364    <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-accent/15 text-brand-accent transition group-hover:bg-brand-accent/25" aria-hidden="true">
365        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>
366    </span>
367    <span class="text-base font-bold tracking-tight">MECH AI</span>
368</a>
369            <button type="button" id="nav-menu-close" aria-label="Close menu" class="flex h-11 w-11 items-center justify-center rounded-lg border border-white/10 bg-white/5 text-white/90">
370                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
371                    <path d="M18 6 6 18"></path>
372                    <path d="m6 6 12 12"></path>
373                </svg>
374            </button>
375        </div>
376
377        <nav class="flex-1 overflow-y-auto px-6 pt-6 pb-4" style="-webkit-overflow-scrolling: touch;">
378            <ul class="flex flex-col gap-1">
379                <li>
380                            <a href="/how-it-works/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5">
381                                How it works
382                            </a>
383                        </li><li>
384                            <a href="/#features" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5">
385                                Features
386                            </a>
387                        </li><li>
388                            <a href="/demo/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5">
389                                Demo
390                            </a>
391                        </li><li>
392                            <a href="/pricing/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5">
393                                Pricing
394                            </a>
395                        </li><li>
396                            <a href="/for-shops/" class="block rounded-xl border border-transparent px-4 py-4 text-lg font-semibold text-white/90 transition hover:border-white/10 hover:bg-white/5 hover:text-white active:bg-white/5">
397                                For Shops
398                            </a>
399                        </li>
400            </ul>
401        </nav>
402
403        <div class="flex flex-none flex-col gap-3 border-t border-white/10 px-6 pt-4" style="padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1.25rem);">
404            
405            <a href="https://prod.mechai.app/v2/login" class="btn-ghost justify-center" data-event="web_app_launch" data-event-location="nav_mobile">
406                Open web app
407            </a>
408            <a href="https://mechai.onelink.me/SHKN/MECH?pid=website&amp;c=site&amp;af_channel=organic" class="btn-primary justify-center" data-cta="app" data-event="get_app_click" data-event-location="nav_mobile">
409                Get the app
410            </a>
411        </div>
412    </div>
413</dialog>
414
415<div class="h-16 xl:h-20" aria-hidden="true"></div>
416
417<script type="module">var e=document.getElementById(`nav-menu`),t=document.getElementById(`nav-menu-open`),n=document.getElementById(`nav-menu-close`);if(e&&t&&n){let r=()=>{e.showModal(),document.body.style.overflow=`hidden`},i=()=>e.close();t.addEventListener(`click`,r),n.addEventListener(`click`,i),e.addEventListener(`close`,()=>{document.body.style.overflow=``}),e.querySelectorAll(`a`).forEach(e=>e.addEventListener(`click`,i))}</script>
417
418        <main id="main">
419            
420  <section class="relative overflow-hidden">
421    <div class="absolute inset-0 bg-glow-orange opacity-50" aria-hidden="true">
422    </div>
423    <div class="relative mx-auto grid max-w-7xl gap-12 px-6 pt-20 pb-16 md:pt-28 lg:grid-cols-[1.15fr_0.85fr] lg:items-center">
424      <div>
425        <span class="eyebrow">For shops &amp; mechanics</span>
426        <h1 class="mt-5 text-4xl font-extrabold leading-[1.05] tracking-tight md:text-6xl">
427          The modern shop tool
428          <span class="text-brand-accent">built in this decade.</span>
429        </h1>
430        <p class="mt-6 max-w-xl text-lg text-white/70">
431          Choose the tool your shop actually needs: high-volume repair
432          intelligence with AUTOSHOP, or a guided SHOP MANAGER operations pilot.
433        </p>
434        <div class="mt-8 flex flex-wrap gap-3">
435          <a href="https://prod.mechai.app/v2/login?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=for_shops&amp;src=for_shops&amp;returnUrl=%2Fv2%2Fsubscription%3Fplan%3Dautoshop%26src%3Dfor_shops" class="btn-primary" data-event="shop_signup_click" data-event-location="hero" data-event-page="for_shops">
436            Get AUTOSHOP
437            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
438          </a>
439          <a href="/contact/?topic=shop_manager_pilot" class="btn-ghost" data-event="sales_inquiry_click" data-event-location="hero" data-event-page="for_shops">
440            Apply for Manager pilot
441          </a>
442        </div>
443        <p class="mt-5 font-mono text-[11px] uppercase tracking-widest text-white/55">
444          AUTOSHOP · $59.99/mo · self-serve · cancel
445          anytime
446        </p>
447      </div>
448      <div class="relative">
449        <div class="relative ">
450    <div class="absolute -inset-12 -z-10 rounded-[80px] bg-gradient-to-br from-brand-accent/20 via-brand-accent/5 to-transparent blur-3xl" aria-hidden="true"></div>
451
452    <!-- Laptop lid -->
453    <div class="relative mx-auto w-full rounded-[18px] border border-white/10 bg-brand-surface p-2 shadow-[0_40px_80px_-20px_rgba(0,0,0,0.8)]">
454        <!-- Title bar -->
455        <div class="flex items-center gap-2 rounded-t-[10px] border border-b-0 border-white/5 bg-brand-bg px-3 py-2">
456            <div class="flex items-center gap-1.5">
457                <span class="h-2.5 w-2.5 rounded-full bg-[#FF5F57]/70"></span>
458                <span class="h-2.5 w-2.5 rounded-full bg-[#FEBC2E]/70"></span>
459                <span class="h-2.5 w-2.5 rounded-full bg-[#28C840]/70"></span>
460            </div>
461            <div class="flex flex-1 justify-center">
462                <span class="rounded-md border border-white/10 bg-white/5 px-3 py-0.5 font-mono text-[10px] text-white/60">
463                    prod.mechai.app
464                </span>
465            </div>
466            
467        </div>
468
469        <!-- Screen -->
470        <div class="relative aspect-[16/10] w-full overflow-hidden rounded-b-[10px] border border-white/5 bg-brand-bg">
471            
472          
473          <div class="flex h-full">
474            <!-- Sidebar -->
475            <div class="flex w-[28%] flex-col gap-1 border-r border-white/5 bg-brand-surface/70 p-3">
476              <div class="flex items-center gap-2 pb-2">
477                <span class="flex h-5 w-5 items-center justify-center rounded-md bg-brand-accent/20 text-brand-accent">
478                  <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
478ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>
479                </span>
480                <span class="text-[10px] font-bold tracking-tight text-white">
481                  MECH AI · Shop
482                </span>
483              </div>
484              <div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60">
485                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg>
486                    Dashboard
487                  </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60">
488                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg>
489                    AI Mechanic
490                  </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60">
491                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-warehouse" aria-hidden="true"><path d="M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11"></path><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z"></path><path d="M6 13h12"></path><path d="M6 17h12"></path></svg>
492                    Garage · 34
493                  </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60">
494                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stethoscope" aria-hidden="true"><path d="M11 2v2"></path><path d="M5 2v2"></path><path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1"></path><path d="M8 15a6 6 0 0 0 12 0v-3"></path><circle cx="20" cy="10" r="2"></circle></svg>
495                    Diagnostics
496                  </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium text-white/60">
497                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>
498                    TSBs
499                  </div><div class="flex items-center gap-2 rounded-md px-2 py-1.5 text-[9px] font-medium bg-brand-accent/15 text-brand-accent">
500                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-search" aria-hidden="true"><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3"></path><path d="m9 18-1.5-1.5"></path><circle cx="5" cy="14" r="3"></circle></svg>
501                    OEM Diagrams
502                  </div>
503            </div>
504
505            <!-- Main area: OEM wiring-diagram viewer -->
506            <div class="flex-1 p-4">
507              <div class="flex items-center justify-between">
508                <div>
509                  <p class="font-mono text-[8px] uppercase tracking-widest text-white/55">
510                    OEM Diagrams
511                  </p>
512                  <p class="mt-0.5 text-[13px] font-semibold tracking-tight text-white">
513                    2018 Ford F-150 · Engine harness
514                  </p>
515                </div>
516                <span class="rounded-full border border-brand-accent/30 bg-brand-accent/10 px-2 py-0.5 font-mono text-[8px] uppercase tracking-widest text-brand-accent">
517                  OEM · Wiring
518                </span>
519              </div>
520
521              <!-- Diagram panel -->
522              <div class="mt-3 overflow-hidden rounded-md border border-white/5 bg-white/[0.02]">
523                <svg viewBox="0 0 320 124" class="block h-auto w-full" aria-hidden="true">
524                  <defs>
525                    <pattern id="wiring-grid" width="16" height="16" patternUnits="userSpaceOnUse">
526                      <path d="M16 0H0v16" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"></path>
527                    </pattern>
528                  </defs>
529                  <rect width="320" height="124" fill="url(#wiring-grid)"></rect>
530                  <!-- wiring runs -->
531                  <polyline points="14,100 64,100 64,58 142,58 142,36 228,36" fill="none" stroke="#F27D26" stroke-width="1.5"></polyline>
532                  <polyline points="14,88 46,88 46,30 110,30 110,18 196,18" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1"></polyline>
533                  <polyline points="14,110 124,110 124,82 228,82" fill="none" stroke="rgba(255,255,255,0.18)" stroke-width="1"></polyline>
534                  <!-- connector node C-1042 -->
535                  <rect x="228" y="28" width="16" height="16" rx="2" fill="rgba(242,125,38,0.15)" stroke="rgba(242,125,38,0.6)" stroke-width="1"></rect>
536                  <text x="250" y="39" font-size="8" font-family="ui-monospace, monospace" fill="rgba(255,255,255,0.7)">
537                    C-1042
538                  </text>
539                  <!-- connector node C-1167 -->
540                  <rect x="228" y="74" width="16" height="16" rx="2" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.3)" stroke-width="1"></rect>
541                  <text x="250" y="85" font-size="8" font-family="ui-monospace, monospace" fill="rgba(255,255,255,0.7)">
542                    C-1167
543                  </text>
544                </svg>
545              </div>
546
547              <!-- AI Mechanic strip -->
548              <div class="mt-3 rounded-md border border-white/10 bg-white/[0.03] p-2.5">
549                <div class="flex items-center gap-1.5">
550                  <span class="flex h-4 w-4 items-center justify-center rounded-sm bg-brand-accent/20 text-brand-accent">
551                    <svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg>
552                  </span>
553                  <span class="font-mono text-[8px] uppercase tracking-widest text-white/60">
554                    AI Mechanic
555                  </span>
556                </div>
557                <p class="mt-1.5 text-[10px] leading-snug text-white/85">
558                  <span class="text-white">Pin 42 is the fuel-pump relay control</span> — check continuity to C-1042 first.
559                </p>
560                <div class="mt-2 flex flex-wrap gap-1">
561                  <span class="rounded-sm border border-white/10 bg-white/5 px-1.5 py-0.5 font-mono text-[7.5px] uppercase tracking-widest text-white/70">
562                    TSB 19-2346
563                  </span>
564                  <span class="rounded-sm border border-white/10 bg-white/5 px-1.5 py-0.5 font-mono text-[7.5px] uppercase tracking-widest text-white/70">
565                    Parts · $186
566                  </span>
567                </div>
568              </div>
569            </div>
570          </div>
571        
572        </div>
573    </div>
574
575    <!-- Laptop base hint (subtle) -->
576    <div class="mx-auto h-1 w-11/12 rounded-b-full bg-gradient-to-b from-white/10 to-transparent" aria-hidden="true">
577    </div>
578</div>
579      </div>
580    </div>
581  </section>
582
583  <section class="reveal mx-auto max-w-7xl px-6 py-16" aria-labelledby="shop-path-heading">
584    <div class="max-w-3xl">
585      <span class="eyebrow">Two shop jobs</span>
586      <h2 id="shop-path-heading" class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl">
587        Repair intelligence and shop operations are different products.
588      </h2>
589      <p class="mt-4 text-base text-white/65">
590        Pay for OEM data when that is the job. Move to SHOP MANAGER only when
591        you want MECH AI to become the workflow your team runs.
592      </p>
593    </div>
594    <div class="mt-10 grid gap-5 lg:grid-cols-2">
595      <article class="card flex flex-col p-6 md:p-8">
596        <p class="font-mono text-[11px] uppercase tracking-widest text-brand-accent">
597          Repair intelligence · self-serve
598        </p>
599        <h3 class="mt-3 text-2xl font-semibold">AUTOSHOP</h3>
600        <p class="mt-2 text-sm text-white/60">
601          The high-volume repair-intelligence plan for a working shop.
602        </p>
603        <p class="mt-5 text-3xl font-bold">
604          $59.99<span class="text-sm font-normal text-white/55">/month</span>
605        </p>
606        <ul class="mt-6 flex-1 space-y-3 text-sm text-white/75">
607          <li class="flex items-start gap-2">
608                
609                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
610                  <span>Everything in MECHANIC</span>
611                
612              </li><li class="flex items-start gap-2">
613                
614                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
615                  <span>OEM parts + wiring — 300 lookups each per day</span>
616                
617              </li><li class="flex items-start gap-2">
618                
619                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
620                  <span>AI wiring diagrams — 100 per day</span>
621                
622              </li><li class="flex items-start gap-2">
623                
624                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
625                  <span>1,000 AI messages + 200 photo messages per day</span>
626                
627              </li><li class="flex items-start gap-2">
628                
629                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
630                  <span>MECH Vision — 15 scans per day with OEM links</span>
631                
632              </li><li class="flex items-start gap-2">
633                
634                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
635                  <span>One account on shared shop devices</span>
636                
637              </li>
638        </ul>
639        <a href="https://prod.mechai.app/v2/login?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=for_shops_split&amp;src=for_shops_split&amp;returnUrl=%2Fv2%2Fsubscription%3Fplan%3Dautoshop%26src%3Dfor_shops_split" class="mt-7 btn-primary justify-center" data-event="sign_up_click" data-event-location="shop_path_autoshop" data-event-page="for_shops" data-event-tier="autoshop">
640          Get AUTOSHOP <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
640ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
641        </a>
642      </article>
643      <article class="card flex flex-col border-brand-accent/50 bg-gradient-to-b from-brand-accent/[0.06] to-brand-surface p-6 md:p-8">
644        <p class="font-mono text-[11px] uppercase tracking-widest text-brand-accent">
645          Shop operations · guided pilot
646        </p>
647        <h3 class="mt-3 text-2xl font-semibold">SHOP MANAGER</h3>
648        <p class="mt-2 text-sm text-white/60">
649          Run customers, repair orders, invoices, and your team in one workflow.
650        </p>
651        <p class="mt-5 text-2xl font-bold">
652          Scope and pricing confirmed before onboarding
653        </p>
654        <ul class="mt-6 flex-1 space-y-3 text-sm text-white/75">
655          <li class="flex items-start gap-2">
656                
657                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
658                  <span>Everything in AUTOSHOP</span>
659                
660              </li><li class="flex items-start gap-2">
661                
662                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
663                  <span>Customer and vehicle records</span>
664                
665              </li><li class="flex items-start gap-2">
666                
667                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
668                  <span>Repair orders + invoices</span>
669                
670              </li><li class="flex items-start gap-2">
671                
672                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
673                  <span>Named team members with role-based access</span>
674                
675              </li><li class="flex items-start gap-2">
676                
677                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
678                  <span>Manual payment status + shop reports</span>
679                
680              </li><li class="flex items-start gap-2">
681                
682                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 flex-none text-brand-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>
683                  <span>Guided setup and direct feedback channel</span>
684                
685              </li>
686        </ul>
687        <a href="/contact/?topic=shop_manager_pilot" class="mt-7 btn-primary justify-center" data-event="sales_inquiry_click" data-event-location="shop_path_manager_pilot" data-event-page="for_shops" data-event-tier="shop-manager">
688          Apply for the pilot <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
688ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
689        </a>
690      </article>
691    </div>
692    <p class="mt-5 text-center text-xs text-white/50">
693      SHOP MANAGER pilot scope does not yet include scheduling, integrated
694      payment capture, accounting sync, or parts inventory.
695    </p>
696  </section>
697
698  <section class="reveal mx-auto max-w-7xl px-6 py-20">
699    <div class="max-w-2xl">
700      <span class="eyebrow">Outcomes, not features</span>
701      <h2 class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl">
702        What AUTOSHOP changes on the floor.
703      </h2>
704    </div>
705    <div class="mt-12 grid gap-4 md:grid-cols-2 lg:grid-cols-3">
706      <div class="card group relative overflow-hidden transition hover:border-white/20 ">
707    <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent">
708        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gauge" slot="icon" aria-hidden="true"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg>
709    </div>
710    <h3 class="text-lg font-semibold tracking-tight">Faster throughput</h3>
711    <p class="mt-2 text-sm leading-relaxed text-white/60">Less time per RO. Diagnostic narrowing that used to take an hour of forum hunting happens in minutes — so the bay turns over faster.</p>
712    </div><div class="card group relative overflow-hidden transition hover:border-white/20 ">
713    <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent">
714        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" slot="icon" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg>
715    </div>
716    <h3 class="text-lg font-semibold tracking-tight">Team consistency</h3>
717    <p class="mt-2 text-sm leading-relaxed text-white/60">New techs get guided by the same reference your veterans use. One account on the shop&#39;s shared devices keeps everyone on the same page.</p>
718    </div><div class="card group relative overflow-hidden transition hover:border-white/20 ">
719    <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent">
720        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-search" slot="icon" aria-hidden="true"><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3"></path><path d="m9 18-1.5-1.5"></path><circle cx="5" cy="14" r="3"></circle></svg>
721    </div>
722    <h3 class="text-lg font-semibold tracking-tight">OEM-grade lookups</h3>
723    <p class="mt-2 text-sm leading-relaxed text-white/60">OEM wiring + parts diagrams, recalls, and TSBs, searchable in plain English. Skip the dealer portal dance.</p>
724    </div><div class="card group relative overflow-hidden transition hover:border-white/20 ">
725    <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent">
726        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open" slot="icon" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>
727    </div>
728    <h3 class="text-lg font-semibold tracking-tight">Client-friendly explanations</h3>
729    <p class="mt-2 text-sm leading-relaxed text-white/60">Show customers the reasoning, not just the quote. Clearer repair orders, easier upsells, fewer disputes.</p>
730    </div><div class="card group relative overflow-hidden transition hover:border-white/20 ">
731    <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent">
732        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap" slot="icon" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>
733    </div>
734    <h3 class="text-lg font-semibold tracking-tight">Shop-scale allowances</h3>
735    <p class="mt-2 text-sm leading-relaxed text-white/60">Work through multiple repair jobs with 1,000 AI messages and 200 photo messages per day on your shop’s shared account.</p>
736    </div><div class="card group relative overflow-hidden transition hover:border-white/20 ">
737    <div class="mb-5 flex h-10 w-10 items-center justify-center rounded-xl bg-brand-accent/15 text-brand-accent">
738        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera" slot="icon" aria-hidden="true"><path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z"></path><circle cx="12" cy="13" r="3"></circle></svg>
739    </div>
740    <h3 class="text-lg font-semibold tracking-tight">Estimates from photos</h3>
741    <p class="mt-2 text-sm leading-relaxed text-white/60">MECH Vision turns guided photos of the damage into an AI repair estimate you can sanity-check the RO against — before the teardown.</p>
742    </div>
743    </div>
744    <div class="mt-8 flex flex-wrap items-center gap-3 rounded-xl border border-white/10 bg-white/[0.02] px-5 py-4">
745      <span class="rounded-full border border-brand-accent/30 bg-brand-accent/10 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-widest text-brand-accent">
746        Live now
747      </span>
748      <p class="text-sm text-white/70">
749        Pair Bluetooth LE (BLE) or WiFi ELM327 adapters in the iOS or Android
750        app for live sensor data and fault codes in the bay, read-only.
751      </p>
752    </div>
753  </section>
754
755  <section class="reveal mx-auto max-w-5xl px-6 pb-16">
756    <div class="rounded-2xl border border-white/10 bg-brand-surface p-8 md:p-10">
757      <p class="font-mono text-[11px] uppercase tracking-widest text-brand-accent">
758        The math
759      </p>
760      <h2 class="mt-3 text-2xl font-semibold tracking-tight md:text-3xl">
761        Keep the tools that still earn their place.
762      </h2>
763      <p class="mt-4 max-w-2xl text-sm text-white/70">
764        AUTOSHOP consolidates AI-assisted diagnosis, TSB research, wiring
765        generation, and OEM diagram lookups at <strong class="text-white">$59.99/mo</strong>. Validate coverage on the makes and jobs your shop sees, then decide
766        which legacy seats you can reduce. Do not replace a liability-critical
767        reference until your own comparison supports it.
768      </p>
769    </div>
770  </section>
771
772  <section class="mx-auto max-w-7xl px-6 py-20">
773    <div class="max-w-2xl">
774        <span class="eyebrow">From the bay</span>
775        <h2 class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl">Pros and power users.</h2>
776        <p class="mt-3 text-base text-white/60">Real reviews from working mechanics and power users on Google Play.</p>
777    </div>
778
779    <div class="mt-12 grid gap-5 md:grid-cols-2">
780        <figure class="card flex h-full flex-col">
781                    <span role="img" aria-label="4 out of 5 stars" class="flex items-center gap-1 text-brand-accent">
782                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
783                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
784                    </span>
785                    <blockquote class="mt-4 text-sm leading-relaxed text-white/85">
786                        &ldquo;This is the future we need. I work as a mechanic for a reputable worldwide company. It&#39;s been able to correctly diagnose the exact problem first. Also gives me other possible issues to fix that can cause the problem I had.&rdquo;
787                    </blockquote>
788                    <figcaption class="mt-6 flex items-end justify-between gap-4 border-t border-white/5 pt-4">
789                        <div>
790                            <p class="text-sm font-semibold text-white">Alix Goldpoint</p>
791                            <p class="mt-0.5 text-xs text-white/55">Professional mechanic</p>
792                        </div>
793                        <p class="font-mono text-[10px] uppercase tracking-widest text-white/55">
794                            Google Play · Jan 2025
795                        </p>
796                    </figcaption>
797                </figure><figure class="card flex h-full flex-col">
798                    <span role="img" aria-label="5 out of 5 stars" class="flex items-center gap-1 text-brand-accent">
799                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
800                        
801                    </span>
802                    <blockquote class="mt-4 text-sm leading-relaxed text-white/85">
803                        &ldquo;Wiring/parts diagrams, parts/tool finder, diagnostics, repair guides, OBD decoder, &amp; more. Different &#39;personalities&#39; to fit your chatting comfort level. Real cool app &amp; very reasonable premium options.&rdquo;
804                    </blockquote>
805                    <figcaption class="mt-6 flex items-end justify-between gap-4 border-t border-white/5 pt-4">
806                        <div>
807                            <p class="text-sm font-semibold text-white">Rex Minke</p>
808                            <p class="mt-0.5 text-xs text-white/55">Power user, MECHANIC plan</p>
809                        </div>
810                        <p class="font-mono text-[10px] uppercase tracking-widest text-white/55">
811                            Google Play · Mar 2026
812                        </p>
813                    </figcaption>
814                </figure>
815    </div>
816</section>
817
818  <section class="reveal mx-auto max-w-3xl px-6 py-16">
819    <div class="text-center">
820      <span class="eyebrow">FAQ</span>
821      <h2 class="mt-4 text-3xl font-semibold tracking-tight md:text-4xl">
822        Shop questions, straight answers.
823      </h2>
824    </div>
825    <div class="mt-10">
826      <div class="divide-y divide-white/10 overflow-hidden rounded-2xl border border-brand-border bg-brand-surface">
827    <details class="group" open>
828                <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&amp;::-webkit-details-marker]:hidden">
829                    <span class="text-base font-medium text-white">How does seat / device coverage work?</span>
830                    <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true">
831                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
832                            <line x1="12" y1="5" x2="12" y2="19"></line>
833                            <line x1="5" y1="12" x2="19" y2="12"></line>
834                        </svg>
835                    </span>
836                </summary>
837                <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">One AUTOSHOP account covers your shop&#39;s shared devices — bay tablets, the service desk, and shop-owned phones. SHOP MANAGER adds named members with roles (Owner / Manager / Tech / Front Desk) in a guided pilot.</div>
838            </details><details class="group">
839                <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&amp;::-webkit-details-marker]:hidden">
840                    <span class="text-base font-medium text-white">Can my techs use it in Spanish?</span>
841                    <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true">
842                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
843                            <line x1="12" y1="5" x2="12" y2="19"></line>
844                            <line x1="5" y1="12" x2="19" y2="12"></line>
845                        </svg>
846                    </span>
847                </summary>
848                <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">Yes. MECH AI works in English, Spanish, Portuguese, Russian, German, French, and Italian — the AI answers in your language. Each tech picks their language in the app settings.</div>
849            </details><details class="group">
850                <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&amp;::-webkit-details-marker]:hidden">
851                    <span class="text-base font-medium text-white">Can we run this alongside our existing shop management software?</span>
852                    <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true">
853                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
854                            <line x1="12" y1="5" x2="12" y2="19"></line>
855                            <line x1="5" y1="12" x2="19" y2="12"></line>
856                        </svg>
857                    </span>
858                </summary>
859                <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">Yes. AUTOSHOP is a repair-intelligence layer and can sit beside your current system. SHOP MANAGER adds customer records, repair orders, invoices, team roles, manual payment status, and reports. Scheduling, integrated payment capture, accounting sync, and parts inventory are not yet part of the pilot.</div>
860            </details>
860<details class="group">
861                <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&amp;::-webkit-details-marker]:hidden">
862                    <span class="text-base font-medium text-white">How current is the TSB and recall data?</span>
863                    <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true">
864                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
865                            <line x1="12" y1="5" x2="12" y2="19"></line>
866                            <line x1="5" y1="12" x2="19" y2="12"></line>
867                        </svg>
868                    </span>
869                </summary>
870                <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">We pull from manufacturer sources and refresh regularly. If you spot a gap, ping us and we&#39;ll investigate — shop feedback shapes what we surface.</div>
871            </details><details class="group">
872                <summary class="flex w-full cursor-pointer list-none items-start justify-between gap-4 px-6 py-5 text-left transition hover:bg-white/[0.02] [&amp;::-webkit-details-marker]:hidden">
873                    <span class="text-base font-medium text-white">Can my customers see what the AI said?</span>
874                    <span class="mt-0.5 flex h-6 w-6 flex-none items-center justify-center rounded-full border border-brand-border-strong text-white/70 transition-transform duration-200 group-open:rotate-45" aria-hidden="true">
875                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
876                            <line x1="12" y1="5" x2="12" y2="19"></line>
877                            <line x1="5" y1="12" x2="19" y2="12"></line>
878                        </svg>
879                    </span>
880                </summary>
881                <div class="-mt-1 px-6 pb-6 text-sm leading-relaxed text-white/70">Yes. Explanations are shareable, so you can send a plain-English breakdown of the diagnosis and recommended fix along with the estimate.</div>
882            </details>
883</div>
884    </div>
885  </section>
886
887  <section class="relative overflow-hidden py-24">
888    <div class="absolute inset-0 bg-glow-orange opacity-80" aria-hidden="true"></div>
889    <div class="relative mx-auto max-w-4xl px-6 text-center">
890        <h2 class="text-3xl font-semibold tracking-tight md:text-5xl">Start with the shop job you need solved.</h2>
891        <p class="mx-auto mt-5 max-w-2xl text-lg text-white/70">Choose AUTOSHOP for repair intelligence now, or apply for the SHOP MANAGER operations pilot.</p>
892        <div class="mt-8 flex flex-wrap items-center justify-center gap-3">
893            <a href="https://prod.mechai.app/v2/login?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=for_shops_footer&amp;src=for_shops_footer&amp;returnUrl=%2Fv2%2Fsubscription%3Fplan%3Dautoshop%26src%3Dfor_shops_footer" class="btn-primary btn-lg" data-event="sign_up_click" data-event-location="footer_cta" data-event-page="for_shops">
894                Get AUTOSHOP
895                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
896            </a>
897            <a href="/contact/?topic=shop_manager_pilot" class="btn-ghost btn-lg" data-event="secondary_cta_click" data-event-location="footer_cta" data-event-page="for_shops">
898                            Apply for Manager pilot
899                        </a>
900        </div>
901        <p class="mt-6 font-mono text-[11px] uppercase tracking-widest text-white/60">AUTOSHOP · $59.99/mo · cancel anytime</p>
902    </div>
903</section>
904
905        </main>
906        <footer class="mt-24 border-t border-white/10 bg-brand-bg">
907    <div class="mx-auto max-w-7xl px-5 py-14 sm:px-6 sm:py-16">
908        <div class="grid grid-cols-2 gap-8 sm:gap-10 md:grid-cols-6">
909            <div class="col-span-2">
910                <a href="/" class="group flex items-center gap-2">
911    <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-accent/15 text-brand-accent transition group-hover:bg-brand-accent/25" aria-hidden="true">
912        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>
913    </span>
914    <span class="text-base font-bold tracking-tight">MECH AI</span>
915</a>
916                <p class="mt-4 max-w-sm text-sm text-white/60">MECH AI is the automotive multitool — an AI mechanic, OBD2 scanner, repair guides, wiring diagrams, parts search, and shop management in one app, in seven languages, free to start.</p>
917                <div class="mt-6">
918                    <div class="flex flex-wrap items-center gap-2.5">
919    <a href="https://apps.apple.com/us/app/mech-ai-diagnostic-repair/id6479862739" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2.5 rounded-xl border border-white/15 bg-white/[0.04] px-3.5 py-2 transition hover:border-white/30 hover:bg-white/[0.08]" data-event="ios_download_click" data-event-source="footer" data-event-platform="ios">
920        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
920ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple flex-none text-white" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg>
921        <span class="text-left leading-none">
922            <span class="block text-[9px] font-medium uppercase tracking-wider text-white/60">Download on the</span>
923            <span class="block text-xs font-semibold text-white">App Store</span>
924        </span>
925    </a>
926    <a href="https://play.google.com/store/apps/details?id=app.mechai.mobile" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2.5 rounded-xl border border-white/15 bg-white/[0.04] px-3.5 py-2 transition hover:border-white/30 hover:bg-white/[0.08]" data-event="android_download_click" data-event-source="footer" data-event-platform="android">
927        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play flex-none text-white" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg>
928        <span class="text-left leading-none">
929            <span class="block text-[9px] font-medium uppercase tracking-wider text-white/60">Get it on</span>
930            <span class="block text-xs font-semibold text-white">Google Play</span>
931        </span>
932    </a>
933</div>
934                </div>
935                <address class="mt-6 not-italic text-xs leading-relaxed text-white/60">
936                    <strong class="font-semibold text-white/80">MECH.AI LLC</strong><br>
937                    Draper, Utah, USA<br>
938                    <a href="mailto:[email protected]" class="hover:text-white">[email protected]</a>
939                    
940                </address>
941                <ul class="mt-5 flex gap-3">
942                    <li>
943                        <a href="https://x.com/mech_app" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer" class="flex h-9 w-9 items-center justify-center rounded-lg border border-white/10 text-white/60 transition hover:border-white/30 hover:text-white">
944                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
945                                <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path>
946                            </svg>
947                        </a>
948                    </li>
949                    <li>
950                        <a href="https://www.linkedin.com/company/mechai" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer" class="flex h-9 w-9 items-center justify-center rounded-lg border border-white/10 text-white/60 transition hover:border-white/30 hover:text-white">
951                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg>
952                        </a>
953                    </li>
954                    <li>
955                        <a href="https://www.facebook.com/mechaiapp/" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="flex h-9 w-9 items-center justify-center rounded-lg border border-white/10 text-white/60 transition hover:border-white/30 hover:text-white">
956                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
957                        </a>
958                    </li>
959                </ul>
960            </div>
961            <div>
962                        
963                        <p class="text-xs font-mono uppercase tracking-widest text-white/60">
964                            Product
965                        </p>
966                        <ul class="mt-4 space-y-2">
967                            <li>
968                                    <a href="/#features" class="text-sm text-white/70 transition hover:text-white">
969                                        Features
970                                    </a>
971                                </li><li>
972                                    <a href="/how-it-works/" class="text-sm text-white/70 transition hover:text-white">
973                                        How it works
974                                    </a>
975                                </li><li>
976                                    <a href="/demo/" class="text-sm text-white/70 transition hover:text-white">
977                                        Demo
978                                    </a>
979                                </li><li>
980                                    <a href="/pricing/" class="text-sm text-white/70 transition hover:text-white">
981                                        Pricing
982                                    </a>
983                                </li><li>
984                                    <a href="/for-shops/" class="text-sm text-white/70 transition hover:text-white">
985                                        For Shops
986                                    </a>
987                                </li><li>
988                                    <a href="/download/" class="text-sm text-white/70 transition hover:text-white">
989                                        Download
990                                    </a>
991                                </li><li>
992                                    <a href="/diagnose/" class="text-sm text-white/70 transition hover:text-white">
993                                        OBD2 Code Lookup
994                                    </a>
995                                </li>
996                        </ul>
997                    </div><div>
998                        
999                        <p class="text-xs font-mono uppercase tracking-widest text-white/60">
1000                            Resources
1001                        </p>
1002                        <ul class="mt-4 space-y-2">
1003                            <li>
1004                                    <a href="/ai-mechanic/" class="text-sm text-white/70 transition hover:text-white">
1005                                        AI Mechanic
1006                                    </a>
1007                                </li><li>
1008                                    <a href="/car-diagnostic-app/" class="text-sm text-white/70 transition hover:text-white">
1009                                        Car Diagnostic App
1010                                    </a>
1011                                </li><li>
1012                                    <a href="/ai-obd2-scanner/" class="text-sm text-white/70 transition hover:text-white">
1013                                        AI OBD2 Scanner
1014                                    </a>
1015                                </li><li>
1016                                    <a href="/obd2-codes/" class="text-sm text-white/70 transition hover:text-white">
1017                                        OBD2 Codes
1018                                    </a>
1019                                </li><li>
1020                                    <a href="/diagnose/recalls/" class="text-sm text-white/70 transition hover:text-white">
1021                                        Recall Database
1022                                    </a>
1023                                </li><li>
1024                                    <a href="/repair-cost/" class="text-sm text-white/70 transition hover:text-white">
1025                                        Repair Costs
1026                                    </a>
1027                                </li><li>
1028                                    <a href="/maintenance/" class="text-sm text-white/70 transition hover:text-white">
1029                                        Maintenance Schedule
1030                                    </a>
1031                                </li><li>
1032                                    <a href="/symptoms/" class="text-sm text-white/70 transition hover:text-white">
1033                                        Symptom Guides
1034                                    </a>
1035                                </li><li>
1036                                    <a href="/database/" class="text-sm text-white/70 transition hover:text-white">
1037                                        Fix Database
1038                                    </a>
1039                                </li><li>
1040                                    <a href="/compare/" class="text-sm text-white/70 transition hover:text-white">
1041                                        Compare
1042                                    </a>
1043                                </li><li>
1044                                    <a href="/best-ai-for-mechanics/" class="text-sm text-white/70 transition hover:text-white">
1045                                        Best AI for Mechanics
1046                                    </a>
1047                                </li><li>
1048                                    <a href="/blog/" class="text-sm text-white/70 transition hover:text-white">
1049                                        Wrench Report
1050                                    </a>
1051                                </li>
1052                        </ul>
1053                    </div><div>
1054                        
1055                        <p class="text-xs font-mono uppercase tracking-widest text-white/60">
1056                            Company
1057                        </p>
1058                        <ul class="mt-4 space-y-2">
1059                            <li>
1060                                    <a href="/why/" class="text-sm text-white/70 transition hover:text-white">
1061                                        Why MECH AI
1062                                    </a>
1063                                </li><li>
1064                                    <a href="/why/#story" class="text-sm text-white/70 transition hover:text-white">
1065                                        Our story
1066                                    </a>
1067                                </li><li>
1068                                    <a href="/press/" class="text-sm text-white/70 transition hover:text-white">
1069                                        Press &amp; reviewer kit
1070                                    </a>
1071                                </li><li>
1072                                    <a href="/partners/" class="text-sm text-white/70 transition hover:text-white">
1073                                        Partnerships
1074                                    </a>
1075                                </li><li>
1076                                    <a href="/editorial-policy/" class="text-sm text-white/70 transition hover:text-white">
1077                                        Editorial policy
1078                                    </a>
1079                                </li><li>
1080                                    <a href="/contact/" class="text-sm text-white/70 transition hover:text-white">
1081                                        Contact
1082                                    </a>
1083                                </li>
1084                        </ul>
1085                    </div><div>
1086                        
1087                        <p class="text-xs font-mono uppercase tracking-widest text-white/60">
1088                            Legal
1089                        </p>
1090                        <ul class="mt-4 space-y-2">
1091                            <li>
1092                                    <a href="/legal/terms/" class="text-sm text-white/70 transition hover:text-white">
1093                                        Terms
1094                                    </a>
1095                                </li><li>
1096                                    <a href="/legal/privacy/" class="text-sm text-white/70 transition hover:text-white">
1097                                        Privacy
1098                                    </a>
1099                                </li><li>
1100                                    <a href="/legal/eula/" class="text-sm text-white/70 transition hover:text-white">
1101                                        EULA
1102                                    </a>
1103                                </li>
1104                        </ul>
1105                    </div>
1106        </div>
1107
1108        <div class="mt-12 flex flex-col items-start justify-between gap-4 border-t border-white/10 pt-6 md:flex-row md:items-center">
1109            <p class="text-xs text-white/60">© 2026 MECH.AI LLC. All rights reserved.</p>
1110            <p class="font-mono text-[11px] uppercase tracking-widest text-white/60">
1111                Made in Draper, UT
1112            </p>
1113        </div>
1114    </div>
1115</footer>
1116
1117        
1118        
1118<script>
1119            (function () {
1120                document.addEventListener(
1121                    'click',
1122                    function (ev) {
1123                        var el = ev.target instanceof Element ? ev.target.closest('[data-event]') : null;
1124                        if (!el) return;
1125                        var name = el.getAttribute('data-event');
1126                        if (!name) return;
1127                        var params = {};
1128                        for (var i = 0; i < el.attributes.length; i++) {
1129                            var a = el.attributes[i];
1130                            if (a.name.indexOf('data-event-') === 0 && a.name !== 'data-event') {
1131                                params[a.name.substring('data-event-'.length).replace(/-/g, '_')] = a.value;
1132                            }
1133                        }
1134                        try {
1135                            if (typeof window.gtag === 'function') {
1136                                window.gtag('event', name, params);
1137                            }
1138                        } catch (e) {
1139                            /* ad-blocker — don't break the click */
1140                        }
1141                    },
1142                    true
1143                );
1144            })();
1145        </script>
1145
1146        
1146<script>
1147            (function () {
1148                if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
1149                if (!('IntersectionObserver' in window)) return;
1150                var io = new IntersectionObserver(
1151                    function (entries) {
1152                        entries.forEach(function (e) {
1153                            if (e.isIntersecting) {
1154                                e.target.classList.add('reveal-in');
1155                                io.unobserve(e.target);
1156                            }
1157                        });
1158                    },
1159                    { threshold: 0.12, rootMargin: '0px 0px -8% 0px' }
1160                );
1161                document.querySelectorAll('.reveal').forEach(function (el) {
1162                    io.observe(el);
1163                });
1164            })();
1165        </script>
1165</body>
1166</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.