:where(.marketing-scope) .visual-lab{--vp-bg:var(--site-bg,#050709);--vp-panel:color-mix(in srgb, var(--site-panel,#090d11) 94%, transparent);--vp-panel-strong:color-mix(in srgb, var(--site-panel-2,#0e1318) 96%, transparent);--vp-ink:var(--site-heading,#f8fafc);--vp-copy:var(--site-muted,#9aa3af);--vp-dim:var(--site-dim,#87919d);--vp-line:var(--site-line,#ffffff1a);--vp-line-strong:var(--site-line-strong,#ffffff29);--vp-grid:#ffffff09;--vp-blue:#2f8cff;--vp-blue-strong:#195fd8;--vp-blue-soft:#2f8cff24;--vp-teal:#22c7a9;--vp-teal-soft:#22c7a921;--vp-amber:#e6b54a;--vp-amber-soft:#e6b54a21;--vp-violet:#9d7cff;--vp-violet-soft:#9d7cff21;--vp-shadow:0 28px 80px #00000038;background:radial-gradient(circle at 72% 4%, #2f8cff0e, transparent 26rem), var(--vp-bg);color:var(--vp-ink);min-height:100vh;overflow-x:clip}html:not(.dark) :where(.marketing-scope) .visual-lab{--vp-panel:#ffffffe6;--vp-panel-strong:#fff;--vp-grid:#0f172a0b;--vp-blue:#195fd8;--vp-blue-strong:#124ba9;--vp-blue-soft:#195fd81a;--vp-teal:#087565;--vp-teal-soft:#0875651a;--vp-amber:#8a5b00;--vp-amber-soft:#8a5b001a;--vp-violet:#6d4fd2;--vp-violet-soft:#6d4fd21a;--vp-shadow:0 28px 80px #0f172a17;background:radial-gradient(circle at 72% 4%, #195fd80b, transparent 26rem), var(--vp-bg)}:where(.marketing-scope) .visual-lab,:where(.marketing-scope) .visual-lab *,:where(.marketing-scope) .visual-lab :before,:where(.marketing-scope) .visual-lab :after{box-sizing:border-box}:where(.marketing-scope) .visual-lab-hero,:where(.marketing-scope) .visual-lab-grid{width:calc(100% - 3rem);max-width:80rem;margin-inline:auto}:where(.marketing-scope) .visual-lab-hero{gap:1.25rem;padding-block:clamp(4.5rem,8vw,8rem) clamp(2.75rem,6vw,5rem);display:grid}:where(.marketing-scope) .visual-lab-hero>:first-child{color:var(--vp-blue);font-family:var(--font-mono,monospace);letter-spacing:.19em;text-transform:uppercase;font-size:.72rem;font-weight:560}:where(.marketing-scope) .visual-lab-hero h1{color:var(--vp-ink);letter-spacing:-.065em;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(3rem,2rem + 4.2vw,6.4rem);font-weight:510;line-height:.92}:where(.marketing-scope) .visual-lab-hero p{color:var(--vp-copy);letter-spacing:-.02em;text-wrap:pretty;max-width:46rem;margin:0;font-size:clamp(1.04rem,.98rem + .36vw,1.3rem);line-height:1.58}:where(.marketing-scope) .visual-lab-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.25rem,2.6vw,2.2rem);padding-bottom:clamp(4rem,8vw,8rem);display:grid}:where(.marketing-scope) .visual-lab-card{background:var(--vp-panel);border:1px solid var(--vp-line);box-shadow:var(--vp-shadow);border-radius:clamp(1rem,1.6vw,1.5rem);grid-column:span 6;min-width:0;position:relative;overflow:hidden}:where(.marketing-scope) .visual-lab-card[data-wide=true],:where(.marketing-scope) .visual-lab-card[class~=lg\:col-span-2]{grid-column:1/-1}:where(.marketing-scope) .visual-lab-card:before{background:linear-gradient(90deg, var(--vp-blue), transparent 74%);content:"";opacity:.7;z-index:3;width:min(14rem,46%);height:2px;position:absolute;inset:-1px auto auto -1px}:where(.marketing-scope) .visual-lab-card-head{border-bottom:1px solid var(--vp-line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem 2rem;padding:clamp(1.35rem,2.8vw,2rem);display:grid}:where(.marketing-scope) .visual-lab-card-head>div{min-width:0}:where(.marketing-scope) .visual-lab-card-head h2{color:var(--vp-ink);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(1.45rem,1.15rem + .8vw,2rem);font-weight:530;line-height:1.05}:where(.marketing-scope) .visual-lab-card-head p{color:var(--vp-copy);text-wrap:pretty;max-width:44rem;margin:.65rem 0 0;font-size:.96rem;line-height:1.55}:where(.marketing-scope) .visual-lab-meta,:where(.marketing-scope) .visual-lab-card-head>span,:where(.marketing-scope) .visual-lab-card-head>em{background:var(--vp-blue-soft);border:1px solid color-mix(in srgb, var(--vp-blue) 36%, transparent);color:var(--vp-blue);font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;min-height:1.75rem;padding:.42rem .65rem;font-size:.64rem;font-style:normal;font-weight:580;line-height:1;display:inline-flex}:where(.marketing-scope) .visual-lab-meta[data-kind=motion],:where(.marketing-scope) .visual-lab-card-head [data-kind=motion]{background:var(--vp-teal-soft);border-color:color-mix(in srgb, var(--vp-teal) 34%, transparent);color:var(--vp-teal)}:where(.marketing-scope) .visual-lab-meta[data-kind=review],:where(.marketing-scope) .visual-lab-card-head [data-kind=review]{background:var(--vp-amber-soft);border-color:color-mix(in srgb, var(--vp-amber) 34%, transparent);color:var(--vp-amber)}:where(.marketing-scope) .visual-lab-canvas{background:linear-gradient(var(--vp-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vp-grid) 1px, transparent 1px), color-mix(in srgb, var(--vp-panel-strong) 92%, transparent);isolation:isolate;background-size:32px 32px;min-height:clamp(22rem,46vw,38rem);padding:clamp(1rem,3vw,2.5rem);position:relative;overflow:hidden}:where(.marketing-scope) .visual-lab-card:not(:first-child,:last-child) .visual-lab-canvas{min-height:clamp(25rem,48vw,34rem)}:where(.marketing-scope) .visual-lab-canvas>*{width:100%;min-width:0;max-width:100%;height:100%}:where(.marketing-scope) .visual-lab-notes{border-top:1px solid var(--vp-line);color:var(--vp-copy);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:0;font-size:.84rem;line-height:1.55;display:grid}:where(.marketing-scope) .visual-lab-notes>div{background:color-mix(in srgb, var(--vp-panel-strong) 92%, transparent);min-width:0;padding:1.15rem clamp(1.35rem,2.8vw,2rem) 1.3rem}:where(.marketing-scope) .visual-lab-notes span{color:var(--vp-dim);font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.64rem;font-weight:580;display:block}:where(.marketing-scope) .visual-lab-notes p{color:var(--vp-copy);margin:0}:where(.marketing-scope) .visual-lab-boundary,:where(.marketing-scope) .visual-lab-card-boundary{grid-template-columns:minmax(10rem,.32fr) minmax(0,.68fr);align-items:start;gap:1rem 3rem;min-width:0;display:grid}:where(.marketing-scope) .visual-lab-boundary strong,:where(.marketing-scope) .visual-lab-card-boundary strong{color:var(--vp-ink);font-size:1rem;font-weight:550}:where(.marketing-scope) .visual-lab-boundary p,:where(.marketing-scope) .visual-lab-card-boundary p{color:var(--vp-copy);max-width:54rem;margin:0;line-height:1.6}:where(.marketing-scope) .visual-lab-hero .visual-lab-boundary{background:color-mix(in srgb, var(--vp-panel) 82%, transparent);border:1px solid var(--vp-line);border-radius:.8rem;grid-template-columns:1fr;padding:1.15rem 1.25rem}:where(.marketing-scope) .visual-lab-card>.visual-lab-boundary,:where(.marketing-scope) .visual-lab-card>.visual-lab-card-boundary{background:var(--vp-amber-soft);border-top:1px solid color-mix(in srgb, var(--vp-amber) 28%, var(--vp-line));grid-template-columns:minmax(8.5rem,.24fr) minmax(0,.76fr);padding:1.15rem clamp(1.35rem,2.8vw,2rem) 1.3rem}:where(.marketing-scope) .visual-lab-card>.visual-lab-boundary strong,:where(.marketing-scope) .visual-lab-card>.visual-lab-card-boundary strong{color:var(--vp-amber);font-family:var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}@media (max-width:900px){:where(.marketing-scope) .visual-lab-card,:where(.marketing-scope) .visual-lab-card[data-wide=true],:where(.marketing-scope) .visual-lab-card[class~=lg\:col-span-2]{grid-column:1/-1}:where(.marketing-scope) .visual-lab-canvas,:where(.marketing-scope) .visual-lab-card:not(:first-child,:last-child) .visual-lab-canvas{min-height:clamp(24rem,72vw,36rem)}}@media (max-width:640px){:where(.marketing-scope) .visual-lab-hero,:where(.marketing-scope) .visual-lab-grid{width:calc(100% - 2rem)}:where(.marketing-scope) .visual-lab-hero{padding-block:3.75rem 2.5rem}:where(.marketing-scope) .visual-lab-card{border-radius:.9rem}:where(.marketing-scope) .visual-lab-card-head{grid-template-columns:1fr}:where(.marketing-scope) .visual-lab-meta,:where(.marketing-scope) .visual-lab-card-head>span,:where(.marketing-scope) .visual-lab-card-head>em{justify-self:start}:where(.marketing-scope) .visual-lab-canvas,:where(.marketing-scope) .visual-lab-card:not(:first-child,:last-child) .visual-lab-canvas{background-size:24px 24px;min-height:30rem;padding:.75rem}:where(.marketing-scope) .visual-lab-boundary,:where(.marketing-scope) .visual-lab-card-boundary,:where(.marketing-scope) .visual-lab-card>.visual-lab-boundary,:where(.marketing-scope) .visual-lab-card>.visual-lab-card-boundary,:where(.marketing-scope) .visual-lab-notes{grid-template-columns:1fr}}@media (max-width:420px){:where(.marketing-scope) .visual-lab-hero,:where(.marketing-scope) .visual-lab-grid{width:calc(100% - 1.25rem)}:where(.marketing-scope) .visual-lab-hero h1{font-size:clamp(2.5rem,13vw,3.35rem)}:where(.marketing-scope) .visual-lab-card-head,:where(.marketing-scope) .visual-lab-notes>div,:where(.marketing-scope) .visual-lab-card>.visual-lab-boundary,:where(.marketing-scope) .visual-lab-card>.visual-lab-card-boundary{padding-inline:1rem}:where(.marketing-scope) .visual-lab-canvas,:where(.marketing-scope) .visual-lab-card:not(:first-child,:last-child) .visual-lab-canvas{min-height:32rem;padding:.5rem}}@media print{:where(.marketing-scope) .visual-lab{--vp-bg:#fff;--vp-panel:#fff;--vp-panel-strong:#fff;--vp-ink:#111827;--vp-copy:#4b5563;--vp-dim:#596273;--vp-line:#11182733;--vp-line-strong:#11182752;--vp-grid:#1118270b;--vp-shadow:none;color:#111827;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#fff}:where(.marketing-scope) .visual-lab-hero{padding-block:1.5rem}:where(.marketing-scope) .visual-lab-grid{display:block}:where(.marketing-scope) .visual-lab-card{break-inside:avoid;box-shadow:none;margin-bottom:1.25rem}:where(.marketing-scope) .visual-lab-canvas,:where(.marketing-scope) .visual-lab-card:not(:first-child,:last-child) .visual-lab-canvas{min-height:26rem}}:where(.marketing-scope) .visual-lab>.visual-lab-boundary{border-block:1px solid var(--vp-line);width:calc(100% - 3rem);max-width:80rem;margin:0 auto clamp(2rem,4vw,3.5rem);padding-block:clamp(1.35rem,2.8vw,2rem)}:where(.marketing-scope) .visual-prototype-figure{--tfx-accent:var(--vp-blue-strong);--tfx-accent-bright:var(--vp-blue);--tfx-ink-strong:color-mix(in srgb, var(--vp-ink) 78%, transparent);--tfx-ink:color-mix(in srgb, var(--vp-ink) 52%, transparent);--tfx-ink-soft:color-mix(in srgb, var(--vp-ink) 28%, transparent);--tfx-ink-faint:color-mix(in srgb, var(--vp-ink) 10%, transparent);--tfx-paper:color-mix(in srgb, var(--vp-ink) 5.5%, transparent);aspect-ratio:760/430;width:100%;max-width:100%;height:auto;max-height:44rem;display:block;overflow:hidden}:where(.marketing-scope) .visual-lab .visual-prototype-figure.tfx-bright text{fill:color-mix(in srgb, var(--vp-ink) 86%, transparent)}:where(.marketing-scope) .visual-lab .visual-prototype-figure.tfx-bright .tfx-anno-dim{fill:color-mix(in srgb, var(--vp-ink) 62%, transparent)}:where(.marketing-scope) .visual-lab .visual-prototype-figure.tfx-bright .visual-prototype-grid{stroke:var(--vp-ink);stroke-opacity:.06}:where(.marketing-scope) .visual-prototype-frame{fill:color-mix(in srgb, var(--vp-panel-strong) 72%, transparent);stroke:var(--vp-line-strong)}:where(.marketing-scope) .visual-prototype-corner-ticks{opacity:.66}:where(.marketing-scope) .visual-prototype-panel{fill:color-mix(in srgb, var(--vp-panel-strong) 86%, var(--vp-ink) 2%);stroke:color-mix(in srgb, var(--vp-ink) 30%, transparent)}:where(.marketing-scope) .visual-prototype-live-box{fill:var(--vp-blue-soft);stroke:color-mix(in srgb, var(--vp-blue) 76%, transparent);stroke-width:1px}:where(.marketing-scope) .visual-prototype-connector{fill:none;stroke:color-mix(in srgb, var(--vp-ink) 38%, transparent);stroke-width:1px}:where(.marketing-scope) .visual-prototype-live-path{stroke-width:1.8px}:where(.marketing-scope) .visual-prototype-eyebrow{fill:color-mix(in srgb, var(--vp-ink) 68%, transparent);letter-spacing:.17em;font-size:9.5px;font-weight:620}:where(.marketing-scope) .visual-prototype-meta{fill:color-mix(in srgb, var(--vp-ink) 55%, transparent);letter-spacing:.13em;font-size:8px}:where(.marketing-scope) .visual-prototype-title{fill:color-mix(in srgb, var(--vp-ink) 94%, transparent);letter-spacing:.08em;font-size:11px;font-weight:620}:where(.marketing-scope) .visual-prototype-label{letter-spacing:.095em;font-size:8.5px}:where(.marketing-scope) .visual-prototype-index,:where(.marketing-scope) .visual-prototype-chip{letter-spacing:.12em;font-size:8px}:where(.marketing-scope) .visual-prototype-chip{fill:var(--vp-blue);font-weight:650}:where(.marketing-scope) .visual-prototype-status{fill:var(--vp-blue);letter-spacing:.09em;font-size:7.5px;font-weight:630}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-warn{fill:var(--vp-amber);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--vp-amber) 60%, transparent))}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-node-live{fill:var(--vp-blue);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--vp-blue) 78%, transparent))}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-node-teal{fill:var(--vp-teal);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--vp-teal) 72%, transparent))}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-beam{stroke:var(--vp-blue);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--vp-blue) 64%, transparent))}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-beam-teal{stroke:var(--vp-teal);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--vp-teal) 62%, transparent))}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-t-acc{fill:var(--vp-blue)}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-t-teal{fill:var(--vp-teal)}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-flow{stroke:color-mix(in srgb, var(--vp-blue) 88%, transparent)}:where(.marketing-scope) .visual-lab .visual-prototype-figure .tfx-flow-teal{stroke:color-mix(in srgb, var(--vp-teal) 88%, transparent)}:where(.marketing-scope) .visual-prototype-paper{fill:#fbfcfe;filter:drop-shadow(0 12px 24px #00000021);stroke:#bac4d2;stroke-width:1px}:where(.marketing-scope) .visual-prototype-paper-mark{fill:var(--vp-blue-strong)}:where(.marketing-scope) .visual-prototype-paper-kicker{letter-spacing:.11em;font-size:5.5px;font-weight:650;fill:#5f6875!important}:where(.marketing-scope) .visual-prototype-paper-title{font-size:12px;font-weight:650;fill:#111827!important;font-family:var(--font-sans,sans-serif)!important;letter-spacing:-.015em!important}:where(.marketing-scope) .visual-prototype-paper-rule,:where(.marketing-scope) .visual-prototype-chart-grid{fill:none;stroke:#c7ced8;stroke-width:1px}:where(.marketing-scope) .visual-prototype-paper-label{letter-spacing:.11em;font-size:6px;fill:#697386!important}:where(.marketing-scope) .visual-prototype-paper-value{font-size:12px;font-weight:640;fill:#111827!important;font-family:var(--font-sans,sans-serif)!important;letter-spacing:-.01em!important}:where(.marketing-scope) .visual-prototype-paper-positive{fill:#087565!important}:where(.marketing-scope) .visual-prototype-chart-line{fill:none;stroke:var(--vp-blue);stroke-width:2px}:where(.marketing-scope) .visual-prototype-computer-screen{fill:color-mix(in srgb, var(--vp-blue) 7%, var(--vp-panel-strong));stroke:color-mix(in srgb, var(--vp-blue) 35%, var(--vp-line));stroke-width:1px}:where(.marketing-scope) .visual-prototype-service-policy .visual-prototype-panel{fill:var(--vp-amber-soft);stroke:color-mix(in srgb, var(--vp-amber) 34%, transparent)}:where(.marketing-scope) .visual-prototype-object-live .visual-prototype-panel{fill:var(--vp-blue-soft);stroke:color-mix(in srgb, var(--vp-blue) 52%, transparent)}:where(.marketing-scope) .visual-prototype-object-teal .visual-prototype-panel,:where(.marketing-scope) .visual-prototype-capability-output .visual-prototype-panel{fill:var(--vp-teal-soft);stroke:color-mix(in srgb, var(--vp-teal) 46%, transparent)}:where(.marketing-scope) .visual-prototype-resource-gate .visual-prototype-panel{fill:var(--vp-amber-soft);stroke:color-mix(in srgb, var(--vp-amber) 34%, transparent)}:where(.marketing-scope) .visual-prototype-plot-playground{--vp-plot-violet:var(--vp-violet)}:where(.marketing-scope) .visual-prototype-bar-teal{fill:var(--vp-teal)}:where(.marketing-scope) .visual-prototype-plot-playground .visual-prototype-bar-warm{fill:var(--vp-violet)}:where(.marketing-scope) .visual-prototype-cursor{fill:var(--vp-violet);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--vp-violet) 60%, transparent));stroke:color-mix(in srgb, var(--vp-panel-strong) 88%, transparent);stroke-width:1px}:where(.marketing-scope) .visual-prototype-table-text,:where(.marketing-scope) .visual-prototype-control-label,:where(.marketing-scope) .visual-prototype-control-value,:where(.marketing-scope) .visual-prototype-chart-value{letter-spacing:.08em;font-size:7.5px}:where(.marketing-scope) .visual-prototype-chart-label{letter-spacing:.06em;font-size:6.5px}:where(.marketing-scope) .renderer-motion-capture{background:color-mix(in srgb, var(--vp-panel-strong) 94%, transparent);border:1px solid var(--vp-line-strong);border-radius:.85rem;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-self:center;margin:auto;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000029;max-width:50rem!important;height:auto!important}:where(.marketing-scope) .renderer-motion-toolbar,:where(.marketing-scope) .renderer-motion-footer{font-family:var(--font-mono,monospace);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;min-width:0;padding:.85rem 1rem;font-size:.67rem;font-weight:570;line-height:1.35;display:flex}:where(.marketing-scope) .renderer-motion-toolbar{border-bottom:1px solid var(--vp-line);color:var(--vp-copy)}:where(.marketing-scope) .renderer-motion-toolbar span:first-child{color:var(--vp-blue)}:where(.marketing-scope) .renderer-motion-footer{border-top:1px solid var(--vp-line);color:var(--vp-dim)}:where(.marketing-scope) .renderer-motion-footer span:last-child{color:var(--vp-teal);align-items:center;gap:.45rem;display:inline-flex}:where(.marketing-scope) .renderer-motion-footer span:last-child:before{background:var(--vp-teal);box-shadow:0 0 8px color-mix(in srgb, var(--vp-teal) 60%, transparent);content:"";width:.42rem;height:.42rem}:where(.marketing-scope) .renderer-motion-video{aspect-ratio:16/9;object-fit:contain;background:#fff;grid-area:2/1;width:100%;display:block;height:auto!important}:where(.marketing-scope) .renderer-motion-capture:before{background:#fff var(--renderer-motion-poster) center / contain no-repeat;content:none;z-index:2;grid-area:2/1;min-height:0}:where(.marketing-scope) .visual-prototype-motion .vpf-motion-step,:where(.marketing-scope) .visual-prototype-motion .tfx-flow,:where(.marketing-scope) .visual-prototype-motion [class*=-pulse],:where(.marketing-scope) .visual-prototype-motion [class*=-packet]{transform-box:fill-box;will-change:opacity, transform, filter, stroke-dashoffset}:where(.marketing-scope) .vpf-live-rerun-new-file{transform-origin:50%;animation:7.2s cubic-bezier(.22,1,.36,1) infinite vpf-state-arrives}:where(.marketing-scope) .vpf-live-rerun-prior-file{animation:7.2s ease-in-out infinite vpf-state-recedes}:where(.marketing-scope) .vpf-live-rerun-packet{animation:7.2s linear infinite vpf-packet-blue!important}:where(.marketing-scope) .vpf-live-rerun-job{animation:7.2s ease-in-out infinite vpf-job-active}:where(.marketing-scope) .vpf-live-rerun-job-pulse{animation:7.2s ease-in-out infinite vpf-pulse-blue}:where(.marketing-scope) .vpf-live-rerun-output-packet{animation:7.2s linear infinite vpf-packet-teal!important}:where(.marketing-scope) .vpf-live-rerun-version-live,:where(.marketing-scope) .vpf-live-rerun-ready-pulse{transform-origin:50%;animation:7.2s cubic-bezier(.22,1,.36,1) infinite vpf-output-ready}:where(.marketing-scope) .vpf-live-rerun-version-prior{animation:7.2s ease-in-out infinite vpf-version-recedes}:where(.marketing-scope) .vpf-live-rerun-receipt{transform-origin:top;animation:7.2s cubic-bezier(.22,1,.36,1) infinite vpf-receipt-arrives}:where(.marketing-scope) .vpf-service-storage-packet{animation:7.6s linear infinite vpf-service-storage!important}:where(.marketing-scope) .vpf-service-volume-pulse{animation:7.6s ease-in-out infinite vpf-service-volume}:where(.marketing-scope) .vpf-service-computer{animation:7.6s ease-in-out infinite vpf-service-online}:where(.marketing-scope) .vpf-service-heartbeat{transform-origin:50%;animation:7.6s ease-in-out infinite vpf-service-heartbeat}:where(.marketing-scope) .vpf-service-query-packet{animation:7.6s linear infinite vpf-service-query!important}:where(.marketing-scope) .vpf-service-job{animation:7.6s ease-in-out infinite vpf-service-job}:where(.marketing-scope) .vpf-service-output{transform-origin:top;animation:7.6s cubic-bezier(.22,1,.36,1) infinite vpf-service-output}:where(.marketing-scope) .vpf-playground-row{animation:7.4s ease-in-out infinite vpf-table-read}:where(.marketing-scope) .vpf-playground-row-2{animation-delay:90ms}:where(.marketing-scope) .vpf-playground-row-3{animation-delay:.18s}:where(.marketing-scope) .vpf-playground-row-4{animation-delay:.27s}:where(.marketing-scope) .vpf-playground-data-packet{animation:7.4s linear infinite vpf-playground-packet!important}:where(.marketing-scope) .vpf-playground-cursor{transform-origin:50%;animation:7.4s cubic-bezier(.22,1,.36,1) infinite vpf-playground-cursor}:where(.marketing-scope) .vpf-playground-control{animation:7.4s ease-in-out infinite vpf-playground-control}:where(.marketing-scope) .vpf-playground-control-2{animation-delay:.16s}:where(.marketing-scope) .vpf-playground-control-3{animation-delay:.32s}:where(.marketing-scope) .vpf-playground-control-4{animation-delay:.48s}:where(.marketing-scope) .vpf-playground-bar rect{transform-box:fill-box;transform-origin:bottom;animation:7.4s cubic-bezier(.22,1,.36,1) infinite vpf-bars-render}:where(.marketing-scope) .vpf-playground-bar-2 rect{animation-delay:90ms}:where(.marketing-scope) .vpf-playground-bar-3 rect{transform-origin:top;animation-delay:.18s}:where(.marketing-scope) .vpf-playground-bar-4 rect{animation-delay:.27s}:where(.marketing-scope) .vpf-playground-chart-value,:where(.marketing-scope) .vpf-playground-bar text{animation:7.4s ease-in-out infinite vpf-chart-labels}:where(.marketing-scope) .vpf-playground-save{transform-origin:top;animation:7.4s cubic-bezier(.22,1,.36,1) infinite vpf-playground-save}@keyframes vpf-state-arrives{0%,7%{opacity:0;transform:translateY(-7px)scale(.985)}14%,94%{opacity:1;transform:none}to{opacity:0;transform:translateY(2px)}}@keyframes vpf-state-recedes{0%,9%{opacity:1}18%,94%{opacity:.34}to{opacity:1}}@keyframes vpf-packet-blue{0%,14%{opacity:0;stroke-dasharray:2 10;stroke-dashoffset:26px}18%,28%{opacity:1;stroke-dashoffset:-40px}34%,to{opacity:0;stroke-dashoffset:-58px}}@keyframes vpf-job-active{0%,23%,51%,to{opacity:.74}29%,45%{opacity:1}}@keyframes vpf-pulse-blue{0%,23%,51%,to{filter:none;opacity:.45;transform:scale(.8)}29%,45%{filter:drop-shadow(0 0 7px var(--vp-blue));opacity:1;transform:scale(1)}}@keyframes vpf-packet-teal{0%,42%{opacity:0;stroke-dasharray:2 10;stroke-dashoffset:28px}47%,58%{opacity:1;stroke-dashoffset:-44px}64%,to{opacity:0;stroke-dashoffset:-62px}}@keyframes vpf-output-ready{0%,50%{opacity:0;transform:scale(.94)}59%,94%{opacity:1;transform:none}to{opacity:0;transform:scale(.98)}}@keyframes vpf-version-recedes{0%,49%{opacity:1}59%,94%{opacity:.34}to{opacity:1}}@keyframes vpf-receipt-arrives{0%,64%{opacity:0;transform:translateY(8px)}73%,94%{opacity:1;transform:none}to{opacity:0;transform:translateY(2px)}}@keyframes vpf-service-storage{0%,5%{opacity:0;stroke-dasharray:2 10;stroke-dashoffset:26px}10%,21%{opacity:1;stroke-dashoffset:-48px}27%,to{opacity:0;stroke-dashoffset:-64px}}@keyframes vpf-service-volume{0%,5%,to{opacity:.45}12%,24%{opacity:1;filter:drop-shadow(0 0 6px var(--vp-teal))}}@keyframes vpf-service-online{0%,12%{opacity:.68}22%,94%{opacity:1}to{opacity:.68}}@keyframes vpf-service-heartbeat{0%,16%,27%,39%,51%,to{opacity:.48;transform:scale(.78)}22%,33%,45%{opacity:1;filter:drop-shadow(0 0 7px var(--vp-teal));transform:scale(1.18)}}@keyframes vpf-service-query{0%,41%{opacity:0;stroke-dasharray:2 10;stroke-dashoffset:-28px}47%,58%{opacity:1;stroke-dashoffset:44px}64%,to{opacity:0;stroke-dashoffset:60px}}@keyframes vpf-service-job{0%,43%,66%,to{opacity:.62}50%,61%{opacity:1;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--vp-blue) 65%, transparent))}}@keyframes vpf-service-output{0%,62%{opacity:0;transform:translateY(8px)}72%,94%{opacity:1;transform:none}to{opacity:0;transform:translateY(2px)}}@keyframes vpf-table-read{0%,4%{opacity:.38}14%,94%{opacity:1}to{opacity:.38}}@keyframes vpf-playground-packet{0%,17%{opacity:0;stroke-dasharray:2 10;stroke-dashoffset:24px}23%,34%{opacity:1;stroke-dashoffset:-40px}40%,to{opacity:0;stroke-dashoffset:-58px}}@keyframes vpf-playground-cursor{0%,28%{opacity:0;transform:translate(20px,-8px)}36%{opacity:1;transform:translate(0)}49%{opacity:1;transform:translate(-64px,64px)}58%,94%{opacity:0;transform:translate(-64px,64px)}to{opacity:0;transform:translate(20px,-8px)}}@keyframes vpf-playground-control{0%,28%,62%,to{opacity:.52}38%,54%{opacity:1;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--vp-violet) 72%, transparent))}}@keyframes vpf-bars-render{0%,35%{opacity:.28;transform:scaleY(.16)}50%,94%{opacity:1;transform:scaleY(1)}to{opacity:.28;transform:scaleY(.16)}}@keyframes vpf-chart-labels{0%,40%{opacity:0}52%,94%{opacity:1}to{opacity:0}}@keyframes vpf-playground-save{0%,63%{opacity:0;transform:translateY(7px)}73%,94%{opacity:1;transform:none}to{opacity:0;transform:translateY(2px)}}@media (max-width:900px){:where(.marketing-scope) .visual-prototype-figure{max-height:none}:where(.marketing-scope) .visual-lab>.visual-lab-boundary{width:calc(100% - 2rem)}}@media (max-width:640px){:where(.marketing-scope) .visual-lab>.visual-lab-boundary{grid-template-columns:1fr;width:calc(100% - 2rem)}:where(.marketing-scope) .visual-prototype-figure{--tfx-ink-strong:color-mix(in srgb, var(--vp-ink) 86%, transparent);--tfx-ink:color-mix(in srgb, var(--vp-ink) 62%, transparent);--tfx-ink-soft:color-mix(in srgb, var(--vp-ink) 38%, transparent)}:where(.marketing-scope) .visual-lab .visual-prototype-figure.tfx-bright .tfx-anno-dim{fill:color-mix(in srgb, var(--vp-ink) 72%, transparent)}:where(.marketing-scope) .visual-prototype-eyebrow{font-size:10.5px}:where(.marketing-scope) .visual-prototype-title{font-size:11.5px}:where(.marketing-scope) .visual-prototype-label,:where(.marketing-scope) .visual-prototype-status{font-size:8.75px}:where(.marketing-scope) .visual-prototype-grid{opacity:.45}:where(.marketing-scope) .renderer-motion-capture{border-radius:.65rem}:where(.marketing-scope) .renderer-motion-toolbar,:where(.marketing-scope) .renderer-motion-footer{padding:.72rem .8rem;font-size:.61rem}}@media (max-width:420px){:where(.marketing-scope) .visual-lab>.visual-lab-boundary{width:calc(100% - 1.25rem)}:where(.marketing-scope) .visual-prototype-grid,:where(.marketing-scope) .visual-prototype-corner-ticks,:where(.marketing-scope) .visual-prototype-meta{opacity:.16}:where(.marketing-scope) .visual-prototype-eyebrow{letter-spacing:.12em;font-size:11px}:where(.marketing-scope) .visual-prototype-title{font-size:12px}:where(.marketing-scope) .visual-prototype-label,:where(.marketing-scope) .visual-prototype-status,:where(.marketing-scope) .visual-prototype-table-text,:where(.marketing-scope) .visual-prototype-control-label,:where(.marketing-scope) .visual-prototype-control-value{letter-spacing:.055em;font-size:9px}:where(.marketing-scope) .visual-prototype-chip,:where(.marketing-scope) .visual-prototype-index{font-size:8.5px}:where(.marketing-scope) .visual-prototype-paper-kicker,:where(.marketing-scope) .visual-prototype-paper-label,:where(.marketing-scope) .visual-prototype-chart-label{display:none}:where(.marketing-scope) .renderer-motion-toolbar,:where(.marketing-scope) .renderer-motion-footer{letter-spacing:.065em;flex-direction:column;align-items:flex-start;gap:.28rem}}@media (prefers-reduced-motion:reduce){:where(.marketing-scope) .visual-prototype-motion *,:where(.marketing-scope) .visual-prototype-motion .tfx-flow,:where(.marketing-scope) .visual-prototype-motion [class*=vpf-]{transition:none!important;animation:none!important}:where(.marketing-scope) .visual-prototype-motion .vpf-motion-step,:where(.marketing-scope) .visual-prototype-motion [class*=-pulse],:where(.marketing-scope) .visual-prototype-motion [class*=-version-live],:where(.marketing-scope) .visual-prototype-motion [class*=-new-file],:where(.marketing-scope) .visual-prototype-motion [class*=-save]{filter:none;opacity:1;transform:none}:where(.marketing-scope) .visual-prototype-motion [class*=-packet],:where(.marketing-scope) .visual-prototype-motion .tfx-flow{opacity:0}:where(.marketing-scope) .visual-prototype-motion [class*=-prior]{opacity:.34}:where(.marketing-scope) .visual-prototype-motion .vpf-playground-bar rect{opacity:1;transform:scaleY(1)}:where(.marketing-scope) .visual-prototype-motion .vpf-playground-cursor{opacity:0}:where(.marketing-scope) .renderer-motion-capture:before{content:""}:where(.marketing-scope) .renderer-motion-video{opacity:0}}@media print{:where(.marketing-scope) .visual-prototype-figure{--tfx-ink-strong:#111827d6;--tfx-ink:#1118279e;--tfx-ink-soft:#11182761;--tfx-paper:#11182709;max-height:none}:where(.marketing-scope) .visual-lab .visual-prototype-figure.tfx-bright text,:where(.marketing-scope) .visual-lab .visual-prototype-figure.tfx-bright .tfx-anno-dim{fill:#374151}:where(.marketing-scope) .visual-prototype-motion *,:where(.marketing-scope) .visual-prototype-motion [class*=vpf-]{filter:none;opacity:1;transform:none;animation:none!important}:where(.marketing-scope) .visual-prototype-motion [class*=-packet],:where(.marketing-scope) .visual-prototype-motion .tfx-flow,:where(.marketing-scope) .visual-prototype-motion .vpf-playground-cursor{opacity:0}:where(.marketing-scope) .visual-prototype-motion [class*=-prior]{opacity:.38}:where(.marketing-scope) .renderer-motion-capture{box-shadow:none}:where(.marketing-scope) .renderer-motion-capture:before{content:""}:where(.marketing-scope) .renderer-motion-video{opacity:0}}