.dashboard-preview{text-align:center;border-top:1px solid var(--border);padding:5.5rem 0}.dashboard-preview .rule-line{margin-inline:auto}.dashboard-preview .section-tag{display:block}.dashboard-frame{max-width:var(--maxw);border:1px solid var(--accent-line);box-shadow:var(--shadow-card);transition:box-shadow .6s var(--ease), border-color .6s var(--ease);border-radius:12px;margin:1.5rem auto 0;overflow:hidden}.dashboard-frame img{cursor:zoom-in;width:100%;height:auto;display:block}.fabric-animation{width:min(100%, var(--maxw));border:1px solid var(--border-hi);box-shadow:var(--shadow-card);border-radius:12px;margin:3rem auto 0;position:relative;overflow:hidden}.workspace-anim{--bg:#0a1220;--bg2:#0f1b2d;--panel:#0f1b2d9e;--line:#22324a;--line-hi:#33486a;--ink:#e8edf6;--steel:#7d93b8;--muted:#5a6885;--ice:#39d0e8;--ice-deep:#1e7a8a;--violet:#a78bff;--green:#54d6a0;--amber:#fa5;--red:#ff5f77;--yellow:#fc5;background:radial-gradient(1200px 600px at 50% 0%, #13202b 0%, #0a1220 70%), var(--bg);width:100%;position:relative;overflow:hidden}.workspace-anim svg{width:100%;height:auto;display:block}@keyframes ws-fade{to{opacity:1}}@keyframes ws-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ws-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ws-draw{to{stroke-dashoffset:0}}@keyframes ws-flow{to{stroke-dashoffset:-180px}}@keyframes ws-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes ws-blink{50%{opacity:0}}@keyframes ws-rowGlow{0%,to{opacity:0}50%{opacity:.25}}.workspace-anim .ws-chrome{opacity:0;animation:.6s .1s forwards ws-fade}.workspace-anim .ws-sidebar{opacity:0;animation:.6s .25s forwards ws-fade}.workspace-anim .ws-nav-item{opacity:0;transform-box:fill-box;animation:.5s forwards ws-rise}.workspace-anim .ws-panel{opacity:0;animation:.7s forwards ws-fade}.workspace-anim .ws-row{opacity:0;transform-box:fill-box;animation:.45s forwards ws-rise}.workspace-anim .ws-node{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.2,.8,.2,1) forwards ws-pop}.workspace-anim .ws-edge{stroke-dasharray:1;stroke-dashoffset:1px;animation:.55s forwards ws-draw}.workspace-anim .ws-edge-live{stroke-dasharray:5 8;animation:4s linear infinite ws-flow}.workspace-anim .ws-line{opacity:0;animation:.5s forwards ws-rise}.workspace-anim .ws-citation{opacity:0;animation:.45s cubic-bezier(.2,.8,.2,1) forwards ws-pop}.workspace-anim .ws-live{animation:2s ease-in-out infinite ws-pulse}.workspace-anim .ws-cursor{animation:1s step-end infinite ws-blink}.workspace-anim .ws-rowhi{animation:4s ease-in-out infinite ws-rowGlow}.workspace-anim .ws-logo{letter-spacing:.32em;fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.workspace-anim .ws-chip{letter-spacing:.04em;fill:var(--steel);font-family:IBM Plex Mono,monospace;font-size:11px}.workspace-anim .ws-search{letter-spacing:.04em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.workspace-anim .ws-status{letter-spacing:.18em;fill:var(--green);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .ws-nav{letter-spacing:.18em;fill:var(--steel);font-family:IBM Plex Mono,monospace;font-size:10.5px}.workspace-anim .ws-nav-active{fill:var(--ice)}.workspace-anim .ws-panel-title{letter-spacing:.18em;fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.workspace-anim .ws-panel-sub{letter-spacing:.14em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .ws-col{letter-spacing:.14em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9.5px}.workspace-anim .ws-id{fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:12px}.workspace-anim .ws-cell{fill:#b8c4d6;font-family:IBM Plex Mono,monospace;font-size:11px}.workspace-anim .ws-foot{letter-spacing:.12em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .ws-foot-cta{letter-spacing:.16em;fill:var(--ice);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .ws-node-label{fill:var(--ink);text-anchor:middle;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.workspace-anim .ws-edge-label{letter-spacing:.08em;fill:var(--muted);text-anchor:middle;font-family:IBM Plex Mono,monospace;font-size:8.5px}.workspace-anim .ws-user{fill:var(--ink);font-family:IBM Plex Sans,sans-serif;font-size:13px}.workspace-anim .ws-assistant{fill:#cbd4e4;font-family:IBM Plex Sans,sans-serif;font-size:12.5px}.workspace-anim .ws-assistant-strong{fill:var(--ink);font-family:IBM Plex Sans,sans-serif;font-size:12.5px;font-weight:600}.workspace-anim .ws-cite-num{fill:#0a1220;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.workspace-anim .ws-cite-text{fill:var(--ice);font-family:IBM Plex Sans,sans-serif;font-size:11.5px}.workspace-anim .ws-input-text{fill:var(--muted);font-family:IBM Plex Sans,sans-serif;font-size:12px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;cursor:zoom-out;background:#06080be0;justify-content:center;align-items:center;padding:2rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.lightbox-overlay--visible{opacity:1}.lightbox-image{object-fit:contain;border-radius:6px;max-width:98vw;max-height:98vh;transition:transform .3s;transform:scale(.95);box-shadow:0 8px 40px #0009}.lightbox-overlay--visible .lightbox-image{transform:scale(1.04)}.ws-close-btn{display:none}@media (width<=768px){.dashboard-preview{padding:4rem 0}.dashboard-frame.workspace-frame{cursor:pointer;position:relative;overflow:hidden}.workspace-frame:after{content:"TAP TO EXPAND  ⤢";letter-spacing:.18em;color:var(--accent-soft);z-index:5;pointer-events:none;background:linear-gradient(#0a0e1700 0%,#0a0e178c 60%,#0a0e17eb 100%);justify-content:center;align-items:flex-end;padding-bottom:1.25rem;font-family:IBM Plex Mono,monospace;font-size:11px;transition:opacity .2s;display:flex;position:absolute;inset:0}.workspace-frame.expanded{z-index:9999;background:var(--bg);-webkit-overflow-scrolling:touch;border:none;border-radius:0;max-width:none;margin:0;position:fixed;inset:0;overflow:auto}.workspace-frame.expanded .workspace-anim{min-width:1560px}.workspace-frame.expanded:after{display:none}.workspace-frame.expanded .ws-close-btn{border:1px solid var(--accent-line);width:44px;height:44px;color:var(--accent-soft);z-index:10001;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e17eb;border-radius:50%;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:18px;line-height:1;display:flex;position:fixed;top:1rem;right:1rem}.fabric-animation{margin-top:2rem}}