.mockup-zone{width:340px;height:420px;margin:0 auto;position:relative}.mockup-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:300px;position:absolute;box-shadow:0 8px 32px #0006}.card-input{z-index:1;top:0;left:5px;transform:rotate(-2deg)}.card-processing{z-index:3;top:138px;left:15px;transform:rotate(1.5deg)}.card-output{z-index:2;top:280px;left:5px;transform:rotate(-1deg)}@media (min-width:1024px){.mockup-zone{flex:1;width:auto;height:420px;margin:0}.mockup-card{width:336px}.card-input{top:0;left:0}.card-processing{top:140px;left:120px}.card-output{top:275px;left:30px}}.typing-line{min-width:10ch;min-height:1.2em;display:inline-block}.typing-cursor{color:var(--color-brand);margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bar-animated{animation:3s ease-in-out infinite progress-fill}@keyframes progress-fill{0%{width:60%}50%{width:82%}to{width:60%}}
.node{z-index:2;position:relative}svg[aria-hidden=true]{z-index:1}.avatar-row{width:160px}@media (min-width:1024px){.avatar-row{width:auto}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:6s linear infinite spin-slow}