.product-figure{border:1px solid var(--color-border-strong);background:var(--color-bg-primary);box-shadow:.75rem .75rem 0 var(--color-bg-inset);margin:0;position:relative}.product-figure__top,.product-figure figcaption{min-height:3rem;font:650 .67rem/1 var(--font-mono);letter-spacing:.06em;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.product-figure__top{border-bottom:1px solid var(--color-border-subtle)}.product-figure__top small,.product-figure figcaption{color:var(--color-text-secondary)}.product-figure__canvas{background-image:linear-gradient(var(--color-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-subtle) 1px,transparent 1px);background-size:3.5rem 3.5rem;min-height:27rem;position:relative;overflow:hidden}.product-figure figcaption{border-top:1px solid var(--color-border-subtle)}.product-figure__signal{z-index:8;aspect-ratio:1;background:var(--color-action);width:.7rem;box-shadow:0 0 0 .45rem color-mix(in srgb,var(--color-action) 16%,transparent);border-radius:50%;position:absolute}.product-figure__terminal{width:43%;min-height:9rem;color:var(--color-text-inverse);background:var(--color-bg-inverse);font:650 .72rem/1.4 var(--font-mono);padding:1.25rem;position:absolute;top:3rem;left:3rem}.product-figure__terminal i{background:var(--patty-gray-60);width:82%;height:1px;margin-top:1rem;display:block}.product-figure__terminal i:nth-of-type(2){width:58%}.product-figure__terminal i:nth-of-type(3){width:72%}.product-figure__pipeline{border-top:1px solid var(--color-border-strong);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid;position:absolute;bottom:3rem;left:2rem;right:2rem}.product-figure__pipeline li{font:650 .62rem/1 var(--font-mono);padding-top:1rem;position:relative}.product-figure__pipeline li:before{aspect-ratio:1;background:var(--color-bg-primary);border:1px solid var(--color-action);content:"";border-radius:50%;width:.65rem;position:absolute;top:-.35rem;left:0}.product-figure__pipeline li:last-child:before{background:var(--color-action)}.product-figure__code-lines{width:35%;position:absolute;top:5rem;right:3rem}.product-figure__code-lines i{background:var(--color-border-strong);height:1px;margin-bottom:1rem;display:block}.product-figure__code-lines i:nth-child(2n){width:68%}.product-figure--patty-code .product-figure__signal{animation:figure-code 7s var(--ease-carbon) infinite;bottom:2.68rem;right:19%}.product-figure__control-core{z-index:2;aspect-ratio:1;background:var(--color-bg-inverse);width:11rem;color:var(--color-text-inverse);text-align:center;place-content:center;display:grid;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.product-figure__control-core strong{font-size:1.5rem}.product-figure__control-core span{color:var(--color-accent-inverse);font:650 .55rem/1 var(--font-mono);margin-top:.5rem}.product-figure__deployment{border:1px solid var(--color-border-strong);background:var(--color-bg-primary);min-width:8.5rem;min-height:4rem;font:650 .62rem/1 var(--font-mono);place-content:center;display:grid;position:absolute;bottom:7rem}.product-figure__deployment:before{background:var(--color-border-strong);content:"";width:1px;height:6rem;position:absolute;bottom:100%;left:50%}.product-figure__deployment--1{left:2rem}.product-figure__deployment--2{left:50%;transform:translate(-50%)}.product-figure__deployment--3{right:2rem}.product-figure__deployment i{aspect-ratio:1;background:var(--color-action);border-radius:50%;width:.45rem;margin:0 auto .55rem}.product-figure__ledger{border-top:1px solid var(--color-border-strong);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.product-figure__ledger li{font:650 .55rem/1 var(--font-mono);padding:.8rem .4rem}.product-figure--pccp .product-figure__signal{animation:figure-control 6.5s var(--ease-carbon) infinite;top:8rem;left:calc(50% - .35rem)}.product-figure__sources{gap:.75rem;display:grid;position:absolute;top:4rem;left:2.5rem}.product-figure__sources span{border:1px solid var(--color-border-strong);background:var(--color-bg-primary);width:5.5rem;height:3.5rem;font:650 .65rem/1 var(--font-mono);place-content:center;display:grid}.product-figure__permission{aspect-ratio:1;border:1px solid var(--color-action);background:var(--color-bg-primary);text-align:center;width:8.5rem;font:650 .62rem/1 var(--font-mono);border-radius:50%;place-content:center;display:grid;position:absolute;top:7rem;left:38%}.product-figure__permission:before,.product-figure__permission:after{background:var(--color-border-strong);content:"";width:8rem;height:1px;position:absolute;top:50%}.product-figure__permission:before{right:100%}.product-figure__permission:after{left:100%}.product-figure__answer{border:1px solid var(--color-border-strong);background:var(--color-bg-primary);width:31%;min-height:10rem;padding:1.25rem;position:absolute;top:4.5rem;right:2rem}.product-figure__answer small{font:650 .6rem/1 var(--font-mono)}.product-figure__answer i{background:var(--color-border-subtle);height:1px;margin-top:1rem;display:block}.product-figure__approval{min-width:12rem;color:var(--color-text-inverse);background:var(--color-bg-inverse);font:650 .65rem/1 var(--font-mono);justify-content:space-between;align-items:center;padding:1rem;display:flex;position:absolute;bottom:2.5rem;right:2rem}.product-figure__approval span{color:var(--color-accent-inverse-strong)}.product-figure--ergazo .product-figure__signal{animation:figure-work 7.5s var(--ease-carbon) infinite;top:50%;left:28%}.product-figure__workspace{border:1px solid var(--color-border-strong);background:var(--color-bg-primary);position:absolute;inset:2.5rem}.product-figure__channel{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;min-height:3.5rem;padding:1rem;display:flex}.product-figure__channel small{font:700 .66rem/1 var(--font-mono)}.product-figure__channel span{color:var(--color-text-secondary);font-size:.7rem}.product-figure__message{border:1px solid var(--color-border-subtle);grid-template-columns:2.5rem 1fr;gap:1rem;width:78%;margin:1.4rem;padding:1rem;display:grid}.product-figure__message--agent{background:var(--color-bg-inset);margin-left:auto}.product-figure__message>i{aspect-ratio:1;border:1px solid var(--color-border-strong);font:700 .65rem/1 var(--font-mono);border-radius:50%;place-content:center;font-style:normal;display:grid}.product-figure__message p{color:var(--color-text-secondary);gap:.45rem;margin:0;font-size:.72rem;display:grid}.product-figure__message strong{color:var(--color-text-primary);font:700 .58rem/1 var(--font-mono)}.product-figure__handoff{font:700 .58rem/1 var(--font-mono);align-items:center;gap:1rem;display:flex;position:absolute;bottom:1rem;right:1.5rem}.product-figure__handoff i{background:var(--color-action);width:3rem;height:1px}.product-figure--crew .product-figure__signal{animation:figure-presence 5s var(--ease-carbon) infinite;bottom:3.2rem;right:3.25rem}.product-figure__organization{position:absolute;inset:2.5rem 2rem}.product-figure__org-head{width:10rem;min-height:3.5rem;color:var(--color-text-inverse);background:var(--color-bg-inverse);font:700 .62rem/1 var(--font-mono);place-content:center;margin:auto;display:grid}.product-figure__org-head:after{background:var(--color-border-strong);content:"";width:1px;height:2.5rem;margin:auto;display:block;transform:translateY(3.5rem)}.product-figure__org-team{border-top:1px solid var(--color-border-strong);grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.product-figure__org-team span{text-align:center;font:700 .6rem/1 var(--font-mono);padding-top:1rem;position:relative}.product-figure__org-team span:before{background:var(--color-border-strong);content:"";width:1px;height:1rem;position:absolute;bottom:100%;left:50%}.product-figure__org-agents{grid-template-columns:repeat(6,1fr);gap:.75rem;margin-top:1.5rem;display:grid}.product-figure__org-agents i{aspect-ratio:1;border:1px solid var(--color-border-strong);background:var(--color-bg-primary);font:650 .55rem/1 var(--font-mono);place-content:center;font-style:normal;display:grid}.product-figure__org-controls{background:var(--color-bg-inverse);color:var(--color-text-inverse);grid-template-columns:repeat(3,1fr);margin-top:2rem;display:grid}.product-figure__org-controls div{border-right:1px solid var(--color-border-inverse);padding:.8rem}.product-figure__org-controls div:last-child{border-right:0}.product-figure__org-controls dt{color:var(--color-text-inverse-muted);font-size:.55rem}.product-figure__org-controls dd{font:700 .58rem/1 var(--font-mono);margin:.4rem 0 0}.product-figure--pilot .product-figure__signal{animation:figure-organization 8s var(--ease-carbon) infinite;top:15.2rem;left:18%}.product-figure__fallback{border:1px solid var(--color-border-strong);place-content:center;display:grid;position:absolute;inset:20%}@keyframes figure-code{0%,8%{opacity:0;transform:translate(-23rem)}20%{opacity:1}72%,88%{opacity:1;transform:translate(0)}to{opacity:0}}@keyframes figure-control{0%,12%{opacity:0;transform:translateY(-4rem)}45%,80%{opacity:1;transform:translateY(7rem)}to{opacity:0;transform:translate(-10rem,12rem)}}@keyframes figure-work{0%,10%{opacity:0;transform:translate(-8rem)}45%{opacity:1;transform:translate(6rem)}80%{opacity:1;transform:translate(19rem)}to{opacity:0}}@keyframes figure-presence{0%,15%{opacity:.25;transform:scale(.65)}45%,80%{opacity:1;transform:scale(1.2)}to{opacity:.25;transform:scale(.65)}}@keyframes figure-organization{0%,10%{opacity:0;transform:translate(0)}35%,70%{opacity:1;transform:translate(12rem)}to{opacity:0;transform:translate(24rem)}}@media (max-width:48rem){.product-figure__canvas{min-height:22rem}.product-figure__terminal{top:2rem;left:1.5rem}.product-figure__pipeline{bottom:2rem;left:1rem;right:1rem}.product-figure__deployment{min-width:6.5rem}.product-figure__deployment--1{left:1rem}.product-figure__deployment--3{right:1rem}.product-figure__permission{width:6rem;left:35%}.product-figure__answer{width:34%;right:1rem}.product-figure__workspace{inset:1.25rem}.product-figure__organization{inset:1.5rem 1rem}}@media (prefers-reduced-motion:reduce){.product-figure__signal{opacity:1;animation:none!important}}
