.workflow-showcase{padding-bottom:85px}.workflow-demo{border:1px solid #cdd5cb;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 30px 70px #203b2410}.app-chrome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#eff2e9;border-bottom:1px solid var(--line)}.app-wordmark{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.app-wordmark .logo{width:19px;height:19px}.app-divider{margin:0 5px;color:#9ba69a}.demo-badge{font-size:9px;letter-spacing:1.2px;color:#626d61}.demo-project{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}.demo-project strong{font-size:16px;font-weight:500}.demo-project>div>span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.demo-play{border:1px solid #d6ddce;background:#fff;padding:11px 14px;color:var(--ink);font-size:11px;cursor:pointer;white-space:nowrap}.demo-play:hover{background:var(--lime)}.workflow-controls{display:flex;padding:0 24px;gap:24px;border-bottom:1px solid var(--line)}.workflow-controls button{border:0;border-bottom:2px solid transparent;background:none;padding:13px 0;font-size:11px;color:#71796f;cursor:pointer;text-align:left}.workflow-controls button b{font-size:9px;margin-right:6px;font-weight:500}.workflow-controls button[aria-pressed=true]{border-color:var(--orange);color:var(--ink)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.cad-panel{background:#1b302c;color:#c7d6ca;display:flex;flex-direction:column;min-width:0}.panel-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;font-size:9px;letter-spacing:1.2px}.cad-panel .panel-caption{border-bottom:1px solid #d3e4ce15}.panel-caption i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-left:5px}.cad-workspace{display:block;width:100%;height:auto;margin:auto 0}.cad-text{fill:#8da79b;font:9px Arial,sans-serif;letter-spacing:1px}.cad-component{color:#98ac95;cursor:pointer;outline:none}.cad-hit{stroke:transparent;stroke-width:30;fill:none}.duct-body{stroke:#779480;stroke-width:16;fill:none;stroke-linejoin:round;transition:stroke .3s}.duct-body.branch{stroke-width:10}.flow-trace{fill:none;stroke:#d9edca;stroke-width:1.5;stroke-dasharray:5 12;opacity:.4}.cad-label-bg{fill:#2e463b;stroke:#536c5c}.cad-id{fill:#d4e4cc;font:10px Arial,sans-serif;letter-spacing:1px}.terminal-body{fill:#20372f;stroke:#94b79b;stroke-width:2}.terminal-slats{stroke:#94b79b;fill:none}.fitting-ring{fill:#233d33;stroke:currentColor;stroke-width:2}.cad-component.selected .duct-body,.cad-component.selected .terminal-body,.cad-component.selected .terminal-slats{stroke:#f38d5b}.cad-component.selected .flow-trace{stroke:#ffe2bf;opacity:1;animation:sample-flow 2s linear 3}.cad-component.selected .cad-label-bg{fill:#eb7443;stroke:#f8b68c}.cad-component.selected .cad-id{fill:#102820;font-weight:bold}.cad-component.selected{color:#f38d5b}.cad-component:focus-visible .cad-label-bg{stroke:#fff;stroke-width:3}.drawing-legend{padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:9px;border-top:1px solid #d3e4ce15;color:#b3c8b7}.drawing-legend i{display:inline-block;background:#f38d5b;width:6px;height:6px;margin-right:7px}.materials-panel{min-width:0;background:#fff}.materials-panel>.panel-caption{border-bottom:1px solid #edf0e8;color:#586955}.material-head{display:flex;justify-content:space-between;padding:15px 20px 10px;color:#81907d;font-size:8px;letter-spacing:1px}.material-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;background:white;border:0;border-left:3px solid transparent;border-bottom:1px solid #edf0e8;padding:14px 18px;cursor:pointer;color:var(--ink);transition:background .2s}.material-row:hover{background:#f8f8f0}.material-row.selected{border-left-color:var(--orange);background:#fff5ed}.material-info{display:grid;gap:5px}.material-info small{font-size:9px;letter-spacing:1px;color:#839078}.material-info strong{font-size:12px;font-weight:500}.material-info>span{font-size:10px;color:#74806d}.material-row>b{font-size:12px;font-weight:500;white-space:nowrap}.selection-note{padding:20px;border-bottom:1px solid var(--line)}.selection-note .eyebrow{font-size:8px;letter-spacing:1.2px;color:#7a886f}.selection-note strong{display:block;font-size:12px;margin-top:10px;font-weight:500}.selection-note p{font-size:11px;margin:7px 0 0;line-height:1.7}.review-flag{display:flex;gap:10px;padding:13px 20px;background:#fbf5e7}.review-flag>span{border:1px solid #c5a35a;color:#9c7834;width:16px;height:16px;border-radius:50%;font-size:11px;text-align:center;flex-shrink:0;margin-top:3px}.review-flag p{margin:0;font-size:10px;line-height:1.7;color:#796238}.demo-status{display:flex;align-items:center;gap:9px;padding:15px 20px;background:#eff3e9;border-top:1px solid var(--line);font-size:10px}.status-led{width:6px;height:6px;background:#61925c;border-radius:50%;flex-shrink:0}.demo-counter{margin-left:auto;color:#839179;white-space:nowrap}.demo-disclaimer{font-size:11px;line-height:1.8;margin-top:18px;max-width:900px}.workflow-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.workflow-explain article{border-top:1px solid var(--line);padding-top:22px}.workflow-explain article>span{font-size:9px;letter-spacing:1.3px;color:#78856e}.workflow-explain h3{font-size:22px;line-height:1.25}.workflow-explain p{font-size:13px}.scan-line{stroke:#f6a066;stroke-width:2;opacity:0;pointer-events:none}.workflow-demo[data-current-stage="0"] .scan-line{animation:sample-scan 2.3s ease-in-out 1}.workflow-demo[data-current-stage="0"] .cad-component{opacity:.4}.workflow-demo[data-current-stage="2"] .review-flag{outline:2px solid #d6b477;outline-offset:-2px}@keyframes sample-flow{to{stroke-dashoffset:-34}}@keyframes sample-scan{0%{transform:translateY(0);opacity:0}15%{opacity:.7}85%{opacity:.7}100%{transform:translateY(280px);opacity:0}}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.cad-workspace{max-height:460px}.workflow-explain{gap:20px}.workflow-controls{gap:18px}.workflow-showcase .section-head{display:block}.workflow-showcase .section-head p{margin-top:20px;max-width:600px}}@media(max-width:600px){.app-chrome{padding:15px;flex-wrap:wrap;gap:10px}.app-wordmark{font-size:10px}.demo-badge{font-size:8px}.demo-project{padding:18px 15px;align-items:flex-start;flex-direction:column;gap:14px}.workflow-controls{padding:0 15px;gap:13px;justify-content:space-between}.workflow-controls button{font-size:10px;line-height:1.7;max-width:31%}.workflow-controls button b{display:block}.workflow-explain{grid-template-columns:1fr;gap:18px}.demo-status{align-items:flex-start;line-height:1.6}.status-led{margin-top:4px}.workflow-showcase{padding-bottom:50px}.panel-caption{font-size:8px}.cad-workspace{min-height:230px}.workflow-explain h3{margin:15px 0}.workflow-demo{border-radius:7px}}@media(prefers-reduced-motion:reduce){.workflow-demo *{animation:none!important;transition:none!important}}