.cs-fig .s{font-family:var(--font-sans), system-ui, sans-serif}.cs-fig .m{font-family:var(--font-geist-mono), ui-monospace, monospace}.cs-hero .cs-banner,.cs-ranked .cs-fill,.cs-how .cs-hit,.cs-how .cs-band{transform-box:fill-box}.cs-motion{contain:layout paint}[data-armed]:not([data-run]) .cs-anim,[data-armed]:not([data-run]) .cs-anim *,[data-off] .cs-loop,[data-off] .cs-loop *{animation-play-state:paused!important}[data-static] *,[data-static] :before,[data-static] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cs-motion *,.cs-motion :before,.cs-motion :after{animation:none!important}}@keyframes cs-fade{0%{opacity:0}}@keyframes cs-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes cs-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes cs-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.35)}}.cs-hero .cs-sheet{animation:cs-sheet .76s var(--v3-ease) both;animation-delay:calc(.12s + var(--i) * .17s)}@keyframes cs-sheet{0%{opacity:0;transform:translate3d(var(--dx), calc(var(--dy) + 14px), 0)}35%{opacity:1}}.cs-hero .cs-banner{transform-origin:0;animation:.8s linear .82s both cs-sweep}@keyframes cs-sweep{0%{opacity:0;transform:scaleX(0)}10%{opacity:1}}.cs-hero .cs-links{animation:.3s ease-out 1.35s both cs-fade}.cs-hero .cs-card{animation:cs-card .62s var(--v3-ease) both;animation-delay:calc(1.42s + var(--i) * 40ms)}@keyframes cs-card{0%{opacity:0;transform:translate(-34px)}}.cs-hero .cs-cand{animation:1.5s linear both cs-cand;animation-delay:calc(2.05s + var(--i) * 60ms)}@keyframes cs-cand{0%{opacity:0;color:#9db6ff}20%{opacity:1;color:#9db6ff}75%{color:#9db6ff}}.cs-hero .cs-hop{stroke-dasharray:1;animation:cs-draw .3s var(--v3-ease-in-out) both;animation-delay:calc(2.35s + var(--h) * .29s)}.cs-hero .cs-sq{animation:.2s ease-out 2.35s both cs-fade}.cs-hero .cs-plabel{animation:.3s ease-out 3.75s both cs-fade}.cs-hero .cs-replay,.cs-hero .cs-replink{animation:.4s ease-out 3.6s both cs-fade}.cs-hero .cs-proof{animation:cs-rise .56s var(--v3-ease) 3.7s both}.cs-hero .cs-tail{stroke-dasharray:1;animation:cs-draw .38s var(--v3-ease-in-out) 3.85s both}.cs-halo-ring,.cs-halo-node{opacity:0}.cs-halo .cs-halo-board{animation:1ms linear both cs-gone}@keyframes cs-gone{0%,to{opacity:0}}.cs-halo .cs-halo-ring{animation:cs-lit .46s var(--v3-ease) both;animation-delay:calc(4.3s + var(--r) * .11s)}.cs-halo .cs-halo-pulse{will-change:opacity;animation:2.4s ease-in-out infinite cs-pulse;animation-delay:calc(4.76s + var(--r) * .26s)}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.25}}.cs-halo .cs-halo-node{animation:cs-node-in .52s var(--v3-ease) 4.22s both}@keyframes cs-node-in{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(2.2)}to{opacity:1;transform:scale(1.5)}}.cs-halo .cs-halo-beat{will-change:transform;animation:2.4s ease-in-out 4.74s infinite cs-node-beat}@keyframes cs-node-beat{0%,to{transform:none}50%{transform:scale(1.4)}}.cs-read{opacity:0;transition:opacity .26s var(--v3-ease)}.cs-read[data-on]{opacity:1}.cs-read b{color:#9db6ff;font-weight:500}.cs-ranked[data-armed] .cs-fill{transform-origin:50% 100%;animation:cs-grow .9s var(--v3-ease) both;animation-delay:calc(var(--i) * 90ms)}.cs-ranked[data-armed] .cs-cap{animation:cs-ride .9s var(--v3-ease) both;animation-delay:calc(var(--i) * 90ms)}@keyframes cs-grow{0%{transform:scaleY(0)}}@keyframes cs-ride{0%{opacity:0;transform:translate3d(0, var(--h), 0)}30%{opacity:1}}.cs-ranked[data-armed] .cs-conv{animation:.36s ease-out both cs-fade;animation-delay:calc(.76s + var(--i) * 70ms)}.cs-ranked[data-armed] .cs-join{animation:.36s ease-out 1.18s both cs-fade}.cs-ranked[data-armed] .cs-lrow{animation:cs-settle .76s var(--v3-ease) both;animation-delay:calc(1.25s + var(--i) * .11s)}@keyframes cs-settle{0%{opacity:0;transform:translate3d(0, var(--from), 0)}35%{opacity:1}}.cs-path .cs-panel{image-rendering:pixelated}.cs-path[data-near] .cs-panel{background-image:url(/v3/products/cloud-security/path/panel-dither-1x.webp)}.cs-path .cs-gray{filter:grayscale()contrast(.92)}.cs-path[data-armed] .cs-color{animation:.42s ease-out 3.15s both cs-fade}.cs-path[data-armed] .cs-lit{opacity:0;animation:cs-lit .32s ease-out var(--t) both, cs-out .3s ease-in 3.65s forwards}@keyframes cs-lit{0%{opacity:0}to{opacity:1}}@keyframes cs-out{0%{opacity:1}to{opacity:0}}.cs-path[data-armed] .cs-ping{opacity:0;animation:cs-ping .64s var(--v3-ease) forwards;animation-delay:var(--t)}@keyframes cs-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.cs-path[data-armed] .cs-wire{stroke-dasharray:1;opacity:0;animation:cs-wire .32s var(--v3-ease-in-out) both;animation-delay:var(--t)}@keyframes cs-wire{0%{opacity:1;stroke-dashoffset:1px}to{opacity:1;stroke-dashoffset:0}}.cs-path[data-armed] .cs-dot{opacity:0;animation:1ms linear both cs-on;animation-delay:var(--t)}.cs-path[data-armed] .cs-dot-end{animation-delay:calc(var(--t) + .3s)}@keyframes cs-on{to{opacity:1}}.cs-path[data-armed] .cs-wires{animation:.3s ease-in 3.5s reverse both cs-fade}.cs-path[data-armed] .cs-pr{animation:cs-slide .76s var(--v3-ease) 3.35s both}@keyframes cs-slide{0%{opacity:0;transform:translate(56px)}}.cs-how [data-armed] .cs-plate,.cs-how [data-armed] .cs-plabel{animation:cs-plate .82s var(--v3-ease) both;animation-delay:calc(var(--i) * 90ms)}@keyframes cs-plate{0%{opacity:0;transform:translate3d(0, var(--from), 0)}30%{opacity:1}}.cs-how [data-armed] .cs-role{animation:.4s ease-out .5s both cs-fade}.cs-how [data-armed] .cs-thread path{animation:.42s ease-out .76s both cs-fade}.cs-how [data-armed] .cs-hit{transform-origin:50%;animation:cs-pop .42s var(--v3-ease) both;animation-delay:calc(.78s + var(--i) * .14s)}.cs-how [data-armed] .cs-v1{animation:.4s ease-out both cs-fade}.cs-how [data-armed] .cs-slab{animation:cs-drop .7s var(--v3-ease) both;animation-delay:calc(.16s + var(--i) * .13s)}@keyframes cs-drop{0%{opacity:0;transform:translateY(-26px)}}.cs-how [data-armed] .cs-band{transform-origin:50%;animation:cs-band .6s var(--v3-ease) .52s both}@keyframes cs-band{0%{opacity:0;transform:scaleX(.6)}}.cs-how [data-armed] .cs-jt{animation:2s step-end infinite cs-join;animation-delay:calc(1.1s + var(--i) * .12s)}@keyframes cs-join{0%{fill:#4c7dff}55%{fill:#c9d6ff}}.cs-how [data-armed] .cs-v2{stroke-dasharray:1;animation:cs-draw .6s var(--v3-ease-in-out) .9s both}.cs-how [data-armed] .cs-row{animation:cs-rise .56s var(--v3-ease) both;animation-delay:calc(.26s + var(--i) * 90ms)}.cs-how [data-armed] .cs-tab{animation:cs-rise .48s var(--v3-ease) both;animation-delay:calc(.7s + var(--i) * 70ms)}[data-live] .cs-step-body{animation:cs-rise .42s var(--v3-ease) 60ms both}@media (prefers-reduced-motion:reduce){[data-live] .cs-step-body{animation:none}}
