PageSourceSearch

https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev/signin

html work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev collected 2026-10-03 08:12:37 UTC 27,844 bytes, 353 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/rrweb-mark.svg"/><link rel="preload" as="image" href="/rrweb-wordmark.svg"/><link rel="stylesheet" href="/assets/styles-F7AibXAl.css" data-precedence="default"/><title>Sign in | rrweb</title><meta name="description" content="Sign in to your rrweb Cloud account."/><meta property="og:title" content="Sign in | rrweb"/><meta property="og:description" content="Sign in to your rrweb Cloud account."/><meta property="og:url" content="https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev/signin"/><meta property="og:image" content="https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev/og/product-record-and-replay.png"/><meta property="og:type" content="website"/><meta property="og:site_name" content="rrweb"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Sign in | rrweb"/><meta name="twitter:description" content="Sign in to your rrweb Cloud account."/><meta name="twitter:image" content="https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev/og/product-record-and-replay.png"/><meta name="twitter:site" content="@rrweb_io"/><meta name="robots" content="noindex"/><link rel="modulepreload" href="/assets/index-BpI008DX.js"/><link rel="modulepreload" href="/assets/chunk-CX0eAMjQ.js"/><link rel="modulepreload" href="/assets/preload-helper-COzPsIg1.js"/><link rel="modulepreload" href="/assets/TermLink-lxi734xi.js"/><link rel="modulepreload" href="/assets/use-case-page-configs-CvQgnGDb.js"/><link rel="modulepreload" href="/assets/env-Cq5qMzeG.js"/><link rel="modulepreload" href="/assets/routes-CRp_KHjQ.js"/><link rel="modulepreload" href="/assets/blog._slug-Cp1eYshW.js"/><link rel="modulepreload" href="/assets/seo-DBHWE80w.js"/><link rel="modulepreload" href="/assets/host-routing-C0aQQ9m_.js"/><link rel="modulepreload" href="/assets/site-title-KeELWWAt.js"/><link rel="modulepreload" href="/assets/_tenantId.recordings._recordingId-B1Z16eom.js"/><link rel="modulepreload" href="/assets/_tenantId-B7NgpCqc.js"/><link rel="modulepreload" href="/assets/tenants-Ce8R3CKS.js"/><link rel="modulepreload" href="/assets/api-keys-IkNLp-H-.js"/><link rel="modulepreload" href="/assets/blog.category._slug-BXGFLIl0.js"/><link rel="modulepreload" href="/assets/env-check-DJtZSFkz.js"/><link rel="modulepreload" href="/assets/glossary._slug-YstmT8vY.js"/><link rel="modulepreload" href="/assets/pricing-kBHXoahN.js"/><link rel="modulepreload" href="/assets/_recordingId-BaiSpO1k.js"/><link rel="modulepreload" href="/assets/recordings-0V4EFVew.js"/><link rel="modulepreload" href="/assets/compliance-CH3u5_rZ.js"/><link rel="modulepreload" href="/assets/experience-analytics-BYP3mCNx.js"/><link rel="modulepreload" href="/assets/observability-D63XPfm3.js"/><link rel="modulepreload" href="/assets/esm-DW4GjSh5.js"/><link rel="modulepreload" href="/assets/Match-MXpwan9O.js"/><link rel="modulepreload" href="/assets/QueryClientProvider-BKCziqG7.js"/><link rel="modulepreload" href="/assets/mutation-DI05Nbxz.js"/><link rel="modulepreload" href="/assets/ClientOnly-DUnuLXsM.js"/><link rel="modulepreload" href="/assets/lazyRouteComponent-oGrKrb5q.js"/><link rel="modulepreload" href="/assets/matchContext-DbAFvZ6c.js"/><link rel="modulepreload" href="/assets/useRouter-Ct4oOuiy.js"/><link rel="modulepreload" href="/assets/useParams-ee-z-qpC.js"/><link rel="modulepreload" href="/assets/info-ebG_tPi8.js"/><link rel="modulepreload" href="/assets/utils-BoY7-Icm.js"/><link rel="modulepreload" href="/assets/useStore-Dvt-EhcE.js"/><link rel="modulepreload" href="/assets/invariant-Dcn4zl3b.js"/><link rel="modulepreload" href="/assets/redirect-BHC_Ta5Q.js"/><link rel="modulepreload" href="/assets/createServerFn-cDtLhy_T.js"/><link rel="modulepreload" href="/assets/react-dom-Bqr4XUEm.js"/><link rel="modulepreload" href="/assets/jsx-runtime-ww8CoUZ2.js"/><link rel="modulepreload" href="/assets/tslib.es6-BeGgAWsl.js"/><link rel="modulepreload" href="/assets/signin._-5PuCkSGx.js"/><link rel="modulepreload" href="/assets/MarketingLayout-O78WJFSb.js"/><link rel="modulepreload" href="/assets/AuthCardSkeleton-CjRlyqDX.js"/><link rel="modulepreload" href="/assets/dist-BNtPcHYu.js"/><link rel="preload" as="font" type="font/woff2" href="/fonts/space-grotesk-latin.woff2" crossorigin="anonymous"/><link rel="icon" type="image/png" sizes="200x200" href="/favicon.png"/><link rel="shortcut icon" type="image/png" href="/favicon.png"/><link rel="manifest" href="/manifest.json"/><link rel="canonical" href="https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev/signin"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"rrweb","url":"https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev","logo":"https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev/rrweb-logo.svg","sameAs":["https://github.com/rrweb-io","https://x.com/rrweb_io","https://join.slack.com/t/rrweb/shared_invite/zt-41pxl6epj-~N2YyGQxvI5r3V6d59it8w"]}</script>
1</head><body>
1<script>window.__ENV__ = {"VITE_CLERK_PUBLISHABLE_KEY":"pk_test_Ymxlc3NlZC1tdXNrcmF0LTk3LmNsZXJrLmFjY291bnRzLmRldiQ","VITE_SITE_URL":"https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev","VITE_APP_URL":"https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev","VITE_API_URL":"https://work-privacy-at-capture-blog-api.rrwebcloud.workers.dev","VITE_APPSIGNAL_API_KEY":"0e5c35f9-f865-45b6-b7c5-5bb026a32ecd","VITE_SENTRY_DSN":"https://337b25e3e3132434d00e57889c51858d@o4510453571715072.ingest.de.sentry.io/4510453753446480","VITE_DOCS_URL":"https://work-privacy-at-capture-blog.backend-dtt.pages.dev","VITE_CDN_URL":"https://cdn.rrweb.com","VITE_CDN_CHANNEL":"next","VITE_PUBLIC_POSTHOG_KEY":"phc_v3UkWniHRZ8ZJcAMNhYXiNDpCGfq38Bab6PHst7qSMga","VITE_PUBLIC_POSTHOG_HOST":"https://e.rrweb.com"};</script>
1<script>(function(){var d=document.documentElement;var m=window.matchMedia('(prefers-color-scheme:dark)');function a(e){d.classList.toggle('dark',e.matches)}a(m);m.addEventListener('change',a)})();</script>
1<script>(function(){try{var m=document.cookie.split(/;\s*/),s=0,f=0,i,r;for(i=0;i<m.length;i++){r=/^__client_uat(_[A-Za-z0-9_-]+)?=(\d+)$/.exec(m[i]);if(r){f=1;if(+r[2]>0)s=1}}if(f)document.documentElement.dataset.auth=s?'in':'out'}catch(e){}})()</script>
1<!--$-->
1<script>window.__clerk_init_state = {"__internal_clerk_state":{"__clerk_ssr_state":{"tokenType":"session_token","sessionClaims":null,"sessionId":null,"sessionStatus":null,"userId":null,"actor":null,"orgId":null,"orgRole":null,"orgSlug":null,"orgPermissions":null,"factorVerificationAge":null,"isAuthenticated":false},"__publishableKey":"pk_live_Y2xlcmsucnJ3ZWIuY29tJA","__proxyUrl":"","__domain":"","__isSatellite":false,"__signInUrl":"","__signUpUrl":"","__afterSignInUrl":"","__afterSignUpUrl":"","__clerk_debug":{"isSignedIn":false,"isAuthenticated":false,"proxyUrl":"","reason":"session-token-and-uat-missing","message":"","publishableKey":"pk_live_Y2xlcmsucnJ3ZWIuY29tJA","isSatellite":false,"domain":""},"__telemetryDisabled":false,"__telemetryDebug":false,"__signInForceRedirectUrl":"","__signUpForceRedirectUrl":"","__signInFallbackRedirectUrl":"","__signUpFallbackRedirectUrl":""}};;document.currentScript.remove()</script>
1<div class="min-h-screen flex flex-col"><main class="flex-1"><!--$--><div class="text-white" style="background:#0D2035;min-height:100vh;position:relative"><style>
2  html, body, #root {
3    background: #0D2035;
4  }
5  @keyframes marquee {
6    0%   { transform: translateX(0); }
7    100% { transform: translateX(-50%); }
8  }
9  @keyframes sheen {
10    0%   { transform: translateX(-120%) skewX(-12deg); }
11    100% { transform: translateX(320%) skewX(-12deg); }
12  }
13  @keyframes try-it-bob {
14    0%, 100% { transform: translateY(0); }
15    50%      { transform: translateY(4px); }
16  }
17  .try-it-cue {
18    animation: try-it-bob 1.6s ease-in-out infinite;
19  }
20  .logo-marquee:hover .logo-marquee-track {
21    animation-play-state: paused !important;
22  }
23  @media (prefers-reduced-motion: reduce) {
24    *, *::before, *::after {
25      animation-duration: 0.01ms !important;
26      animation-iteration-count: 1 !important;
27      transition-duration: 0.01ms !important;
28    }
29  }
30  .demo-area:hover .record-sheen {
31    animation: sheen 0.65s ease forwards;
32  }
33  .demo-area .record-btn {
34    transition: transform 0.15s ease;
35  }
36  .demo-area:hover .record-btn {
37    transform: scale(1.04);
38  }
39  .use-case-card, .interactive-glass-card {
40    transition: background 0.18s ease, border-color 0.18s ease,
41      box-shadow 0.18s ease, transform 0.18s ease;
42  }
43  .use-case-card:hover,
44  .use-case-card:focus-within,
45  .interactive-glass-card:hover,
46  .interactive-glass-card:focus-visible,
47  .interactive-glass-card:focus-within {
48    background: rgba(24,54,84,0.46) !important;
49    border-color: rgba(219,226,253,0.26) !important;
50    box-shadow: 0 16px 34px rgba(2,9,17,0.34),
51      inset 0 1px 0 rgba(255,255,255,0.10) !important;
52    transform: translateY(-2px);
53  }
54  .cta-card {
55    transition: background 0.18s ease, border-color 0.18s ease,
56      box-shadow 0.18s ease;
57  }
58  .cta-card:hover {
59    background: rgba(238,194,2,0.11) !important;
60    border-color: rgba(238,194,2,0.40) !important;
61    box-shadow: 0 18px 40px rgba(2,9,17,0.30),
62      inset 0 1px 0 rgba(255,227,115,0.10) !important;
63  }
64  .glass-action {
65    transition: background 0.16s ease, border-color 0.16s ease,
66      box-shadow 0.16s ease;
67  }
68  .glass-action:hover,
69  .glass-action:focus-visible {
70    background: rgba(219,226,253,0.13) !important;
71    border-color: rgba(219,226,253,0.26) !important;
72    box-shadow: 0 8px 20px rgba(2,9,17,0.26),
73      inset 0 1px 0 rgba(255,255,255,0.10) !important;
74  }
75  @media (max-width: 1023px) {
76    .marketing-nav-shell {
77      background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.025)),
78        rgba(20,46,74,0.72) !important;
79      border-color: rgba(219,226,253,0.14) !important;
80      box-shadow: 0 8px 24px rgba(2,9,17,0.24),
81        inset 0 1px 0 rgba(255,255,255,0.09) !important;
82    }
83  }
84  @media (prefers-reduced-motion: reduce) {
85    .use-case-card:hover,
86    .use-case-card:focus-within,
87    .interactive-glass-card:hover,
88    .interactive-glass-card:focus-visible,
89    .interactive-glass-card:focus-within {
90      transform: none;
91    }
92  }
93  .nav-item { position: relative; }
94  .nav-trigger {
95    display: inline-flex; align-items: center; gap: 4px;
96    background: none; border: none; padding: 0;
97    font-size: 0.875rem; font-family: 'Space Grotesk', sans-serif; font-weight: 600;
98    color: rgba(219,226,253,0.92); cursor: pointer;
99    transition: color 0.15s ease;
100    white-space: nowrap;
101  }
102  .nav-trigger:hover, .nav-trigger.open { color: rgba(255,255,255,1); }
103  .nav-chevron { transition: transform 0.2s ease; opacity: 0.85; }
104  .nav-chevron.open { transform: rotate(180deg); opacity: 1; }
105  .nav-dropdown {
106    position: absolute;
107    top: calc(100% + 10px);
108    left: 0;
109    min-width: 320px;
110    background: rgba(10,19,37,0.97);
111    border: 1px solid rgba(219,226,253,0.10);
112    box-shadow: 0 0 1px 2px rgba(219,226,253,0.04), 0 16px 40px rgba(0,0,0,0.5);
113    border-radius: 10px;
114    padding: 6px;
115    z-index: 100;
116  }
117  /* invisible bridge so pointer moving into dropdown doesn't lose hover */
118  .nav-dropdown::before {
119    content: '';
120    position: absolute;
121    top: -10px; left: 0; right: 0;
122    height: 10px;
123  }
124  .nav-dropdown a {
125    display: block; padding: 8px 12px; border-radius: 6px;
126    font-size: 0.8125rem; font-family: 'Space Grotesk', sans-serif; font-weight: 500;
127    color: rgba(219,226,253,0.92); text-decoration: none;
128    transition: background 0.15s ease, color 0.15s ease;
129  }
130  .nav-dropdown a:hover { background: rgba(219,226,253,0.10); color: rgba(255,255,255,1); }
131  .blog-prose h1 {
132    color: #ffffff; font-size: 2.25rem; font-weight: 800;
133    margin: 0 0 0.5rem; font-family: 'Space Grotesk', sans-serif;
134    letter-spacing: -0.04em; line-height: 1.15;
135  }
136  .blog-prose h2 {
137    color: #DBE2FD; font-size: 1.5rem; font-weight: 700;
138    margin: 2.5rem 0 0.75rem; font-family: 'Space Grotesk', sans-serif;
139    letter-spacing: -0.03em; line-height: 1.3;
140    scroll-margin-top: 100px;
141  }
142  .blog-prose h3 {
143    color: #DBE2FD; font-size: 1.15rem; font-weight: 700;
144    margin: 2rem 0 0.5rem; font-family: 'Space Grotesk', sans-serif;
145    letter-spacing: -0.02em;
146    scroll-margin-top: 100px;
147  }
148  .blog-prose h2, .blog-prose h3 { position: relative; }
149  .blog-prose .heading-anchor {
150    opacity: 0; margin-left: 0.4em;
151    color: rgba(219,226,253,0.35); text-decoration: none;
152    font-weight: 400; font-size: 0.9em;
153    transition: opacity 0.15s ease;
154  }
155  .blog-prose h2:hover .heading-anchor,
156  .blog-prose h3:hover .heading-anchor { opacity: 1; }
157  .blog-prose p {
158    color: #ffffff; line-height: 1.85; margin: 1.1rem 0;
159    font-size: 1rem;
160  }
161  .blog-prose a { color: #EEC202; text-decoration: underline; text-underline-offset: 3px; }
162  .blog-prose a:hover { color: #FFE373; }
163  .blog-prose a code { color: #EEC202; }
164  .blog-prose em a {
165    font-style: normal;
165 color: rgba(219,226,253,0.85);
166    text-decoration: underline; text-decoration-color: #EEC202; text-underline-offset: 3px;
167  }
168  .blog-prose em a:hover { color: rgba(219,226,253,1); }
169  .blog-prose strong { color: #DBE2FD; font-weight: 700; }
170  .blog-prose em { color: rgba(219,226,253,0.92); font-style: italic; }
171  .blog-prose .article-figure {
172    margin: 2rem -2rem; color: rgba(219,226,253,0.72);
173  }
174  .blog-prose .article-figure img {
175    display: block; width: 100%; height: auto; border-radius: 10px;
176    border: 1px solid rgba(219,226,253,0.12); background: #060c19;
177  }
178  .blog-prose .article-figure figcaption {
179    margin: 0.7rem 2rem 0; font-family: 'Space Grotesk', sans-serif;
180    font-size: 0.78rem; line-height: 1.55; color: rgba(219,226,253,0.62);
181  }
182  .blog-prose blockquote {
183    background: rgba(219,226,253,0.05); border-radius: 6px;
184    padding: 0.75rem 1.25rem; margin: 1.75rem 0;
185    color: rgba(219,226,253,0.85); font-style: italic;
186  }
187  .blog-prose blockquote p { margin: 0; color: rgba(219,226,253,0.85); }
188  .blog-prose .callout {
189    padding: 0.75rem 1.25rem; margin: 1.75rem 0;
190    background: rgba(238,194,2,0.07); border-radius: 6px;
191    color: rgba(219,226,253,0.92); font-style: normal;
192  }
193  .blog-prose .callout p { margin: 0.35rem 0; color: rgba(219,226,253,0.92); }
194  .blog-prose .callout p:first-child { margin-top: 0; }
195  .blog-prose .callout p:last-child { margin-bottom: 0; }
196  .blog-prose hr {
197    border: none; border-top: 1px solid rgba(219,226,253,0.08); margin: 2.5rem 0;
198  }
199  .blog-prose ul, .blog-prose ol {
200    color: rgba(219,226,253,0.97); padding-left: 1.5rem; margin: 1rem 0;
201  }
202  .blog-prose ul { list-style-type: disc; }
203  .blog-prose ol { list-style-type: decimal; }
204  .blog-prose ul ul { list-style-type: circle; }
205  .blog-prose li { margin: 0.4rem 0; line-height: 1.75; }
206  .blog-prose code {
207    background: rgba(219,226,253,0.08); padding: 0.15em 0.4em;
208    border-radius: 4px; font-size: 0.875em; color: #DBE2FD;
209  }
210  .blog-prose pre {
211    background: rgba(6,12,25,0.82); border: 1px solid rgba(219,226,253,0.10);
212    border-radius: 8px; padding: 1.15rem 1.3rem; margin: 1.5rem 0; overflow-x: auto;
213  }
214  .blog-prose pre code {
215    display: block; min-width: max-content; background: none; padding: 0;
216    color: #E8ECFF; font-size: 0.875rem; line-height: 1.7; tab-size: 2;
217    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
218  }
219  .blog-prose .code-block {
220    margin: 1.75rem 0; overflow: hidden; border-radius: 12px;
221    border: 1px solid rgba(219,226,253,0.13);
222    background: linear-gradient(145deg, rgba(15,27,50,0.96), rgba(6,12,25,0.98));
223    box-shadow: 0 18px 45px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.035);
224  }
225  .blog-prose .code-block-header {
226    display: flex; align-items: center; justify-content: space-between;
227    min-height: 2.5rem; padding: 0 0.9rem;
228    border-bottom: 1px solid rgba(219,226,253,0.09);
229    background: rgba(219,226,253,0.035);
230  }
231  .blog-prose .code-block-title {
232    color: rgba(219,226,253,0.58); font-family: 'Space Grotesk', sans-serif;
233    font-size: 0.675rem; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase;
234  }
235  .blog-prose .code-block-copy {
236    appearance: none; border: 0; border-radius: 4px; padding: 0.3rem 0.5rem;
237    background: transparent; color: rgba(219,226,253,0.66); cursor: pointer;
238    font-family: 'Space Grotesk', sans-serif; font-size: 0.7rem; font-weight: 600;
239    letter-spacing: 0.02em; transition: color 150ms ease, background-color 150ms ease;
240  }
241  .blog-prose .code-block-copy:hover {
242    color: #EEC202; background: rgba(238,194,2,0.08);
243  }
244  .blog-prose .code-block-copy:focus-visible {
245    outline: 2px solid #EEC202; outline-offset: 2px;
246  }
247  .blog-prose .code-block-copy[data-copied='true'] { color: #8FE0B5; }
248  .blog-prose .code-block pre {
249    margin: 0; border: 0; border-radius: 0; padding: 1.25rem 1.4rem;
250    background: transparent; box-shadow: none;
251  }
252  .blog-prose .hljs-comment, .blog-prose .hljs-quote {
253    color: rgba(219,226,253,0.48); font-style: italic;
254  }
255  .blog-prose .hljs-keyword, .blog-prose .hljs-selector-tag,
256  .blog-prose .hljs-literal, .blog-prose .hljs-section { color: #FFE373; }
257  .blog-prose .hljs-string, .blog-prose .hljs-doctag,
258  .blog-prose .hljs-regexp, .blog-prose .hljs-template-tag,
259  .blog-prose .hljs-template-variable { color: #8FE0B5; }
260  .blog-prose .hljs-number, .blog-prose .hljs-built_in,
261  .blog-prose .hljs-type, .blog-prose .hljs-variable.language_ { color: #8CC8FF; }
262  .blog-prose .hljs-title, .blog-prose .hljs-title.function_,
263  .blog-prose .hljs-title.class_ { color: #F2B8FF; }
264  .blog-prose .hljs-attr, .blog-prose .hljs-attribute,
265  .blog-prose .hljs-property, .blog-prose .hljs-selector-attr { c
265olor: #FFC29B; }
266  .blog-prose .hljs-meta, .blog-prose .hljs-symbol,
267  .blog-prose .hljs-bullet { color: #FF9F9F; }
268  .blog-prose .hljs-variable, .blog-prose .hljs-params,
269  .blog-prose .hljs-operator, .blog-prose .hljs-punctuation { color: #DBE2FD; }
270  .blog-prose .hljs-emphasis { font-style: italic; }
271  .blog-prose .hljs-strong { font-weight: 700; }
272  .blog-prose .code-block pre code::selection,
273  .blog-prose .code-block pre code *::selection { background: rgba(238,194,2,0.24); }
274  .blog-prose .code-block pre::-webkit-scrollbar { height: 9px; }
275  .blog-prose .code-block pre::-webkit-scrollbar-track { background: rgba(219,226,253,0.025); }
276  .blog-prose .code-block pre::-webkit-scrollbar-thumb {
277    background: rgba(219,226,253,0.16); border: 3px solid transparent;
278    border-radius: 999px; background-clip: padding-box;
279  }
280  @media (max-width: 640px) {
281    .blog-prose .article-figure { margin-left: 0; margin-right: 0; }
282    .blog-prose .article-figure figcaption { margin-left: 0; margin-right: 0; }
283    .blog-prose .code-block { margin-left: -0.25rem; margin-right: -0.25rem; border-radius: 10px; }
284    .blog-prose .code-block pre { padding: 1rem; }
285    .blog-prose pre code { font-size: 0.8125rem; }
286  }
287  .blog-prose table {
288    width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.875rem;
289  }
290  .blog-prose th {
291    text-align: left; font-weight: 600; color: #DBE2FD; padding: 0.5rem 0.75rem;
292    border-bottom: 1px solid rgba(219,226,253,0.15);
293    font-family: 'Space Grotesk', sans-serif; font-size: 0.8125rem;
294    letter-spacing: 0.02em; text-transform: uppercase;
295  }
296  .blog-prose td {
297    padding: 0.5rem 0.75rem; color: rgba(219,226,253,0.97);
298    border-bottom: 1px solid rgba(219,226,253,0.06);
299  }
300  .blog-prose tr:last-child td { border-bottom: none; }
301  .blog-prose tbody tr:hover { background: rgba(219,226,253,0.03); }
302
303  /* Auth-aware nav CTA. AUTH_HINT_SCRIPT (see __root) stamps data-auth on
304     <html> before paint: "in" = signed in, "out" = has an account, unset =
305     first-time visitor. All three variants render; hide the ones that don't
306     apply so each keeps its own responsive display classes. Scoped to
307     explicit values so an unexpected data-auth fails open to "Sign Up"
308     rather than hiding every variant. */
309  html:not([data-auth='in']) .cta-when-in { display: none !important; }
310  html:not([data-auth='out']) .cta-when-out { display: none !important; }
311  html[data-auth='in'] .cta-when-new,
312  html[data-auth='out'] .cta-when-new { display: none !important; }
313</style><div aria-hidden="true" style="position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden"><svg width="100%" height="100%" style="display:block"><defs><linearGradient id="fb-ink-wash" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#142E4A"></stop><stop offset="0.48" stop-color="#0D2035"></stop><stop offset="1" stop-color="#050C16"></stop></linearGradient><pattern id="fb-grid" width="160" height="160" patternUnits="userSpaceOnUse" patternTransform="translate(22 46) skewX(-4) skewY(-2)"><path d="M32 0V160M64 0V160M96 0V160M128 0V160M0 32H160M0 64H160M0 96H160M0 128H160" fill="none" stroke="#89A9C2" stroke-opacity="0.075" stroke-width="0.6"></path><path d="M160 0H0V160" fill="none" stroke="#89A9C2" stroke-opacity="0.18" stroke-width="1.1"></path></pattern><radialGradient id="fb-grid-visibility" gradientUnits="userSpaceOnUse" cx="50%" cy="0%" r="85%"><stop offset="0" stop-color="#FFFFFF" stop-opacity="1"></stop><stop offset="0.45" stop-color="#FFFFFF" stop-opacity="0.82"></stop><stop offset="0.72" stop-color="#FFFFFF" stop-opacity="0.5"></stop><stop offset="1" stop-color="#FFFFFF" stop-opacity="0.22"></stop></radialGradient><mask id="fb-grid-mask"><rect width="100%" height="100%" fill="url(#fb-grid-visibility)"></rect></mask><filter id="fb-paper-noise" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="0.82" numOctaves="2" seed="17" stitchTiles="stitch"></feTurbulence><feColorMatrix type="matrix" values="1 0 0 0 0
314                      0 1 0 0 0
315                      0 0 1 0 0
316                      0 0 0 0.13 0">
316</feColorMatrix></filter></defs><rect width="100%" height="100%" fill="url(#fb-ink-wash)"></rect><rect width="100%" height="100%" fill="url(#fb-grid)" mask="url(#fb-grid-mask)"></rect><rect width="100%" height="100%" fill="#FFFFFF" filter="url(#fb-paper-noise)" opacity="0.06" style="mix-blend-mode:soft-light"></rect></svg></div><a href="https://work-privacy-at-capture-blog-dashboard.rrwebcloud.workers.dev" aria-label="rrweb home" class="absolute left-6 top-6 z-10 inline-flex items-center gap-3"><span style="background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.20);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(255,255,255,0.06), 0 1px 2px rgba(0,0,0,0.15);border-radius:14px;padding:7px 10px;display:inline-flex;align-items:center"><img src="/rrweb-mark.svg" alt="rrweb" width="17" height="26" class="h-5 w-auto"/></span><img src="/rrweb-wordmark.svg" alt="" aria-hidden="true" width="101" height="47" class="h-6 w-auto"/></a><div style="position:relative;z-index:1"><section class="flex justify-center px-6 pt-28 pb-20"><div class="w-full max-w-[25rem] min-h-[35rem]"><div aria-hidden="true" class="w-full max-w-[25rem] min-h-[35rem] rounded-2xl bg-white p-8 shadow-xl"><div class="animate-pulse space-y-6"><div class="space-y-2"><div class="mx-auto h-5 w-40 rounded bg-gray-200"></div><div class="mx-auto h-3 w-56 rounded bg-gray-100"></div></div><div class="flex justify-center gap-3"><div class="h-10 flex-1 rounded-md bg-gray-100"></div><div class="h-10 flex-1 rounded-md bg-gray-100"></div><div class="h-10 flex-1 rounded-md bg-gray-100"></div></div><div class="flex items-center gap-3"><div class="h-px flex-1 bg-gray-200"></div><div class="h-3 w-6 rounded bg-gray-100"></div><div class="h-px flex-1 bg-gray-200"></div></div><div class="space-y-4"><div class="h-10 w-full rounded-md bg-gray-100"></div><div class="h-10 w-full rounded-md bg-gray-100"></div></div><div class="flex items-center gap-2"><div class="h-4 w-4 rounded bg-gray-100"></div><div class="h-3 w-52 rounded bg-gray-100"></div></div><div class="h-10 w-full rounded-md bg-gray-200"></div><div class="mx-auto h-3 w-44 rounded bg-gray-100"></div></div></div></div></section></div></div><!--/$--></main></div><!--/$-->
316<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-BpI008DX.js","/assets/chunk-CX0eAMjQ.js","/assets/preload-helper-COzPsIg1.js","/assets/TermLink-lxi734xi.js","/assets/use-case-page-configs-CvQgnGDb.js","/assets/env-Cq5qMzeG.js","/assets/routes-CRp_KHjQ.js","/assets/blog._slug-Cp1eYshW.js","/assets/seo-DBHWE80w.js","/assets/host-routing-C0aQQ9m_.js","/assets/site-title-KeELWWAt.js","/assets/_tenantId.recordings._recordingId-B1Z16eom.js","/assets/_tenantId-B7NgpCqc.js","/assets/tenants-Ce8R3CKS.js","/assets/api-keys-IkNLp-H-.js","/assets/blog.category._slug-BXGFLIl0.js","/assets/env-check-DJtZSFkz.js","/assets/glossary._slug-YstmT8vY.js","/assets/pricing-kBHXoahN.js","/assets/_recordingId-BaiSpO1k.js","/assets/recordings-0V4EFVew.js","/assets/compliance-CH3u5_rZ.js","/assets/experience-analytics-BYP3mCNx.js","/assets/observability-D63XPfm3.js","/assets/esm-DW4GjSh5.js","/assets/Match-MXpwan9O.js","/assets/QueryClientProvider-BKCziqG7.js","/assets/mutation-DI05Nbxz.js","/assets/ClientOnly-DUnuLXsM.js","/assets/lazyRouteComponent-oGrKrb5q.js","/assets/matchContext-DbAFvZ6c.js","/assets/useRouter-Ct4oOuiy.js","/assets/useParams-ee-z-qpC.js","/assets/info-ebG_tPi8.js","/assets/utils-BoY7-Icm.js","/assets/useStore-Dvt-EhcE.js","/assets/invariant-Dcn4zl3b.js","/assets/redirect-BHC_Ta5Q.js","/assets/createServerFn-cDtLhy_T.js","/assets/react-dom-Bqr4XUEm.js","/assets/jsx-runtime-ww8CoUZ2.js","/assets/tslib.es6-BeGgAWsl.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-BpI008DX.js"}}]},"/signin/$":$R[8]={preloads:$R[9]=["/assets/signin._-5PuCkSGx.js","/assets/MarketingLayout-O78WJFSb.js","/assets/AuthCardSkeleton-CjRlyqDX.js","/assets/dist-BNtPcHYu.js"]}}}
316,matches:$R[10]=[$R[11]={i:"__root__�",u:1791015157669,s:"success",ssr:!0},$R[12]={i:"�signin�$�signin",u:1791015157669,s:"success",ssr:!0}],lastMatchId:"�signin�$�signin",dehydratedData:$R[13]={queryStream:$R[14]=($R[15]=(e) => new ReadableStream({ start: (r) => {
317	e.on({
318		next: (a) => {
319			try {
320				r.enqueue(a);
321			} catch (t) {}
322		},
323		throw: (a) => {
324			r.error(a);
325		},
326		return: () => {
327			try {
328				r.close();
329			} catch (a) {}
330		}
331	});
332} }))($R[16]=($R[17]=() => {
333	let e = [], r = [], t = !0, n = !1, a = 0, s = (l, g, S) => {
334		for (S = 0; S < a; S++) r[S] && r[S][g](l);
335	}, i = (l, g, S, d) => {
336		for (g = 0, S = e.length; g < S; g++) d = e[g], !t && g === S - 1 ? l[n ? "return" : "throw"](d) : l.next(d);
337	}, u = (l, g) => (t && (g = a++, r[g] = l), i(l), () => {
338		t && (r[g] = r[a], r[a--] = void 0);
339	});
340	return {
341		__SEROVAL_STREAM__: !0,
342		on: (l) => u(l),
343		next: (l) => {
344			t && (e.push(l), s(l, "next"));
345		},
346		throw: (l) => {
347			t && (e.push(l), s(l, "throw"), t = !1, n = !1, r.length = 0);
348		},
349		return: (l) => {
350			t && (e.push(l), s(l, "return"), t = !1, n = !0, r.length = 0);
351		}
352	};
353})())}})($R["tsr"]);document.currentScript.remove()</script>
353<script type="module" async="" src="/assets/index-BpI008DX.js"></script>
353<script>($R=>$R[16].return(void 0))($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
353</body></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.