.site .workflow-demo{--demo-green:var(--team-base,#004225);box-sizing:border-box;background-color:var(--demo-green);background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-position:-1px -1px;background-size:28px 28px;border-radius:20px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.site .workflow-demo>*{grid-area:1/1;min-width:0}.site .workflow-demo-poster{box-sizing:border-box;width:100%;padding:20px;display:none}.site .workflow-demo-poster .product-capture{margin:0;box-shadow:0 24px 60px -24px #0009}.site .workflow-demo-poster .product-capture figcaption{background:var(--_pebbles-ai-2-0---white-bg);pointer-events:auto;border-top:1px solid #0e0e0e14;margin:0;padding:12px 16px 14px;position:static}.site .workflow-demo-poster .product-capture figcaption h3{color:var(--_pebbles-ai-2-0---text-dark);font-size:.92rem}.site .workflow-demo-poster .product-capture figcaption p{min-height:0;color:var(--_pebbles-ai-2-0---text-secondary)}html:not(.js) .site .workflow-demo-poster,.site .workflow-demo.is-still .workflow-demo-poster{display:block}html:not(.js) .site .demo-window,.site .workflow-demo.is-still .demo-window{display:none}@media (prefers-reduced-motion:reduce){.site .workflow-demo-poster{display:block}.site .demo-window{display:none}}.site .demo-window{isolation:isolate;width:min(100%,600px);height:520px;position:relative}.site .demo-canvas{--demo-x:700px;--demo-y:600px;color:#313131;text-align:left;font-size:14px;line-height:1.35;transition:opacity .24s;position:absolute;inset:0}.site .demo-window.is-fading .demo-canvas{opacity:0}.site .demo-window.is-paused .demo-canvas,.site .demo-window.is-paused .demo-canvas *{animation-play-state:paused}.site .demo-window.is-jumping .demo-canvas,.site .demo-window.is-jumping .demo-canvas *{transition:none!important;animation:none!important}.site .demo-canvas *,.site .demo-canvas :before,.site .demo-canvas :after{box-sizing:border-box}.site .demo-canvas svg{fill:currentColor;flex:none;width:18px;height:18px;display:block}.site .demo-canvas :is(b,i,u){font-style:normal;text-decoration:none}.site .demo-float{background:#fff;border-radius:16px;transition:opacity .35s,transform .4s,visibility .35s;display:block;position:absolute;box-shadow:0 0 0 5px #ffffff24,0 24px 56px -22px #0009}.site .demo-float[data-when]:not(.is-on){opacity:0;visibility:hidden;transform:translateY(12px)}.site .demo-show{transition:opacity .3s,transform .3s,visibility .3s}.site .demo-show:not(.is-on){opacity:0;visibility:hidden}.site .demo-link{z-index:1;clip-path:inset(-6px -6px calc(100% + 6px));background:#fff;border-radius:2px;width:2px;transition:clip-path .45s;position:absolute}.site .demo-link:before,.site .demo-link:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;left:-3px}.site .demo-link:before{top:-3px}.site .demo-link:after{bottom:-3px}.site .demo-link.is-on{clip-path:inset(-6px)}.site .demo-cursor{z-index:20;width:0;height:0;transform:translate(var(--demo-x), var(--demo-y));pointer-events:none;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.site .demo-canvas .demo-cursor svg{fill:#fff;stroke:#0e0e0e;stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0000004d);width:24px;height:24px;position:absolute;top:-2px;left:-5px}.site .demo-cursor-ring{border:2px solid var(--_pebbles-ai-2-0---turquoise);opacity:0;background:#0f7f751f;border-radius:50%;width:48px;height:48px;position:absolute;top:-24px;left:-24px}.site .demo-cursor.is-clicking .demo-cursor-ring{animation:.6s ease-out demo-click}@keyframes demo-click{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.1)}}.site .demo-marker{width:1px;height:1px;position:absolute}.site .demo-skeleton.demo-show{flex-direction:column;gap:11px;min-width:0;transition-duration:.15s;display:flex}.site .demo-skeleton i{background:#ececec;border-radius:5px;height:10px;display:block}.site .demo-skeleton i:nth-child(3n+1){width:94%}.site .demo-skeleton i:nth-child(3n+2){width:76%}.site .demo-skeleton i:nth-child(3n){width:58%}.site .demo-button{background:var(--_pebbles-ai-2-0---turquoise);color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1.2;transition:transform .12s;display:inline-flex}.site .demo-button.is-pressed{transform:scale(.95)}.site .demo-button.is-outline{color:#313131;background:#fff;border:1px solid #d6d6d6}.site .demo-canvas .demo-button svg{width:16px;height:16px}.site .demo-field{flex-direction:column;gap:5px;display:flex}.site .demo-label{color:#626262;font-size:13.5px;font-weight:500}.site .demo-input{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.45;transition:border-color .2s,box-shadow .2s;display:block;position:relative}.site .demo-input.is-on{border-color:var(--_pebbles-ai-2-0---turquoise);box-shadow:0 0 0 3px #0f7f751f}.site .demo-line{white-space:nowrap;min-height:1.45em;display:block}.site .demo-placeholder{color:#a6a6a6;opacity:0;transition:opacity .15s;position:absolute;top:10px;left:14px;right:14px}.site .demo-placeholder.is-on{opacity:1}.site .demo-typed{white-space:nowrap;clip-path:inset(0 100% 0 0);display:inline-block}.site .demo-typed.is-on{animation:demo-type var(--demo-ms) steps(var(--demo-chars)) var(--demo-delay) forwards}@keyframes demo-type{to{clip-path:inset(0)}}.site .demo-check{color:#fff;width:16px;height:16px;transition:background-color .2s,border-color .2s;transition-delay:calc(var(--demo-order,0) * .17s);background:#fff;border:1px solid #cfcfcf;border-radius:4px;flex:none;place-items:center;display:grid}.site .demo-canvas .demo-check svg{opacity:0;width:12px;height:12px;transition:opacity .2s;transition-delay:calc(var(--demo-order,0) * .17s)}.site .demo-check.is-on{border-color:var(--_pebbles-ai-2-0---turquoise);background:var(--_pebbles-ai-2-0---turquoise)}.site .demo-check.is-on svg{opacity:1}.site .demo-status{flex:none;width:18px;height:18px;display:block;position:relative}.site .demo-status-spin{border:2px solid #d9d9d9;border-top-color:var(--_pebbles-ai-2-0---turquoise);transition:opacity .15s;transition-delay:calc(var(--demo-order,0) * .3s);border-radius:50%;animation:.9s linear infinite demo-spin;position:absolute;inset:1px}.site .demo-status-done{background:var(--_pebbles-ai-2-0---turquoise);color:#fff;opacity:0;transition:opacity .15s;transition-delay:calc(var(--demo-order,0) * .3s);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.site .demo-canvas .demo-status-done svg{width:12px;height:12px}.site .demo-status.is-on .demo-status-spin{opacity:0}.site .demo-status.is-on .demo-status-done{opacity:1}@keyframes demo-spin{to{transform:rotate(360deg)}}.site .demo-toggle{z-index:2;color:#262c37;cursor:pointer;background:#fff;border:1px solid #0e0e0e14;border-radius:50%;grid-area:auto;place-items:center;width:32px;height:32px;margin:0;padding:0;transition:background-color .15s;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 16px -8px #0009}.site .demo-toggle:hover{background:#ececec}.site .demo-toggle:focus-visible{outline-offset:2px;outline:2px dotted #262c37;box-shadow:0 0 0 6px #fff}.site .demo-toggle svg{fill:currentColor;width:14px;height:14px;display:block}.site .workflow-demo.is-still .demo-toggle{display:none}@media (prefers-reduced-motion:reduce){.site .demo-toggle{display:none}}@media (forced-colors:active){.site .demo-toggle{border-color:buttontext}.site .demo-toggle svg{fill:buttontext}}@container (max-width:559px){.site .demo-window{height:470px}.site .demo-toggle{bottom:8px;right:8px}.site .demo-input{padding:9px 10px;font-size:12px}.site .demo-placeholder{top:9px;left:10px;right:10px}}@media (max-width:767px){.site .workflow-demo{background-size:20px 20px;border-radius:16px}}@media (hover:none){.site .demo-toggle:after{content:"";position:absolute;inset:-6px}}