PageSourceSearch

https://unm.ai/blog

html unm.ai collected 2026-10-05 15:56:15 UTC 27,395 bytes, 513 lines download raw bytes

1<!doctype html>
2<html lang="en"
3      dir="ltr">
4
5<head>
6    <meta charset="utf-8" />
7    <meta name="viewport" content="width=device-width, initial-scale=1" />
8    <meta name="csrf-token" content="QLlEsTU2IV8JScc0pu1w2uI1sF2zMi8kcMsOLSet">
9    <title>Blog — unmAI</title>
10
11    
12    <meta name="description" content="Insights, guides and product updates from unmAI">
13    <meta name="author" content="unmAI">
14    <meta name="robots" content="index, follow">
15    <link rel="canonical" href="https://unm.ai/blog">
16
17
18<meta property="og:site_name" content="unmAI">
19<meta property="og:title" content="Blog — unmAI">
20    <meta property="og:description" content="Insights, guides and product updates from unmAI">
21<meta property="og:type" content="website">
22    <meta property="og:url" content="https://unm.ai/blog">
23
24
25<meta name="twitter:card" content="summary_large_image">
26<meta name="twitter:title" content="Blog — unmAI">
27    <meta name="twitter:description" content="Insights, guides and product updates from unmAI">
28
29
30
31    
32    
33    
34        
35    
35<script src="https://cdn.tailwindcss.com"></script>
35
36    <link rel="preconnect" href="https://fonts.googleapis.com">
37    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
38    <link
39        href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap"
40        rel="stylesheet">
41
42        
42<script>
43        tailwind.config = {
44            theme: {
45                extend: {
46                    fontFamily: {
47                        serif: ['"Instrument Serif"', 'serif'],
48                        sans: ['Inter', 'sans-serif'],
49                        mono: ['"JetBrains Mono"', 'monospace']
50                    },
51                    colors: {"ink":{"950":"#070D0C","900":"#0B1F1C","800":"#13312D","700":"#1F4540","600":"#3A5A55","500":"#6B807C","400":"#9AA8A4","300":"#C3CCC9"},"wa":{"deep":"#0B4F6C","teal":"#1B98C9","green":"#20A4F3","mint":"#CDEFFF","bubble":"#E3F6FF","chat":"#ECE5DD"},"paper":{"0":"#FBFAF6","50":"#F5F3EC","100":"#EFEBE0","200":"#E5DFD0","300":"#D4CCB6"},"accent":{"coral":"#FF8552","amber":"#FFB627","sand":"#D9C9A3","plum":"#5B3D8A","sky":"#3E7AA1"}}                }
52            }
53        }
54    </script>
54
55
56    
57    <link rel="preload" as="style" href="https://unm.ai/build/assets/frontend-CgEbaaax.css" /><link rel="modulepreload" as="script" href="https://unm.ai/build/assets/locale-switcher-BugcWviK.js" /><link rel="stylesheet" href="https://unm.ai/build/assets/frontend-CgEbaaax.css" />
57<script type="module" src="https://unm.ai/build/assets/locale-switcher-BugcWviK.js"></script>
57    
58    
59        
60    
61    </head>
62
63<body  data-page="frontend-blog"  data-nav="blog" class="overflow-x-clip">
64
65            <div data-fc-section="ticker" class="bg-ink-950 text-paper-0 text-[11px] mono overflow-hidden">
66    <div class="marquee whitespace-nowrap py-2.5">
67                    <div class="flex items-center gap-8 shrink-0 px-4">
68                                    
69                    <span class="flex items-center gap-2">
70                        <span class="w-1.5 h-1.5 rounded-full bg-wa-green pulse-dot"></span>
71                        <span
72                            data-fc="ticker.message1">240,184,209 messages delivered this month</span>
73                    </span>
74                    <span class="text-paper-0/40">·</span>
75                    <span
76                        data-fc="ticker.message2">4,218 active workspaces across 38 markets</span>
77                    <span class="text-paper-0/40">·</span>
78                    <span data-fc="ticker.message3">Median template approval · 18m</span>
79                    <span class="text-paper-0/40">·</span>
80                    <span class="text-wa-green"
81                        data-fc="ticker.message4">▲ +34% revenue lift · 90 days post-onboarding</span>
82                    <span class="text-paper-0/40">·</span>
83                    <span data-fc="ticker.message5">Now live: AI Flow Generation</span>
84                            </div>
85                    <div class="flex items-center gap-8 shrink-0 px-4">
86                                    
87                    <span class="flex items-center gap-2">
88                        <span class="w-1.5 h-1.5 rounded-full bg-wa-green pulse-dot"></span>
89                        <span
90                            data-fc="ticker.message1">240,184,209 messages delivered this month</span>
91                    </span>
92                    <span class="text-paper-0/40">·</span>
93                    <span
94                        data-fc="ticker.message2">4,218 active workspaces across 38 markets</span>
95                    <span class="text-paper-0/40">·</span>
96                    <span data-fc="ticker.message3">Median template approval · 18m</span>
97                    <span class="text-paper-0/40">·</span>
98                    <span class="text-wa-green"
99                        data-fc="ticker.message4">▲ +34% revenue lift · 90 days post-onboarding</span>
100                    <span class="text-paper-0/40">·</span>
101                    <span data-fc="ticker.message5">Now live: AI Flow Generation</span>
102                            </div>
103            </div>
104</div>
105    
106    <header data-fc-section="nav" class="sticky top-0 z-40 bg-white/92 backdrop-blur hairline-b">
107    <div class="relative max-w-[1360px] mx-auto px-4 sm:px-7 h-[68px] flex items-center gap-8">
108
109        
110        <a href="https://unm.ai" class="flex items-center gap-2.5">
111                            <img src="https://unm.ai/storage/brand/FuMFLL4KqWBDpjwuecj73UR6yVWYYb3Efjb7vxjc.png" alt="unmAI" class="h-9 w-auto max-w-[180px] object-contain">
112                    </a>
113
114        <div class="flex-1"></div>
115
116        
117        <nav class="absolute left-1/2 -translate-x-1/2 hidden lg:flex items-center gap-7 text-[13.5px] text-ink-700">
118                                            <a href="https://unm.ai" data-fc="nav.link1_label" data-fc-url="nav.link1_url"
119                    class="relative hover:text-wa-deep cursor-pointer">
120                    Home
121                                    </a>
122                                            <a href="https://unm.ai/features" data-fc="nav.link2_label" data-fc-url="nav.link2_url"
123                    class="relative hover:text-wa-deep cursor-pointer">
124                    Features
125                                    </a>
126                                            <a href="https://unm.ai/pricing" data-fc="nav.link3_label" data-fc-url="nav.link3_url"
127                    class="relative hover:text-wa-deep cursor-pointer">
128                    Pricing
129                                    </a>
130                                            <a href="https://unm.ai/blog" data-fc="nav.blog_label" data-fc-url="nav.blog_url"
131                    class="relative font-semibold text-wa-deep">
132                    Blog
133                                            <span class="absolute -bottom-[22px] left-0 right-0 h-[2px] bg-wa-deep"></span>
134                                    </a>
135                                            <a href="https://unm.ai/about" data-fc="nav.link4_label" data-fc-url="nav.link4_url"
136                    class="relative hover:text-wa-deep cursor-pointer">
137                    About
138                                    </a>
139                                            <a href="https://unm.ai/contact" data-fc="nav.link5_label" data-fc-url="nav.link5_url"
140                    class="relative hover:text-wa-deep cursor-pointer">
141                    Contact
142                                    </a>
143                    </nav>
144
145        
146        <div class="hidden lg:flex items-center gap-2">
147            
148                                                <a href="https://unm.ai/login" data-fc="nav.signin_label"
149                        class="text-[13.5px] font-medium text-ink-700 hover:text-wa-deep px-3 py-2">Sign in</a>
150                                                    <a href="https://unm.ai/register" data-fc="nav.cta_label"
151                        class="px-4 py-2.5 rounded-full bg-wa-deep text-paper-0 text-[13px] font-semibold hover:bg-wa-teal flex items-center gap-1.5">
152                        Start free
153                        <svg viewBox="0 0 16 16" class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2">
154                            <path d="M5 4l4 4-4 4" />
155                        </svg>
156                    </a>
157                                    </div>
158
159        
160        <button id="fc-mobile-menu-toggle"
161            class="lg:hidden p-2 text-ink-700 hover:text-ink-900 focus:outline-none z-50 relative">
162            <svg viewBox="0 0 24 24" class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2">
163                <path d="M4 6h16M4 12h16M4 18h16" />
164            </svg>
165        </button>
166    </div>
167</header>
168
169
170<div id="fc-mobile-menu"
171    class="fixed inset-0 bg-white z-40 lg:hidden transform translate-x-full transition-transform duration-300 ease-in-out flex flex-col pt-20 px-7 pb-7 overflow-y-auto">
172    <div class="flex flex-col gap-6 text-[18px] font-medium mt-4">
173                    <a href="https://unm.ai"
174                class="border-b border-paper-200 pb-4 text-ink-900 hover:text-wa-deep">Home</a>
175                    <a href="https://unm.ai/features"
176                class="border-b border-paper-200 pb-4 text-ink-900 hover:text-wa-deep">Features</a>
177                    <a href="https://unm.ai/pricing"
178                class="border-b border-paper-200 pb-4 text-ink-900 hover:text-wa-deep">Pricing</a>
179                    <a href="https://unm.ai/blog"
180                class="border-b border-paper-200 pb-4 text-ink-900 hover:text-wa-deep">Blog</a>
181                    <a href="https://unm.ai/about"
182                class="border-b border-paper-200 pb-4 text-ink-900 hover:text-wa-deep">About</a>
183                    <a href="https://unm.ai/contact"
184                class="border-b border-paper-200 pb-4 text-ink-900 hover:text-wa-deep">Contact</a>
185            </div>
186    <div class="mt-8 flex flex-col gap-4">
187        
188                                    <a href="https://unm.ai/register"
189                    class="w-full py-4 text-center rounded-full bg-wa-deep text-paper-0 text-[16px] font-semibold hover:bg-wa-teal">
190                    Start free
191                </a>
192                                        <a href="https://unm.ai/login"
193                    class="w-full py-4 text-center rounded-full bg-paper-100 text-ink-900 text-[16px] font-semibold hover:bg-paper-200">
194                    Sign in
195                </a>
196                        </div>
197</div>
198
199<script>
200    document.addEventListener('DOMContentLoaded', function() {
201        const toggleBtn = document.getElementById('fc-mobile-menu-toggle');
202        const menu = document.getElementById('fc-mobile-menu');
203        let isOpen = false;
204
205        if (toggleBtn && menu) {
206            toggleBtn.addEventListener('click', function() {
207                isOpen = !isOpen;
208                if (isOpen) {
209                    menu.classList.remove('translate-x-full');
210                    toggleBtn.innerHTML =
211                        '<svg viewBox="0 0 24 24" class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 18L18 6M6 6l12 12"/></svg>';
212                    document.body.style.overflow = 'hidden';
213                } else {
214                    menu.classList.add('translate-x-full');
215                    toggleBtn.innerHTML =
216                        '<svg viewBox="0 0 24 24" class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>';
217                    document.body.style.overflow = '';
218                }
219            });
220        }
221    });
222</script>
222
223
224    <section class="relative overflow-hidden bg-paper-0">
225        <div class="absolute inset-0 grid-bg opacity-30 pointer-events-none"></div>
226        <div class="absolute -top-32 -right-32 w-[520px] h-[520px] rounded-full bg-wa-mint/50 blur-bub"></div>
227        <div class="absolute -bottom-40 -left-32 w-[460px] h-[460px] rounded-full bg-accent-amber/15 blur-bub"></div>
228
229        <div class="relative max-w-[1360px] mx-auto px-4 sm:px-6 lg:px-7 pt-24 pb-12">
230            <div class="inline-flex items-center gap-2 hairline rounded-full px-3 py-1.5 bg-white text-[11px] mono uppercase tracking-widest text-ink-700">
231                <span class="w-1.5 h-1.5 rounded-full bg-wa-green pulse-dot"></span>
232                <span>The unmAI blog</span>
233            </div>
234            <h1 class="serif text-[44px] sm:text-[72px] lg:text-[96px] leading-[0.94] tracking-[-0.025em] mt-6 reveal">
235                Ideas that <span class="italic text-wa-deep">start conversations</span>.
236            </h1>
237            <p class="text-[15.5px] text-ink-700 leading-relaxed max-w-2xl mt-5 reveal" style="--d:120ms">
238                Insights, guides and product updates on growing your business on WhatsApp.
239            </p>
240        </div>
241    </section>
242
243    
244    
245    
246    <section class="bg-white">
247        <div class="max-w-[1360px] mx-auto px-4 sm:px-6 lg:px-7 py-12">
248
249            
250                            <div class="hairline rounded-3xl bg-paper-50 py-20 px-6 text-center">
251                    <div class="serif text-[28px] text-ink-900">Nothing here yet</div>
252                    <p class="text-[14px] text-ink-600 mt-2">New articles are on the way — check back soon.</p>
253                </div>
254            
255        </div>
256    </section>
257
258            <footer data-fc-section="footer" class="bg-ink-950 text-paper-0 relative overflow-hidden">
259    <div class="absolute inset-0 dot-pattern opacity-10"></div>
260
261    <div class="relative max-w-[1360px] mx-auto px-4 sm:px-6 lg:px-7 py-16 grid grid-cols-1 lg:grid-cols-12 gap-8">
262
263        
264        <div class="col-span-12 lg:col-span-3">
265            <div class="flex items-center gap-2.5">
266                                    <img src="https://unm.ai/storage/brand/z3o3voQBPeITQQbd88vPg8xcZzP2rOP3J50MECBR.png" alt="unmAI"
267                        class="h-10 w-auto max-w-[200px] object-contain">
268                            </div>
269            <p data-fc="footer.tagline" class="text-[13px] text-paper-0/70 mt-5 max-w-xs leading-relaxed">
270                The complete WhatsApp business platform. Broadcasts, flows, inbox, AI — for teams that ship fast.
271            </p>
272
273            <div class="mt-6 hairline border-paper-0/15 rounded-xl bg-paper-0/5 p-4">
274                <div data-fc="footer.status_title"
275                    class="mono text-[10px] uppercase tracking-widest text-paper-0/50 mb-2">
276                    System status</div>
277                <div class="flex items-center justify-between">
278                    <div class="flex items-center gap-2 text-[12.5px]">
279                        <span class="w-2 h-2 rounded-full bg-wa-green pulse-dot"></span>
280                        <span
281                            data-fc="footer.status_label">All systems operational</span>
282                    </div>
283                    <span class="mono text-[10px] text-paper-0/50">99.98% · 90d</span>
284                </div>
285            </div>
286        </div>
287
288        
289        <div class="col-span-6 lg:col-span-3">
290            <div data-fc="footer.col1_title" class="mono text-[10px] uppercase tracking-widest text-paper-0/50 mb-4">
291                Product</div>
292            <ul class="space-y-2.5 text-[13px]">
293                <li><a href="https://unm.ai" data-fc="footer.col1_link1_label"
294                        data-fc-url="footer.col1_link1_url"
295                        class="hover:text-wa-green">Overview</a></li>
296                <li><a href="https://unm.ai/features" data-fc="footer.col1_link2_label"
297                        data-fc-url="footer.col1_link2_url"
298                        class="hover:text-wa-green">Features</a></li>
299                <li><a href="https://unm.ai/pricing" data-fc="footer.col1_link3_label"
300                        data-fc-url="footer.col1_link3_url"
301                        class="hover:text-wa-green">Pricing</a></li>
302            </ul>
303        </div>
304
305        
306        <div class="col-span-6 lg:col-span-3">
307            <div data-fc="footer.col4_title" class="mono text-[10px] uppercase tracking-widest text-paper-0/50 mb-4">
308                Company</div>
309            <ul class="space-y-2.5 text-[13px]">
310                <li><a href="https://unm.ai/about" data-fc="footer.col4_link1_label"
311                        data-fc-url="footer.col4_link1_url"
312                        class="hover:text-wa-green">About us</a></li>
313                <li><a href="https://unm.ai/contact" data-fc="footer.col4_link2_label"
314                        data-fc-url="footer.col4_link2_url"
315                        class="hover:text-wa-green">Contact us</a></li>
316                <li><a href="https://unm.ai/login" class="hover:text-wa-green">Sign in</a></li>
317                <li><a href="https://unm.ai/register" class="hover:text-wa-green">Get started</a></li>
318            </ul>
319        </div>
320
321        
322        <div class="col-span-12 lg:col-span-3">
323            <div data-fc="footer.col5_title" class="mono text-[10px] uppercase tracking-widest text-paper-0/50 mb-4">
324                Legal</div>
325            <ul class="space-y-2.5 text-[13px]">
326                <li><a href="https://unm.ai/legal/terms"
327                        data-fc="footer.col5_link1_label" data-fc-url="footer.col5_link1_url"
328                        class="hover:text-wa-green">Terms of Service</a>
329                </li>
330                <li><a href="https://unm.ai/legal/privacy"
331                        data-fc="footer.col5_link2_label" data-fc-url="footer.col5_link2_url"
332                        class="hover:text-wa-green">Privacy Policy</a></li>
333                <li><a href="https://unm.ai/legal/refund"
334                        data-fc="footer.col5_link3_label" data-fc-url="footer.col5_link3_url"
335                        class="hover:text-wa-green">Refund Policy</a></li>
336                <li><a href="https://unm.ai/legal/cookies"
337                        data-fc="footer.col5_link4_label" data-fc-url="footer.col5_link4_url"
338                        class="hover:text-wa-green">Cookie Policy</a></li>
339                <li><a href="https://unm.ai/legal/acceptable-use"
340                        data-fc="footer.col5_link5_label" data-fc-url="footer.col5_link5_url"
341                        class="hover:text-wa-green">Acceptable Use</a></li>
342            </ul>
343        </div>
344    </div>
345
346    <div class="hairline-t border-paper-0/15 relative">
347        <div
348            class="max-w-[1360px] mx-auto px-4 sm:px-6 lg:px-7 py-5 flex flex-col items-center gap-3 text-[11px] text-paper-0/55 mono">
349                        <span class="text-center">© 2026 unmAI</span>
350        </div>
351    </div>
352</footer>
353    
354    
355    
355<script>
356        (function() {
357            var els = document.querySelectorAll('.reveal');
358            if (!els.length || !('IntersectionObserver' in window)) {
359                els.forEach(function(e) {
360                    e.classList.add('in');
361                });
362                return;
363            }
364            var io = new IntersectionObserver(function(entries) {
365                entries.forEach(function(e) {
366                    if (e.isIntersecting) {
367                        e.target.classList.add('in');
368                        io.unobserve(e.target);
369                    }
370                });
371            }, {
372                threshold: 0.1
373            });
374            els.forEach(function(e) {
375                io.observe(e);
376            });
377        })();
378    </script>
378
379
380    
381    
382    
383    
384    
385    
386    
386<script>
387        document.documentElement.dataset.dntRespect = "1";
388        document.documentElement.dataset.cookieBannerStyle = "bottom-bar";
389    </script>
389
390
391    
392    <div id="wa-cookie-bar" data-cookie-bar
393        class="fixed left-1/2 -translate-x-1/2 bottom-3 z-[75] hidden w-[min(960px,calc(100%-1.5rem))] rounded-2xl border border-paper-200 bg-paper-0/95 backdrop-blur shadow-[0_18px_60px_-30px_rgba(11,31,28,0.5)] px-5 py-3.5"
394        role="dialog" aria-live="polite" aria-label="Cookie preferences">
395        <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
396            <div class="flex items-start gap-3 min-w-0 flex-1">
397                <svg viewBox="0 0 24 24" class="w-5 h-5 text-wa-deep shrink-0 mt-0.5" fill="none" stroke="currentColor"
398                    stroke-width="1.7">
399                    <circle cx="12" cy="12" r="9" />
400                    <circle cx="9" cy="9" r="0.6" fill="currentColor" />
401                    <circle cx="14" cy="13" r="0.6" fill="currentColor" />
402                    <circle cx="10" cy="15" r="0.6" fill="currentColor" />
403                    <circle cx="15.5" cy="9.5" r="0.6" fill="currentColor" />
404                </svg>
405                <div class="min-w-0">
406                    <div class="text-[14px] font-semibold leading-snug">We use cookies</div>
407                    <p class="text-[12.5px] text-ink-600 leading-relaxed mt-0.5">
408                        We use cookies to improve your experience and analyze site traffic. By continuing, you agree to our Privacy Policy.
409                                            </p>
410                </div>
411            </div>
412            <div class="flex items-center gap-2 shrink-0 flex-wrap w-full sm:w-auto">
413                <button type="button" data-cookie-action="reject"
414                    class="px-3.5 py-1.5 rounded-full border border-paper-200 bg-paper-0 hover:bg-paper-50 text-[12px] font-semibold uppercase tracking-wider">
415                    Decline
416                </button>
417                <button type="button" data-cookie-prefs-open
418                    class="px-3.5 py-1.5 rounded-full border border-paper-200 bg-paper-0 hover:bg-paper-50 text-[12px] font-semibold">
419                    Customize
420                </button>
421                <button type="button" data-cookie-action="accept"
422                    class="px-4 py-1.5 rounded-full bg-wa-deep text-paper-0 hover:bg-wa-teal text-[12px] font-bold uppercase tracking-wider">
423                    Accept All
424                </button>
425            </div>
426        </div>
427    </div>
428
429    
430    <div id="wa-cookie-consent" data-cookie-modal
431        class="fixed inset-0 z-[80] hidden items-center justify-center px-4 bg-[rgba(11,31,28,0.45)]" role="dialog"
432        aria-modal="true" aria-labelledby="wa-cookie-consent-title">
433        <div
434            class="w-full max-w-[520px] bg-paper-0 rounded-2xl border border-paper-200 shadow-[0_28px_80px_-35px_rgba(11,31,28,0.6)] overflow-hidden">
435            <div class="px-6 pt-5 pb-3 border-b border-paper-200">
436                <h2 id="wa-cookie-consent-title" class="font-serif text-[19px] leading-tight font-semibold">
437                    Your Privacy Preferences</h2>
438            </div>
439            <div class="px-6 py-4">
440                <p class="text-[12.5px] text-ink-700 leading-relaxed">
441                    We use cookies to improve your experience and analyze site traffic. By continuing, you agree to our Privacy Policy.
442                                    </p>
443
444                <div class="mt-5 space-y-4">
445                    <div class="flex items-start justify-between gap-3">
446                        <div class="min-w-0">
447                            <div class="text-[13px] font-semibold">Strictly Necessary</div>
448                            <p class="text-[11.5px] text-ink-500 mt-0.5">
449                                Required for the website to function.</p>
450                        </div>
451                        <label
452                            class="relative inline-flex items-center cursor-not-allowed opacity-80 shrink-0 mt-0.5 w-10 h-5">
453                            <input type="checkbox" checked disabled class="sr-only peer">
454                            <span class="absolute inset-0 bg-wa-deep rounded-full"></span>
455                            <span class="absolute top-0.5 left-[22px] w-4 h-4 bg-paper-0 rounded-full"></span>
456                        </label>
457                    </div>
458
459                    <div class="flex items-start justify-between gap-3">
460                        <div class="min-w-0">
461                            <div class="text-[13px] font-semibold">Analytics Cookies</div>
462                            <p class="text-[11.5px] text-ink-500 mt-0.5">
463                                Help us improve our website by collecting and reporting information on its usage.
464                            </p>
465                        </div>
466                        <label class="relative inline-flex items-center cursor-pointer shrink-0 mt-0.5 w-10 h-5">
467                            <input type="checkbox" data-cookie-toggle="analytics" class="sr-only peer">
468                            <span
469                                class="absolute inset-0 bg-paper-200 peer-checked:bg-wa-deep rounded-full transition"></span>
470                            <span
471                                class="absolute top-0.5 left-0.5 w-4 h-4 bg-paper-0 rounded-full transition peer-checked:translate-x-5"></span>
472                        </label>
473                    </div>
474
475                    <div class="flex items-start justify-between gap-3">
476                        <div class="min-w-0">
477                            <div class="text-[13px] font-semibold">Marketing Cookies</div>
478                            <p class="text-[11.5px] text-ink-500 mt-0.5">
479                                Used to track visitors across websites to display relevant advertisements.
480                            </p>
481                        </div>
482                        <label class="relative inline-flex items-center cursor-pointer shrink-0 mt-0.5 w-10 h-5">
483                            <input type="checkbox" data-cookie-toggle="marketing" class="sr-only peer">
484                            <span
485                                class="absolute inset-0 bg-paper-200 peer-checked:bg-wa-deep rounded-full transition"></span>
486                            <span
487                                class="absolute top-0.5 left-0.5 w-4 h-4 bg-paper-0 rounded-full transition peer-checked:translate-x-5"></span>
488                        </label>
489                    </div>
490                </div>
491            </div>
492
493            <div
494                class="px-6 py-3 border-t border-paper-200 bg-paper-50/40 flex flex-wrap items-center justify-end gap-2">
495                <button type="button" data-cookie-action="reject"
496                    class="px-4 py-2 rounded-full border border-paper-200 bg-paper-0 hover:bg-paper-50 text-[12px] font-semibold">
497                    Reject All
498                </button>
499                <button type="button" data-cookie-action="save"
500                    class="px-4 py-2 rounded-full border border-wa-deep text-wa-deep hover:bg-wa-bubble text-[12px] font-semibold">
501                    Save Preferences
502                </button>
503                <button type="button" data-cookie-action="accept"
504                    class="px-4 py-2 rounded-full bg-wa-deep text-paper-0 hover:bg-wa-teal text-[12px] font-bold uppercase tracking-wider">
505                    Accept All
506                </button>
507            </div>
508        </div>
509    </div>
510
511</body>
512
513</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.