/* The previews illustrate workflows; they never run customer jobs. */
.chapter-panels{min-width:0;align-self:center}
.chapter-panel[hidden]{display:none!important}
.chapter-panel{outline-offset:8px}
.chapter-workbench{--ink:var(--color-primary-ink);--glow:color-mix(in srgb,var(--color-primary) 17%,transparent);position:relative;isolation:isolate;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-card);overflow:hidden}
.chapter-window{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px;border-bottom:1px solid var(--color-border);color:var(--color-text-soft);font-size:10px;font-variant-numeric:tabular-nums}
.chapter-window>span:first-child{display:flex;gap:5px}
.chapter-window i{width:5px;height:5px;border-radius:50%;background:var(--color-border)}
.chapter-window i:first-child{background:var(--ink)}
.chapter-window small{font-size:8px;letter-spacing:1.5px;text-align:center}
.chapter-focus{padding:25px 28px 0;min-height:108px}
.chapter-focus-label{color:var(--ink);font-size:10px;line-height:1.6;letter-spacing:.5px}
.chapter-focus h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.9px;line-height:1.2;margin:9px 0 0;font-weight:500;text-wrap:balance}
.chapter-art{height:210px;margin:12px 28px 0;position:relative;display:grid;grid-template: minmax(0,1fr) / minmax(0,1fr);place-items:center;overflow:hidden;contain:layout paint}
.chapter-art svg{width:100%;height:100%;min-width:0;min-height:0;max-height:100%;overflow:visible}
.chapter-evidence{padding:10px 28px 24px;display:grid;gap:0}
.chapter-evidence>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--color-border);font-size:11px;line-height:1.5;animation:chapter-row-in .65s both;animation-delay:calc(var(--i)*90ms)}
.chapter-evidence span{color:var(--color-text-soft);min-width:0;overflow-wrap:anywhere}
.chapter-evidence strong{color:var(--ink);font-family:var(--font-mono,monospace);font-size:10px;font-weight:500;max-width:50%;text-align:right;overflow-wrap:anywhere}
.chapter-panel .chapter-caption{font-size:12px;line-height:1.8;max-width:520px;min-height:65px;margin:16px auto 0}
.experience-chapter:focus-visible,.chapter-panel:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:4px}
.chapter-tracks{stroke:var(--color-border);stroke-width:1.3}
.chapter-packets path{stroke:var(--ink);stroke-width:2;stroke-dasharray:8 240;animation:chapter-packet-flow 3.8s linear infinite;animation-delay:calc(var(--i)*-.8s)}
.chapter-orbit{stroke:var(--glow);stroke-dasharray:3 9;transform-origin:250px 95px;animation:chapter-orbit 35s linear infinite}
.chapter-hub{fill:var(--color-surface-raised);stroke:var(--color-border)}
.chapter-node circle:first-child{fill:var(--color-surface-raised);stroke:var(--ink);stroke-opacity:.45}
.chapter-node circle:last-child{fill:var(--ink)}
[data-chapter-animation="discovery"] .chapter-node{animation:chapter-node-discover 3.6s ease-in-out infinite;animation-delay:calc(var(--i)*.45s)}
[data-chapter-animation="links"] .chapter-packets path{stroke-dasharray:32 200;animation-duration:2.4s;stroke-width:3}
[data-chapter-animation="links"] .chapter-node{animation:chapter-link-arrival 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*.6s)}
.chapter-radar{position:relative;display:grid;place-items:center;width:180px;height:180px;border:1px solid var(--glow);border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%)}
.chapter-radar>i{position:absolute;inset:20px;border:1px solid var(--glow);border-radius:50%}
.chapter-radar>i:nth-of-type(2){inset:43px}.chapter-radar>i:nth-of-type(3){inset:65px;background:var(--color-surface);border-color:var(--color-border)}
.chapter-radar img{position:relative;z-index:1}
.chapter-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 55%,var(--glow) 96%,var(--ink));animation:chapter-orbit 4s linear infinite}
.chapter-radar-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 14px var(--glow);animation:chapter-radar-ping 4s ease infinite}
.chapter-radar .dot-a{top:25px;left:45px}.chapter-radar .dot-b{right:16px;top:95px;animation-delay:1.4s}.chapter-radar .dot-c{bottom:27px;left:31px;animation-delay:2.8s}
.chapter-trend-reference{stroke:var(--color-text-soft);stroke-width:1;stroke-dasharray:3 6;opacity:.5}
.chapter-trend-line{stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;animation:chapter-trend-draw 4.5s cubic-bezier(.2,.6,.3,1) infinite}
.chapter-trend-point{fill:var(--ink);animation:chapter-point-arrive 4.5s ease infinite}
.chapter-comparison{display:grid;gap:21px;width:90%}
.chapter-comparison>div{display:grid;gap:7px}
.chapter-comparison span,.chapter-comparison i{display:block;height:9px;width:var(--width);border-radius:0 5px 5px 0;transform-origin:left;background:var(--ink);animation:chapter-compare-bars 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*150ms)}
.chapter-comparison i{height:6px;background:var(--color-text-soft);opacity:.3;animation-direction:reverse}
.chapter-ledger-art{position:relative;width:85%;border:1px solid var(--color-border);border-radius:10px;padding:12px 16px;background:var(--color-surface-raised);box-shadow:var(--shadow-card)}
.chapter-ledger-header{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}
.chapter-ledger-header i{width:5px;height:5px;border-radius:50%;background:var(--color-border)}
.chapter-ledger-line{display:flex;align-items:center;gap:16px;height:32px;font:9px monospace;color:var(--color-text-soft)}
.chapter-ledger-line i{height:3px;background:var(--color-border);width:55%;border-radius:3px}.chapter-ledger-line b{margin-left:auto;font-weight:400;color:var(--ink);max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.chapter-inspector{position:absolute;left:10px;right:10px;top:39px;height:32px;border:1px solid var(--ink);border-radius:4px;background:var(--glow);animation:chapter-inspect 5s ease-in-out infinite}
.chapter-paper{width:60%;max-width:235px;padding:19px 22px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-card);transform:rotate(-3deg);position:relative}
.chapter-paper-mark{display:block;color:var(--ink);font-size:19px;margin-bottom:14px}
.chapter-paper>i{display:block;height:4px;margin:9px 0;border-radius:3px;background:var(--color-border);transform-origin:left;animation:chapter-write 4.8s ease infinite}
.chapter-paper>i:nth-of-type(2){width:85%;animation-delay:.2s}.chapter-paper>i:nth-of-type(3){width:93%;animation-delay:.4s}.chapter-paper>i:nth-of-type(4){width:60%;animation-delay:.6s}
.chapter-paper-chips{display:flex;gap:6px;margin-top:17px}.chapter-paper-chips b{width:30px;height:10px;border-radius:2px;background:var(--glow)}
.chapter-paper-caret{position:absolute;right:24px;top:56px;height:10px;width:2px;background:var(--ink);animation:chapter-caret 1s steps(2) infinite}
.chapter-timeline{display:flex;justify-content:space-between;position:relative;width:90%;padding-top:20px}
.chapter-timeline>span{height:2px;background:var(--ink);position:absolute;left:0;right:0;top:26px;transform-origin:left;animation:chapter-timeline-run 5s ease infinite}
.chapter-timeline>div{z-index:1;display:grid;gap:20px;justify-items:center}.chapter-timeline i{width:14px;height:14px;border:3px solid var(--color-surface);border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--glow);animation:chapter-link-arrival 5s ease infinite;animation-delay:calc(var(--i)*.65s)}
.chapter-timeline b{height:40px;width:24px;border-radius:4px;background:var(--glow);transform:scaleY(calc(.4 + var(--i)*.15));transform-origin:top}
.chapter-approval{width:82%;position:relative;display:grid;gap:9px;padding-right:23px}
.chapter-approval>div{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-raised);font:10px monospace;animation:chapter-priority-stack 5s ease infinite;animation-delay:calc(var(--i)*.22s)}
.chapter-approval>div>span{color:var(--color-text-soft)}.chapter-approval i{height:4px;background:var(--color-border);width:60%;border-radius:2px}.chapter-approval b{margin-left:auto;color:var(--ink);font-weight:400}
.chapter-approval-seal{position:absolute;bottom:-5px;right:0;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:var(--color-bg);background:var(--ink);box-shadow:0 0 0 6px var(--color-surface);animation:chapter-approve-seal 5s ease infinite}
.chapter-delivery{width:100%;height:180px;position:relative;display:flex;align-items:center;justify-content:space-around}
.chapter-delivery svg{position:absolute;inset:0;z-index:-1}.chapter-delivery-route{stroke:var(--ink);stroke-width:2;stroke-dasharray:12 200;animation:chapter-packet-flow 3s linear infinite}.chapter-delivery-arrow{stroke:var(--ink);stroke-width:2}
.chapter-delivery-page{width:74px;height:96px;padding:24px 12px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:5px;animation:chapter-send-page 4s ease infinite}
.chapter-delivery-page i{height:4px;border-radius:3px;background:var(--color-border);display:block;margin:7px 0}
.chapter-delivery-target{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--glow);color:var(--ink);font-size:32px;animation:chapter-receive 4s ease infinite}
.chapter-conversation{width:84%;position:relative;display:grid;gap:16px}
.chapter-conversation>div{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-raised);padding:17px;animation:chapter-reply 5s ease infinite}
.chapter-conversation>div:first-child{width:72%;justify-self:end;background:var(--glow);animation-delay:0s}
.chapter-conversation>div:nth-child(2){width:88%;animation-delay:.6s;position:relative;padding-left:55px}
.chapter-conversation img{position:absolute;left:15px;top:18px}.chapter-conversation i{display:block;height:4px;margin:7px 0;background:var(--color-border);border-radius:3px}.chapter-conversation i:last-child{width:65%}
.chapter-reply-dot{width:6px;height:6px;border-radius:50%;background:var(--ink);margin-left:20px;box-shadow:10px 0 var(--glow),20px 0 var(--glow);animation:chapter-caret 1.2s ease infinite}
.chapter-signals{height:150px;width:86%;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--color-border);padding-bottom:12px}
.chapter-signals>span{flex:1;height:var(--height);border-radius:5px 5px 0 0;background:var(--glow);position:relative;transform-origin:bottom;animation:chapter-signal-wave 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.25s)}
.chapter-signals i{position:absolute;top:0;left:0;right:0;height:3px;background:var(--ink);border-radius:3px}
@keyframes chapter-row-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes chapter-packet-flow{to{stroke-dashoffset:-496}}
@keyframes chapter-orbit{to{transform:rotate(360deg)}}
@keyframes chapter-node-discover{0%,100%{opacity:.35;transform:scale(.75)}35%,75%{opacity:1;transform:scale(1)}}
@keyframes chapter-link-arrival{0%,80%,100%{opacity:.55}40%{opacity:1}}
@keyframes chapter-radar-ping{0%,100%{opacity:.35;transform:scale(.8)}35%{opacity:1;transform:scale(1.2)}}
@keyframes chapter-trend-draw{0%{stroke-dashoffset:1}65%,100%{stroke-dashoffset:0}}
@keyframes chapter-point-arrive{0%,45%{opacity:0}65%,100%{opacity:1}}
@keyframes chapter-compare-bars{0%,100%{transform:scaleX(.68)}50%{transform:scaleX(1)}}
@keyframes chapter-inspect{0%,20%,100%{transform:translateY(0)}35%,55%{transform:translateY(32px)}70%,85%{transform:translateY(64px)}}
@keyframes chapter-write{0%,10%{transform:scaleX(.15)}55%,100%{transform:scaleX(1)}}
@keyframes chapter-caret{50%{opacity:.2}}
@keyframes chapter-timeline-run{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}
@keyframes chapter-priority-stack{0%,100%{transform:translateX(0)}30%,65%{transform:translateX(6px);border-color:var(--ink)}}
@keyframes chapter-approve-seal{0%,35%{opacity:.25;transform:scale(.75)}60%,100%{opacity:1;transform:scale(1)}}
@keyframes chapter-send-page{0%,100%{transform:translateX(0) rotate(-4deg)}50%{transform:translateX(14px) rotate(0)}}
@keyframes chapter-receive{0%,100%{transform:scale(.9)}60%{transform:scale(1.05)}}
@keyframes chapter-reply{0%,12%{opacity:.35;transform:translateY(7px)}40%,100%{opacity:1;transform:none}}
@keyframes chapter-signal-wave{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1)}}
html[data-page-visibility="hidden"] .chapter-workbench *, .chapter-workbench[data-scene-visible="false"] *{animation-play-state:paused!important}
@media(max-width:980px) and (min-width:761px){.chapter-art{height:235px}}
@media(max-width:760px){.chapter-window{padding:13px 17px;gap:8px}.chapter-window small{font-size:7px;letter-spacing:.7px}.chapter-focus{padding:21px 20px 0;min-height:104px}.chapter-focus h3{font-size:24px}.chapter-art{height:190px;margin:8px 17px 0}.chapter-evidence{padding:8px 20px 18px}.chapter-evidence>div{font-size:11px}.chapter-panel .chapter-caption{min-height:0;padding:0 5px;font-size:12px}.chapter-paper{width:70%}.chapter-ledger-art{width:95%}.chapter-workbench{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.chapter-panel,.chapter-workbench *{animation:none!important;transition:none!important}.chapter-trend-line{stroke-dashoffset:0}.chapter-trend-point{opacity:1}}
html[data-motion="reduced"] .chapter-panel,html[data-motion="reduced"] .chapter-workbench *{animation:none!important;transition:none!important}