/* Product scenes: one visual story at a time. All examples use fictional data. */
.motion-scene{width:100%;height:100%;position:relative;color:#e6e3e0}.motion-scene *{animation-play-state:paused}.motion-scene[data-visible=true] *{animation-play-state:running}body.motion-paused .motion-scene *{animation-play-state:paused!important}.source-scene{perspective:900px;overflow:hidden}.source-doc{position:absolute;background:#E9E4DE;color:#383532;border:1px solid #aaa7a4;padding:19px;box-shadow:0 18px 35px #0005;width:252px;height:234px;border-radius:3px}.source-a{left:7%;top:38px;transform:rotate(-7deg);z-index:1}.source-b{left:35%;top:56px;z-index:3;transform:rotate(2deg)}.source-c{right:5%;top:32px;z-index:2;transform:rotate(8deg);background:#CBB8A8}.doc-heading{font-size:10px;display:flex;align-items:center;gap:8px;white-space:nowrap}.filetype{display:inline-flex;justify-content:center;align-items:center;min-width:28px;padding:3px;border:1px solid currentColor;font-size:8px;letter-spacing:.03em;border-radius:2px}.paper-lines{margin-top:24px;display:flex;flex-direction:column;gap:9px}.paper-lines i{height:3px;width:90%;background:currentColor;opacity:.17}.paper-lines i:nth-child(2){width:73%}.paper-lines i:nth-child(3){width:84%}.paper-lines.short{margin-top:20px}.paper-flow{display:flex;align-items:center;margin-top:25px}.paper-flow span{width:41px;height:23px;border:1px solid #6d6a67;border-radius:2px}.paper-flow b{width:18px;height:1px;background:#6d6a67}.scan-light{position:absolute;left:0;right:0;top:35px;height:1px;background:#6f6c69;box-shadow:0 0 12px #6b686577;animation:scan 5s ease-in-out infinite}.waveform{height:64px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:14px}.waveform i{width:3px;height:var(--height);background:#696663;border-radius:2px;animation:wave 2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.1s)}.source-b p{font-size:11px;line-height:1.7;margin-top:15px}.source-b>small{font-size:8px;color:#6e6b68;display:block;margin-top:13px}.mini-table{display:grid;grid-template-columns:1fr 1fr;margin-top:23px;font-size:9px}.mini-table span{padding:8px 2px;border-bottom:1px solid #69666333}.mini-table span:nth-child(-n+2){font-weight:600}.source-caption{position:absolute;bottom:29px;left:0;right:0;text-align:center;font-size:11px;color:#a8a5a2;display:flex;gap:8px;justify-content:center;align-items:center}.source-caption span{height:4px;width:4px;background:#c2bfbc;border-radius:50%}
.flow-scene{display:flex;align-items:center;padding:8px}.flow-scene>svg{width:100%;height:100%}.flow-node rect{fill:#2c2926;stroke:#6e6b68;stroke-width:1}.flow-node text,.scenario-tag text{fill:#e9e6e3;font-size:14px;font-family:Archivo,Arial,sans-serif}.flow-node text.sub,.scenario-tag .sub{fill:#aaa7a4;font-size:10px}.flow-node.accent rect{fill:#D4A17D;stroke:#E4BEA3}.flow-node.accent text{fill:#211A16}.flow-node.accent text.sub{fill:#533A2B}.flow-node.attention rect{stroke:#a29f9c;stroke-dasharray:4 3;fill:#383532}.connector{stroke:#BC9272;stroke-width:1.2;stroke-dasharray:5 5;animation:trace 1.8s linear infinite}.return-path{stroke-opacity:.5}.lane-rule{stroke:#615e5b55;stroke-width:1;fill:none}.lane-name{font-size:11px;fill:#9e9b98;font-family:Archivo,Arial,sans-serif}.diagram-note{fill:#9e9b98;font-size:11px;font-family:Archivo,Arial,sans-serif}.scenario-tag rect{fill:#272727;stroke:#5c5956}.scenario-tag text{font-size:12px}.standard-scene{display:flex;align-items:center;justify-content:center;gap:28px;padding:24px 35px}.pop-paper{background:#E9E4DE;color:#393633;padding:23px 28px;min-width:320px;max-width:380px;transform:rotate(-2deg);box-shadow:0 15px 30px #0004;border-radius:2px}.pop-kicker{font-size:9px;color:#6f6c69}.pop-paper h4{font-size:18px;line-height:1.25;letter-spacing:-.04em;font-weight:600;margin:8px 0 12px}.pop-meta{display:flex;justify-content:space-between;font-size:8px;border-block:1px solid #8d8a8744;padding:7px 0}.pop-step{display:flex;gap:15px;margin-top:17px}.pop-step>b{font-size:10px;color:#6e6b68}.pop-step strong{display:block;font-size:11px;font-weight:600}.pop-step span{display:block;font-size:9px;margin-top:4px}.linked-map{width:185px;border:1px solid #666360;background:#2d2a27;padding:18px;transform:rotate(3deg)}.linked-map>span{font-size:11px}.linked-map>small{font-size:10px;line-height:1.8;display:block;color:#a9a6a3}.map-mini{display:flex;align-items:center;margin-block:26px}.map-mini i{width:36px;height:25px;border:1px solid #9b9895;border-radius:2px}.map-mini b{width:14px;height:1px;background:#9b9895}.mock-header{height:45px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;background:#272727;border-bottom:1px solid #4a4744}.mock-header>span{font-size:13px;font-weight:550}.mock-header>small{font-size:9px;color:#a6a3a0}.project-visual>.motion-scene{height:calc(100% - 45px)}.mock-label{font-size:9px;color:#a6a3a0;display:block}.crm-scene{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:14px;padding:24px 30px}.conversation{max-width:280px}.chat-bubble{background:#3e3b38;border:1px solid #5a5754;border-radius:6px 6px 6px 0;padding:14px 16px;color:#dddad7;font-size:12px;line-height:1.7;margin-top:14px}.voice-note{display:flex;align-items:center;gap:12px;width:90%;padding:12px 14px;border:1px solid #4f4c49;background:#2b2825;margin-top:12px;border-radius:0 5px 5px 5px}.voice-note>span{font-size:16px;color:#b6b3b0}.voice-bars{display:flex;align-items:center;gap:3px}.voice-bars i{width:2px;background:#969390}.voice-note small{font-size:8px;color:#9e9b98}.chat-caption{font-size:9px;color:#94918e;margin-top:12px}.transfer-arrow{color:#969390;font-size:28px;text-align:center}.task-paper{margin-top:14px;border:1px solid #84817e;background:#D5B89E;padding:20px;color:#312e2b;border-radius:4px;box-shadow:8px 9px 0 #8c898625;animation:task-settle 7s ease-in-out infinite}.mock-status{font-size:9px;border:1px solid currentColor;display:inline-block;padding:3px 6px;border-radius:3px}.task-paper strong{display:block;font-size:19px;margin-top:17px;letter-spacing:-.025em;font-weight:550}.task-paper p{font-size:10px;line-height:1.7;margin-top:8px;color:#5e5b58}.task-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;border-top:1px solid #817e7b55;padding-top:13px;margin-top:16px}.task-bottom b{font-weight:500;color:#2e2b28}.context-row{font-size:9px;color:#aaa7a4;display:flex;align-items:center;gap:7px;margin-top:18px}.context-row i{width:4px;height:4px;background:#D4A17D;border-radius:50%}.shop-scene{padding:16px 26px}.shop-top{display:flex;justify-content:space-between;font-size:12px;color:#cfccc9}.shop-top small{font-size:8px;color:#9c9996}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:13px}.garment{background:linear-gradient(130deg,#494643,#2e2b28);height:133px;display:grid;place-items:center;border-radius:2px}.garment svg{height:120px;width:100px;transition:transform .5s var(--ease)}.shop-item:hover .garment svg{transform:translateY(-4px)}.shop-item strong{font-size:10px;font-weight:500;margin-top:8px;display:block}.shop-item>small{font-size:8px;color:#9f9c99}.shop-footer{border-top:1px solid #4f4c49;margin-top:12px;padding-top:11px;font-size:9px;display:flex;justify-content:space-between;gap:10px;color:#a7a4a1}.shop-footer b{font-weight:500;color:#cecbc8}.kanban{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kanban>div{min-width:0}.kanban h4{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;color:#c5c2bf;margin:0 0 15px}.kanban h4 i{width:5px;height:5px;border-radius:50%;background:var(--col)}.kanban-card{padding:14px;background:#2f2c29;border:1px solid #524f4c;border-radius:3px;margin-bottom:12px}.kanban-card strong{font-size:12px;font-weight:500;display:block}.kanban-card>span{font-size:8px;color:#a3a09d;display:block;margin-top:7px}.capacity{height:3px;background:#474441;margin-top:19px;overflow:hidden}.capacity b{height:100%;display:block;background:#D4A17D;animation:capacity 6s ease-in-out infinite;transform-origin:left}.kanban-card>small{font-size:8px;color:#908d8a;display:block;margin-top:5px}.reconcile{padding:28px}.reconcile-top{display:flex;align-items:center;gap:12px;font-size:11px}.reconcile-top b{margin-left:auto;font-size:8px;color:#9d9a97;font-weight:500}.audit-table{margin-top:22px}.audit-row{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:10px;padding:13px 11px;border-bottom:1px solid #43403d;font-size:11px}.audit-row.heading{color:#a19e9b;font-size:9px;padding-top:0}.audit-row b{font-size:9px;font-weight:500;color:#c3c0bd}.audit-row.review{background:#363330}.audit-row.review b{color:#d6d3d0}.audit-caption{font-size:9px;color:#aeaba8;margin-top:16px}.committee{display:grid;grid-template-columns:1fr 1fr;padding:28px;gap:35px}.proposal{padding:18px;background:#34312e;border:1px solid #585552;border-radius:3px;transform:rotate(-2deg)}.proposal h4{font-size:16px;font-weight:500;line-height:1.3;margin:17px 0 8px}.proposal p{font-size:9px;color:#afaca9}.proposal .paper-lines{margin-top:17px}.proposal .mock-status{margin-top:16px;font-size:8px;color:#bdbab7}.decision{padding-top:10px}.criterion{margin-top:24px}.criterion>span{font-size:10px;color:#cecbc8}.criterion>div{height:5px;background:#3a3734;margin-top:8px}.criterion i{display:block;width:var(--w);height:100%;background:#D4A17D;animation:capacity 8s ease-in-out infinite;transform-origin:left}.decision-note{font-size:9px;color:#b6b3b0;margin-top:32px;padding-top:15px;border-top:1px solid #53504d}.copilot{padding:26px 12%;}.copilot-question{background:#3b3835;padding:12px 16px;font-size:12px;border-radius:5px 5px 0 5px;float:right;max-width:95%}.copilot-response{clear:both;padding-top:20px}.copilot-response>span{font-size:9px;color:#adaaa7}.copilot-response>p{font-size:13px;line-height:1.7;color:#d7d4d1;margin-top:8px}.copilot-response small{font-size:8px;color:#999693;display:block;margin-top:10px}.handoff{padding:12px 16px;display:flex;align-items:center;gap:18px;margin-top:18px;border:1px solid #625f5c;border-radius:3px;background:#2e2b28}.handoff>span{font-size:23px;color:#b3b0ad}.handoff strong{font-size:10px;font-weight:500;display:block}.handoff small{font-size:8px;color:#9c9996;display:block;margin-top:3px}.extractor{padding:25px 9%}.extract-contact{display:grid;grid-template-columns:35px 1fr;column-gap:11px;align-items:center}.contact-avatar{display:grid;place-items:center;background:#4b4845;color:#cbc8c5;width:35px;height:35px;border-radius:50%;grid-row:1/3;font-size:13px}.extract-contact strong{font-size:12px;font-weight:500}.extract-contact small{font-size:9px;color:#9f9c99}.file-list{margin-top:17px}.file-row{display:flex;gap:13px;align-items:center;padding:11px 4px;border-top:1px solid #44413e}.file-row .filetype{color:#a29f9c;height:27px;width:30px}.file-row b{font-size:10px;font-weight:500;display:block}.file-row small{font-size:8px;color:#9b9895;display:block;margin-top:2px}.file-check{margin-left:auto;color:#bbb8b5;font-size:11px}.sync-status{font-size:8px;color:#aba8a5;margin-top:12px;display:flex;align-items:center;gap:8px}.sync-status i{width:4px;height:4px;background:#D4A17D;border-radius:50%}
@keyframes scan{0%,100%{transform:translateY(0);opacity:0}10%,80%{opacity:.6}90%{transform:translateY(180px);opacity:0}}@keyframes wave{to{transform:scaleY(.45)}}@keyframes trace{to{stroke-dashoffset:-20}}@keyframes task-settle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes capacity{0%,100%{transform:scaleX(.91)}50%{transform:scaleX(1)}}
@media(max-width:1100px){.source-doc{width:215px;height:217px;padding:16px}.source-a{left:5%;top:32px}.source-b{left:29%;top:49px}.source-c{right:4%;top:25px}.source-b p{font-size:10px}.source-caption{bottom:18px}.standard-scene{gap:20px;padding:20px}.pop-paper{min-width:270px;padding:19px}.linked-map{padding:14px;width:160px}.crm-scene{padding:22px 19px;gap:7px;grid-template-columns:1fr 23px 1fr}.task-paper{padding:17px}.task-paper strong{font-size:16px}.chat-bubble{font-size:11px}.voice-bars i:nth-child(n+13){display:none}.shop-item strong{font-size:9px}.kanban{gap:10px;padding:20px}.kanban-card{padding:12px}.committee{gap:22px;padding:24px}.project-list button{padding:12px 10px}.project-list b{font-size:12px}}
@media(max-width:760px){.source-doc{width:174px;height:183px;padding:13px}.source-a{left:4%;top:23px}.source-b{left:26%;top:48px}.source-c{right:2%;top:18px}.doc-heading{font-size:8px;gap:5px}.filetype{font-size:7px;min-width:23px}.paper-lines{gap:7px;margin-top:19px}.paper-flow{margin-top:19px}.paper-flow span{width:27px;height:18px}.source-b p{font-size:8px;margin-top:10px}.waveform{gap:3px;height:48px;margin-top:12px}.waveform i{width:2px;height:calc(var(--height)*.8)}.source-b>small{font-size:7px;margin-top:9px}.mini-table{margin-top:17px;font-size:8px}.mini-table span{padding:6px 2px}.source-caption{font-size:8px;bottom:12px}.flow-node text{font-size:15px}.flow-node text.sub{font-size:10px}.diagram-note{font-size:11px}.standard-scene{padding:18px;gap:0;justify-content:flex-start;position:relative}.pop-paper{min-width:244px;max-width:275px;padding:17px;transform:rotate(-2deg)}.pop-paper h4{font-size:16px}.pop-meta{font-size:7px}.pop-step{margin-top:14px;gap:11px}.pop-step strong{font-size:10px}.pop-step span{font-size:8px}.linked-map{position:absolute;right:12px;bottom:18px;width:119px;padding:13px;transform:rotate(5deg);box-shadow:0 5px 15px #0006}.linked-map>span{font-size:9px}.linked-map small{font-size:8px}.map-mini{margin-block:16px}.map-mini i{height:18px}.mock-header{padding-inline:15px;gap:10px;height:41px}.mock-header>span{font-size:11px}.mock-header>small{font-size:8px}.project-visual>.motion-scene{height:calc(100% - 41px)}.crm-scene{padding:20px 12px;gap:5px;grid-template-columns:1fr 15px 1fr}.mock-label{font-size:8px}.chat-bubble{padding:10px;font-size:10px;line-height:1.6}.voice-note{padding:8px;gap:6px;width:100%}.voice-bars{gap:2px}.voice-bars i:nth-child(n+10){display:none}.voice-note small{font-size:7px}.chat-caption{font-size:7px}.transfer-arrow{font-size:17px}.task-paper{padding:12px;box-shadow:4px 5px 0 #8c898625}.mock-status{font-size:7px;padding:3px 5px}.task-paper strong{font-size:15px;margin-top:13px}.task-paper p{font-size:8px}.task-bottom{font-size:7px;padding-top:10px;margin-top:12px}.context-row{font-size:7px;margin-top:13px;gap:4px}.shop-scene{padding:15px}.shop-top{font-size:11px;gap:10px}.shop-top small{font-size:7px}.shop-grid{gap:9px;margin-top:15px}.garment{height:112px}.garment svg{height:100px;width:84px}.shop-item strong{font-size:8px}.shop-item>small{font-size:7px}.shop-footer{font-size:7px;gap:14px;margin-top:15px}.kanban{gap:8px;padding:19px 11px}.kanban h4{font-size:8px;gap:4px}.kanban h4 i{width:4px;height:4px}.kanban-card{padding:10px 8px}.kanban-card strong{font-size:10px}.kanban-card>span{font-size:7px}.kanban-card>small{font-size:7px}.capacity{margin-top:13px}.reconcile{padding:20px 14px}.reconcile-top{gap:8px;font-size:9px}.reconcile-top b{font-size:7px;max-width:95px;text-align:right}.audit-row{font-size:9px;padding:13px 5px;gap:7px}.audit-row.heading{font-size:8px}.audit-row b{font-size:8px}.audit-caption{font-size:8px}.committee{gap:18px;padding:22px 16px}.proposal{padding:13px}.proposal h4{font-size:14px}.proposal p{font-size:8px}.proposal .mock-status{font-size:7px}.criterion{margin-top:23px}.criterion>span{font-size:9px}.decision-note{font-size:8px;margin-top:23px}.copilot{padding:19px 8%}.copilot-question{font-size:10px;padding:10px 12px}.copilot-response{padding-top:17px}.copilot-response>p{font-size:12px}.copilot-response small{font-size:7px}.handoff{margin-top:15px;padding:10px 12px;gap:10px}.handoff strong{font-size:9px}.handoff small{font-size:7px}.extractor{padding:19px 8%}.file-row{padding-block:9px}.file-list{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.motion-scene *{animation:none!important}}