.cf{--cf-period:10s;--cf-ink:#021a1c;--cf-accent:var(--color-emerald);grid-template-columns:1fr;row-gap:28px;margin:0;padding:0;list-style:none;display:grid}.cf-panel{background:var(--color-cloud);border-radius:16px}.cf-panel svg{width:100%;height:auto;display:block;overflow:visible}.cf-who{color:var(--color-ink-400);margin-top:0;font-size:.8125rem;line-height:1.4}.cf-title{color:var(--color-ink);align-items:baseline;gap:10px;margin-top:4px;font-size:1.125rem;font-weight:500;display:flex}.cf-num{font-family:var(--font-display);color:var(--color-ink-400);font-size:1.375rem;font-weight:400;line-height:1}.cf-body{max-width:30ch;color:var(--color-ink-500);margin-top:6px;font-size:.9375rem;line-height:1.55}.cf svg *{vector-effect:non-scaling-stroke}.cf-frame{fill:#f6fafa;stroke:#021a1c4d;stroke-width:1px}.cf-card-base{fill:#fff}.cf-card-a{transform:translate(40px,40px)}.cf-card-b{transform:translate(49px,30px)}.cf-card-c{transform:translate(58px,20px)}.cf-card-d{opacity:0;transform:translate(67px,10px)}.cf-card-b .cf-card-ink{opacity:.45}.cf-card-c .cf-card-ink,.cf-card-d .cf-card-ink{opacity:.25}.cf-faint,.cf-soft,.cf-ink,.cf-edge{fill:none;stroke-linecap:round;stroke-linejoin:round}.cf-faint{stroke:#021a1c24;stroke-width:.8px}.cf-soft{stroke:#021a1c52;stroke-width:.9px}.cf-ink{stroke:#021a1c9e;stroke-width:1px}.cf-scan-line{stroke:var(--cf-accent);stroke-width:1.4px}.cf-scan-glow{fill:var(--cf-accent);opacity:.12}.cf-edge{stroke:#021a1c1f;stroke-width:.8px}.cf-node{fill:#fff;stroke:#021a1c59;stroke-width:1px}.cf-node-lit{fill:var(--cf-accent);opacity:0}.cf-bar{fill:#03624c29;stroke:#03624c73;stroke-width:1px}.cf-bar-new{fill:var(--cf-accent);stroke:var(--cf-accent);transform-box:fill-box;transform-origin:50% 100%}.cf-step{grid-template-columns:minmax(0,9fr) minmax(0,10fr);align-items:center;column-gap:16px;display:grid}.cf-panel{position:relative}.cf-link{background:#021a1c2e;width:24px;height:1px;display:none;position:absolute;top:50%;left:calc(100% + 6px)}.cf-link-dot{background:var(--cf-accent);opacity:0;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}@media (min-width:900px){.cf{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:36px}.cf-step{display:block}.cf-who{margin-top:18px}.cf-link{display:block}}.cf-card,.cf-card-ink,.cf-scan,.cf-thumb,.cf-node-lit,.cf-bar-new,.cf-link-dot{animation-duration:var(--cf-period);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.cf:not([data-playing]) *{animation-play-state:paused!important}.cf-card-a{animation-name:cf-card-a}.cf-card-b{animation-name:cf-card-b}.cf-card-c{animation-name:cf-card-c}.cf-card-d{animation-name:cf-card-d}.cf-card-b .cf-card-ink{animation-name:cf-ink-b}.cf-card-c .cf-card-ink{animation-name:cf-ink-c}.cf-card-a .cf-card-ink,.cf-card-d .cf-card-ink{animation:none}@keyframes cf-card-a{0%,6%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translate(40px,40px)}15%,to{opacity:0;transform:translate(86px,40px)}}@keyframes cf-card-b{0%,15%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(49px,30px)}24%,to{transform:translate(40px,40px)}}@keyframes cf-card-c{0%,16%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(58px,20px)}25%,to{transform:translate(49px,30px)}}@keyframes cf-card-d{0%,17%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(67px,10px)}26%,to{opacity:1;transform:translate(58px,20px)}}@keyframes cf-ink-b{0%,15%{opacity:.45}24%,to{opacity:1}}@keyframes cf-ink-c{0%,16%{opacity:.25}25%,to{opacity:.45}}.cf-scan{animation-name:cf-scan}@keyframes cf-scan{0%,25%{opacity:0;transform:translateY(0)}26%{opacity:1}38%{opacity:1;transform:translateY(76px)}40%,to{opacity:0;transform:translateY(76px)}}.cf-masks .cf-mask-face,.cf-masks .cf-mask-text{animation-duration:var(--cf-period);transform-box:fill-box;transform-origin:50%;animation-iteration-count:infinite;animation-fill-mode:both}.cf-masks .cf-mask-face{animation-name:cf-mask-face}.cf-masks .cf-mask-text{animation-name:cf-mask-text}@keyframes cf-mask-face{0%,28%{opacity:0;transform:scale(.6)}31%{opacity:1;transform:scale(1.06)}33%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes cf-mask-text{0%,35%{opacity:0;transform:scale(.6)}38%{opacity:1;transform:scale(1.06)}40%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.cf-thumb{animation-name:cf-thumb}.cf-thumb-1{animation-delay:.25s}@keyframes cf-thumb{0%,52%{opacity:.35}56%,70%{opacity:1}80%,to{opacity:.35}}.cf-node-lit{animation-name:cf-node}.cf-layer-1{animation-delay:.45s}.cf-layer-2{animation-delay:.9s}@keyframes cf-node{0%,57%{opacity:0}60%{opacity:1}70%{opacity:1}82%,to{opacity:0}}.cf-bar-new{animation-name:cf-bar}@keyframes cf-bar{0%,84%{opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scaleY(0)}93%,95%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.cf-link[data-link="1"] .cf-link-dot{animation-name:cf-dot-1}.cf-link[data-link="2"] .cf-link-dot{animation-name:cf-dot-2}.cf-link[data-link="3"] .cf-link-dot{animation-name:cf-dot-3}@keyframes cf-dot-1{0%,14%{opacity:0;transform:translate(0)}16%{opacity:1}23%{opacity:1}25%,to{opacity:0;transform:translate(17px)}}@keyframes cf-dot-2{0%,43%{opacity:0;transform:translate(0)}45%{opacity:1}52%{opacity:1}54%,to{opacity:0;transform:translate(17px)}}@keyframes cf-dot-3{0%,73%{opacity:0;transform:translate(0)}75%{opacity:1}82%{opacity:1}84%,to{opacity:0;transform:translate(17px)}}@media (prefers-reduced-motion:reduce){.cf-card,.cf-card-ink,.cf-masks .cf-mask-face,.cf-masks .cf-mask-text,.cf-scan,.cf-thumb,.cf-node-lit,.cf-bar-new,.cf-link-dot{animation:none!important}.cf-scan{opacity:0}.cf-node-lit.cf-layer-2{opacity:1}}
.pv-panel{--pv-accent:var(--color-white);aspect-ratio:4/3;background:var(--color-ink-900);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.pv-panel>.pv-v{opacity:0;transition:opacity .5s;position:absolute;inset:0}.pv-panel>.pv-v[data-shown]{opacity:1}.pv-v svg{width:100%;height:100%;display:block}.pv-v svg *{vector-effect:non-scaling-stroke}.pv-v svg .pv-sign,.pv-v svg .pv-annot{vector-effect:none}.pv-v1{--pv-t:7s}.pv-v2,.pv-v3{--pv-t:6s}.pv-v4,.pv-v5{--pv-t:7s}.pv-v6{--pv-t:6s}@media (min-width:1024px){.pv-step{opacity:.32;transition:opacity .4s}.pv-step[data-active]{opacity:1}}.pv-faint,.pv-soft,.pv-ink,.pv-wall,.pv-gate,.pv-sign,.pv-annot,.pv-accent-line,.pv-edge,.pv-scan-line,.pv-mark-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.pv-frame,.pv-paper{fill:var(--color-ink-800);stroke:#ffffff4d;stroke-width:1px}.pv-paper{stroke:#ffffff38}.pv-faint{stroke:#ffffff24;stroke-width:.8px}.pv-soft{stroke:#ffffff57;stroke-width:.9px}.pv-ink{stroke:#ffffff9e;stroke-width:1px}.pv-accent-line,.pv-scan-line{stroke:var(--pv-accent);stroke-width:1.4px}.pv-wall{stroke:#ffffff42;stroke-width:1.2px}.pv-gate{stroke:var(--pv-accent);stroke-width:2px}.pv-sign,.pv-annot{stroke:var(--pv-accent);stroke-width:1.4px;stroke-dasharray:1;stroke-dashoffset:1px}.pv-back1{opacity:.55}.pv-back2{opacity:.3}.pv-scan{opacity:0}.pv-scan-glow{fill:var(--pv-accent);opacity:.14}.pv-masks .pv-mask-face,.pv-masks .pv-mask-text{opacity:0;transform-box:fill-box;transform-origin:50%}.pv-voice{transform-box:fill-box;transform-origin:50%}.pv-mark{color:#ffffff4d}.pv-mark-line{stroke:currentColor;stroke-width:1px}.pv-mark-fill{fill:currentColor}.pv-playhead,.pv-task{opacity:0}.pv-score{fill:var(--pv-accent);transform-origin:224px 0;transform:scaleX(0)}.pv-node{fill:var(--color-ink-900);stroke:#ffffff61;stroke-width:1px}.pv-backdrop{fill:var(--color-ink-900)}.pv-edge{stroke:#ffffff24;stroke-width:.8px}.pv-node-lit{fill:var(--pv-accent);opacity:0}.pv-dot,.pv-dot-on{fill:var(--pv-accent)}.pv-dot,.pv-dot-denied{opacity:0}.pv-dot-denied{fill:#fff9}.pv-log{opacity:0}.pv-refresh{fill:none;stroke:var(--pv-accent);stroke-width:1.4px;opacity:0}.pv-v[data-run] :is(.pv-sign,.pv-gate-top,.pv-gate-bottom,.pv-cross,.pv-meta,.pv-scan,.pv-masks .pv-mask-face,.pv-masks .pv-mask-text,.pv-voice,.pv-playhead,.pv-annot,.pv-task,.pv-score,.pv-dot-a,.pv-dot-b,.pv-dot-a2,.pv-dot-denied,.pv-maker-a,.pv-maker-b,.pv-log,.pv-orbit,.pv-node-lit,.pv-refresh){animation-duration:var(--pv-t);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.pv-v[data-run] .pv-sign{animation-name:pv-sign}.pv-v[data-run] .pv-gate-top{animation-name:pv-gate-top}.pv-v[data-run] .pv-gate-bottom{animation-name:pv-gate-bottom}.pv-v[data-run] .pv-cross{animation-name:pv-cross}@keyframes pv-sign{0%,6%{stroke-dashoffset:1px;opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1)}22%,88%{stroke-dashoffset:0;opacity:1}94%{stroke-dashoffset:0;opacity:0}95%{stroke-dashoffset:1px;opacity:0}to{stroke-dashoffset:1px;opacity:1}}@keyframes pv-gate-top{0%,24%{animation-timing-function:ease-in-out;transform:translateY(0)}30%,56%{animation-timing-function:ease-in-out;transform:translateY(-38px)}62%,to{transform:translateY(0)}}@keyframes pv-gate-bottom{0%,24%{animation-timing-function:ease-in-out;transform:translateY(0)}30%,56%{animation-timing-function:ease-in-out;transform:translateY(38px)}62%,to{transform:translateY(0)}}@keyframes pv-cross{0%,32%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(0)}52%,88%{opacity:1;transform:translate(218px)}94%{opacity:0;transform:translate(218px)}95%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}.pv-v[data-run] .pv-meta{animation-name:pv-meta}.pv-v[data-run] .pv-scan{animation-name:pv-scan}.pv-v[data-run] .pv-masks .pv-mask-face{animation-name:pv-mask-face}.pv-v[data-run] .pv-masks .pv-mask-text{animation-name:pv-mask-text}.pv-v[data-run] .pv-voice{animation-name:pv-voice}@keyframes pv-meta{0%,6%{opacity:1}10%,88%{opacity:.08}96%,to{opacity:1}}@keyframes pv-scan{0%,7%{opacity:0;transform:translateY(0)}8%{opacity:1;transform:translateY(0)}58%{opacity:1;transform:translateY(170px)}60%,to{opacity:0;transform:translateY(170px)}}@keyframes pv-mask-face{0%,20%{opacity:0;transform:scale(.6)}23%{opacity:1;transform:scale(1.06)}25%,88%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}@keyframes pv-mask-text{0%,36%{opacity:0;transform:scale(.6)}39%{opacity:1;transform:scale(1.06)}41%,88%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}@keyframes pv-voice{0%,50%{animation-timing-function:ease-in-out;transform:scaleY(1)}56%,88%{animation-timing-function:ease-in-out;transform:scaleY(.06)}96%,to{transform:scaleY(1)}}.pv-v[data-run] .pv-playhead{animation-name:pv-playhead}.pv-v[data-run] .pv-mark{animation:pv-hit var(--pv-t) linear infinite}@keyframes pv-playhead{0%,5%{opacity:0;transform:translate(0)}6%{opacity:1;transform:translate(0)}76%{opacity:1;transform:translate(280px)}80%,to{opacity:0;transform:translate(280px)}}@keyframes pv-hit{0%{color:var(--pv-accent)}12%{color:#ffffffbf}55%{color:#fff9}70%,to{color:#ffffff4d}}.pv-v[data-run] .pv-annot{animation-name:pv-annot}.pv-v[data-run] .pv-task{animation-name:pv-task}.pv-v[data-run] .pv-score{animation-name:pv-score}.pv-v[data-run] .pv-task-1 .pv-score{animation-delay:.42s}.pv-v[data-run] .pv-task-2 .pv-score{animation-delay:.84s}.pv-v[data-run] .pv-task-3 .pv-score{animation-delay:1.26s}@keyframes pv-annot{0%,6%{stroke-dashoffset:1px;opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1)}20%,88%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:0;opacity:0}97%,to{stroke-dashoffset:1px;opacity:1}}@keyframes pv-task{0%,20%{opacity:0}26%,90%{opacity:1}96%,to{opacity:0}}@keyframes pv-score{0%,28%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scaleX(0)}38%,86%{transform:scaleX(1)}92%,to{transform:scaleX(0)}}.pv-v[data-run] .pv-dot-a{animation-name:pv-dot-a}.pv-v[data-run] .pv-dot-b{animation-name:pv-dot-b}.pv-v[data-run] .pv-dot-denied{animation-name:pv-dot-denied}.pv-v[data-run] .pv-dot-a2{animation-name:pv-dot-a2}.pv-v[data-run] .pv-maker-a{animation-name:pv-maker-a}.pv-v[data-run] .pv-maker-b{animation-name:pv-maker-b}.pv-v[data-run] .pv-log-0{animation-name:pv-log-0}.pv-v[data-run] .pv-log-1{animation-name:pv-log-1}.pv-v[data-run] .pv-log-2{animation-name:pv-log-2}.pv-v[data-run] .pv-log-3{animation-name:pv-log-3}@keyframes pv-dot-a{0%,6%{opacity:0;transform:translate(0)}7%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0)}24%{opacity:1;transform:translate(170px,-43px)}26%,to{opacity:0;transform:translate(170px,-43px)}}@keyframes pv-dot-b{0%,28%{opacity:0;transform:translate(0)}29%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0)}46%{opacity:1;transform:translate(170px,20px)}48%,to{opacity:0;transform:translate(170px,20px)}}@keyframes pv-dot-denied{0%,50%{opacity:0;transform:translate(0)}51%{opacity:1;animation-timing-function:ease-out;transform:translate(0)}62%{opacity:1;transform:translate(96px,47px)}66%,to{opacity:0;transform:translate(96px,47px)}}@keyframes pv-dot-a2{0%,70%{opacity:0;transform:translate(0)}71%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0)}86%{opacity:1;transform:translate(170px,-43px)}88%,to{opacity:0;transform:translate(170px,-43px)}}@keyframes pv-maker-a{0%,23%{stroke:#ffffff61}25%,31%{stroke:var(--pv-accent)}36%,85%{stroke:#ffffff61}87%,93%{stroke:var(--pv-accent)}98%,to{stroke:#ffffff61}}@keyframes pv-maker-b{0%,45%{stroke:#ffffff61}47%,53%{stroke:var(--pv-accent)}58%,to{stroke:#ffffff61}}@keyframes pv-log-0{0%,23%{opacity:0}26%,94%{opacity:1}99%,to{opacity:0}}@keyframes pv-log-1{0%,45%{opacity:0}48%,94%{opacity:1}99%,to{opacity:0}}@keyframes pv-log-2{0%,63%{opacity:0}66%,94%{opacity:1}99%,to{opacity:0}}@keyframes pv-log-3{0%,85%{opacity:0}88%,94%{opacity:1}99%,to{opacity:0}}.pv-v[data-run] .pv-orbit{animation-name:pv-orbit}.pv-v6[data-run] .pv-node-lit{animation-name:pv-model}.pv-v6[data-run] .pv-layer-1{animation-delay:.12s}.pv-v6[data-run] .pv-layer-2{animation-delay:.24s}.pv-v[data-run] .pv-refresh{animation-name:pv-refresh}@keyframes pv-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pv-model{0%,23%{opacity:0}26%{opacity:1}38%,to{opacity:0}}@keyframes pv-refresh{0%,73%{opacity:0}76%{opacity:1}88%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.pv-panel>.pv-v,.pv-step{transition:none}.pv-v *,.pv-v[data-run] *{animation:none!important}.pv-sign,.pv-annot{stroke-dashoffset:0}.pv-cross{transform:translate(218px)}.pv-masks .pv-mask-face,.pv-masks .pv-mask-text{opacity:1}.pv-voice{transform:scaleY(.06)}.pv-meta{opacity:.08}.pv-mark{color:#fff9}.pv-task,.pv-log{opacity:1}.pv-score{transform:scaleX(1)}}.pt svg{height:auto;overflow:visible}.pt-base,.pt-curve{fill:none;stroke-width:1px}.pt-base{vector-effect:non-scaling-stroke;stroke:#ffffff2e}.pt-curve{stroke:#ffffff3d;stroke-dasharray:1;stroke-dashoffset:0}.pt-dot{fill:#ffffff4d}.pt-tail{fill:var(--color-white)}.pt[data-armed] .pt-dot{opacity:0}.pt[data-armed] .pt-curve{stroke-dashoffset:1px}.pt[data-play] .pt-dot{animation:.6s cubic-bezier(.16,1,.3,1) both pt-drop}.pt[data-play] .pt-arriving{animation-name:pt-arrive;animation-duration:.9s}.pt[data-play] .pt-curve{animation:1.6s cubic-bezier(.4,0,.2,1) .5s both pt-curve}@keyframes pt-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes pt-arrive{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:translateY(0)}}@keyframes pt-curve{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}