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.