:root{--yam-stack-loop: 14s}html,body{overflow-x:clip}.yam-cycle-wrap{margin:0 auto;max-width:820px}.yam-cycle{position:relative;aspect-ratio:16 / 10;max-height:540px;--demo-step-out: scale(.97)}.yam-cycle-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px #0006,0 12px 28px -10px #0003;border:1px solid #e7e7ec;color:#111;display:flex;flex-direction:column;min-width:0}.yam-cycle-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:18px}.yam-cycle-tab{border-radius:999px;border:1px solid var(--color-neutral-300);padding:6px 14px;font-size:12px;font-weight:700;color:var(--color-neutral-600);background:transparent;transition:color .2s,border-color .2s,background-color .2s}.yam-cycle-tab:hover{color:var(--color-neutral-900);border-color:var(--color-neutral-500)}.yam-cycle-tab[aria-selected=true]{background:var(--color-accent-600);border-color:var(--color-accent-600);color:#fff}:root.dark .yam-cycle-tab,.dark .yam-cycle-tab{border-color:var(--color-neutral-700);color:var(--color-neutral-200)}:root.dark .yam-cycle-tab:hover,.dark .yam-cycle-tab:hover{color:var(--color-neutral-50);border-color:var(--color-neutral-500)}:root.dark .yam-cycle-tab[aria-selected=true],.dark .yam-cycle-tab[aria-selected=true]{background:var(--color-accent-400);border-color:var(--color-accent-400);color:var(--color-neutral-950)}.yam-cycle-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f4f4f6;border-bottom:1px solid #e7e7ec}.yam-cycle-dots{display:inline-flex;gap:5px;flex:0 0 auto}.yam-cycle-dots span{width:9px;height:9px;border-radius:50%;background:#d3d3d8}.yam-cycle-url{flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:#404040;text-align:center}.yam-cycle-body{flex:1;padding:18px;background:#fff;overflow:hidden}.yam-cycle-label{padding:10px 16px;border-top:1px solid #f0f0f3;background:#fafafa;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#111;text-align:center}.yam-cycle-body.yam-shot{padding:0;background:#fff}.yam-cycle-body.yam-shot--dark{background:#000}.yam-shot-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.yam-cycle-body.yam-shot .yam-shot-img{object-fit:contain;object-position:center}.yam-prod-mock--shot{padding:0}.yam-prod-mock--shot .yam-shot-img{object-position:top left}.yam-mock-web{display:flex;flex-direction:column;gap:12px;height:100%}.yam-mock-web-hero{flex:1.6;border-radius:8px;background:linear-gradient(135deg,#1a1a1a,#888)}.yam-mock-web-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.yam-mock-web-row span{aspect-ratio:3 / 2;border-radius:6px;background:#f0f0f3;border:1px solid #e7e7ec}.yam-mock-web-row--lg{grid-template-columns:repeat(2,1fr)}.yam-mock-web-row--lg span{background:#e7e7ec}.yam-mock-web-foot{height:14px;border-radius:4px;background:#111}.yam-mock-store{display:flex;flex-direction:column;gap:8px;height:100%;position:relative}.yam-mock-store-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1}.yam-mock-store-row span{border-radius:6px;background:#d8d8de}.yam-mock-store-row span[data-h=a]{background:linear-gradient(135deg,#4a3340,#b89aa6)}.yam-mock-store-row span[data-h=b]{background:linear-gradient(135deg,#3a3a3f,#c8c4be)}.yam-mock-store-row span[data-h=c]{background:linear-gradient(135deg,#2a2a2e,#888)}.yam-mock-store-row span[data-h=d]{background:linear-gradient(135deg,#3c4537,#b8b8a0)}.yam-mock-store-row span[data-h=e]{background:linear-gradient(135deg,#2d4031,#9eb898)}.yam-mock-store-row span[data-h=f]{background:linear-gradient(135deg,#2a201a,#9a826c)}.yam-mock-store-cart{text-align:center;margin-top:4px}.yam-mock-store-cart-pill{display:inline-block;background:#111;color:#fff;padding:6px 14px;border-radius:999px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.12em}.yam-mock-pos{display:flex;flex-direction:column;gap:14px;height:100%}.yam-mock-pos-floor{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.yam-mock-pos-table{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:800;color:#111;background:transparent;border:1.5px solid #d8d8de}.yam-mock-pos-table[data-s=b]{background:#111;color:#fff;border-color:#111}.yam-mock-pos-table[data-s=p]{background:repeating-linear-gradient(45deg,#111 0 3px,#f6f4ee 3px 6px);color:#fff;border-color:#111}.yam-mock-pos-table[data-s=d]{background:#d8d8de;color:#555;border-color:#d8d8de;opacity:.6}.yam-mock-pos-foot{display:flex;justify-content:center;gap:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#777;font-weight:700}.yam-mock-music{display:flex;flex-direction:column;gap:14px;height:100%}.yam-mock-music-wave{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.yam-mock-music-wave span{width:4px;height:var(--h);background:#111;border-radius:1px}.yam-mock-music-queue{display:flex;flex-direction:column;gap:5px}.yam-mock-music-q-row{display:flex;justify-content:space-between;padding:6px 12px;background:#fafafa;border:1px solid #f0f0f3;border-radius:6px;font-size:11px}.yam-mock-music-q-row b{color:#111;font-weight:700}.yam-mock-music-q-row i{color:#777;font-style:normal;font-family:ui-monospace,SF Mono,Menlo,monospace}.yam-mock-flow{display:flex;flex-direction:column;gap:12px;height:100%}.yam-mock-flow-svg{flex:1;width:100%;border-radius:6px;background:#fafafa;border:1px solid #f0f0f3}.yam-mock-flow-foot{display:flex;justify-content:center;gap:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#777;font-weight:700}.yam-mock-bot{height:100%;background:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px) 0 0 / 14px 14px,#ece5dd;padding:14px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;gap:8px}.yam-mock-bot-bubble{max-width:80%;padding:8px 12px;border-radius:12px;font-size:12px;line-height:1.4;color:#111;box-shadow:0 1px 2px #00000014}.yam-mock-bot-bubble--in{background:#fff;align-self:flex-start;border-bottom-left-radius:4px}.yam-mock-bot-bubble--out{background:#dcf8c6;align-self:flex-end;border-bottom-right-radius:4px}.yam-prod-mock{aspect-ratio:16 / 9;border-radius:10px;background:#fafafa;border:1px solid #f0f0f3;overflow:hidden;padding:12px;color:#111;display:flex;align-items:stretch;justify-content:stretch}:root.dark .yam-prod-mock,.dark .yam-prod-mock{background:#18181b;border-color:#27272a;color:#e4e4e7}.yam-prod-mock>*{flex:1}.yam-pm-web{display:flex;flex-direction:column;gap:6px}.yam-pm-bar{display:flex;gap:4px;padding:4px 6px;background:#f0f0f3;border-radius:4px}:root.dark .yam-pm-bar,.dark .yam-pm-bar{background:#27272a}.yam-pm-bar span{width:6px;height:6px;border-radius:50%;background:#d3d3d8}.yam-pm-hero{flex:2;border-radius:4px;background:linear-gradient(135deg,#111,#777)}.yam-pm-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.yam-pm-row span{aspect-ratio:2/1;background:#d8d8de;border-radius:3px}:root.dark .yam-pm-row span,.dark .yam-pm-row span{background:#3f3f46}.yam-pm-store{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px}.yam-pm-store span{border-radius:4px}.yam-pm-store span[data-h=a]{background:linear-gradient(135deg,#4a3340,#b89aa6)}.yam-pm-store span[data-h=b]{background:linear-gradient(135deg,#3a3a3f,#c8c4be)}.yam-pm-store span[data-h=c]{background:linear-gradient(135deg,#2a2a2e,#888)}.yam-pm-store span[data-h=d]{background:linear-gradient(135deg,#3c4537,#b8b8a0)}.yam-pm-store span[data-h=e]{background:linear-gradient(135deg,#2d4031,#9eb898)}.yam-pm-store span[data-h=f]{background:linear-gradient(135deg,#2a201a,#9a826c)}.yam-pm-pos{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.yam-pm-pos span{border-radius:4px;border:1.2px solid #d8d8de}:root.dark .yam-pm-pos span,.dark .yam-pm-pos span{border-color:#3f3f46}.yam-pm-pos span[data-s=b]{background:#111;border-color:#111}:root.dark .yam-pm-pos span[data-s=b],.dark .yam-pm-pos span[data-s=b]{background:#fafafa;border-color:#fafafa}.yam-pm-pos span[data-s=p]{background:repeating-linear-gradient(45deg,#111 0 2px,#f6f4ee 2px 4px);border-color:#111}.yam-pm-pos span[data-s=d]{background:#d8d8de;opacity:.5}.yam-pm-music{display:flex;align-items:center;justify-content:center;gap:3px}.yam-pm-music span{width:3px;height:var(--h);background:#111;border-radius:1px}:root.dark .yam-pm-music span,.dark .yam-pm-music span{background:#fafafa}.yam-pm-flow{width:100%;height:100%;color:#111}:root.dark .yam-pm-flow,.dark .yam-pm-flow{color:#fafafa}.yam-pm-bot{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:4px;background:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px) 0 0 / 10px 10px,#ece5dd;height:100%}.yam-pm-bot>span{font-size:10px;line-height:1.3;padding:4px 8px;border-radius:8px;color:#111;box-shadow:0 1px 2px #00000014;max-width:85%}.yam-pm-bot-in{background:#fff;align-self:flex-start;border-bottom-left-radius:2px}.yam-pm-bot-out{background:#dcf8c6;align-self:flex-end;border-bottom-right-radius:2px}.yam-pm-bot-rule{align-self:flex-end;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:8px;letter-spacing:.06em;background:transparent;box-shadow:none;color:#6b6b6b;padding:0 2px}.yam-pm-agent{display:grid;grid-template-columns:1fr 12px auto;grid-template-rows:repeat(3,auto);align-content:center;gap:5px 8px;font-size:9px;line-height:1}.yam-pm-agent:before{content:"";grid-column:2;grid-row:1 / 4;margin:7px 0;border:1px solid #d0d0d6;border-left:0;border-radius:0 5px 5px 0}:root.dark .yam-pm-agent:before,.dark .yam-pm-agent:before{border-color:#3f3f46}.yam-pm-agent-ch{grid-column:1;justify-self:stretch;text-align:right;padding:4px 7px;border-radius:999px;border:1px solid #d8d8de;color:#444;background:#fff}:root.dark .yam-pm-agent-ch,.dark .yam-pm-agent-ch{border-color:#3f3f46;color:#a1a1aa;background:#101012}.yam-pm-agent-hub{grid-column:3;grid-row:1 / 4;align-self:center;padding:6px 9px;border-radius:6px;font-weight:700;background:var(--color-accent-600);color:#fff}:root.dark .yam-pm-agent-hub,.dark .yam-pm-agent-hub{background:var(--color-accent-400);color:var(--color-neutral-950)}.yam-pm-agent-out{grid-column:1 / 4;margin-top:6px;padding:4px 7px;border-radius:4px;border:1px dashed #c9c9d0;color:#444;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:8px;letter-spacing:.04em}:root.dark .yam-pm-agent-out,.dark .yam-pm-agent-out{border-color:#3f3f46;color:#a1a1aa}.yam-stack-wrap{display:flex;flex-direction:column;gap:16px}.yam-stack-svg{display:block;width:100%;height:auto}.yam-stack-dot{fill:#d8d8de}:root.dark .yam-stack-dot,.dark .yam-stack-dot{fill:#27272a}.yam-stack-node rect{fill:#fff;stroke:#111;stroke-width:1.4}:root.dark .yam-stack-node rect,.dark .yam-stack-node rect{fill:#18181b;stroke:#fafafa}.yam-stack-node--hub rect{fill:var(--color-accent-600)}:root.dark .yam-stack-node--hub rect,.dark .yam-stack-node--hub rect{fill:var(--color-accent-400)}.yam-stack-node-name{font-family:ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:700;fill:#111}:root.dark .yam-stack-node-name,.dark .yam-stack-node-name{fill:#fafafa}.yam-stack-node-name--hub{fill:#fff}:root.dark .yam-stack-node-name--hub,.dark .yam-stack-node-name--hub{fill:#111}.yam-stack-node-tag{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.1em;fill:#4a4a4a}:root.dark .yam-stack-node-tag,.dark .yam-stack-node-tag{fill:#c4c4c4}.yam-stack-node-tag--hub{fill:#fff}:root.dark .yam-stack-node-tag--hub,.dark .yam-stack-node-tag--hub{fill:#333}.yam-stack-edge{--edge-start: calc(var(--i) * .05);fill:none;stroke:#111;stroke-width:1.5;stroke-dasharray:600;stroke-dashoffset:calc(600*(1 - clamp(0,(var(--progress, 1) - .1 - var(--edge-start)) / .22,1)))}:root.dark .yam-stack-edge,.dark .yam-stack-edge{stroke:#fafafa}.yam-stack-marker{fill:#111}:root.dark .yam-stack-marker,.dark .yam-stack-marker{fill:#fafafa}.yam-stack-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}.yam-stack-legend-btn{width:100%;display:grid;grid-template-columns:48px auto 48px 1fr;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:12px;text-align:left;transition:border-color .25s ease,background-color .25s ease}.yam-stack-legend-btn:hover{border-color:var(--color-accent-600)}.yam-stack-legend-btn[aria-selected=true]{border-color:var(--color-accent-600);background:var(--color-accent-50)}:root.dark .yam-stack-legend-btn:hover,.dark .yam-stack-legend-btn:hover{border-color:var(--color-accent-400)}:root.dark .yam-stack-legend-btn[aria-selected=true],.dark .yam-stack-legend-btn[aria-selected=true]{border-color:var(--color-accent-400);background:var(--color-accent-950)}.yam-stack-detail{margin-top:12px;font-size:13px;line-height:1.6;color:var(--color-neutral-600)}:root.dark .yam-stack-detail,.dark .yam-stack-detail{color:var(--color-neutral-300)}.yam-stack-edge{opacity:.35;transition:opacity .35s ease,stroke .35s ease,stroke-width .35s ease,stroke-dashoffset .5s ease}.yam-stack-node rect{transition:stroke .35s ease,stroke-width .35s ease}.yam-stack-wrap[data-active="0"] .yam-stack-edge[data-conn="0"],.yam-stack-wrap[data-active="1"] .yam-stack-edge[data-conn="1"],.yam-stack-wrap[data-active="2"] .yam-stack-edge[data-conn="2"],.yam-stack-wrap[data-active="3"] .yam-stack-edge[data-conn="3"]{opacity:1;stroke:var(--color-accent-600);stroke-width:2.5;stroke-dashoffset:0}:root.dark .yam-stack-wrap[data-active="0"] .yam-stack-edge[data-conn="0"],.dark .yam-stack-wrap[data-active="0"] .yam-stack-edge[data-conn="0"],:root.dark .yam-stack-wrap[data-active="1"] .yam-stack-edge[data-conn="1"],.dark .yam-stack-wrap[data-active="1"] .yam-stack-edge[data-conn="1"],:root.dark .yam-stack-wrap[data-active="2"] .yam-stack-edge[data-conn="2"],.dark .yam-stack-wrap[data-active="2"] .yam-stack-edge[data-conn="2"],:root.dark .yam-stack-wrap[data-active="3"] .yam-stack-edge[data-conn="3"],.dark .yam-stack-wrap[data-active="3"] .yam-stack-edge[data-conn="3"]{stroke:var(--color-accent-400)}.yam-stack-wrap[data-active="0"] [data-node=web] rect,.yam-stack-wrap[data-active="0"] [data-node=agent] rect,.yam-stack-wrap[data-active="1"] [data-node=store] rect,.yam-stack-wrap[data-active="1"] [data-node=agent] rect,.yam-stack-wrap[data-active="2"] [data-node=pos] rect,.yam-stack-wrap[data-active="2"] [data-node=agent] rect,.yam-stack-wrap[data-active="3"] [data-node=store] rect,.yam-stack-wrap[data-active="3"] [data-node=web] rect{stroke:var(--color-accent-600);stroke-width:2.5}:root.dark .yam-stack-wrap[data-active="0"] [data-node=web] rect,.dark .yam-stack-wrap[data-active="0"] [data-node=web] rect,:root.dark .yam-stack-wrap[data-active="0"] [data-node=agent] rect,.dark .yam-stack-wrap[data-active="0"] [data-node=agent] rect,:root.dark .yam-stack-wrap[data-active="1"] [data-node=store] rect,.dark .yam-stack-wrap[data-active="1"] [data-node=store] rect,:root.dark .yam-stack-wrap[data-active="1"] [data-node=agent] rect,.dark .yam-stack-wrap[data-active="1"] [data-node=agent] rect,:root.dark .yam-stack-wrap[data-active="2"] [data-node=pos] rect,.dark .yam-stack-wrap[data-active="2"] [data-node=pos] rect,:root.dark .yam-stack-wrap[data-active="2"] [data-node=agent] rect,.dark .yam-stack-wrap[data-active="2"] [data-node=agent] rect,:root.dark .yam-stack-wrap[data-active="3"] [data-node=store] rect,.dark .yam-stack-wrap[data-active="3"] [data-node=store] rect,:root.dark .yam-stack-wrap[data-active="3"] [data-node=web] rect,.dark .yam-stack-wrap[data-active="3"] [data-node=web] rect{stroke:var(--color-accent-400)}.yam-stack-legend-from,.yam-stack-legend-to{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#111;text-align:center;padding:4px 8px;background:#fff;border-radius:4px;border:1px solid #e7e7ec}:root.dark .yam-stack-legend-from,.dark .yam-stack-legend-from,:root.dark .yam-stack-legend-to,.dark .yam-stack-legend-to{color:#fafafa;background:#27272a;border-color:#3f3f46}.yam-stack-legend-arrow{text-align:center;color:#4a4a4a;font-weight:800}:root.dark .yam-stack-legend-arrow,.dark .yam-stack-legend-arrow{color:#c4c4c4}.yam-stack-legend-label{font-weight:700;color:#111}:root.dark .yam-stack-legend-label,.dark .yam-stack-legend-label{color:#fafafa}:root.dark .yam-start-rail-seg,.dark .yam-start-rail-seg{background:var(--color-neutral-800)}:root.dark .yam-start-rail-fill,.dark .yam-start-rail-fill{background:var(--color-accent-400)}@keyframes yam-start-face-in{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:none}85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.yam-prod-glow{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--color-accent-600);opacity:0;pointer-events:none}:root.dark .yam-prod-glow,.dark .yam-prod-glow{box-shadow:inset 0 0 0 2px var(--color-accent-400)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.yam-prod-glow{animation:yam-prod-glow-in linear both;animation-timeline:view();animation-range-start:cover 30%;animation-range-end:cover 70%}}}@keyframes yam-prod-glow-in{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.yam-stack-edge{animation:none!important;stroke-dashoffset:0!important}.yam-stack-edge,.yam-stack-node rect,.yam-stack-legend-btn,.yam-cycle-tab{transition:none!important}.yam-cycle{--demo-step-out: none}}