.preview-brand{--preview-black:#181818;--preview-white:#fff;--preview-gray:#d3d3d3;--preview-muted:#7a7a7a;--preview-rail:#323232;--preview-panel:#141414;--preview-pink:#ce07a6;--preview-red:#b52c0c;--preview-blue:#005bb1;--preview-green:#017d42;--preview-signal-ok:#64a478;--preview-signal-blocked:#d2725d;--preview-signal-high:#da8774;--preview-signal-info:#5b8dcb;--preview-severity-critical:var(--preview-red);--preview-severity-high:#e8963f;--preview-severity-medium:#d4b24a;--preview-severity-low-medium:var(--preview-signal-info);--preview-gutter:1rem;--preview-content-inset:calc(var(--preview-gutter) + 1.25rem);--preview-frame:1440px;--preview-rail-x:max(var(--preview-gutter), calc((100% - var(--preview-frame)) / 2 + var(--preview-gutter)));--font-preview-sans:var(--font-hanken-grotesk), "Hanken Grotesk", system-ui, sans-serif;--font-preview-mono:var(--font-dm-mono), "DM Mono", ui-monospace, monospace;background:var(--preview-black);color:var(--preview-white);font-family:var(--font-preview-sans);scrollbar-gutter:stable}@media (min-width:768px){.preview-brand{--preview-gutter:3rem;--preview-content-inset:5rem}}.preview-discover-hero-band,.preview-product-hero-band{--discover-copy-left:max(var(--preview-content-inset), calc((100% - 1440px) / 2 + var(--preview-content-inset)));--discover-copy-width:min(560px, calc((min(100%, 1440px) - 2 * var(--preview-content-inset)) * .62));--discover-copy-right:calc(var(--discover-copy-left) + var(--discover-copy-width));--discover-pattern-gap:48px;--discover-pattern-width:min(120px, calc(100% - var(--discover-copy-right) - var(--discover-pattern-gap)))}@media (min-width:768px){.preview-discover-hero-band,.preview-product-hero-band{--discover-pattern-width:calc(100% - var(--discover-copy-right) - var(--discover-pattern-gap))}}@layer base{.preview-brand a{color:inherit;text-decoration:none}.preview-brand :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-preview-sans)}}.preview-brand .arch-diagram,.preview-brand .preview-accents{--brand-pink:var(--preview-pink);--brand-blue:var(--preview-gray)}@media (max-width:1023px){.preview-brand .arch-diagram .arch-lanes{display:block}.preview-brand .arch-diagram .arch-lanes .flow{stroke-width:2.5px}}.preview-brand .font-preview-mono{font-family:var(--font-preview-mono)}@keyframes preview-swarm-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.preview-swarm-dot{animation:.4s ease-out both preview-swarm-in;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.preview-swarm-dot{opacity:1;animation:none}}@keyframes protect-step{0%{opacity:0}to{opacity:1}}.protect-step{animation:.28s cubic-bezier(.22,1,.36,1) protect-step}@keyframes protect-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.protect-drop{animation:.42s cubic-bezier(.22,1,.36,1) protect-drop}@keyframes protect-watch{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.8)}}@keyframes protect-watch-ring{0%{opacity:.9;transform:scale(.65)}to{opacity:0;transform:scale(2)}}.protect-watch{animation:1.6s ease-in-out infinite protect-watch;position:relative}.protect-watch:after{content:"";border:1px solid var(--preview-signal-info);animation:1.6s ease-out infinite protect-watch-ring;position:absolute;inset:-3px}@keyframes protect-detecting-dot{0%,20%{opacity:.2}40%{opacity:1}to{opacity:.2}}.protect-detecting-dots span{animation:1.4s ease-in-out infinite protect-detecting-dot}.protect-detecting-dots span:nth-child(2){animation-delay:.2s}.protect-detecting-dots span:nth-child(3){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.protect-step,.protect-drop,.protect-watch,.protect-watch:after,.protect-detecting-dots span{animation:none}.protect-watch:after{content:none}.protect-detecting-dots span{opacity:1}}.preview-brand .preview-research-article>nav{border:1px solid var(--preview-rail);background:var(--preview-black);border-radius:0;max-width:720px;margin-top:2.5rem;margin-bottom:0;padding:1.5rem}.preview-brand .preview-research-article>nav h2{font-family:var(--font-preview-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--preview-gray);margin-bottom:1rem;font-size:11px;font-weight:400}.preview-brand .preview-research-article>nav a{color:var(--preview-gray);text-underline-offset:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.preview-brand .preview-research-article>nav a:hover{color:var(--preview-white);-webkit-text-decoration-color:var(--preview-white);text-decoration-color:var(--preview-white)}.preview-brand .preview-research-article>.mt-10>:not(.not-prose:has(iframe)){max-width:720px}.preview-brand .preview-research-article [data-slot=card]{border-color:var(--preview-rail);background:var(--preview-black);box-shadow:none;color:var(--preview-gray);border-radius:0}.preview-brand .preview-research-article [data-slot=badge]{border-radius:0}.preview-brand .preview-research-article .not-prose:has(iframe){width:min(1200px,100%);max-width:none;margin-left:0;margin-right:0}.preview-brand .preview-research-article .not-prose:has(iframe)>[data-slot=card]{border:1px solid var(--preview-rail);background:var(--preview-black);border-radius:0;margin-left:0;margin-right:0;overflow:hidden}.preview-brand .preview-research-article .not-prose:has(iframe) iframe{width:100%;min-width:0;max-width:100%;display:block}.preview-brand .preview-research-article hr{border-color:var(--preview-rail)}.preview-brand .preview-research-article blockquote{border-color:var(--preview-rail);color:var(--preview-gray)}.preview-brand .preview-research-article blockquote.font-mono{font-family:var(--font-preview-mono)}.preview-brand .preview-research-article [data-blog-flow]{border-color:var(--preview-rail);background:var(--preview-black);max-width:720px;font-family:var(--font-preview-mono);color:var(--preview-gray);border-radius:0}.preview-brand .preview-research-article [data-blog-flow] span.rounded{border-color:var(--preview-rail);color:var(--preview-white);background:0 0;border-radius:0}.preview-brand .preview-research-article [data-blog-flow] span[class*=brand-pink]{color:var(--preview-gray)}@keyframes preview-logo-cycle{0%{transform:translate(0)}to{transform:translate(-50%)}}.preview-logo-static{display:none}.preview-logo-cycle-frame{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 clamp(40px,7%,88px) calc(100% - clamp(40px,7%,88px)),#0000);mask-image:linear-gradient(90deg,#0000,#000 clamp(40px,7%,88px) calc(100% - clamp(40px,7%,88px)),#0000)}.preview-logo-cycle{animation:preview-logo-cycle var(--preview-logo-cycle-duration,48s) linear infinite}.preview-logo-cycle-frame:hover .preview-logo-cycle,.preview-logo-cycle:focus-within{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.preview-logo-static{display:flex}.preview-logo-cycle-frame{display:none}.preview-logo-cycle{animation:none}}