.workflow-mockup[data-v-0c07188f]{aspect-ratio:4/5;background:var(--bg-card);border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;font-family:Geist,sans-serif;isolation:isolate;overflow:hidden;position:relative}.workflow-mockup[data-v-0c07188f]:before{background-image:linear-gradient(var(--ink-4) 1px,transparent 1px),linear-gradient(90deg,var(--ink-4) 1px,transparent 1px);background-size:24px 24px;content:"";inset:0;opacity:.08;pointer-events:none;position:absolute;z-index:0}.mockup-chrome[data-v-0c07188f]{align-items:center;background:var(--ink);border-bottom:1.5px solid var(--ink);color:var(--bg-card);display:flex;font-family:JetBrains Mono,monospace;font-size:11px;gap:12px;letter-spacing:.18em;padding:14px 18px;position:relative;text-transform:uppercase;z-index:2}.mockup-chrome .dots[data-v-0c07188f]{display:inline-flex;gap:5px}.mockup-chrome .dots i[data-v-0c07188f]{background:var(--ink-3);display:inline-block;height:9px;width:9px}.mockup-chrome .app-name[data-v-0c07188f]{color:var(--bg-card);font-weight:700}.mockup-chrome .live[data-v-0c07188f]{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:6px;margin-left:auto}.mockup-chrome .live .pulse[data-v-0c07188f]{background:var(--accent);box-shadow:0 0 0 0 var(--accent);display:inline-block;height:7px;width:7px}.mockup-subhead[data-v-0c07188f]{align-items:center;background:var(--bg-2);border-bottom:1.5px solid var(--ink);color:var(--ink-3);display:flex;font-family:JetBrains Mono,monospace;font-size:9px;justify-content:space-between;letter-spacing:.2em;padding:8px 18px;position:relative;text-transform:uppercase;z-index:2}.mockup-subhead .trace[data-v-0c07188f]:before{color:var(--ink);content:"> ";font-weight:700}.mockup-subhead .ver[data-v-0c07188f]{color:var(--ink);font-weight:600}.mockup-body[data-v-0c07188f]{align-items:stretch;display:flex;flex:1;flex-direction:column;gap:6px;justify-content:center;padding:18px;position:relative;z-index:2}.mockup-tile[data-v-0c07188f]{background:var(--bg-card);box-shadow:4px 4px 0 var(--ink);display:grid;gap:12px;grid-template-columns:32px 1fr auto;padding:14px 16px;position:relative}.mockup-tile[data-v-0c07188f],.mockup-tile .icon[data-v-0c07188f]{align-items:center;border:1.5px solid var(--ink)}.mockup-tile .icon[data-v-0c07188f]{background:var(--bg-2);color:var(--ink);display:inline-flex;font-size:14px;height:28px;justify-content:center;line-height:1;width:28px}.mockup-tile .title[data-v-0c07188f]{color:var(--ink);font-size:14px;font-weight:600;letter-spacing:-.005em;line-height:1.25}.mockup-tile .meta[data-v-0c07188f]{color:var(--ink-3);display:block;grid-column:2;letter-spacing:.16em;margin-top:2px}.mockup-tile .badge[data-v-0c07188f],.mockup-tile .meta[data-v-0c07188f]{font-family:JetBrains Mono,monospace;font-size:9.5px;text-transform:uppercase}.mockup-tile .badge[data-v-0c07188f]{align-self:center;background:var(--accent);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--ink);font-weight:700;grid-column:3;grid-row:1/span 2;letter-spacing:.18em;padding:4px 8px}.mockup-tile .step-tag[data-v-0c07188f]{background:var(--ink);color:var(--bg-card);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;left:-1.5px;letter-spacing:.14em;padding:2px 6px;position:absolute;top:-1.5px;transform:translate(-50%,-50%)}.mockup-arrow[data-v-0c07188f]{align-self:center;background:var(--ink);height:22px;margin:4px 0;position:relative;width:3px}.mockup-arrow .head[data-v-0c07188f]{border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--ink);bottom:-4px;height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.mockup-foot[data-v-0c07188f]{align-items:center;background:var(--ink);border-top:1.5px solid var(--ink);color:var(--bg-card);display:flex;font-family:JetBrains Mono,monospace;font-size:10px;gap:8px;letter-spacing:.18em;padding:10px 18px;position:relative;text-transform:uppercase;z-index:2}.mockup-foot .check[data-v-0c07188f]{align-items:center;background:var(--accent);color:var(--ink);display:inline-flex;font-size:11px;font-weight:700;height:16px;justify-content:center;width:16px}.mockup-foot .foot-label[data-v-0c07188f]{color:var(--bg-card);font-weight:700}.mockup-foot .foot-sep[data-v-0c07188f]{color:var(--ink-3)}.mockup-foot .foot-loop[data-v-0c07188f]{color:var(--ink-3);margin-left:auto}.mockup-scanline[data-v-0c07188f]{background:var(--accent);box-shadow:0 0 12px var(--accent);height:2px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.workflow-mockup .mockup-arrow[data-v-0c07188f],.workflow-mockup .mockup-tile[data-v-0c07188f]{opacity:0;transform:translateY(8px) scale(.98);transform-origin:center}.workflow-mockup[data-visible=true] .mockup-tile[data-v-0c07188f]{animation:mockup-tile-in-0c07188f 5.4s ease-out infinite;animation-delay:calc(var(--delay)*.9s)}.workflow-mockup[data-visible=true] .mockup-arrow[data-v-0c07188f]{animation:mockup-arrow-in-0c07188f 5.4s ease-out infinite;animation-delay:calc(var(--delay)*.9s + .6s)}.workflow-mockup[data-visible=true] .mockup-chrome .pulse[data-v-0c07188f]{animation:mockup-pulse-0c07188f 1.6s ease-out infinite}.workflow-mockup[data-visible=true] .mockup-scanline[data-v-0c07188f]{animation:mockup-scanline-0c07188f 5.4s linear infinite}@keyframes mockup-tile-in-0c07188f{0%{opacity:0;transform:translateY(10px) scale(.96)}6%{opacity:1;transform:translateY(0) scale(1.02)}12%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:0;transform:translateY(-6px) scale(.98)}}@keyframes mockup-arrow-in-0c07188f{0%{opacity:0;transform:scaleY(0);transform-origin:top}6%{opacity:1;transform:scaleY(1);transform-origin:top}72%{opacity:1;transform:scaleY(1)}85%{opacity:0;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@keyframes mockup-pulse-0c07188f{0%,to{box-shadow:0 0 0 0 var(--accent);opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.5}}@keyframes mockup-scanline-0c07188f{0%{opacity:0;top:0}4%{opacity:.6}20%{opacity:0;top:100%}to{opacity:0;top:100%}}.workflow-mockup[data-visible=true] .mockup-tile.is-last[data-v-0c07188f]{animation:mockup-tile-in-0c07188f 5.4s ease-out infinite,mockup-tile-fill-0c07188f 5.4s ease-in-out infinite;animation-delay:calc(var(--delay)*.9s),calc(var(--delay)*.9s)}@keyframes mockup-tile-fill-0c07188f{0%,30%{background:var(--bg-card);box-shadow:4px 4px 0 var(--ink)}50%,72%{background:var(--accent);box-shadow:4px 4px 0 var(--ink),0 0 0 2px var(--ink)}85%,to{background:var(--bg-card);box-shadow:4px 4px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){.workflow-mockup[data-visible=true] .mockup-arrow[data-v-0c07188f],.workflow-mockup[data-visible=true] .mockup-chrome .pulse[data-v-0c07188f],.workflow-mockup[data-visible=true] .mockup-scanline[data-v-0c07188f],.workflow-mockup[data-visible=true] .mockup-tile[data-v-0c07188f],.workflow-mockup[data-visible=true] .mockup-tile.is-last[data-v-0c07188f]{animation:mockup-fade-only-0c07188f 5.4s ease-out infinite}@keyframes mockup-fade-only-0c07188f{0%,to{opacity:0;transform:none}20%,80%{opacity:1;transform:none}}}