PageSourceSearch

https://watchfulhq.com/

html watchfulhq.com collected 2026-10-02 00:19:21 UTC 114,818 bytes, 161 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <title>Watchful | Autonomous Guarding - AI Security for Existing Cameras</title>
6    <link rel="preload" as="image" href="/assets/time4-poster.webp" fetchpriority="high" />
7    <link rel="canonical" href="https://watchfulhq.com/" />
8    <link rel="alternate" hreflang="en-US" href="https://watchfulhq.com/" />
9    <meta name="description" content="Autonomous Guarding: AI-powered security that watches, responds, and saves you 70%+ vs traditional guards. Works with your existing cameras. No hardware replacement needed." />
10    <meta property="og:title" content="Watchful" />
11    <meta property="og:description" content="Watchful is an automated decision-maker that integrates with your monitoring network to analyse every movement, every frame and every threat. It will identify potential situations, presenting you with lightning-fast insights." />
12    <meta property="og:url" content="https://watchfulhq.com/" />
13    <meta property="og:image" content="https://watchfulhq.com/social.png" />
14    <meta property="og:image:width" content="1200" />
15    <meta property="og:image:height" content="630" />
16    <meta property="og:type" content="website" />
17    <meta name="twitter:title" content="Watchful" />
18    <meta name="twitter:description" content="Watchful is an automated decision-maker that integrates with your monitoring network to analyse every movement, every frame and every threat. It will identify potential situations, presenting you with lightning-fast insights." />
19    <meta name="twitter:image" content="https://watchfulhq.com/social.png" />
20    <meta name="twitter:card" content="summary_large_image" />
21    
21<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Watchful","url":"https://watchfulhq.com","logo":"https://watchfulhq.com/logo-dark.png","email":"[email protected]","sameAs":["https://www.linkedin.com/company/watchful-ai/"],"contactPoint":[{"@type":"ContactPoint","telephone":"+1-512-254-5928","contactType":"customer service","areaServed":"US"},{"@type":"ContactPoint","telephone":"+64-9-306-2244","contactType":"customer service","areaServed":"NZ"},{"@type":"ContactPoint","telephone":"+61-2-7238-0378","contactType":"customer service","areaServed":"AU"}],"address":[{"@type":"PostalAddress","streetAddress":"1300 Red River St","addressLocality":"Austin","addressRegion":"TX","postalCode":"78701","addressCountry":"US"},{"@type":"PostalAddress","streetAddress":"57 Fort Street","addressLocality":"Auckland","postalCode":"1010","addressCountry":"NZ"}]}</script>
21
22<meta property="og:site_name" content="Watchful" />
23<meta property="og:locale" content="en_US" />
24<!-- canonical and og:url are updated dynamically per route via useCanonical -->
25<meta property="og:image:type" content="image/png" />
26    <meta property="og:image:alt" content="Watchful" />
27
28<meta name="twitter:site" content="https://watchfulhq.com" />
29
30<!-- Preload critical fonts (hero heading + body text) -->
31    <link
32      rel="preload"
33      href="/fonts/tt-firs-neue/TTFirsNeueDemiBold/font.subset.woff2"
34      as="font"
35      type="font/woff2"
36      crossorigin
37    />
38    <link
39      rel="preload"
40      href="/fonts/tt-firs-neue/TT_Firs_Neue_Regular.subset.woff2"
41      as="font"
42      type="font/woff2"
43      crossorigin
44    />
45    <link rel="icon" type="image/png" href="/favicon.png" />
46    <meta
47      name="viewport"
48      content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=5"
49    />
50    <meta name="mobile-web-app-capable" content="yes" />
51    <meta name="apple-mobile-web-app-capable" content="yes" />
52    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
53    <meta name="format-detection" content="telephone=no" />
54    <!-- Third-party tags (GA, GTM, LinkedIn, Clarity, Leadsy, HubSpot).
55         Stubs run immediately so early events queue; the external scripts
56         (~600 KiB of JS) load on first interaction, or shortly after load
57         as a fallback — they were the main competitor for bandwidth and
58         main-thread time during first paint. -->
59    
59<script>
60      // Queue stubs — safe to call before the real scripts arrive.
61      
vendor: 162 bytes, lines 61-66
61window.dataLayer = window.dataLayer || [];
62      function gtag() {
63        dataLayer.push(arguments);
64      }
65      gtag("js", new Date());
66      gtag("config", "
66G-RH3LX5W082
vendor: 11 bytes, lines 66-68
66");
67
68      
68window._linkedin_partner_id = "8970980";
69      window._linkedin_data_partner_ids =
70        window._linkedin_data_partner_ids || [];
71      window._linkedin_data_partner_ids.push("8970980", "9631756");
72      window.lintrk =
73        window.lintrk ||
74        function (a, b) {
75          window.lintrk.q.push([a, b]);
76        };
77      window.lintrk.q = window.lintrk.q || [];
78
79      window.clarity =
80        window.clarity ||
81        function () {
82          (window.clarity.q = window.clarity.q || []).push(arguments);
83        };
84
85      (function () {
86        var loaded = false;
87        function inject(src, attrs) {
88          var s = document.createElement("script");
89          s.async = true;
90          s.src = src;
91          for (var k in attrs || {}) s.setAttribute(k, attrs[k]);
92          document.head.appendChild(s);
93        }
94        function loadTags() {
95          if (loaded) return;
96          loaded = true;
97          window.dataLayer.push({
98            "gtm.start": new Date().getTime(),
99            event: "gtm.js",
100          });
101          inject("https://www.googletagmanager.com/gtag/js?id=G-RH3LX5W082");
102          inject("https://www.googletagmanager.com/gtm.js?id=GTM-NW3LWJQW");
103          inject("https://snap.licdn.com/li.lms-analytics/insight.min.js");
104          inject("https://www.clarity.ms/tag/oqx9b6z6al");
105          inject("https://r2.leadsy.ai/tag.js", {
106            id: "vtag-ai-js",
107            "data-pid": "YElbw0VO6tiMorDV",
108            "data-version": "062024",
109          });
110          inject("//js-na2.hs-scripts.com/51388405.js", {
111            id: "hs-script-loader",
112          });
113          events.forEach(function (e) {
114            removeEventListener(e, loadTags, true);
115          });
116        }
117        var events = ["pointerdown", "keydown", "touchstart", "scroll"];
118        events.forEach(function (e) {
119          addEventListener(e, loadTags, { capture: true, passive: true });
120        });
121        // Fallback: load once the page has settled even without interaction,
122        // so pageviews are still recorded for passive visits.
123        addEventListener("load", function () {
124          setTimeout(loadTags, 3000);
125        });
126      })();
127    </script>
127
128    
128<script type="module" crossorigin src="/assets/index-C0P5nuhS.js"></script>
128
129    <link rel="stylesheet" crossorigin href="/assets/index-Dj5xXHPx.css">
130  </head>
131  <body>
132    <!-- LinkedIn Insight noscript pixels for NZ and US partner accounts -->
133    <noscript>
134      <img
135        height="1"
136        width="1"
137        style="display: none"
138        alt=""
139        src="https://px.ads.linkedin.com/collect/?pid=8970980&fmt=gif"
140      />
141      <img
142        height="1"
143        width="1"
144        style="display: none"
145        alt=""
146        src="https://px.ads.linkedin.com/collect/?pid=9631756&fmt=gif"
147      />
148    </noscript>
149    <!-- Google Tag Manager (noscript) -->
vendor: 87 bytes, lines 149-152
149
150    <noscript>
151      <iframe
152        src="https://www.googletagmanager.com/ns.html?id=
152GTM-NW3LWJQW
vendor: 126 bytes, lines 152-158
152"
153        height="0"
154        width="0"
155        style="display: none; visibility: hidden"
156      ></iframe>
157    </noscript>
158    
158<div id="root"><div class="min-h-screen text-[#17221F]"><header><nav class="mx-auto max-w-8xl mb-6 mt-6 bg-green-dark border  flex items-center justify-between p-4 lg:px-4 relative rounded-xl max-2xl:mx-4  max-2xl:my-4" aria-label="Global"><div class="flex gap-4 items-center "><div class="flex lg:flex-1 items-center"><a href="/" class="p-3 -m-1 flex items-center justify-center min-w-[48px] min-h-[48px] rounded-lg hover:bg-white/5 active:bg-white/10 transition-colors"><span class="sr-only">Watchful Home</span><img src="/logo-dark.svg" title="The Watchful Owl" class="h-4" alt="Watchful"></a></div><div class="hidden rounded-full    lg:flex "><div class=""><div class="relative" data-headlessui-state=""><button class="flex items-center gap-x-1 rounded-full p-2 px-4 text-sm font-semibold leading-6 text-white hover:bg-black/20 hover:text-lime" type="button" aria-expanded="false" data-headlessui-state="" id="desktop-menu">Product</button></div></div><div class="relative" data-headlessui-state=""><button class="flex items-center rounded-full gap-x-1 px-4 py-2 text-sm font-semibold leading-6 text-white hover:bg-black/20 hover:text-lime" type="button" aria-expanded="false" data-headlessui-state="" id="headlessui-popover-button-:r6:">Industries</button></div><div class="relative" data-headlessui-state=""><button class="flex items-center gap-x-1 rounded-full p-2 px-4 text-sm font-semibold leading-6 text-white hover:bg-black/20 hover:text-lime" type="button" aria-expanded="false" data-headlessui-state="" id="headlessui-popover-button-:ra:">Resources</button></div><div class=""><div class="relative" data-headlessui-state=""><button class="flex items-center gap-x-1 rounded-full p-2 px-4 text-sm font-semibold leading-6 text-white hover:bg-black/20 hover:text-lime" type="button" aria-expanded="false" data-headlessui-state="" id="headlessui-popover-button-:re:">Company</button></div></div></div></div><div class="hidden gap-2 lg:flex lg:flex-1 lg:justify-end items-center"><a href="/login" class="inline-flex justify-center items-center rounded-md text-lime font-semibold px-6 py-3 text-sm min-w-[80px] h-12 hover:text-lime/80 hover:bg-black/20  transition-colors border-2 border-lime/10">Login</a><a href="/demo" class="inline-flex justify-center items-center rounded-md bg-lime font-semibold px-6 py-3 text-sm min-w-[80px] h-12 text-green  hover:bg-white transition-colors border-2 border-lime/10">Get Started</a></div><div class="flex lg:hidden"><button type="button" class="inline-flex items-center justify-center rounded-lg p-3 min-w-[48px] min-h-[48px] text-lime border-2 border-lime/10 hover:bg-white/10 active:bg-white/20 transition-colors" aria-expanded="false"><span class="sr-only">Open main menu</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></nav></header><main><div class=""><div class="flex flex-col"><div class="min-w-0 w-full max-w-8xl mx-auto px-4 sm:px-6 lg:px-8 xl:px-6 2xl:px-10"><section class="grid lg:grid-cols-2 gap-6 sm:gap-8 lg:gap-16 items-center py-6 sm:py-12 max-md:py-8"><div class="flex flex-col items-start"><h1 class="font-display font-semibold text text-3xl sm:text-4xl md:text-5xl lg:text-6xl tracking-tight leading-[1.1] text-[#17221F]">Your cameras.<br>Our security operation.</h1><p class="mt-4 sm:mt-6 text-base sm:text-lg md:text-xl text-[#17221F]/70 leading-snug">Watchful provides fully managed 24/7 security using the cameras you already have. We detect threats, verify what's happening, and take action: warning intruders, dispatching security, or notifying police.</p><p class="mt-4 sm:mt-6 text-base sm:text-lg md:text-xl font-semibold text-[#17221F] leading-snug">No feeds to watch. No alerts to triage. No incidents to manage.</p><p class="mt-3 sm:mt-4 text-base sm:text-lg md:text-xl text-[#17221F]/70 leading-snug">When something happens, we handle it. You get a detailed report of what happened and how we responded.</p><div class="w-full sm:w-auto flex flex-col sm:flex-row items-stretch gap-3 sm:gap-4 mt-6 sm:mt-8"><a href="/demo" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 px-6 sm:px-8 py-4 text-base font-medium bg-[#BCD752] text-[#17221F] rounded-xl hover:bg-[#d0e97a] active:scale-[0.98] transition-all min-h-[52px] shadow-sm">Book a demo<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="w-full min-w-0"><div class="card overflow-hidden transition-shadow duration-300 "><div class="relative"><div class="absolute inset-0 z-[5] pointer-events-none opacity-[0.03]" style="background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.3) 2px, rgba(0, 0, 0, 0.3) 4px);"></div><div class="absolute inset-0 z-[5] pointer-events-none" style="background: radial-gradient(transparent 50%, rgba(0, 0, 0, 0.3) 100%);"></div><div class="w-full aspect-video overflow-hidden relative"><video class="w-full h-full object-cover scale-110 origin-top-left" autoplay="" playsinline="" loop="" preload="metadata"></video><img src="/assets/time4-poster.webp" data-hero-poster="true" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-cover scale-110 origin-top-left pointer-events-none transition-opacity duration-300 opacity-100"></div></div><div class="flex items-center gap-2 sm:gap-3 p-3 sm:p-4 bg-white border-t border-[#17221F]/10"><div class="flex items-center justify-center w-8 h-8 flex-shrink-0 rounded-lg bg-[#BCD752] transition-all duration-300 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 lucide-volume-2 w-4 h-4 text-[#17221F]/80" aria-hidden="true"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></div><div class="flex-1 min-w-0 overflow-hidden"><p class="text-xs sm:text-sm font-medium text-[#17221F] truncate transition-all duration-300 opacity-100 translate-y-0">Quill scared off an intruder with a voice warning</p><p class="text-xs text-[#17221F]/80 mt-0.5">Just now</p></div><div class="hidden sm:flex items-center gap-1.5 flex-shrink-0"><div class="w-1.5 h-1.5 rounded-full transition-all duration-300 bg-[#BCD752] scale-125"></div><div class="w-1.5 h-1.5 rounded-full transition-all duration-300 bg-[#17221F]/20"></div><div class="w-1.5 h-1.5 rounded-full transition-all duration-300 bg-[#17221F]/20"></div><div class="w-1.5 h-1.5 rounded-full transition-all duration-300 bg-[#17221F]/20"></div><div class="w-1.5 h-1.5 rounded-full transition-all duration-300 bg-[#17221F]/20"></div></div></div></div></div></section><section class="py-8 sm:py-12 md:py-16 overflow-hidden"><p class="text-center text-sm sm:text-base md:text-lg font-medium mb-6 sm:mb-8 md:mb-10 px-4 text-[#17221F]/70">Deployed across commercial, industrial, and retail sites worldwide</p>
158<div class="relative space-y-4 sm:space-y-8 md:space-y-10"><div class="absolute left-0 top-0 bottom-0 w-8 sm:w-24 md:w-40 z-10 pointer-events-none" style="background: linear-gradient(to right, rgb(250, 248, 243), transparent);"></div><div class="absolute right-0 top-0 bottom-0 w-8 sm:w-24 md:w-40 z-10 pointer-events-none" style="background: linear-gradient(to left, rgb(250, 248, 243), transparent);"></div><div class="overflow-hidden"><div aria-hidden="true" class="flex items-center shrink-0 absolute invisible pointer-events-none" style="gap: 80px; padding-right: 80px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto" alt="" loading="eager"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto" alt="" loading="eager"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto" alt="" loading="eager"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto" alt="" loading="eager"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto" alt="" loading="eager"></div></div></div><div class="flex" style="animation: 38s linear 0s infinite normal none running logoScroll; will-change: transform; backface-visibility: hidden; --logo-set-width: 613px;"><div class="flex items-center shrink-0" style="gap: 80px; padding-right: 80px;"><a href="/case-studies/colliers-international" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Colliers" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/robert-jones-holdings" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Robert Jones Holdings" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/alberts-property" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Alberts" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Becklar Monitoring" loading="eager" style="opacity: 0.7;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Mobile Video Guard" loading="eager" style="opacity: 0.7;"></div></div></div><div class="flex items-center shrink-0" style="gap: 80px; padding-right: 80px;"><a href="/case-studies/colliers-international" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Colliers" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/robert-jones-holdings" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Robert Jones Holdings" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/alberts-property" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Alberts" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Becklar Monitoring" loading="eager" style="opacity: 0.7;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Mobile Video Guard" loading="eager" style="opacity: 0.7;"></div></div></div><div class="flex items-center shrink-0" style="gap: 80px; padding-right: 80px;"><a href="/case-studies/colliers-international" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Colliers" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/robert-jones-holdings" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Robert Jones Holdings" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/alberts-property" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Alberts" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Becklar Monitoring" loading="eager" style="opacity: 0.7;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Mobile Video Guard" loading="eager" style="opacity: 0.7;"></div></div></div><div class="flex items-center shrink-0" style="gap: 80px; padding-right: 80px;"><a href="/case-studies/colliers-international" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Colliers" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/robert-jones-holdings" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Robert Jones Holdings" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/alberts-property" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Alberts" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Becklar Monitoring" loading="eager" style="opacity: 0.7;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Mobile Video Guard" loading="eager" style="opacity: 0.7;"></div></div></div><div class="flex items-center shrink-0" style="gap: 80px; padding-right: 80px;"><a href="/case-studies/colliers-international" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Colliers" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/robert-jones-holdings" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Robert Jones Holdings" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/alberts-property" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Alberts" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Becklar Monitoring" loading="eager" style="opacity: 0.7;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Mobile Video Guard" loading="eager" style="opacity: 0.7;"></div></div></div><div class="flex items-center shrink-0" style="gap: 80px; padding-right: 80px;"><a href="/case-studies/colliers-international" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Colliers" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/robert-jones-holdings" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Robert Jones Holdings" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/alberts-property" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Alberts" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Becklar Monitoring" loading="eager" style="opacity: 0.7;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Mobile Video Guard" loading="eager" style="opacity: 0.7;"></div></div></div><div class="flex items-center shrink-0" style="gap: 80px; padding-right: 80px;"><a href="/case-studies/colliers-international" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/colliers.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Colliers" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/robert-jones-holdings" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/rjh.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Robert Jones Holdings" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><a href="/case-studies/alberts-property" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col it
158ems-center gap-1.5"><img src="/assets/customers/alberts.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Alberts" loading="eager" style="opacity: 0.7;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/becklar-bw.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Becklar Monitoring" loading="eager" style="opacity: 0.7;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/mvg.png" class="h-5 sm:h-7 md:h-9 w-auto grayscale " alt="Mobile Video Guard" loading="eager" style="opacity: 0.7;"></div></div></div></div></div><div class="overflow-hidden"><div aria-hidden="true" class="flex items-center shrink-0 absolute invisible pointer-events-none" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto" alt="" loading="eager"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto" alt="" loading="eager"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto" alt="" loading="eager"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto" alt="" loading="eager"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto" alt="" loading="eager"></div></div></div><div class="flex" style="animation: 28s linear 0s infinite reverse none running logoScroll; will-change: transform; backface-visibility: hidden; --logo-set-width: 391px;"><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div><div class="flex items-center shrink-0" style="gap: 64px; padding-right: 64px;"><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/idetect.png" class="h-4 sm:h-5 md:h-6 w-aut
158o grayscale " alt="iDetect Group" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/crimcam.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="CrimCam Security" loading="eager" style="opacity: 0.5;"></div></div><a href="/case-studies/zaladium-security-partnership" class="shrink-0 group transition-opacity hover:opacity-100" style="opacity: 1;"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/zaladium.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="Zaladium Security" loading="eager" style="opacity: 0.5;"><span class="inline-flex items-center gap-1 text-[9px] tracking-[0.08em] uppercase whitespace-nowrap text-[#17221F]/40"><span class="w-[3.5px] h-[3.5px] rounded-full bg-[#BCD752]/80"></span>Case study</span></div></a><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/iguard.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="iGuard" loading="eager" style="opacity: 0.5;"></div></div><div class="shrink-0"><div class="flex flex-col items-center gap-1.5"><img src="/assets/customers/primeproperty.png" class="h-4 sm:h-5 md:h-6 w-auto grayscale " alt="PrimeProperty Group" loading="eager" style="opacity: 0.5;"></div></div></div></div></div></div></section><section class="pt-12 sm:pt-16 lg:pt-20 max-w-8xl mx-auto pb-6 max-md:pb-4"><div class="mx-auto"><h2 class="section-title text-2xl sm:text-3xl md:text-4xl mb-8 max-md:mb-4">What our customers say</h2><div class="relative rounded-xl sm:rounded-2xl bg-white border overflow-hidden select-none "><div class="absolute top-0 left-0 right-0 z-20 flex gap-1 px-4 pt-3 sm:px-5 sm:pt-4"><div class="flex-1 h-[6px] rounded-full bg-gray-400/20 overflow-hidden cursor-pointer"><div class="h-full rounded-full" style="width: 3.688%; background-color: rgb(188, 215, 82);"></div></div><div class="flex-1 h-[6px] rounded-full bg-gray-400/20 overflow-hidden cursor-pointer"><div class="h-full rounded-full" style="width: 0%; background-color: rgb(188, 215, 82);"></div></div><div class="flex-1 h-[6px] rounded-full bg-gray-400/20 overflow-hidden cursor-pointer"><div class="h-full rounded-full" style="width: 0%; background-color: rgb(188, 215, 82);"></div></div><div class="flex-1 h-[6px] rounded-full bg-gray-400/20 overflow-hidden cursor-pointer"><div class="h-full rounded-full" style="width: 0%; background-color: rgb(188, 215, 82);"></div></div><div class="flex-1 h-[6px] rounded-full bg-gray-400/20 overflow-hidden cursor-pointer"><div class="h-full rounded-full" style="width: 0%; background-color: rgb(188, 215, 82);"></div></div></div><div class="absolute inset-0 bottom-24 z-10 flex"><button class="w-1/3 h-full cursor-pointer focus:outline-none" aria-label="Previous story"></button><div class="w-1/3 h-full"></div><button class="w-1/3 h-full cursor-pointer focus:outline-none" aria-label="Next story"></button></div><div class="relative z-0 px-6 pt-10 pb-6 sm:px-8 sm:pt-12 sm:pb-8 lg:px-12 lg:pt-14 lg:pb-10 min-h-[320px] sm:min-h-[300px] flex flex-col justify-between"><img loading="lazy" decoding="async" src="/assets/customers/alberts.png" alt="" class="absolute top-6 right-6 sm:top-8 sm:right-8 h-6 sm:h-7 object-contain opacity-15 pointer-events-none"><div class="transition-all duration-300 ease-out opacity-100 translate-x-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-8 h-8 sm:w-10 sm:h-10 mb-4 sm:mb-5 text-lime opacity-30" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><blockquote class="text-lg sm:text-xl md:text-2xl lg:text-3xl text-green lg:leading-[1.25] font-light min-h-[120px]">"As a new dad, the last thing I need is calls at 3 in the morning. With Watchful, I know the buildings are being watched, the guards are responding to real issues, and I can actually sleep. That's worth everything."</blockquote></div><div class="flex flex-col sm:flex-row sm:items-end justify-between gap-4 mt-6 sm:mt-8 transition-all duration-300 ease-out border-t pt-6 delay-75 opacity-100 translate-y-0"><div class="flex items-center gap-3 sm:gap-4"><img loading="lazy" decoding="async" src="/assets/customers/alberts-james.png" alt="James Meyer" class="w-11 h-11 sm:w-12 sm:h-12 rounded-full object-cover flex-shrink-0 ring-2 ring-green/10 bg-green/5"><div><p class="font-semibold text-green text-sm sm:text-base">James Meyer</p><p class="text-xs sm:text-sm text-green/70">Facilities Manager, Alberts Property</p></div></div><a href="/case-studies/alberts-property" class="group relative z-20 inline-flex items-center gap-2 text-sm font-medium transition-colors bg-lime text-green rounded-lg px-6 py-4 hover:bg-lime/80 justify-center">Read the Alberts story<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></section><section class="pb-6 sm:pb-10 md:pb-14"><div class="grid max-md:grid-cols-1 grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4 md:gap-6"><div class="stat-card relative bg-white rounded-xl sm:rounded-2xl p-3 sm:p-5 md:p-8 shadow-sm ring-1 ring-[#17221F]/10 overflow-hidden hover:shadow-md active:scale-[0.98] transition-all hover:ring-[#BCD752]/30"><div class="absolute top-0 left-0 right-0 h-0.5 sm:h-1 bg-gradient-to-r from-[#BCD752] via-[#BCD752]/60 to-transparent"></div><p class="font-display font-bold text-xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">0<span>M+</span></p><p class="mt-1.5 sm:mt-2 text-[10px] sm:text-xs md:text-sm lg:text-base text-[#17221F]/70 font-medium leading-tight">Security events handled autonomously each week</p></div><div class="stat-card relative bg-white rounded-xl sm:rounded-2xl p-3 sm:p-5 md:p-8 shadow-sm ring-1 ring-[#17221F]/10 overflow-hidden hover:shadow-md active:scale-[0.98] transition-all hover:ring-[#BCD752]/30"><div class="absolute top-0 left-0 right-0 h-0.5 sm:h-1 bg-gradient-to-r from-[#BCD752] via-[#BCD752]/60 to-transparent"></div><p class="font-display font-bold text-xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">0<span>s</span></p><p class="mt-1.5 sm:mt-2 text-[10px] sm:text-xs md:text-sm lg:text-base text-[#17221F]/70 font-medium leading-tight">Autonomous response time</p></div><div class="stat-card relative bg-white rounded-xl sm:rounded-2xl p-3 sm:p-5 md:p-8 shadow-sm ring-1 ring-[#17221F]/10 overflow-hidden hover:shadow-md active:scale-[0.98] transition-all hover:ring-[#BCD752]/30"><div class="absolute top-0 left-0 right-0 h-0.5 sm:h-1 bg-gradient-to-r from-[#BCD752] via-[#BCD752]/60 to-transparent"></div><p class="font-display font-bold text-xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">0<span>%+</span></p><p class="mt-1.5 sm:mt-2 text-[10px] sm:text-xs md:text-sm lg:text-base text-[#17221F]/70 font-medium leading-tight">Cost savings vs traditional guards</p></div><div class="stat-card relative bg-white rounded-xl sm:rounded-2xl p-3 sm:p-5 md:p-8 shadow-sm ring-1 ring-[#17221F]/10 overflow-hidden hover:shadow-md active:scale-[0.98] transition-all hover:ring-[#BCD752]/30"><div class="absolute top-0 left-0 right-0 h-0.5 sm:h-1 bg-gradient-to-r from-[#BCD752] via-[#BCD752]/60 to-transparent"></div><p class="font-display font-bold text-xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">0<span>%</span></p><p class="mt-1.5 sm:mt-2 text-[10px] sm:text-xs md:text-sm lg:text-base text-[#17221F]/70 font-medium leading-tight">Always-on coverage uptime</p></div></div></section><section class="mt-4 sm:mt-8 lg:mt-16"><div class="relative rounded-xl sm:rounded-2xl bg-[#17221F] overflow-hidden grid lg:grid-cols-2 items-center"><div class="p-4 sm:p-6 lg:p-12 lg:pr-8 flex flex-col justify-center"><h3 class="font-display text-xl sm:text-2xl md:text-3xl lg:text-4xl font-semibold text-white leading-tight mb-3 sm:mb-4">Quill decides what matters.<br>Automatically.</h3><p class="text-white/80 text-sm sm:text-base font-medium mb-6 ">99% resolved autonomously · 2s decision time</p><p class="text-white/70 text-sm sm:text-base leading-relaxed mb-6">Automatically handled:<br> Cleaners · Deliveries · Authorized staff · Residents · Weather · +100s more</p><a href="/case-studies/colliers-international" class="mb-6 inline-flex items-center gap-2 font-medium border border-border/20 w-fit px-4 py-3 rounded-lg text-sm sm:text-base text-[#BCD752] active:text-[#BCD752] transition-colors min-h-[44px] max-md:w-full max-md:justify-center"><span class="hidden sm:inline">→ See how Colliers International halved security costs</span><span class="sm:hidden">→ See how Colliers halved security costs</span></a></div><div class="relative h-[520px] hidden lg:block overflow-hidden"><div class="relative left-0 max-lg:hidden " style="height: 100%;"><div class="absolute bottom-0 right-0 origin-bottom-right perspective-[900px] overflow-visible max-[768px]:scale-[0.75] max-[480px]:scale-[0.55]" style="width: 560px; height: 380px; transform: translateX(14%) translateY(10%);"><div class="absolute rounded-xl overflow-hidden border border-gray-600 bg-black [transform-style:preserve-3d] [will-change:transform] [backface-visibility:hidden]" style="width: 560px; height: 380px; translate: none; rotate: none; scale: none; z-index: 5; transform-origin: 50% 50%; inset: 50% auto auto 35%; transform: translate(-50%, -50%) translate3d(0px, 339.103px, 0px) skew(0deg, 6deg);"><div class="w-full h-full flex flex-col bg-[#17221F]"><div class="flex items-start justify-between p-4 border-b border-white/10"><div class="flex-1 min-w-0 pr-3"><h3 class="text-base font-semibold text-white truncate">Showroom Camera</h3><p class="text-xs text-white/50 mt-0.5">Bryson Baxter Mazda · 3s ago</p></div><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-red-500/20 border border-red-500/30 motion-safe:animate-badge-pop"><span class="w-1.5 h-1.5 rounded-full bg-red-400 animate-pulse"></span><span class="text-sm font-medium text-red-400">Calling Police</span></span></div><div class="flex-1 overflow-hidden"><img loading="lazy" decoding="async" src="/assets/auto/showroom-01.webp" class="w-full h-full object-cover" alt="Showroom Camera"></div></div></div><div class="absolute rounded-xl overflow-hidden border border-gray-600 bg-black [transform-style:preserve-3d] [will-change:transform] [backface-visibility:hidden]" style="width: 560px; height: 380px; translate: none; rotate: none; scale: none; z-index: 5; transform-origin: 50% 50%; inset: 50% auto auto 35%; transform: translate(-50%, -50%) translate3d(45.5234px, -53.1106px, -68.2851px) skew(0deg, 6deg);"><div class="w-full h-full flex flex-col bg-[#17221F]"><div class="flex items-start justify-between p-4 border-b border-white/10"><div class="flex-1 min-w-0 pr-3"><h3 class="text-base font-semibold text-white truncate">Loading Dock — Bay 4</h3><p class="text-xs text-white/50 mt-0.5">Riverview Industrial Park · 7s ago</p></div><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-[#BCD752]/20 border border-[#BCD752]/30"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752] animate-pulse"></span><span class="text-sm font-medium text-[#BCD752]">Quill is Thinking</span></span></div><div class="flex-1 overflow-hidden"><img loading="lazy" decoding="async" src="/assets/industrial/loading-dock-01.webp" class="w-full h-full object-cover" alt="Loading Dock — Bay 4"></div></div></div><div class="absolute rounded-xl overflow-hidden border border-gray-600 bg-black [transform-style:preserve-3d] [will-change:transform] [backface-visibility:hidden]" style="width: 560px; height: 380px; translate: none; rotate: none; scale: none; z-index: 4; transform-origin: 50% 50%; inset: 50% auto auto 35%; transform: translate(-50%, -50%) translate3d(120px, -140px, -180px) skew(0deg, 6deg);"><div class="w-full h-full flex flex-col bg-[#17221F]"><div class="flex items-start justify-between p-4 border-b border-white/10"><div class="flex-1 min-w-0 pr-3"><h3 class="text-base font-semibold text-white truncate">Vehicle Gate — South Entrance</h3><p class="text-xs text-white/50 mt-0.5">Westgate Logistics · 2s ago</p></div><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-[#BCD752]/20 border border-[#BCD752]/30"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752] animate-pulse"></span><span class="text-sm font-medium text-[#BCD752]">Quill is Thinking</span></span></div><div class="flex-1 overflow-hidden"><img loading="lazy" decoding="async" src="/assets/industrial/gate-01.webp" class="w-full h-full object-cover" alt="Vehicle Gate — South Entrance"></div></div></div><div class="absolute rounded-xl overflow-hidden border border-gray-600 bg-black [transform-style:preserve-3d] [will-change:transform] [backface-visibility:hidden]" style="width: 560px; height: 380px; translate: none; rotate: none; scale: none; z-index: 3; transform-origin: 50% 50%; inset: 50% auto auto 35%; transform: translate(-50%, -50%) translate3d(180px, -210px, -270px) skew(0deg, 6deg);"><div class="w-full h-full flex flex-col bg-[#17221F]"><div class="flex items-start justify-between p-4 border-b border-white/10"><div class="flex-1 min-w-0 pr-3"><h3 class="text-base font-semibold text-white truncate">Main Lobby</h3><p class="text-xs text-white/50 mt-0.5">Parkview Office Tower · 12s ago</p></div><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-[#BCD752]/20 border border-[#BCD752]/30"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752] animate-pulse"></span><span class="text-sm font-medium text-[#BCD752]">Quill is Thinking</span></span></div><div class="flex-1 overflow-hidden"><img loading="lazy" decoding="async" src="/assets/commercial/lobby-01.webp" class="w-full h-full object-cover" alt="Main Lobby"></div></div></div><div class="absolute rounded-xl overflow-hidden border border-gray-600 bg-black [transform-style:preserve-3d] [will-change:transform] [backface-visibility:hidden]" style="width: 560px; height: 380px; translate: none; rotate: none; scale: none; z-index: 2; transform-origin: 50% 50%; inset: 50% auto auto 35%; transform: translate(-50%, -50%) translate3d(240px, -280px, -360px) skew(0deg, 6deg);"><div class="w-full h-full flex flex-col bg-[#17221F]"><div class="flex items-start justify-between p-4 border-b border-white/10"><div class="flex-1 min-w-0 pr-3"><h3 class="text-base font-semibold text-white truncate">Service Entry — West Wing</h3><p class="text-xs text-white/50 mt-0.5">Cedar Ridge Business Park · 4s ago</p></div><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-md bg-[#BCD752]/20 border border-[#BCD752]/30"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752] animate-pulse"></span><span class="text-sm font-medium text-[#BCD752]">Quill is Thinking</span></span></div><div class="flex-1 overflow-hidden"><img loading="lazy" decoding="async" src="/assets/commercial/side-
158door-01.webp" class="w-full h-full object-cover" alt="Service Entry — West Wing"></div></div></div></div></div></div><div class="lg:hidden px-4 sm:px-5 pb-5 sm:pb-6 pt-1 sm:pt-2"><div class="relative rounded-lg sm:rounded-xl overflow-hidden bg-[#0f1614] ring-1 ring-white/10 shadow-xl"><div class="absolute inset-0 bg-gradient-to-br from-[#BCD752]/5 to-transparent pointer-events-none"></div><div class="flex items-center justify-between p-2.5 sm:p-3 border-b border-white/10"><div class="min-w-0 flex-1 mr-2"><p class="text-xs sm:text-sm font-medium text-white truncate">Main Lobby</p><p class="text-[10px] sm:text-xs text-white/50 truncate">Parkview Office Tower · 12s ago</p></div><span class="inline-flex items-center gap-1 sm:gap-1.5 px-2 sm:px-2.5 py-1 rounded-md bg-[#BCD752]/20 border border-[#BCD752]/30 flex-shrink-0 transition-all duration-300"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752] animate-pulse"></span><span class="text-[10px] sm:text-xs font-medium text-[#BCD752] whitespace-nowrap">Quill is Thinking</span></span></div><div class="aspect-[16/10] overflow-hidden relative"><img src="/assets/commercial/lobby-01.webp" alt="Main Lobby" class="w-full h-full object-cover animate-[fadeIn_0.5s_ease-in-out]"></div></div></div><div class="absolute bottom-0 left-0 right-0 h-12 sm:h-16 bg-gradient-to-t from-[#0f1614] to-transparent pointer-events-none"></div></div></section><section id="how-it-works" class="mt-16 sm:mt-20 lg:mt-28 scroll-mt-24"><div class="text-center mb-10 sm:mb-14 px-4 sm:px-0"><p class="text-xs sm:text-sm font-medium tracking-wide text-[#17221F] bg-lime/20 px-4 py-1 rounded-full border w-fit mx-auto mb-3 uppercase">The process</p><h2 class="font-display font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl tracking-tight text-[#17221F] mb-4">How Watchful works</h2><p class="text-base sm:text-lg text-[#17221F]/70 max-w-xl mx-auto">Every camera event flows through a three-stage process from detection to resolution in seconds.</p></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-px bg-[#17221F]/[0.06] rounded-xl overflow-hidden mb-10 sm:mb-14"><div class="bg-[#FAF8F3] p-5 sm:p-6"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-9 h-9 flex items-center justify-center rounded-lg bg-[#17221F]/5 text-[#17221F]/60"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"><rect x="2" y="6" width="16" height="12" rx="1"></rect><circle cx="10" cy="12" r="3"></circle><path d="M18 9l3-3M18 15l3 3"></path></svg></div><div><h3 class="font-display font-semibold text-base sm:text-lg text-[#17221F] mb-1">1. Detect</h3><p class="text-sm text-[#17221F]/85 leading-relaxed">Quill scans every camera feed in real time and filters out the noise: deliveries, weather, authorized staff, routine motion. Most events are cleared automatically.</p></div></div></div><div class="bg-[#FAF8F3] p-5 sm:p-6"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-9 h-9 flex items-center justify-center rounded-lg bg-[#17221F]/5 text-[#17221F]/60"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l7 3v5c0 4-3 7-7 8-4-1-7-4-7-8V6l7-3z"></path><path d="M9 12l2 2 4-4"></path></svg></div><div><h3 class="font-display font-semibold text-base sm:text-lg text-[#17221F] mb-1">2. Verify</h3><p class="text-sm text-[#17221F]/85 leading-relaxed">When something is out of the ordinary or violates the rules you set, a member of our monitoring team reviews the event before any action is taken.</p></div></div></div><div class="bg-[#FAF8F3] p-5 sm:p-6"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-9 h-9 flex items-center justify-center rounded-lg bg-[#17221F]/5 text-[#17221F]/60"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"><path d="M6 3v12"></path><path d="M6 9h6l6-6"></path><path d="M6 15h6l6 6"></path><circle cx="18" cy="3" r="2"></circle><circle cx="18" cy="21" r="2"></circle><circle cx="6" cy="21" r="2"></circle></svg></div><div><h3 class="font-display font-semibold text-base sm:text-lg text-[#17221F] mb-1">3. Respond</h3><p class="text-sm text-[#17221F]/85 leading-relaxed">Once verified by a human, Watchful acts fast: live voice deterrence, dispatch, or law enforcement, based on your policy. Every incident is fully documented and shared with your team.</p></div></div></div></div><div class="rounded-xl sm:rounded-2xl bg-[#17221F] p-5 sm:p-8 md:p-10"><div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-5 sm:gap-6"><div class="max-w-2xl"><h3 class="font-display font-semibold text-lg sm:text-xl md:text-2xl text-white mb-2">Less spend. Less risk. More security.</h3><p class="text-white/70 text-sm sm:text-base">Unlike traditional monitoring centers that rely on humans to watch screens, Quill processes every event 24/7, with consistent judgment and instant response times.</p></div><div class="flex flex-col sm:flex-row gap-3 sm:gap-4 flex-shrink-0"><a href="/solutions/autonomous-monitoring" class="inline-flex items-center justify-center gap-2 px-5 py-3 text-sm font-medium text-green bg-lime hover:text-white rounded-lg ring-1 ring-white/20 hover:ring-white/40 transition-all min-h-[44px]">Learn more</a></div></div></div></section><section class="mt-16 sm:mt-20 lg:mt-28"><div class="rounded-xl sm:rounded-2xl bg-white p-6 sm:p-8 md:p-10 shadow-sm ring-1 ring-[#17221F]/10"><div class="flex flex-wrap items-center gap-2 sm:gap-3 mb-6"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-green/10 text-green text-xs sm:text-sm font-medium">Case study</span><span class="text-sm font-semibold text-[#17221F]">Alberts Property Group</span></div><div class="grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6 lg:gap-8 mb-8"><div><p class="font-display font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">$250K</p><p class="text-[11px] sm:text-xs md:text-sm text-[#17221F]/80 mt-1">losses prevented</p></div><div><p class="font-display font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">0</p><p class="text-[11px] sm:text-xs md:text-sm text-[#17221F]/80 mt-1">incidents since deployment</p></div><div><p class="font-display font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">10</p><p class="text-[11px] sm:text-xs md:text-sm text-[#17221F]/80 mt-1">buildings secured</p></div><div><p class="font-display font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl text-[#17221F] tracking-tight">120</p><p class="text-[11px] sm:text-xs md:text-sm text-[#17221F]/80 mt-1">cameras connected</p></div></div><div class="h-px w-full bg-[#17221F]/10 mb-6"></div><p class="text-base sm:text-lg text-[#17221F]/70 mb-6 max-w-xl">Multi-site commercial portfolio replaced overnight guards with Autonomous Guarding. Zero incidents since deployment.</p><div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4 mb-6"><a href="/case-studies/alberts-property" class="inline-flex items-center justify-center gap-2 px-5 sm:px-6 py-3 text-sm font-semibold bg-[#BCD752] text-[#17221F] rounded-lg hover:bg-[#d0e97a] active:scale-[0.98] transition-all min-h-[44px]">View case study →</a><button class="inline-flex items-center justify-center gap-2 px-5 sm:px-6 py-3 text-sm font-medium text-[#17221F] hover:text-[#17221F] rounded-lg ring-1 ring-[#17221F]/20 hover:ring-[#17221F]/30 transition-all min-h-[44px]">Calculate your savings →</button></div><p class="text-xs text-[#17221F]/60">Results shown are representative of Autonomous Guarding deployments across commercial portfolios.</p></div></section></div><section class="py-12 sm:py-16 lg:py-24 max-w-8xl mx-auto px-4 sm:px-6 lg:px-8 xl:px-4"><div class="section-header mb-8 sm:mb-10 lg:mb-12"><h2 class="section-title text-2xl sm:text-3xl md:text-4xl">The questions you're probably asking</h2></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8"><div class="group relative rounded-xl sm:rounded-2xl bg-white p-5 sm:p-6 lg:p-8 shadow-sm ring-1 ring-[#17221F]/10 hover:shadow-lg hover:ring-[#BCD752]/30 transition-all duration-500 opacity-0 translate-y-8" style="transition-delay: 0ms;"><div class="absolute top-5 right-5 sm:top-6 sm:right-6 lg:top-8 lg:right-8 flex items-end gap-1 h-8 opacity-20 group-hover:opacity-40 transition-opacity"><div class="w-2 bg-[#17221F]/30 rounded-t" style="height: 40%;"></div><div class="w-2 bg-[#17221F]/30 rounded-t" style="height: 60%;"></div><div class="w-2 bg-[#BCD752] rounded-t" style="height: 100%;"></div></div><div class="flex h-11 w-11 sm:h-12 sm:w-12 items-center justify-center rounded-xl bg-gradient-to-br from-[#BCD752]/20 to-[#BCD752]/5 ring-1 ring-[#BCD752]/20 mb-4 sm:mb-5 group-hover:scale-105 transition-transform"><svg class="w-6 h-6 sm:w-7 sm:h-7" viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20L10 14L14 18L24 8"></path><path d="M18 8H24V14"></path><rect x="2" y="4" width="24" height="20" rx="2" stroke-opacity="0.3"></rect></svg></div><h3 class="font-display font-semibold text-lg sm:text-xl text-[#17221F] mb-2 sm:mb-3">"What's this going to cost me?"</h3><p class="text-[#17221F]/70 leading-relaxed mb-3 sm:mb-4 text-sm sm:text-base">Less than you're paying now. Customers see <strong class="text-[#17221F] font-medium">$100K–$500K annual savings</strong> depending on portfolio size. No expensive hardware. No multi-year lock-in.</p><div class="flex items-center gap-2 text-xs sm:text-sm text-[#17221F]/80"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752]"></span>ROI typically under 30 days</div></div><div class="group relative rounded-xl sm:rounded-2xl bg-[#17221F] p-5 sm:p-6 lg:p-8 shadow-lg ring-1 ring-white/10 hover:ring-[#BCD752]/30 transition-all duration-500 opacity-0 translate-y-8" style="transition-delay: 100ms;"><div class="absolute top-5 right-5 sm:top-6 sm:right-6 lg:top-8 lg:right-8 flex items-center gap-1.5 opacity-40"><span class="text-[10px] text-white font-medium tracking-wider transition-all duration-200 opacity-100 translate-y-0">AXIS</span><span class="text-[10px] text-white/40 font-medium">+</span><span class="text-[10px] text-white/40 font-medium">5 more</span></div><div class="flex h-11 w-11 sm:h-12 sm:w-12 items-center justify-center rounded-xl bg-white/10 ring-1 ring-white/20 mb-4 sm:mb-5 group-hover:scale-105 transition-transform text-white"><svg class="w-6 h-6 sm:w-7 sm:h-7" viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="8" width="16" height="12" rx="1"></rect><circle cx="11" cy="14" r="3"></circle><path d="M19 11L24 8V20L19 17"></path><path d="M5 8V6C5 5.5 5.5 5 6 5H16C16.5 5 17 5.5 17 6V8" stroke-opacity="0.4"></path></svg></div><h3 class="font-display font-semibold text-lg sm:text-xl text-white mb-2 sm:mb-3">"Do I need to replace anything?"</h3><p class="text-white/70 leading-relaxed mb-3 sm:mb-4 text-sm sm:text-base">Nope. We work with what you have:&nbsp;<strong class="text-white font-medium">NX Witness, Axis, Digital Watchdog, Avigilon Alta</strong>, and most others. Zero hardware replacement. Zero proprietary lock-in.</p><div class="flex items-center gap-2 text-xs sm:text-sm text-white/50"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752]"></span>300+ locations deployed without touching a camera</div></div><div class="group relative rounded-xl sm:rounded-2xl bg-white p-5 sm:p-6 lg:p-8 shadow-sm ring-1 ring-[#17221F]/10 hover:shadow-lg hover:ring-[#BCD752]/30 transition-all duration-500 sm:col-span-2 lg:col-span-1 opacity-0 translate-y-8" style="transition-delay: 200ms;"><div class="absolute top-5 right-5 sm:top-6 sm:right-6 lg:top-8 lg:right-8 flex items-center gap-1.5 opacity-30 group-hover:opacity-50 transition-opacity"><div class="w-6 h-6 rounded-full bg-[#17221F]/20 flex items-center justify-center"><span class="text-[8px]">👤</span></div><div class="w-4 h-px bg-[#17221F]/30"></div><div class="w-6 h-6 rounded bg-[#BCD752]/30 flex items-center justify-center"><span class="text-[8px]">🤖</span></div></div><div class="flex h-11 w-11 sm:h-12 sm:w-12 items-center justify-center rounded-xl bg-gradient-to-br from-[#BCD752]/20 to-[#BCD752]/5 ring-1 ring-[#BCD752]/20 mb-4 sm:mb-5 group-hover:scale-105 transition-transform"><svg class="w-6 h-6 sm:w-7 sm:h-7" viewBox="0 0 28 28" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="7" r="3"></circle><path d="M4 24V18C4 16 6 14 8 14C10 14 12 16 12 18V24"></path><rect x="17" y="12" width="8" height="8" rx="1"></rect><circle cx="21" cy="16" r="1.5" fill="currentColor"></circle><path d="M21 10V12M21 20V22M15 16H17M25 16H27" stroke-opacity="0.5"></path><path d="M12 16H17" stroke-dasharray="2 2" stroke-opacity="0.4"></path></svg></div><h3 class="font-display font-semibold text-lg sm:text-xl text-[#17221F] mb-2 sm:mb-3">"Is this going to create more work?"</h3><p class="text-[#17221F]/70 leading-relaxed mb-3 sm:mb-4 text-sm sm:text-base">No. Stop wasting hours scrubbing footage to find perpetrators and writing reports.&nbsp;<strong class="text-[#17221F]  font-medium">Quill handles the grunt work</strong> so you don't have to.</p><div class="flex items-center gap-2 text-xs sm:text-sm text-[#17221F]/70"><span class="w-1.5 h-1.5 rounded-full bg-[#BCD752]"></span>Less busywork, same team, better outcomes</div></div></div></section><section class="py-12 sm:py-16 lg:py-24 max-w-8xl w-full mx-auto px-4 sm:px-6 lg:px-8 xl:px-4"><div class="rounded-xl sm:rounded-2xl bg-[#17221F] overflow-hidden p-5 sm:p-8 lg:p-12"><div class="text-start mb-8 sm:mb-10 lg:mb-12"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/10 text-white/80 text-xs sm:text-sm font-medium mb-4 sm:mb-6"><span class="w-1.5 h-1.5 rounded-full bg-red-400 animate-pulse"></span>The hidden cost of "smart" cameras</span><h2 class="section-title text-2xl sm:text-3xl md:text-4xl lg:text-5xl text-white mb-3 sm:mb-4">We don't need you to buy new cameras.</h2><p class="text-white/60 text-base sm:text-lg max-w-2xl">You've already invested in cameras. Now let's make them work for you.</p></div><div class="grid md:grid-cols-2 gap-4 sm:gap-6 lg:gap-8 mb-6 sm:mb-8 transition-all duration-700 opacity-0 translate-y-8"><div class="relative rounded-xl sm:rounded-2xl bg-gradient-to-br from-[#BCD752]/20 to-[#BCD752]/5 p-5 sm:p-6 lg:p-8 ring-2 ring-[#BCD752]/40"><div class="absolute -top-3 left-5 sm:left-6 lg:left-8"><span class="px-3 py-1 rounded-full bg-[#BCD752] text-[#17221F] text-xs font-semibold">Recommended</span></div><img src="/logo.svg" alt="Watchful" class="h-5 sm:h-6 mb-5 sm:mb-6 brightness-0 invert"><ul class="space-y-3 sm:space-y-4"><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-[#BCD752] flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><div><span class="text-white/50 text-sm">Existing cameras</span>
158<p class="text-white font-medium">Most brands work</p></div></li><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-[#BCD752] flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><div><span class="text-white/50 text-sm">Hardware cost</span><p class="text-white font-medium">$0</p></div></li><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-[#BCD752] flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><div><span class="text-white/50 text-sm">Vendor lock-in</span><p class="text-white font-medium">None</p></div></li><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-[#BCD752] flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><div><span class="text-white/50 text-sm">Deployment</span><p class="text-white font-medium">Rapid Deployment</p></div></li></ul></div><div class="rounded-xl sm:rounded-2xl bg-white/5 p-5 sm:p-6 lg:p-8 ring-1 ring-white/10"><p class="text-white font-semibold text-sm sm:text-base mb-5 sm:mb-6">Others</p><ul class="space-y-3 sm:space-y-4"><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-red-400/60 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><div><span class="text-white/80 text-sm">Existing cameras</span><p class="text-white/90">Proprietary hardware required</p></div></li><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-red-400/60 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><div><span class="text-white/80 text-sm">Hardware cost</span><p class="text-white/90">$500-2,000 per camera</p></div></li><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-red-400/60 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><div><span class="text-white/80 text-sm">Vendor lock-in</span><p class="text-white/90">Long-term contracts</p></div></li><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-red-400/60 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><div><span class="text-white/80 text-sm">Deployment</span><p class="text-white/90">Several Months</p></div></li></ul></div></div><div class="rounded-xl bg-white/5 ring-1 ring-white/10 p-4 sm:p-5 lg:p-6 text-center transition-all duration-700 delay-200 opacity-0 translate-y-4"><p class="text-white/80 text-sm sm:text-base"><strong class="text-white">Bottom line:</strong> Most "smart camera" solutions want you to start over.<span class="text-[#BCD752]"> Watchful means getting more from what you have.</span></p></div></div></section><section class="py-12 sm:py-16 lg:py-24 border-t border-[#17221F]/10 max-w-8xl mx-auto px-4 sm:px-6 lg:px-8 xl:px-4 w-full"><div class="section-header mb-8 sm:mb-10 lg:mb-12"><h2 class="section-title text-2xl sm:text-3xl md:text-4xl">Everything you need to know</h2><p class="section-description text-base sm:text-lg mt-3 sm:mt-4">Quick answers to the questions we hear most.</p></div><div class="w-full transition-all duration-700 opacity-0 translate-y-8"><div class="rounded-xl sm:rounded-2xl bg-white shadow-sm ring-1 ring-[#17221F]/10 overflow-hidden"><div class="divide-y divide-[#17221F]/10" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="border-b border-none"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:rg:" class="flex flex-1 items-center justify-between hover:underline active:bg-[#17221F]/5 [&amp;[data-state=open]&gt;svg]:rotate-180 px-5 sm:px-6 lg:px-8 py-4 sm:py-5 text-left font-semibold text-[#17221F] hover:text-[#BCD752] transition-colors text-sm sm:text-base min-h-[56px] gap-3" data-radix-collection-item=""><span class="flex items-center gap-3"><span class="flex-shrink-0 text-[#BCD752]"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-opacity="0.3"></circle><path d="M12 6V18M9 9C9 7.9 10.3 7 12 7C13.7 7 15 7.9 15 9C15 10.1 13.7 11 12 11C10.3 11 9 11.9 9 13C9 14.1 10.3 15 12 15C13.7 15 15 14.1 15 13"></path></svg></span>How much does Watchful actually save?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rh:" hidden="" role="region" aria-labelledby="radix-:rg:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-none"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:ri:" class="flex flex-1 items-center justify-between hover:underline active:bg-[#17221F]/5 [&amp;[data-state=open]&gt;svg]:rotate-180 px-5 sm:px-6 lg:px-8 py-4 sm:py-5 text-left font-semibold text-[#17221F] hover:text-[#BCD752] transition-colors text-sm sm:text-base min-h-[56px] gap-3" data-radix-collection-item=""><span class="flex items-center gap-3"><span class="flex-shrink-0 text-[#BCD752]"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-opacity="0.3"></circle><path d="M12 6L17 8V12C17 15 14.5 17 12 18C9.5 17 7 15 7 12V8L12 6Z"></path></svg></span>What happens when AI finds a real threat?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rj:" hidden="" role="region" aria-labelledby="radix-:ri:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-none"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:rk:" class="flex flex-1 items-center justify-between hover:underline active:bg-[#17221F]/5 [&amp;[data-state=open]&gt;svg]:rotate-180 px-5 sm:px-6 lg:px-8 py-4 sm:py-5 text-left font-semibold text-[#17221F] hover:text-[#BCD752] transition-colors text-sm sm:text-base min-h-[56px] gap-3" data-radix-collection-item=""><span class="flex items-center gap-3"><span class="flex-shrink-0 text-[#BCD752]"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-opacity="0.3"></circle><circle cx="12" cy="12" r="2"></circle><circle cx="12" cy="6" r="1.5"></circle><circle cx="7" cy="16" r="1.5"></circle><circle cx="17" cy="16" r="1.5"></circle><path d="M12 8v2M11 13l-3 2M13 13l3 2" stroke-opacity="0.6"></path></svg></span>Are you like Flock?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rl:" hidden="" role="region" aria-labelledby="radix-:rk:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-none"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:rm:" class="flex flex-1 items-center justify-between hover:underline active:bg-[#17221F]/5 [&amp;[data-state=open]&gt;svg]:rotate-180 px-5 sm:px-6 lg:px-8 py-4 sm:py-5 text-left font-semibold text-[#17221F] hover:text-[#BCD752] transition-colors text-sm sm:text-base min-h-[56px] gap-3" data-radix-collection-item=""><span class="flex items-center gap-3"><span class="flex-shrink-0 text-[#BCD752]"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-opacity="0.3"></circle><rect x="6" y="9" width="9" height="6" rx="1"></rect><circle cx="10.5" cy="12" r="1.5"></circle><path d="M15 10L18 8.5V15.5L15 14"></path></svg></span>What cameras do you support?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rn:" hidden="" role="region" aria-labelledby="radix-:rm:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-none"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:ro:" class="flex flex-1 items-center justify-between hover:underline active:bg-[#17221F]/5 [&amp;[data-state=open]&gt;svg]:rotate-180 px-5 sm:px-6 lg:px-8 py-4 sm:py-5 text-left font-semibold text-[#17221F] hover:text-[#BCD752] transition-colors text-sm sm:text-base min-h-[56px] gap-3" data-radix-collection-item=""><span class="flex items-center gap-3"><span class="flex-shrink-0 text-[#BCD752]"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-opacity="0.3"></circle><circle cx="10" cy="9" r="2"></circle>
158<path d="M6 17C6 15 8 13 10 13C12 13 14 15 14 17"></path><circle cx="15" cy="9" r="1.5" stroke-opacity="0.5"></circle><path d="M14 13C15 13 17 14 17 16" stroke-opacity="0.5"></path></svg></span>Will this replace our security guards?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rp:" hidden="" role="region" aria-labelledby="radix-:ro:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-none"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:rq:" class="flex flex-1 items-center justify-between hover:underline active:bg-[#17221F]/5 [&amp;[data-state=open]&gt;svg]:rotate-180 px-5 sm:px-6 lg:px-8 py-4 sm:py-5 text-left font-semibold text-[#17221F] hover:text-[#BCD752] transition-colors text-sm sm:text-base min-h-[56px] gap-3" data-radix-collection-item=""><span class="flex items-center gap-3"><span class="flex-shrink-0 text-[#BCD752]"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-opacity="0.3"></circle><circle cx="10" cy="9" r="2"></circle>
158<path d="M6 17C6 15 8 13 10 13C12 13 14 15 14 17"></path><circle cx="15" cy="9" r="1.5" stroke-opacity="0.5"></circle><path d="M14 13C15 13 17 14 17 16" stroke-opacity="0.5"></path></svg></span>Is this going to create more work?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rr:" hidden="" role="region" aria-labelledby="radix-:rq:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div><div data-state="closed" data-orientation="vertical" class="border-b border-none"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:rs:" class="flex flex-1 items-center justify-between hover:underline active:bg-[#17221F]/5 [&amp;[data-state=open]&gt;svg]:rotate-180 px-5 sm:px-6 lg:px-8 py-4 sm:py-5 text-left font-semibold text-[#17221F] hover:text-[#BCD752] transition-colors text-sm sm:text-base min-h-[56px] gap-3" data-radix-collection-item=""><span class="flex items-center gap-3"><span class="flex-shrink-0 text-[#BCD752]"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-opacity="0.3"></circle><path d="M12 6V12L16 14"></path></svg></span>How long does deployment take?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 shrink-0 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:rt:" hidden="" role="region" aria-labelledby="radix-:rs:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);"></div></div></div></div></div></section><section class="py-12 sm:py-16 lg:py-24 max-w-8xl mx-auto px-4 sm:px-6 lg:px-8 xl:px-4 -mb-8 w-full"><div class="relative rounded-xl sm:rounded-2xl bg-[#17221F] overflow-hidden transition-all duration-700 opacity-0 translate-y-8"><div class="absolute inset-0 bg-gradient-to-br from-[#BCD752]/10 via-trans
158parent to-[#BCD752]/5 pointer-events-none"></div><div class="absolute inset-0 opacity-[0.03] pointer-events-none" style="background-image: linear-gradient(to right, rgb(255, 255, 255) 1px, transparent 1px), linear-gradient(rgb(255, 255, 255) 1px, transparent 1px); background-size: 40px 40px;"></div><div class="relative p-6 sm:p-10 lg:p-16"><div class="max-w-8xl mx-auto text-center "><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/10 ring-1 ring-white/20 mb-5 sm:mb-6 transition-all duration-500 delay-100 opacity-0 scale-95"><span class="w-2 h-2 rounded-full bg-[#BCD752] animate-pulse"></span><span class="text-white text-xs sm:text-sm font-medium">Free 15-minute demo</span></div><h2 class="section-title text-2xl sm:text-3xl md:text-4xl lg:text-5xl text-white mb-4 sm:mb-5 transition-all duration-500 delay-200 opacity-0 translate-y-4">See Watchful&nbsp;<span class="text-[#BCD752]">in action</span></h2><p class="text-white/60 text-base sm:text-lg md:text-xl mb-6 sm:mb-8 lg:mb-10 max-w-lg mx-auto transition-all duration-500 delay-300 opacity-0 translate-y-4">We'll show you how it works with your existing setup and calculate the ROI for your specific portfolio.</p><div class="flex flex-row max-sm:flex-col gap-3 sm:gap-4 justify-center items-stretch sm:items-center transition-all duration-500 delay-400 opacity-0 translate-y-4"><a href="/demo" class="inline-flex items-center justify-center gap-2 px-6 sm:px-8 py-4 text-base sm:text-lg font-medium border-2 border-[#BCD752]/30 text-[#BCD752] rounded-xl hover:bg-[#d0e97a] hover:text-green active:scale-[0.98] active:bg-[#a8c34a] transition-all min-h-[52px] sm:min-h-[56px] ">Book a demo</a></div><p class="text-white/80 text-xs sm:text-sm mt-6 sm:mt-8 italic transition-all duration-500 delay-500 opacity-0">“What stood out to us was that we weren’t just getting another system to manage. Watchful actually takes something off our team’s plate.”</p></div></div></div></section></div></div></main><footer class="bg-green text-white mt-8 safe-area-bottom"><div class="mx-auto max-w-8xl px-4 sm:px-6 lg:px-8 pt-12 sm:pt-16 pb-8"><div class="grid grid-cols-2 gap-x-6 gap-y-12 sm:grid-cols-3 lg:grid-cols-12"><div class="col-span-2 sm:col-span-3 lg:col-span-3 lg:pr-8"><a aria-label="Watchful Home" href="/">
158<svg class="h-7 w-auto" viewBox="0 0 240 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.1516 23.5166C43.3109 24.3572 42.1969 24.8151 41.0145 24.8151C40.8368 24.8151 40.6591 24.8015 40.4882 24.781C39.5041 24.6648 38.5882 24.2274 37.8774 23.5097C37.7886 23.4209 37.6997 23.3252 37.6177 23.2227L35.2871 25.1774C35.4238 25.3414 35.5742 25.5054 35.7314 25.6558C36.3191 26.2436 36.9958 26.7288 37.7407 27.0911C37.8638 27.1526 37.9868 27.2073 38.1098 27.2619C39.0325 27.6515 40.0098 27.8497 41.0213 27.8497C42.0329 27.8497 43.0102 27.6515 43.9329 27.2619C44.8214 26.886 45.621 26.3461 46.3113 25.6626C46.9948 24.9792 47.5347 24.1795 47.9106 23.2842C48.3002 22.3615 48.4984 21.3842 48.4984 20.3727C48.4984 19.6687 48.4027 18.9716 48.2113 18.3086C48.1293 18.0216 48.0268 17.7413 47.9106 17.4611C47.6167 16.7708 47.2272 16.1352 46.7487 15.5679L44.4181 17.5226C45.0879 18.3223 45.457 19.3201 45.457 20.3795C45.457 20.4615 45.457 20.5435 45.4502 20.6255C45.3887 21.7191 44.9376 22.7374 44.1584 23.5166H44.1516Z" fill="currentColor" class="text-lime"></path><path d="M47.5141 6.98367L27.3042 23.9472L7.08746 6.98367H2.35791L27.3042 27.9112L52.2437 6.98367H47.5141Z" fill="currentColor" class="text-lime"></path><path d="M7.85977 15.5679C7.38134 16.1352 6.99177 16.7708 6.69788 17.4611C6.5817 17.7413 6.47918 18.0216 6.39716 18.3086C6.20579 18.9784 6.11011 19.6687 6.11011 20.3727C6.11011 21.3842 6.30831 22.3615 6.69788 23.2842C7.07379 24.1727 7.61372 24.9723 8.29718 25.6626C8.98064 26.3461 9.78029 26.886 10.6756 27.2619C11.5983 27.6515 12.5756 27.8497 13.5872 27.8497C14.5987 27.8497 15.576 27.6515 16.4987 27.2619C16.6217 27.2073 16.7448 27.1526 16.8678 27.0911C17.6127 26.7288 18.2825 26.2504 18.8771 25.6558C19.0343 25.4986 19.1779 25.3414 19.3214 25.1774L16.9908 23.2227C16.9088 23.3184 16.8199 23.4141 16.7311 23.5097C16.0203 24.2205 15.1044 24.6648 14.1203 24.781C13.9494 24.8015 13.7717 24.8151 13.594 24.8151C12.4048 24.8151 11.2907 24.3504 10.4569 23.5166C9.67777 22.7374 9.21985 21.7191 9.16518 20.6255C9.16518 20.5435 9.15834 20.4615 9.15834 20.3795C9.15834 19.3201 9.52741 18.3223 10.1972 17.5226L7.8666 15.5679H7.85977Z" fill="currentColor" class="text-lime"></path><path d="M9.23352 4.8171L27.3042 19.9762L45.3681 4.8171V0.846191L27.3042 16.0053L9.23352 0.846191V4.8171Z" fill="currentColor" class="text-lime"></path><path d="M53.1185 14.1873C52.6538 13.2783 52.0865 12.424 51.4235 11.638L49.0929 13.5927C49.7559 14.3787 50.2958 15.2604 50.7059 16.2104C50.7127 16.2309 50.7264 16.2514 50.7332 16.2719C51.28 17.5705 51.5602 18.9511 51.5602 20.3795C51.5602 21.8079 51.28 23.1885 50.7332 24.4871C50.2002 25.7447 49.4415 26.8724 48.471 27.8429C47.5005 28.8134 46.3728 29.572 45.1152 30.1051C43.8166 30.6519 42.436 30.9321 41.0076 30.9321C39.5792 30.9321 38.1986 30.6519 36.9 30.1051C36.3122 29.8591 35.7518 29.5584 35.2187 29.2098C34.6173 28.8134 34.0637 28.3623 33.5442 27.8429C33.3255 27.6242 33.1205 27.3986 32.9223 27.1662L30.5917 29.1209L27.2906 31.889L23.9894 29.1209L21.6589 27.1662C21.4606 27.3986 21.2556 27.6242 21.0369 27.8429C20.5243 28.3555 19.9639 28.8134 19.3624 29.2098C18.8293 29.5584 18.2689 29.8591 17.6811 30.1051C16.3825 30.6519 15.0019 30.9321 13.5735 30.9321C12.1451 30.9321 10.7645 30.6519 9.46592 30.1051C8.20835 29.572 7.08064 28.8134 6.11013 27.8429C5.13962 26.8724 4.38098 25.7447 3.84788 24.4871C3.30111 23.1885 3.02089 21.8079 3.02089 20.3795C3.02089 18.9511 3.30111 17.5705 3.84788 16.2719C3.85471 16.2514 3.86838 16.2309 3.87522 16.2104C4.28529 15.2604 4.82522 14.3855 5.48818 13.5927L3.15758 11.638C2.49463 12.424 1.93419 13.2715 1.4626 14.1873C1.31224 14.4812 1.17555 14.7819 1.04569 15.0827C0.334891 16.7571 -0.0205078 18.541 -0.0205078 20.3727C-0.0205078 22.2043 0.341726 23.9882 1.04569 25.6626C1.72915 27.2824 2.7065 28.7314 3.95723 29.9821C5.20796 31.2328 6.6569 32.2102 8.2767 32.8936C9.95118 33.6044 11.735 33.9598 13.5667 33.9598C15.3984 33.9598 17.1822 33.5976 18.8567 32.8936C19.8955 32.4562 20.866 31.8958 21.7614 31.2192L27.2769 35.853L32.7924 31.2192C33.6877 31.8958 34.6583 32.4562 35.6971 32.8936C37.3716 33.6044 39.1554 33.9598 40.9871 33.9598C42.8188 33.9598 44.6026 33.5976 46.2771 32.8936C47.8969 32.2102 49.3458 31.2328 50.5966 29.9821C51.8473 28.7314 52.8246 27.2824 53.5081 25.6626C54.2189 23.9882 54.5743 22.2043 54.5743 20.3727C54.5743 18.541 54.2121 16.7571 53.5081 15.0827C53.3782 14.7751 53.2415 14.4812 53.0912 14.1873H53.1185Z" fill="currentColor" class="text-lime"></path><path d="M91.6725 11.7064H100.421V12.1028L97.3999 15.7319L90.2714 33.8436H86.861L81.2634 20.8511L75.9666 33.8436H72.5083L63.8899 14.0233L61.8805 12.0959V11.6995H73.8205V12.0959L71.2849 13.9344L77.19 27.9795L80.6483 19.45L77.935 13.1485L76.7526 12.0959V11.6995H87.8178V12.0959L85.5897 13.7157L91.5427 27.8907L96.3132 15.5542L91.6725 12.0959V11.6995V11.7064Z" fill="currentColor"></path><path d="M120.2 31.5677L122.695 33.4473V33.8437H114.603L113.379 30.3853C111.759 32.921 109.443 34.3631 106.551 34.3631C103.141 34.3631 99.464 32.921 99.464 28.1094C99.464 24.4803 102.567 22.5939 106.073 21.7191C108.568 21.104 111.103 20.4478 113.202 19.8396V16.3402C113.202 13.497 112.238 12.1848 110.099 12.1848C109.661 12.1848 109.183 12.2258 108.568 12.4445L101.74 19.8396H101.344V12.1848C104.754 11.5697 108.082 11.1801 111.144 11.1801C117.487 11.1801 120.2 13.9345 120.2 17.5705V31.5677ZM113.202 29.2918V20.7622C112.067 21.1108 111.055 21.4594 110.099 21.8148C107.652 22.8194 106.381 24.658 106.381 27.193
1586C106.381 29.8591 107.823 31.4789 109.75 31.4789C111.103 31.4789 112.156 30.8228 113.208 29.2918H113.202Z" fill="currentColor"></path><path d="M138.134 12.7111H132.14V28.1573C132.14 30.3033 132.926 31.5267 134.416 31.5267C135.51 31.5267 136.426 30.8706 137.259 29.4285L138.134 29.8659C136.781 32.7091 134.813 34.3699 131.224 34.3699C127.11 34.3699 125.142 32.053 125.142 28.8134V12.7111H122.08V11.7952L124.745 10.9614L131.833 5.36386H132.14V11.7064H138.134V12.7111Z" fill="currentColor"></path><path d="M157.428 20.2838L151.345 12.6291C150.73 12.3215 150.211 12.1916 149.637 12.1916C147.539 12.1916 144.955 15.2945 144.955 21.8148C144.955 28.335 147.798 31.308 151.386 31.308C154.975 31.308 156.724 29.3807 158.037 26.845L158.911 27.2824C157.51 31.0893 154.626 34.3699 148.803 34.3699C142.194 34.4109 137.471 29.8181 137.471 22.8194C137.471 15.2945 142.59 11.1801 149.411 11.1801C152.213 11.1801 154.927 11.5287 157.811 12.1848V20.277H157.415L157.428 20.2838Z" fill="currentColor"></path><path d="M183.721 31.6566L186.216 33.4473V33.8437H174.187V33.4473L176.722 31.6566V18.6162C176.722 15.732 175.718 14.283 173.353 14.283C171.603 14.283 170.161 15.1579 168.979 16.6478V31.6566L171.514 33.4473V33.8437H159.485V33.4473L161.98 31.6566V5.45272L159.267 3.61421V3.2178H168.979V15.3356C170.551 13.1075 172.963 11.1801 176.811 11.1801C181.274 11.1801 183.721 13.7158 183.721 18.2676V31.6566Z" fill="currentColor"></path><path d="M204.813 3.4365V10.1754H204.416L199.208 3.78507C198.989 3.69622 198.771 3.69622 198.552 3.69622C197.329 3.69622 196.235 5.00846 196.235 8.46677V11.7064H202.407V12.7111H196.235V31.6566L199.953 33.4472V33.8436H186.694V33.4472L189.23 31.6566V12.7111H186.127V11.7064H189.23V10.2643C189.23 5.32285 192.38 2.69836 197.978 2.69836C200.643 2.69836 202.133 2.95808 204.806 3.44334L204.813 3.4365Z" fill="currentColor"></path><path d="M224.674 31.5677L227.168 33.4472V33.8436H219.076L217.723 29.9958C216.233 32.2717 213.964 34.3699 210.328 34.3699C205.646 34.3699 203.111 31.7864 203.111 27.2414V13.9413L200.397 12.1028V11.7064H210.109V26.845C210.109 29.6472 211.114 31.2191 213.431 31.2191C215.31 31.2191 216.623 30.2555 217.675 28.7245V13.9344L214.921 12.0959V11.6995H224.674V31.5609V31.5677Z" fill="currentColor"></path><path d="M227.428 3.61421V3.2178H237.14V31.6566L239.676 33.4473V33.8437H227.647V33.4473L230.142 31.6566V5.45272L227.428 3.61421Z" fill="currentColor"></path></svg></a><p class="mt-4 text-sm text-white/60 leading-relaxed max-w-xs">AI-powered autonomous guarding that watches, detects, and responds — so you don't have to.</p><div class="mt-6 flex gap-3"><a href="https://www.linkedin.com/company/watchful-ai/" target="_blank" rel="noopener noreferrer" aria-label="Visit Watchful on LinkedIn" class="w-10 h-10 flex items-center justify-center rounded-lg bg-white/5 hover:bg-white/10 transition-colors"><img loading="lazy" decoding="async" src="/assets/icons/linkedin.svg" class="w-5 h-5" alt=""></a></div><p class="mt-4 text-xs text-white/60 leading-relaxed max-w-[12rem]"> Texas DPS Private Security Company License No: B31077901</p><p class="mt-4 text-xs text-white/60 leading-relaxed max-w-[12rem]"> State of Illinois Licensed Private Alarm Contractor Agency No: 127.001919</p></div><div class="col-span-1 lg:col-span-2"><nav aria-label="Product"><h2 class="font-bold text-sm tracking-wide text-white mb-4">Product</h2><ul class="space-y-2.5"><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/quill">Quill AI</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/quill-voice">Quill Voice</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/quill-operator">Quill Operator</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/monitoring-portal">Agent Portal</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/watchfulGo">Watchful Go</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/integrations">Integrations</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/documentation">Documentation</a></li><li><a href="https://support.watchfulhq.com" class="text-sm text-white/70 hover:text-lime transition-colors" target="_blank" rel="noopener noreferrer">Support</a></li></ul></nav></div><div class="col-span-1 lg:col-span-2"><nav aria-label="Solutions"><h2 class="font-bold text-sm tracking-wide text-white mb-4">Solutions</h2><ul class="space-y-2.5"><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/solutions/autonomous-monitoring">Autonomous Guarding</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/solutions/hybrid-monitoring">Hybrid Monitoring</a></li></ul></nav><div class="mt-8"><nav aria-label="Resources"><h2 class="font-bold text-sm tracking-wide text-white mb-4">Resources</h2><ul class="space-y-2.5"><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/blog">Blog</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/case-studies">Case Studies</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/partner-program">Partner Program</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/results">ROI Calculator</a></li></ul></nav></div></div><div class="col-span-2 sm:col-span-1 lg:col-span-3"><h2 class="font-bold text-sm tracking-wide text-white mb-4">Industries</h2><ul class="grid grid-cols-2 sm:grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2.5"><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/monitoring">Monitoring Companies</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/commercial-property">Commercial Property</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/universities">Universities</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/logistics">Logistics</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/transport">Transport</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/parking">Parking</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/multi-family">Multi-Family</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/corporate-offices">Corporate Offices</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/auto">Automotive</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/industries/security-companies">Security Companies</a></li></ul></div><div class="col-span-1 lg:col-span-2"><nav aria-label="Company"><h2 class="font-bold text-sm tracking-wide text-white mb-4">Company</h2><ul class="space-y-2.5"><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/careers">Careers</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/contact">Contact</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/demo">Book a Demo</a></li></ul></nav><div class="mt-8"><nav aria-label="Trust"><h2 class="font-bold text-sm tracking-wide text-white mb-4">Trust</h2><ul class="space-y-2.5"><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/trust">Trust Center</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/privacy">Privacy Policy</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/trust/data-retention">Data Retention</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/trust/facial-recognition">Facial Recognition</a></li><li><a class="text-sm text-white/70 hover:text-lime transition-colors" href="/trust/marketing">Marketing</a></li></ul></nav></div></div></div><div class="mt-12 pt-8 border-t border-white/10"><div class="flex flex-col gap-6 lg:flex-row lg:items-start lg:justify-between"><div class="flex flex-wrap gap-x-8 gap-y-3"><a href="tel:+15122545928" class="flex items-center gap-2 text-sm text-white/70 hover:text-lime transition-colors"><span>🇺🇸</span><span class="font-medium text-white/90">United States</span><span>(512) 254-5928</span></a><a href="tel:+6493062244" class="flex items-center gap-2 text-sm text-white/70 hover:text-lime transition-colors"><span>🇳🇿</span><span class="font-medium text-white/90">New Zealand</span><span>
158+64 9 306 2244</span></a><a href="tel:+61272380378" class="flex items-center gap-2 text-sm text-white/70 hover:text-lime transition-colors"><span>🇦🇺</span><span class="font-medium text-white/90">Australia</span><span>+61 27 238 0378</span></a><a href="/cdn-cgi/l/email-protection#6f060109002f180e1b0c07091a03410c00410115" class="flex items-center gap-2 text-sm text-white/70 hover:text-lime transition-colors"><img loading="lazy" decoding="async" src="/assets/icons/mail-white.svg" class="w-4 h-4 opacity-70" alt=""><span><span class="__cf_email__" data-cfemail="dfb6b1b9b09fa8beabbcb7b9aab3f1bcb0f1b1a5">[email&#160;protected]</span></span></a></div><div class="flex flex-wrap gap-x-8 gap-y-2 text-xs text-white/50"><span><span class="font-medium text-white/70">Watchful Systems, LLC</span> · 1300 Red River St, Austin, TX 78701</span><span><span class="font-medium text-white/70">Watchful Limited</span> · 57 Fort Street, Auckland 1010, NZ</span></div></div></div><div class="mt-8 pt-6 border-t border-white/10 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"><div class="flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-white/50"><span>© 2026 Watchful. All rights reserved.</span><a class="text-white/70 hover:text-lime transition-colors underline underline-offset-2" href="/trust">Trust &amp; Safety</a></div><p class="text-xs text-white/40 sm:text-right">Made by engineers, designers &amp; friends at Watchful — Auckland, New Zealand</p></div></div></footer></div></div>
vendor: 111 bytes, lines 158-159
158
159  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
159<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"dc0d40ec5eab43b2b780e9a34ec04f50","r":1,"spa":2}' crossorigin="anonymous"></script>
159
160</body>
161</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.