.dashboard-preview{text-align:center;border-top:1px solid var(--surface-line);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(--surface-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 color-mix(in srgb, var(--signal) 30%, var(--surface-line));box-shadow:var(--shadow-card);border-radius:12px;margin:3rem auto 0;position:relative;overflow:hidden}.workspace-anim{--bg:var(--bg-sunken);--bg2:var(--bg);--panel:#1319229e;--line:var(--surface-line);--line-hi:#33404e;--ink:var(--text);--steel:var(--text-muted);--muted:var(--text-faint);--ice:var(--signal);--ice-deep:color-mix(in srgb, var(--signal) 55%, var(--bg-sunken));--violet:#a78bff;--green:#54d6a0;--amber:#fa5;--red:var(--alert);--yellow:#fc5;background:radial-gradient(1200px 600px at 50% 0%, var(--bg-raised) 0%, var(--bg-sunken) 70%), var(--bg-sunken);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:8s 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:6s ease-in-out infinite ws-pulse}.workspace-anim .ws-cursor{animation:1s step-end infinite ws-blink}.workspace-anim .ws-rowhi{animation:8s 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:var(--text-muted);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:Inter,sans-serif;font-size:13px}.workspace-anim .ws-assistant{fill:var(--text);font-family:Inter,sans-serif;font-size:12.5px}.workspace-anim .ws-assistant-strong{fill:var(--ink);font-family:Inter,sans-serif;font-size:12.5px;font-weight:600}.workspace-anim .ws-cite-num{fill:#0b0e13;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.workspace-anim .ws-cite-text{fill:var(--ice);font-family:Inter,sans-serif;font-size:11.5px}.workspace-anim .ws-input-text{fill:var(--muted);font-family:Inter,sans-serif;font-size:12px}@keyframes gr-fade{to{opacity:1}}@keyframes gr-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gr-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes gr-draw{to{stroke-dashoffset:0}}@keyframes gr-flow{to{stroke-dashoffset:-180px}}@keyframes gr-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes gr-blink{50%{opacity:0}}@keyframes gr-ringPulse{0%{opacity:.6;transform:scale(.55)}65%{opacity:.14}to{opacity:0;transform:scale(2.5)}}.workspace-anim .gr-chrome{opacity:0;animation:.6s .1s forwards gr-fade}.workspace-anim .gr-sidebar{opacity:0;animation:.6s .25s forwards gr-fade}.workspace-anim .gr-nav-item{opacity:0;transform-box:fill-box;animation:.5s forwards gr-rise}.workspace-anim .gr-panel{opacity:0;animation:.7s forwards gr-fade}.workspace-anim .gr-row{opacity:0;transform-box:fill-box;animation:.45s forwards gr-rise}.workspace-anim .gr-node{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.2,.8,.2,1) forwards gr-pop}.workspace-anim .gr-edge{stroke-dasharray:1;stroke-dashoffset:1px;animation:.55s forwards gr-draw}.workspace-anim .gr-edge-live{stroke-dasharray:5 8;animation:8s linear infinite gr-flow}.workspace-anim .gr-line{opacity:0;animation:.5s forwards gr-rise}.workspace-anim .gr-citation{opacity:0;animation:.45s cubic-bezier(.2,.8,.2,1) forwards gr-pop}.workspace-anim .gr-live{animation:6s ease-in-out infinite gr-pulse}.workspace-anim .gr-cursor{animation:1s step-end infinite gr-blink}.workspace-anim .gr-ring{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:6s ease-out infinite gr-ringPulse}.workspace-anim .gr-flag{stroke-dasharray:3 3;animation:8s ease-in-out infinite gr-pulse}.workspace-anim .gr-logo{letter-spacing:.32em;fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.workspace-anim .gr-chip{letter-spacing:.04em;fill:var(--steel);font-family:IBM Plex Mono,monospace;font-size:11px}.workspace-anim .gr-search{letter-spacing:.04em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.workspace-anim .gr-status{letter-spacing:.18em;fill:var(--green);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .gr-nav{letter-spacing:.18em;fill:var(--steel);font-family:IBM Plex Mono,monospace;font-size:10.5px}.workspace-anim .gr-nav-active{fill:var(--ice)}.workspace-anim .gr-panel-title{letter-spacing:.18em;fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.workspace-anim .gr-panel-sub{letter-spacing:.14em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .gr-col{letter-spacing:.14em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9.5px}.workspace-anim .gr-id{fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:12px}.workspace-anim .gr-cell{fill:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:11.5px}.workspace-anim .gr-foot{letter-spacing:.12em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .gr-foot-cta{letter-spacing:.16em;fill:var(--ice);font-family:IBM Plex Mono,monospace;font-size:10px}.workspace-anim .gr-node-label{fill:var(--ink);text-anchor:middle;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.workspace-anim .gr-edge-label{letter-spacing:.08em;fill:var(--muted);text-anchor:middle;font-family:IBM Plex Mono,monospace;font-size:8.5px}.workspace-anim .gr-badge-text{letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.workspace-anim .gr-cite-num{fill:#0b0e13;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.workspace-anim .gr-cite-text{fill:var(--ice);font-family:Inter,sans-serif;font-size:11.5px}.workspace-anim .gr-obj-title{fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:700}.workspace-anim .gr-stat-num{fill:var(--ink);font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:700}.workspace-anim .gr-stat-label{letter-spacing:.1em;fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:8.5px}.workspace-anim .gr-btn-text{letter-spacing:.1em;fill:#0b0e13;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600}.mockup-frame{background:var(--bg-sunken);border:1px solid var(--surface-line);border-radius:8px;position:relative;overflow:hidden}.mockup-chrome{border-bottom:1px solid var(--surface-line);align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.mockup-dots{flex:none;gap:6px;display:flex}.mockup-dots i{background:var(--text-faint);border-radius:50%;width:10px;height:10px}.mockup-url{letter-spacing:.08em;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Mono,monospace;font-size:11px;overflow:hidden}.mockup-inner{border:1px solid color-mix(in srgb, var(--signal) 40%, transparent)}@keyframes edge-pulse{0%,to{opacity:.3}50%{opacity:.75}}.edge-pulse{animation:8s ease-in-out infinite edge-pulse}@keyframes scan-sweep{0%{transform:translateY(-100%)}to{transform:translateY(500%)}}.scan-sweep{pointer-events:none;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--signal) 6%, transparent) 50%, transparent 100%);height:25%;animation:9s linear infinite scan-sweep;position:absolute;top:0;left:0;right:0}@keyframes feed-scroll{to{transform:translateY(-50%)}}.signal-feed{background:var(--bg-sunken);color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:12.5px;line-height:1.9;position:relative;overflow:hidden}.signal-feed .feed-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.signal-feed .feed-line.hl{color:var(--signal)}.signal-feed .feed-line.alert{color:var(--alert)}.signal-feed .feed-line.alert:before{content:"▲ "}.signal-feed.scrolling .feed-track{animation:30s linear infinite feed-scroll}.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<=900px){.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(--signal-strong);z-index:5;pointer-events:none;background:linear-gradient(#0b0e1300 0%,#0b0e138c 60%,#0b0e13eb 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{top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));border:1px solid color-mix(in srgb, var(--signal) 40%, transparent);width:44px;height:44px;color:var(--signal-strong);z-index:10001;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0e13eb;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}.fabric-animation{margin-top:2rem}}@media (prefers-reduced-motion:reduce){.workspace-anim *{animation:none!important}.workspace-anim .ws-chrome,.workspace-anim .ws-sidebar,.workspace-anim .ws-nav-item,.workspace-anim .ws-panel,.workspace-anim .ws-row,.workspace-anim .ws-node,.workspace-anim .ws-line,.workspace-anim .ws-citation,.workspace-anim .gr-chrome,.workspace-anim .gr-sidebar,.workspace-anim .gr-nav-item,.workspace-anim .gr-panel,.workspace-anim .gr-row,.workspace-anim .gr-node,.workspace-anim .gr-line,.workspace-anim .gr-citation{opacity:1!important}.workspace-anim .ws-edge,.workspace-anim .gr-edge{stroke-dashoffset:0!important}.workspace-anim .ws-rowhi,.workspace-anim .gr-ring{opacity:0!important}.edge-pulse{animation:none!important}.scan-sweep{display:none!important}.signal-feed.scrolling .feed-track{animation:none!important;transform:none!important}}