.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--color-primary: #0E3BAF;--color-accent: #3F8CFF;--color-background: #F7FAFF;--color-surface: #FFFFFF;--color-text-primary: #0A1733;--color-text-secondary: #3B4A6B;--color-border: #E1E8F5;--color-focus: #3F8CFF;--color-primary-hover: #0B2E88;--color-accent-hover: #EEF3FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text-primary);direction:ltr;letter-spacing:.2px;line-height:1.5}input,textarea,[contenteditable],span,div{direction:ltr!important;text-align:left!important;unicode-bidi:normal!important}.react-flow__node span,.react-flow__node textarea,.react-flow__node input{direction:ltr!important;text-align:center!important;unicode-bidi:normal!important}.default-node,.decision-node,.react-flow__node,.default-node *,.decision-node *,.react-flow__node *{direction:ltr!important;unicode-bidi:normal!important}.selection-count{position:absolute;top:-8px;right:-8px;background:#ff6b6b;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.edge-edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.edge-edit-content{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:300px;max-width:500px}.edge-edit-content h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.edge-edit-form label{display:block;margin-bottom:16px;color:#555;font-weight:500}.edge-edit-form input{width:100%;padding:8px 12px;border:2px solid #ddd;border-radius:4px;font-size:14px;margin-top:4px;box-sizing:border-box}.edge-edit-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.edge-edit-buttons button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edge-edit-buttons .save-button{background:#007bff;color:#fff}.edge-edit-buttons .save-button:hover{background:#0056b3}.edge-edit-buttons .cancel-button{background:#6c757d;color:#fff}.edge-edit-buttons .cancel-button:hover{background:#545b62}.edge-edit-buttons .delete-button{background:#dc3545;color:#fff}.edge-edit-buttons .delete-button:hover{background:#c82333}*,html,body,#root{direction:ltr!important;unicode-bidi:normal!important}span,div,p,input,textarea,[contenteditable]{direction:ltr!important;unicode-bidi:normal!important;text-align:left!important}.react-flow__node span[style*="cursor: pointer"],.react-flow__node textarea,.react-flow__node input{direction:ltr!important;unicode-bidi:normal!important;text-align:center!important}#root{height:100vh;width:100vw}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:linear-gradient(135deg,#f5f7fa,#e9ecef)}.app-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.header{background:#fff;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid #e5e7eb;padding:.5rem 2rem;z-index:10;position:relative}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-left{flex:1;text-align:left}.header-right{display:flex;gap:1rem;align-items:center}.auth-prompt{text-align:center;padding:3rem 1rem;background:#fff;margin:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.auth-prompt h2{color:#1f2937;margin-bottom:1rem;font-size:1.5rem}.auth-prompt p{color:#6b7280;font-size:1rem}.header h1{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.header p{color:#6b7280;font-size:.8125rem;margin:.25rem 0 0}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;min-height:0;position:relative;z-index:1}.upload-section{background:#fff;padding:1rem;border-bottom:1px solid #e0e0e0}.flow-section{flex:1;background:#fff;margin:1rem 1rem 2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;min-height:0}.flow-container{flex:1;height:600px;min-height:500px;width:100%;position:relative;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.flow-container .react-flow{width:100%!important;height:100%!important;min-height:500px!important}.flow-container .react-flow__viewport{width:100%!important;height:100%!important}.flow-container.maximized{height:calc(100vh - 200px);min-height:calc(100vh - 200px)}.visio-toolbar{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:.5rem;display:flex;gap:1rem;align-items:center;min-height:50px;box-shadow:0 1px 3px #0e3baf0d;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.toolbar-group{display:flex;gap:2px;align-items:center;padding:0 .5rem;border-right:1px solid var(--color-border)}.toolbar-group:last-child{border-right:none}.toolbar-icon{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:var(--color-primary)}.toolbar-icon .cursor-icon{width:16px;height:16px;position:relative}.toolbar-icon .cursor-icon:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-left:14px solid var(--color-primary);border-top:7px solid transparent;border-bottom:7px solid transparent}.toolbar-icon .cursor-icon:after{content:"";position:absolute;top:7px;left:14px;width:1px;height:8px;background:var(--color-primary)}.modal-overlay{position:fixed;top:140px;left:0;right:0;bottom:40px;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:800px;width:90%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-content h2{margin:0 0 1rem;color:#333;font-size:1.5rem}.modal-content p{margin:0 0 2rem;color:#666;font-size:1rem}.methodology-options{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.methodology-option{border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;background:#fafafa}.methodology-option:hover{border-color:#007bff;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.methodology-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.methodology-header h3{margin:0;color:#333;font-size:1.25rem}.methodology-badge{background:#007bff;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.methodology-option p{color:#666;margin:0 0 1rem;font-size:.9rem;line-height:1.4}.methodology-option ul{margin:0;padding:0 0 0 1.2rem;color:#555;font-size:.85rem}.methodology-option li{margin:.25rem 0;line-height:1.3}@media (max-width: 768px){.methodology-options{grid-template-columns:1fr;gap:1rem}.modal-content{padding:1.5rem;margin:1rem}}.workflow-selection{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0;padding:0 1rem;max-width:800px;margin-left:auto;margin-right:auto}.workflow-selection.three-columns{grid-template-columns:1fr 1fr 1fr;max-width:1200px}.workflow-column{display:flex;flex-direction:column}.workflow-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;height:100%;display:flex;flex-direction:column;justify-content:center;min-height:200px}.workflow-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a;transform:translateY(-4px)}.workflow-card.selected{border-color:#6366f1;background:#f5f7ff;box-shadow:0 4px 12px #6366f126}.workflow-icon{font-size:2.5rem;margin-bottom:1rem}.workflow-card h3{margin:0 0 .75rem;color:#1f2937;font-size:1.125rem;font-weight:600}.workflow-card p{margin:0;color:#6b7280;line-height:1.5;font-size:.875rem}.workflow-content{margin:2rem 0;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.workflow-content h3{margin:0 0 1rem;color:#1f2937;font-size:1.125rem;font-weight:600}@media (max-width: 1024px){.workflow-selection.three-columns{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.workflow-selection,.workflow-selection.three-columns{grid-template-columns:1fr;gap:1rem;margin:1rem 0}.workflow-card{padding:1.5rem;min-height:160px}.workflow-icon{font-size:2rem}}.recording-status{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.recording-indicator{display:inline-block;width:8px;height:8px;background:#dc3545;border-radius:50%;margin-right:4px;animation:pulse 1s ease-in-out infinite}.toolbar-icon:hover{background:var(--color-accent-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0e3baf1a}.toolbar-icon.active{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus)}.toolbar-icon.active:hover{background:var(--color-accent-hover);border-color:var(--color-primary-hover)}.toolbar-icon:disabled{opacity:.4;cursor:not-allowed;transform:none;background:var(--color-background);border-color:var(--color-border);color:var(--color-text-secondary)}.toolbar-icon:disabled:hover{background:var(--color-background);border-color:var(--color-border);transform:none;box-shadow:none}.toolbar-icon .icon{font-size:18px;font-weight:400;line-height:1;color:inherit}.export-group{margin-left:auto}.dropdown-container{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:4px;width:auto;padding:0 8px;min-width:60px}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.dropdown-trigger:hover .dropdown-arrow{transform:translateY(1px)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0e3baf1a;z-index:10000!important;min-width:150px;margin-top:4px;max-height:200px;overflow-y:auto}.dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;font-size:.9rem;color:var(--color-text-primary);transition:background-color .2s ease;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dropdown-item:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-primary)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.visio-toolbar .dropdown-container{position:relative;z-index:1000}.visio-toolbar .dropdown-menu{z-index:10000!important;position:absolute!important}.toolbar-group .dropdown-menu{left:0;right:auto}.export-group .dropdown-menu{left:auto;right:0}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0;visibility:hidden}}.ai-processing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;color:#495057;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ai-spinner{width:16px;height:16px;border:2px solid #e3e3e3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.dropdown-menu{max-width:calc(100vw - 20px);white-space:nowrap}.visio-toolbar .dropdown-container{position:relative;z-index:1000;overflow:visible}.dropdown-item:first-child{border-radius:4px 4px 0 0}.dropdown-item:last-child{border-radius:0 0 4px 4px}.edge-edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edge-edit-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 20px #00000026;min-width:400px;max-width:500px}.edge-edit-content h3{margin:0 0 1.5rem;color:#333}.edge-edit-form{display:flex;flex-direction:column;gap:1rem}.edge-edit-form label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:#555}.edge-edit-form input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.edge-edit-form input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.edge-edit-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.edge-edit-buttons button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button{background:#28a745;color:#fff}.save-button:hover{background:#218838}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.delete-button{background:#dc3545;color:#fff}.delete-button:hover{background:#c82333}.flow-status{color:#28a745;font-weight:500;font-size:.9rem}.react-flow__edge-path{stroke:#3b82f6!important;stroke-width:2!important}.react-flow__edge .react-flow__edge-path{stroke:#3b82f6!important}.react-flow__arrowhead{fill:#3b82f6!important}.react-flow__controls{bottom:80px!important;left:20px!important;z-index:10!important;box-shadow:0 2px 8px #00000026!important}.react-flow__controls-button{width:36px!important;height:36px!important;border:1px solid #1e3a8a!important;background:#fff!important;font-size:18px!important;font-weight:700!important}.react-flow__controls-button:hover{background:#eff6ff!important;border-color:#1e40af!important}.react-flow__selection{background:#0059dc14;border:1px solid rgba(0,89,220,.8)}.react-flow__node{background:#fff!important;border:2px solid #007bff!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;font-size:12px!important;min-width:150px!important;max-width:300px!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important;font-weight:500!important;color:#333!important;text-align:center!important;padding:8px!important;min-width:120px!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important}.react-flow__node.selected{box-shadow:0 0 0 2px #007bff!important}.decision-node{position:relative!important;background:transparent!important;border:none!important;overflow:visible!important}.react-flow__node[data-type=decision]{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;min-width:unset!important;min-height:unset!important;width:120px!important;height:80px!important;position:relative!important}.react-flow__node[data-type=decision].selected{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.react-flow__node[data-type=decision]:hover{background:transparent!important;border:none!important;box-shadow:none!important}.react-flow__node[data-type=decision]>div{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;width:100%!important;height:100%!important;position:relative!important}.react-flow__node[data-type=decision] *,.react-flow__node,.react-flow__node[data-type=decision],.react-flow__node[data-type=default]{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.default-node{position:relative!important;background:#fff!important;border:2px solid #007bff!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a;font-size:12px!important;font-weight:500!important;color:#333!important;text-align:center!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:150px!important;max-width:300px!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important}.default-node.selected{box-shadow:0 0 0 2px #007bff}.default-node.node-edge-connected{animation:node-edge-highlight 1.5s ease-in-out infinite!important;border-color:#3b82f6!important}.flow-section.maximized{position:fixed;top:165px;left:0;right:0;bottom:0;z-index:5;margin:0;border-radius:0;background:#fff}.flow-section.maximized>div:first-child{display:none}.flow-section.maximized .flow-container{height:calc(100vh - 165px);min-height:calc(100vh - 165px)}.flow-section.maximized .react-flow__controls{position:fixed!important;bottom:20px!important;left:20px!important;z-index:15!important}.flow-section.maximized .react-flow__minimap{position:fixed!important;bottom:20px!important;right:20px!important;z-index:15!important}.upload-area{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;background:#fafafa;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#007bff;background:#f0f8ff}.upload-area.dragover{border-color:#007bff;background:#e6f3ff}.upload-area input[type=file]{display:none}.upload-text{color:#666;margin-bottom:1rem}.upload-button{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.upload-button:hover{background:#0056b3}.upload-button:disabled{background:#ccc;cursor:not-allowed}.controls{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.control-button{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.control-button:hover{background:#1e7e34}.control-button:disabled{background:#ccc;cursor:not-allowed}.control-button.secondary{background:#6c757d}.control-button.secondary:hover{background:#545b62}.transcript-section{background:#f8f9fa;padding:1rem;border-radius:4px;margin-top:1rem;max-height:200px;overflow-y:auto}.transcript-text{color:#333;line-height:1.5;white-space:pre-wrap}.loading{display:flex;align-items:center;gap:.5rem;color:#666}.spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{position:fixed;top:20px;right:20px;background:#fef2f2;color:#991b1b;padding:1rem 1.5rem;border-radius:8px;border:2px solid #fecaca;box-shadow:0 10px 25px #0003;z-index:999999;max-width:500px;cursor:pointer;animation:slideIn .3s ease-out}.success{position:fixed;top:20px;right:20px;background:#f0fdf4;color:#166534;padding:1rem 1.5rem;border-radius:8px;border:2px solid #bbf7d0;box-shadow:0 10px 25px #0003;z-index:999999;max-width:500px;cursor:pointer;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.landing-page{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);overflow-x:hidden;padding-top:64px;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.2px}.landing-header{position:fixed;top:0;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;height:64px;box-shadow:0 2px 8px #0e3baf0d}.header-container{width:100%;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-sizing:border-box}.header-left{display:flex;align-items:center;flex-shrink:0}.header-logo{display:flex;align-items:center;cursor:pointer;transition:opacity .2s ease}.header-logo:hover{opacity:.8}.logo-image{height:100px;width:auto;display:block}.header-nav{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-link{background:none;border:none;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:color .2s ease;position:relative;white-space:nowrap;letter-spacing:.2px}.nav-link:hover{color:var(--color-text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform .2s ease}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--color-primary)}.nav-link.active:after{transform:scaleX(1)}.nav-link{text-decoration:none}.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-btn-secondary{background:none;border:none;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;letter-spacing:.2px}.header-btn-secondary:hover{color:var(--color-text-primary);background:var(--color-accent-hover)}.header-btn-primary{background:var(--color-primary);border:none;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;padding:.875rem 1.5rem;border-radius:8px;transition:all .2s ease;letter-spacing:.2px}.header-btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0e3baf26}.header-center-mobile,.mobile-menu-toggle,.mobile-menu-overlay{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:calc(64px + 2rem) 1rem 2rem 1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{background:var(--color-surface);border-radius:12px;padding:1.5rem;max-width:480px;width:100%;max-height:calc(100vh - 64px - 4rem);overflow-y:auto;position:relative;box-shadow:0 2px 8px #0e3baf26;border:1px solid var(--color-border)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:var(--color-accent-hover);color:var(--color-text-primary)}.modal-title{font-size:1.375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem;padding-right:2rem;letter-spacing:.2px}.modal-subtitle{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:.5rem;letter-spacing:.2px}.contact-form{display:flex;flex-direction:column;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.1875rem}.form-group label{font-size:.8125rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.2px}.form-group label .optional{font-weight:400;color:var(--color-text-secondary);font-size:.75rem}.form-group input,.form-group textarea{padding:.4375rem .6875rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;color:var(--color-text-primary);transition:all .2s ease;background:var(--color-surface);font-family:inherit;resize:vertical;letter-spacing:.2px}.form-group textarea{min-height:60px;line-height:1.5}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #3f8cff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.form-actions{display:flex;gap:.75rem;margin-top:.75rem;margin-bottom:.5rem}.form-button-secondary{flex:1;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.form-button-secondary:hover{background:var(--color-accent-hover);border-color:var(--color-primary)}.submit-message{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-top:.5rem;text-align:center}.submit-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-button-primary{flex:1;padding:.875rem 1rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.form-button-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0e3baf33}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:float 6s ease-in-out infinite}.gradient-orb-1{width:400px;height:400px;background:linear-gradient(45deg,#667eea,#764ba2);top:-200px;left:-200px;animation-delay:0s}.gradient-orb-2{width:300px;height:300px;background:linear-gradient(45deg,#f093fb,#f5576c);top:50%;right:-150px;animation-delay:2s}.gradient-orb-3{width:500px;height:500px;background:linear-gradient(45deg,#4facfe,#00f2fe);bottom:-250px;left:50%;transform:translate(-50%);animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.5rem 1rem;margin-bottom:2rem;font-size:.9rem;font-weight:500}.badge-icon{font-size:1.2rem}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:.2px;color:var(--color-text-primary)}.hero-subheader{font-size:1.5rem;font-weight:600;line-height:1.5;color:var(--color-text-secondary);margin-bottom:1.5rem;letter-spacing:.2px}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:1.25rem;line-height:1.55;color:var(--color-text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;padding-left:1.5rem;border-left:3px solid var(--color-primary);letter-spacing:.2px}.hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:6rem;margin-bottom:4rem;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden;letter-spacing:.2px}.cta-button.primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0e3baf33}.cta-button.primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0e3baf4d}.cta-button.secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:0 2px 8px #0e3baf0d}.cta-button.secondary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0e3baf1a}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.125rem}.arrow-icon{width:20px;height:20px;transition:transform .3s ease}.cta-button:hover .arrow-icon{transform:translate(4px)}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.features{padding:6rem 0;background:#f9fafb}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:3rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);letter-spacing:.2px;line-height:1.4}.section-subtitle{text-align:center;font-size:1.125rem;font-weight:400;margin-bottom:4rem;color:var(--color-text-secondary);letter-spacing:.2px;line-height:1.55;max-width:800px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0e3baf0d}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;transition:opacity .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 2px 8px #0e3baf1a}.feature-card:hover:before{opacity:1}.feature-icon{margin-bottom:1.5rem}.icon-bg{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-primary);border-radius:12px;margin-bottom:1rem}.icon-bg svg{color:#fff;width:32px;height:32px}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);letter-spacing:.2px}.feature-card p{color:var(--color-text-secondary);line-height:1.55;font-size:1rem;letter-spacing:.2px}.benefits{padding:6rem 0;background:var(--color-surface)}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.benefits-text h2{font-size:2.5rem;font-weight:600;margin-bottom:2rem;color:var(--color-text-primary);letter-spacing:.2px;line-height:1.4}.benefit-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:8px;flex-shrink:0}.benefit-icon svg{color:#fff;width:20px;height:20px}.benefit-item h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary);letter-spacing:.2px}.benefit-item p{color:var(--color-text-secondary);line-height:1.55;letter-spacing:.2px}.benefits-visual{display:flex;justify-content:center;align-items:center}.visual-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0;width:100%;max-width:400px;overflow:hidden;box-shadow:0 4px 12px #00000014}.card-header{background:#f9fafb;padding:1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e5e7eb}.card-dots span{width:12px;height:12px;border-radius:50%;background:#d1d5db;display:inline-block;margin-right:.5rem}.card-content{padding:2rem}.flow-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.flow-node{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;min-width:150px;max-width:300px;text-align:center;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.flow-node.start{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.flow-node.process{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.flow-node.decision{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center}.flow-node.end{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.flow-arrow{font-size:1.5rem;color:#9ca3af}.cta-section{padding:6rem 0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.cta-content{position:relative;z-index:1;text-align:center;color:#fff}.cta-content h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.footer{background:var(--color-background);padding:2rem 0 1rem;border-top:1px solid var(--color-border)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:2rem}.footer-logo-image{height:60px;width:auto;display:block}.footer-brand h3{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary);letter-spacing:.2px}.footer-brand p{color:var(--color-text-secondary);margin:0;letter-spacing:.2px}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:.9375rem;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.footer-link:hover{color:var(--color-text-primary)}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem}.hero-video-placeholder{margin-top:4rem;max-width:900px;margin-left:auto;margin-right:auto}.video-container{position:relative;width:100%;padding-bottom:56.25%;background:#f3f4f6;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.video-placeholder-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6b7280}.video-placeholder-content svg{margin-bottom:1rem;opacity:.5}.video-placeholder-content p{margin:0;font-size:.9rem}.visual-demo-section{padding:4rem 0;background:#fff;border-bottom:1px solid #e5e7eb}.visual-demo-content{max-width:900px;margin:0 auto;text-align:center}.visual-demo-headline{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.3}.visual-demo-caption{font-size:1rem;color:#6b7280;margin-bottom:2rem;font-weight:500}.visual-demo-placeholder{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;padding:4rem 2rem;margin-top:2rem}.demo-animation-area{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.demo-step{display:flex;flex-direction:column;align-items:center;gap:.75rem}.demo-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.demo-step p{font-size:.875rem;font-weight:600;color:#374151;margin:0}.demo-arrow{font-size:2rem;color:#9ca3af;font-weight:300}.demo-instructions{font-size:.8125rem;color:#9ca3af;font-style:italic;margin:0}.social-proof{padding:3rem 0;background:#fff;border-bottom:1px solid #e5e7eb}.anonymous-testimonial{max-width:700px;margin:0 auto;text-align:center}.social-proof-label{text-align:center;color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.logo-placeholder{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin-bottom:3rem}.logo-item{padding:1rem 2rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;font-size:.875rem}.testimonial-placeholder{text-align:center;max-width:700px;margin:0 auto}.testimonial-text{font-size:1.125rem;line-height:1.8;color:#374151;font-style:italic;margin-bottom:1rem}.testimonial-author{color:#6b7280;font-size:.875rem}.pains-section{padding:6rem 0;background:#fff}.pains-section .section-subtitle{font-size:1.125rem;color:#6b7280;margin-top:.75rem;margin-bottom:0;font-weight:400;line-height:1.6}.pains-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.pain-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;transition:all .2s ease;box-shadow:0 2px 8px #0e3baf0d;display:flex;flex-direction:column;height:100%}.pain-card:hover{box-shadow:0 2px 8px #0e3baf1a;border-color:var(--color-primary)}.pain-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:flex-start;color:#6b7280;margin-bottom:1.5rem;flex-shrink:0}.pain-icon svg{width:24px;height:24px}.pain-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary);line-height:1.4;letter-spacing:.2px}.pain-card p{color:var(--color-text-secondary);line-height:1.55;font-size:.9375rem;margin:0;letter-spacing:.2px}.problem-section{padding:6rem 0;background:var(--color-background)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.problem-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.problem-card:hover{transform:translateY(-4px);border-color:#ef4444;box-shadow:0 12px 30px #ef444426}.problem-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;margin-bottom:1.5rem}.problem-icon svg{color:#fff;width:24px;height:24px}.problem-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#111827}.problem-card p{color:#4b5563;line-height:1.6;font-size:.9375rem}.solution-section{padding:6rem 0;background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.solution-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;border-left:4px solid #10b981}.solution-card:hover{transform:translateY(-4px);border-color:#10b981;box-shadow:0 12px 30px #10b98126}.solution-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;margin-bottom:1.5rem}.solution-icon svg{color:#fff;width:24px;height:24px}.solution-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#111827}.solution-card p{color:#4b5563;line-height:1.6;font-size:.9375rem}.product-overview{padding:6rem 0;background:#fff}.section-subtitle{text-align:center;font-size:1.25rem;line-height:1.8;color:#4b5563;max-width:900px;margin:0 auto 3rem}.overview-features{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.overview-feature{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border-left:3px solid #667eea}.overview-feature svg{color:#667eea;flex-shrink:0}.overview-feature span{color:#374151;font-size:1rem}.value-proposition{padding:6rem 0;background:#f9fafb}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease;box-shadow:0 2px 8px #0e3baf0d}.value-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 2px 8px #0e3baf1a}.value-number{font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1}.value-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:3.5rem;letter-spacing:.2px}.value-card p{color:var(--color-text-secondary);line-height:1.55;font-size:.9375rem;padding-left:1.5rem;border-left:3px solid var(--color-border);position:relative;margin-left:0;letter-spacing:.2px}.value-card:hover p{border-left-color:var(--color-primary)}.how-it-works-section{padding:6rem 0;background:var(--color-surface);scroll-margin-top:80px}.how-it-works-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;position:relative;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}.timeline-step{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.step-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:12px;margin:0 auto 2rem;color:var(--color-accent);transition:all .2s ease;box-shadow:0 2px 8px #0e3baf0d;flex-shrink:0}.step-icon svg{width:32px;height:32px;stroke:currentColor}.timeline-step:hover .step-icon{border-color:var(--color-accent);background:#3f8cff0d;transform:translateY(-2px);box-shadow:0 2px 8px #3f8cff26}.timeline-step h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary);line-height:1.4;letter-spacing:.2px}.timeline-step p{color:var(--color-text-secondary);line-height:1.55;font-size:.9375rem;margin:0;letter-spacing:.2px}.timeline-connector{display:none}.how-it-works{padding:6rem 0;background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;text-align:center;position:relative;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.step-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 12px 30px #667eea26}.step-number{display:none}.step-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#111827}.step-card p{color:#4b5563;line-height:1.6;font-size:.9375rem}.features-deep-dive{padding:6rem 0;background:#f9fafb}.feature-deep-dive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-deep-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.feature-deep-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 12px 30px #667eea26}.feature-deep-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:1.5rem}.feature-deep-icon svg{color:#fff;width:28px;height:28px}.feature-deep-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#111827}.feature-deep-card p{color:#4b5563;line-height:1.6;font-size:.9375rem}.demo-video-section{padding:6rem 0;background:#fff}.demo-video-container{max-width:1000px;margin:0 auto}.demo-video-placeholder{position:relative;width:100%;padding-bottom:56.25%;background:#f3f4f6;border-radius:16px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #667eea}.video-play-button svg{color:#667eea;width:48px;height:48px;margin-left:4px}.demo-video-placeholder p{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#6b7280;font-size:.875rem;text-align:center}.video-placeholder-note{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);color:#9ca3af;font-size:.75rem;font-style:italic}.comparison-section{padding:6rem 0;background:#f9fafb;scroll-margin-top:80px}.comparison-table-wrapper{max-width:1200px;margin:3rem auto 0;overflow-x:auto;background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px #0e3baf0d;border:1px solid var(--color-border);overflow:hidden;position:relative;display:block}.comparison-cards-mobile{display:none}.comparison-table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(14,59,175,.2),transparent)}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9375rem}.comparison-table thead{background:var(--color-background)}.comparison-table th{padding:1.5rem 1.75rem;text-align:left;font-weight:600;color:var(--color-text-primary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--color-border);position:relative}.comparison-table th:first-child{border-top-left-radius:20px}.comparison-table th:last-child{border-top-right-radius:20px}.comparison-table th.metric-column{width:30%;font-weight:600;color:var(--color-text-primary)}.comparison-table th.ai-column{background:var(--color-surface);color:var(--color-text-primary);text-align:center;width:17.5%;position:relative;font-weight:600;vertical-align:middle}.ai-column-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.comparison-table th.ai-column:before{display:none}.comparison-logo{height:80px;width:auto;display:block}.comparison-table th.lightweight-column,.comparison-table th.traditional-column,.comparison-table th.consultants-column{text-align:center;width:17.5%;color:var(--color-text-secondary);font-weight:600}.comparison-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--color-border)}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody tr:hover{background:var(--color-background)}.comparison-table tbody tr:hover td{color:var(--color-text-primary)}.comparison-table tbody tr:hover td.metric-cell{background:var(--color-background)}.comparison-table tbody tr:hover td.ai-cell{background:#0e3baf0f}.comparison-table td{padding:1.5rem 1.75rem;color:var(--color-text-secondary);transition:color .2s ease}.comparison-table td.metric-cell{font-weight:600;color:var(--color-text-primary);font-size:.9375rem;background:var(--color-background);border-right:1px solid var(--color-border)}.comparison-table td.metric-cell strong{font-weight:600;color:var(--color-text-primary);letter-spacing:.2px}.comparison-table td.ai-cell{background:#0e3baf0a;text-align:center;position:relative}.comparison-table td.ai-cell:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);border-radius:0 4px 4px 0}.comparison-table td.lightweight-cell,.comparison-table td.traditional-cell,.comparison-table td.consultants-cell{text-align:center}.checkmark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;font-size:1.25rem;font-weight:700;box-shadow:0 2px 8px #10b98140,0 0 0 2px #10b9811a;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.checkmark:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);opacity:0;transition:opacity .25s ease;z-index:-1;filter:blur(8px)}.checkmark:hover{transform:scale(1.15);box-shadow:0 4px 16px #10b98166,0 0 0 4px #10b98126}.checkmark:hover:before{opacity:.5}.cross{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f9fafb;color:#d1d5db;border-radius:50%;font-size:1.25rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid #e5e7eb}.cross:hover{background:#f3f4f6;color:#9ca3af;border-color:#d1d5db;transform:scale(1.05)}.use-cases{padding:6rem 0;background:#fff;scroll-margin-top:80px}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.use-case-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;transition:all .2s ease;border-left:4px solid transparent;box-shadow:0 2px 8px #0e3baf0d;display:flex;flex-direction:column}.use-case-card:hover{transform:translateY(-4px);border-left-color:var(--color-primary);box-shadow:0 2px 8px #0e3baf1a}.use-case-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;margin-bottom:1.5rem;color:#667eea;flex-shrink:0}.use-case-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);letter-spacing:.2px}.use-case-card p{color:var(--color-text-secondary);line-height:1.55;font-size:.9375rem;margin:0;letter-spacing:.2px}.final-cta{padding:6rem 0;background:var(--color-primary);position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.final-cta-content{position:relative;z-index:1;text-align:center;color:#fff;max-width:800px;margin:0 auto}.final-cta-content h2{font-size:3rem;font-weight:600;margin-bottom:1rem;letter-spacing:.2px;line-height:1.4}.final-cta-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95;letter-spacing:.2px;line-height:1.55}.final-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.landing-page{padding-top:56px}.landing-header{height:56px}.how-it-works-section,.comparison-section,.use-cases{scroll-margin-top:72px}.header-container{padding:0 1rem;gap:1rem;position:relative}.header-nav{display:none}.header-center-mobile{display:flex;align-items:center;flex:1;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.header-center-mobile .header-btn-primary{padding:.5rem 1rem;font-size:.875rem}.header-right .header-btn-secondary,.header-right .header-btn-primary-desktop{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;flex-shrink:0}.mobile-menu-toggle:hover{background:var(--color-accent-hover)}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-menu-overlay{display:block;position:fixed;top:56px;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:56px;right:0;bottom:0;width:280px;max-width:85vw;background:var(--color-surface);box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:1.5rem 0;z-index:1001;display:flex;flex-direction:column}.mobile-menu.open{transform:translate(0)}.mobile-nav-link{display:block;padding:1rem 1.5rem;color:var(--color-text-primary);font-size:.9375rem;font-weight:500;text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;position:relative}.mobile-nav-link:hover{background:var(--color-accent-hover);color:var(--color-primary)}.mobile-nav-link.active{color:var(--color-primary);background:#6366f11a}.mobile-nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary)}.mobile-nav-link-button{margin-top:.5rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.header-btn-secondary{padding:.5rem .75rem;font-size:.875rem}.header-btn-primary{padding:.5rem 1rem;font-size:.875rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-subheader{font-size:1.25rem}.cta-button{width:100%;justify-content:center}.hero-stats{gap:2rem}.benefits-content{grid-template-columns:1fr;gap:2rem}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.features-grid{grid-template-columns:1fr}.section-title,.cta-content h2{font-size:2rem}.hero-video-placeholder{margin-top:2rem}.logo-placeholder{gap:1.5rem}.problem-grid,.value-grid,.solution-grid{grid-template-columns:1fr}.pains-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}.visual-demo-headline{font-size:1.5rem}.demo-animation-area{flex-direction:column;gap:1.5rem}.demo-arrow{transform:rotate(90deg)}.how-it-works-timeline{grid-template-columns:1fr;gap:3rem;max-width:500px;margin-left:auto;margin-right:auto;padding:0}.how-it-works-timeline:before{display:none}.timeline-step{padding:0;width:100%;text-align:center;flex:none}.timeline-step:after{display:none}.step-number{display:none}.step-icon{margin-left:auto;margin-right:auto}.comparison-table-wrapper{display:none}.comparison-cards-mobile{display:block;margin:2rem auto 0;max-width:100%}.comparison-metric-card{background:var(--color-surface);border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0e3baf0d;border:1px solid var(--color-border)}.metric-card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.comparison-row{display:flex;flex-direction:column;gap:.75rem}.comparison-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;background:var(--color-background);transition:background .2s ease}.comparison-item.ai-item{background:#0e3baf0f;border-left:4px solid var(--color-primary);box-shadow:0 1px 3px #0e3baf1a}.comparison-item-label-wrapper{display:flex;align-items:center;flex:1}.comparison-card-logo{height:28px;width:auto;margin-right:.75rem}.comparison-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;flex:1;text-align:left}.comparison-item.ai-item .comparison-label{font-weight:600;color:var(--color-text-primary)}.comparison-item .checkmark,.comparison-item .cross{width:24px;height:24px;font-size:.875rem;flex-shrink:0}.final-cta-content h2{font-size:2rem}.final-cta-actions{flex-direction:column}.final-cta-actions .cta-button{width:100%}}@media (max-width: 480px){.hero{padding:1rem}.container{padding:0 1rem}.feature-card{padding:1.5rem}.benefit-item{flex-direction:column;text-align:center}.use-cases-grid,.pains-grid{grid-template-columns:1fr}}.navigation{background:#fff;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid #e5e7eb;padding:0 2rem;position:relative;z-index:10}.nav-tabs{display:flex;gap:.5rem;width:100%;margin:0 auto;padding:0 2rem;box-sizing:border-box}.nav-tab{background:none;border:none;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;border-radius:6px 6px 0 0}.nav-tab:hover{color:#374151;background:#f9fafb}.nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#f9fafb}.process-taxonomy{width:100%;padding:0;position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.integrated-header{background:#fff;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;margin-bottom:1.5rem;box-sizing:border-box}.header-main{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto}.integrated-header .header-right{display:flex;align-items:center;gap:.75rem}.header-stats{display:flex;gap:2rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:1.5rem;font-weight:700;color:#6366f1;line-height:1}.stat-label{color:#6b7280;font-size:.75rem;text-align:center;font-weight:500}.header-stats-small{display:flex;gap:2.5rem;align-items:center;margin-top:.5rem}.stat-item-small{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stat-number-small{font-size:2rem;font-weight:700;color:var(--color-accent);line-height:1}.stat-label-small{color:var(--color-text-secondary);font-size:.875rem;text-align:center;font-weight:500}.process-section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;margin-left:2rem;margin-right:2rem;box-sizing:border-box}.process-section-left{flex:1}.process-section-left h2{margin:0 0 .25rem;color:#1f2937;font-size:1.25rem;font-weight:700}.process-section-left p{margin:0;color:#6b7280;font-size:.875rem}.process-section-right{display:flex;align-items:center;gap:1.5rem}.process-filters,.process-actions{display:flex;align-items:center;gap:.75rem}.header-left{flex:1}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-label{font-size:.875rem;font-weight:500;color:#374151}.filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.results-count{font-size:.875rem;color:#6b7280;font-weight:500}.btn-outline{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:14px 24px;border-radius:8px;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.2px}.btn-outline:hover{background:var(--color-accent-hover);border-color:var(--color-primary)}.btn-outline.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:10;min-width:150px}.filter-dropdown select{width:100%;padding:.5rem;border:none;background:transparent;font-size:.875rem;cursor:pointer}.filter-dropdown select:focus{outline:none}.taxonomy-header h2{margin:0 0 .25rem;color:#1f2937;font-size:1.5rem;font-weight:700}.taxonomy-header p{margin:0;color:#6b7280;font-size:.875rem}.taxonomy-tree{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:0;box-shadow:0 1px 3px #0000000d;overflow:visible;margin:0 2rem 2rem;box-sizing:border-box}.taxonomy-item{margin-bottom:0;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;background:#fff;transition:all .2s ease}.taxonomy-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.taxonomy-item:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.taxonomy-item:hover{background:#f9fafb}.taxonomy-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.taxonomy-item-info{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0;overflow:hidden}.taxonomy-indent{flex-shrink:0}.taxonomy-item-content{flex:1;min-width:0;overflow:hidden}.taxonomy-item-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;margin-bottom:.25rem;min-width:0}.child-count{font-size:.75rem;color:#9ca3af;font-weight:500;white-space:nowrap;flex-shrink:0}.expand-toggle{background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:6px;color:#6b7280;font-size:.75rem;display:flex;align-items:center;justify-content:center;width:22px;height:22px;transition:all .2s ease;flex-shrink:0}.expand-toggle:hover{background:#f3f4f6;color:#374151}.expand-spacer{width:22px;height:22px;display:inline-block;flex-shrink:0}.taxonomy-children{display:contents}.level-badge{background:var(--color-primary);color:#fff;padding:.25rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.completion-badge{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:50%;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;box-shadow:0 1px 3px #10b9814d;transition:all .2s ease;cursor:help}.completion-badge:hover{background:#059669;transform:scale(1.1);box-shadow:0 2px 6px #10b98166}.code-badge{background:#f3f4f6;color:#6b7280;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;border:1px solid #e5e7eb;white-space:nowrap;flex-shrink:0}.taxonomy-item-info h4{margin:0;color:#1f2937;font-weight:600;font-size:.9375rem;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taxonomy-item-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0;min-width:max-content}.taxonomy-item-actions .btn{white-space:nowrap}.assigned-user{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.user-initials{width:24px;height:24px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600}.more-actions{position:relative}.more-actions-btn{background:transparent;border:1px solid #d1d5db;border-radius:6px;padding:.375rem;cursor:pointer;color:#6b7280;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.more-actions-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.more-actions-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:.5rem 0;min-width:120px;z-index:1000}.more-actions-menu.upward{top:auto;bottom:100%}.more-actions-menu button{width:100%;padding:.5rem .75rem;border:none;background:none;text-align:left;color:#374151;font-size:.875rem;cursor:pointer;transition:background .2s ease}.more-actions-menu button:hover{background:#f9fafb}.more-actions-menu button.danger{color:#dc2626}.more-actions-menu button.danger:hover{background:#fef2f2}.l3-process-popup{position:fixed;top:140px;left:0;right:0;bottom:40px;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.l3-process-popup-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:70vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column}.l3-process-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.l3-process-title-section h2{margin:0 0 .25rem;color:#1f2937;font-size:1.25rem;font-weight:600}.l3-process-id{color:#6b7280;font-size:.875rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.l3-process-nav{display:flex;align-items:center;gap:1rem}.l3-process-nav button{background:transparent;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.l3-process-nav button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.l3-process-nav button:disabled{opacity:.5;cursor:not-allowed}.l3-process-nav button:disabled:hover{background:transparent;border-color:#d1d5db;color:#6b7280}.l3-process-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;padding:.25rem;border-radius:6px;transition:all .2s ease}.l3-process-close:hover{color:#6b7280;background:#f3f4f6}.l3-process-body{padding:2rem;flex:1;overflow-y:auto}.l3-process-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.l3-process-meta-item{display:flex;flex-direction:column;gap:.25rem}.l3-process-meta-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.l3-process-meta-value{font-size:.875rem;color:#1f2937}.l3-process-description{margin-bottom:1.5rem}.l3-process-description-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.l3-process-description h3{margin:0;color:#1f2937;font-size:1rem;font-weight:600}.l3-process-description-toggle{background:transparent;border:1px solid #d1d5db;border-radius:6px;padding:.25rem .5rem;cursor:pointer;color:#6b7280;font-size:.75rem;transition:all .2s ease}.l3-process-description-toggle:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.l3-process-description-content{color:#6b7280;font-size:.875rem;line-height:1.5;background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.l3-process-flow-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center}.l3-process-flow-preview h3{margin:0 0 .75rem;color:#1f2937;font-size:1rem;font-weight:600}.l3-process-flow-preview p{margin:0 0 1rem;color:#6b7280;font-size:.875rem}.l3-process-flow-preview-btn{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.l3-process-flow-preview-btn:hover{background:#4f46e5}.l3-process-back-btn{position:absolute;top:1rem;left:1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.l3-process-back-btn:hover{background:#f9fafb;border-color:#9ca3af}.taxonomy-item-description{margin:0;color:#6b7280;font-size:.8125rem;line-height:1.5}.dashboard{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);border-color:#667eea80;box-shadow:0 8px 30px #0006}.metric-icon{font-size:2rem;opacity:.8}.metric-content{flex:1}.metric-number{font-size:2rem;font-weight:700;color:#1e293b;line-height:1}.metric-label{color:#64748b;font-size:.875rem;margin-top:.25rem}.filters-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000004d}.filters-section h3{margin:0 0 1rem;color:#fff;font-weight:600}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:#ffffffe6;font-size:.875rem}.filter-group select{padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;background:#ffffff14}.results-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000004d}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.results-summary h3{margin:0;color:#fff;font-weight:600}.results-stats{display:flex;gap:1.5rem}.result-stat{color:#ffffffb3;font-size:.875rem}.result-stat strong{color:#fff;font-weight:600}.results-list{margin-bottom:2rem}.results-list:last-child{margin-bottom:0}.results-list h4{margin:0 0 1rem;color:#ffffffe6;font-size:1rem;font-weight:600}.assignments-list,.flows-list,.reviews-list{display:flex;flex-direction:column;gap:.75rem}.assignment-item,.flow-item,.review-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.assignment-item:hover,.flow-item:hover,.review-item:hover{background:#ffffff0d;border-color:#667eea80;transform:translateY(-2px)}.assignment-info,.flow-info,.review-info{display:flex;align-items:center;gap:.75rem}.assignment-name,.flow-title{font-weight:500;color:#fff}.flow-meta{color:#ffffffb3;font-size:.875rem}.assignment-date,.review-date{color:#fff9;font-size:.875rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-draft{background:#fef3c7;color:#92400e}.status-under_review{background:#fce7f3;color:#be185d}.role-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize;background:#e0e7ff;color:#3730a3}.process-flow-viewer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px;margin-top:1rem;box-shadow:0 2px 8px #0e3baf0d;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.flow-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.flow-viewer-header .header-left{flex:1}.flow-viewer-header .header-left h3{color:var(--color-text-primary);font-weight:600;letter-spacing:.2px}.flow-viewer-header .header-left p{color:var(--color-text-secondary)}.flow-viewer-header .header-actions{display:flex;gap:.75rem}.flows-list{display:flex;flex-direction:column;gap:1rem}.flow-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.flow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.flow-header h4{margin:0;color:#1e293b}.flow-details{margin-bottom:1rem}.flow-description{color:#64748b;margin:0 0 .5rem;font-size:.9rem}.flow-meta{display:flex;gap:1rem;color:#64748b;font-size:.875rem}.flow-actions{display:flex;gap:.5rem}.clickable-process{cursor:pointer;color:#a5b4fc;transition:all .2s ease}.clickable-process:hover{color:#c7d2fe;text-decoration:underline;text-shadow:0 0 10px rgba(165,180,252,.5)}.flow-indicator{margin-left:.5rem;font-size:.875rem;opacity:.7}.selected-process-info{background:#667eea1a;border:1px solid rgba(102,126,234,.5);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #667eea33}.selected-process-info h3{margin:0;color:#fff;font-weight:600}.selected-process-info .flow-info{margin:.5rem 0 0;color:#ffffffb3;font-size:.875rem}.process-flow-selection{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000004d}.process-flow-selection h3{margin:0 0 1rem;color:#fff;font-weight:600}.flow-options{display:flex;gap:1rem}.l3-process-selector{max-width:600px;max-height:70vh}.l3-process-selector .modal-body{max-height:60vh;overflow-y:auto}.search-section{margin-bottom:1rem}.search-input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;background:#ffffff0d;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;background:#ffffff14}.process-list{display:flex;flex-direction:column;gap:.5rem}.process-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#ffffff08}.process-item:hover{background:#ffffff0d;border-color:#667eea80;transform:translateY(-2px)}.process-info h4{margin:0 0 .25rem;color:#fff;font-weight:600}.process-hierarchy{margin:0 0 .5rem;color:#fff9;font-size:.875rem}.process-description{margin:0;color:#ffffffb3;font-size:.875rem}.flow-viewer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px;margin-top:1rem;box-shadow:0 2px 8px #0e3baf0d;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.flow-viewer .flow-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.flow-viewer .header-left{flex:1}.flow-viewer .header-actions{display:flex;gap:.75rem}.flow-content{margin-bottom:1.5rem}.flow-metadata{display:flex;gap:2rem;padding:1rem;background:var(--color-background);border-radius:12px;flex-wrap:wrap;border:1px solid var(--color-border)}.metadata-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3}.metadata-item strong{color:#ffffffe6;font-weight:600}.dashboard-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-header h2{margin:0;color:#fff;font-weight:700}.dashboard-header p{margin:.5rem 0 0;color:#ffffffb3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2rem}.stat-content{flex:1}.stat-number{font-size:2rem;font-weight:700;color:#1e293b;line-height:1}.stat-label{color:#64748b;font-size:.9rem;margin-top:.25rem}.dashboard-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000004d}.dashboard-section h3{margin:0 0 1rem;color:#fff;font-weight:600}.assignments-grid,.flows-grid,.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.assignment-card,.flow-card,.review-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;background:#ffffff08;transition:all .3s ease}.assignment-card:hover,.flow-card:hover,.review-card:hover{background:#ffffff0d;border-color:#667eea80;transform:translateY(-2px)}.assignment-header,.flow-header,.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.assignment-header h4,.flow-header h4,.review-header h4{margin:0;color:#fff;font-weight:600}.role-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.role-owner{background:#dc2626;color:#fff}.role-delegator{background:#ea580c;color:#fff}.role-delegatee{background:#059669;color:#fff}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-draft{background:#f3f4f6;color:#374151}.status-submitted{background:#dbeafe;color:#1e40af}.status-review{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-completed{background:#dcfce7;color:#166534}.assignment-details,.flow-details,.review-details{font-size:.9rem;color:#ffffffb3}.assignment-date,.flow-meta{margin-top:.5rem;font-size:.8rem;color:#fff9}.flow-description{margin:.5rem 0;color:#ffffffb3}.flow-actions,.review-actions{margin-top:1rem;display:flex;gap:.5rem}.modal-overlay{position:fixed;top:140px;left:0;right:0;bottom:40px;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.modal.assignment-modal{max-width:600px;overflow:visible}.modal.confirm-dialog{max-width:450px;max-height:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1f2937;font-weight:600;font-size:1.125rem}.btn-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px}.btn-close:hover{color:#6b7280;background:#f3f4f6}.modal-body{padding:1.5rem;margin:0}.modal-body p{margin:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;background:#fff;color:#1f2937;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-help{display:block;margin-top:.375rem;font-size:.8125rem;color:#6b7280;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;margin-top:0}.btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0e3baf1a;padding:14px 24px;border-radius:8px;font-weight:500;letter-spacing:.2px;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px #0e3baf26}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-primary);padding:14px 24px;border-radius:8px;font-weight:500;letter-spacing:.2px;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.btn-secondary:hover{background:var(--color-accent-hover)}.btn-success{background:var(--color-accent);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-success:hover{background:#2d7ae8;box-shadow:0 1px 3px #0000001a}.btn-sm{padding:.375rem .75rem!important;font-size:.8125rem!important}.btn.btn-sm.btn-primary,.btn.btn-sm.btn-success{padding:.375rem .75rem;font-size:.8125rem}.btn-danger{background:#ef4444;color:#fff;box-shadow:0 1px 2px #0000000d}.btn-danger:hover{background:#dc2626;box-shadow:0 1px 3px #0000001a}.loading{text-align:center;padding:3rem 2rem;color:#6b7280;font-size:.9375rem}.error-message{background:#fef2f2;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fecaca;display:flex;align-items:flex-start;gap:.5rem}.empty-state{text-align:center;padding:3rem 2rem;color:#6b7280;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.empty-state p{margin:.5rem 0 0;color:#9ca3af;font-size:.9375rem}.template-selector{max-width:800px;width:95%}.template-filters{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.search-box{flex:1}.search-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.category-filter{min-width:200px}.category-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;max-height:60vh;overflow-y:auto}.template-card{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;background:#ffffff08;transition:all .3s ease;position:relative;overflow:hidden}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.template-card:hover{border-color:#667eea80;box-shadow:0 8px 30px #0006;transform:translateY(-4px);background:#ffffff0d}.template-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.template-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;border:none;box-shadow:0 4px 15px #667eea4d}.template-info h4{margin:0 0 .25rem;color:#fff;font-weight:600}.template-category{font-size:.875rem;color:#fff9;text-transform:capitalize}.template-description{margin-bottom:1rem;color:#ffffffb3;line-height:1.6}.template-preview{margin-bottom:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-section{margin-bottom:.5rem}.preview-section:last-child{margin-bottom:0}.preview-section strong{color:#ffffffe6;font-size:.875rem;font-weight:600}.preview-section ul{margin:.5rem 0 0;padding-left:1rem;color:#ffffffb3;font-size:.875rem}.preview-section li{margin-bottom:.25rem}.template-actions{display:flex;justify-content:flex-end}.header-actions{display:flex;gap:1rem;align-items:center}.btn-info{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 15px #0ea5e966}.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}@media (max-width: 768px){.nav-tabs{flex-direction:column}.nav-tab{border-bottom:1px solid #e2e8f0;border-radius:0}.taxonomy-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{flex-direction:column;width:100%}.template-filters{flex-direction:column}.templates-grid,.stats-grid,.assignments-grid,.flows-grid,.reviews-grid{grid-template-columns:1fr}.modal{width:95%;margin:1rem}}.workflow-empty-state{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:3rem}.empty-state-content{text-align:center;max-width:500px}.empty-state-content h2{margin:0 0 1rem;color:#1f2937;font-size:2rem;font-weight:700}.empty-state-content p{margin:0 0 2rem;color:#6b7280;font-size:1.125rem}.btn-large{padding:.875rem 2rem;font-size:1rem}.unified-workflow-canvas{display:flex;flex-direction:column;height:calc(100vh - 200px);background:#fff;border-radius:12px;margin:1.5rem 2rem;box-shadow:0 1px 3px #0000000d;overflow:hidden}.canvas-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.canvas-header-left h2{margin:0 0 .25rem;color:#1f2937;font-size:1.375rem;font-weight:700}.process-path{margin:0;color:#6b7280;font-size:.875rem}.canvas-header-right{display:flex;gap:.75rem}.canvas-header-left{display:flex;align-items:center;gap:1rem}.btn-icon{padding:.5rem;min-width:auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}.toolbar-left{display:flex;align-items:center;gap:.75rem}.toolbar-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border-radius:6px;font-size:.875rem;color:#6b7280}.recording-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:.75rem;font-weight:600;color:#dc2626}.recording-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid #e0e0e0;border-top:2px solid #6366f1;border-radius:50%;animation:spin .8s linear infinite}.toolbar-section h4{margin:0 0 .5rem;color:#713f12;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.toolbar-actions{display:flex;gap:.5rem}.tool-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;color:#374151;font-weight:500}.tool-btn:hover{background:#f9fafb;border-color:#9ca3af}.tool-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.toolbar-divider{width:1px;height:40px;background:#fef08a}.toolbar-info{flex:1}.toolbar-info p{margin:0;color:#854d0e;font-size:.875rem}.processing-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#fef3c7;border-bottom:1px solid #fde68a;font-size:.875rem;color:#92400e;font-weight:500}.transcript-banner{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#eff6ff;border-bottom:1px solid #dbeafe}.transcript-content{flex:1;color:#1e40af;font-size:.875rem}.transcript-content strong{font-weight:600}.canvas-main{flex:1;overflow:auto;position:relative}.enhanced-process-selector{max-width:800px;width:95%}.selector-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem}.selector-toolbar .search-input{flex:1}.search-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;transition:all .2s ease;color:#1f2937;background:#fff}.enhanced-process-selector .search-input{color:#1f2937;background:#fff}.search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.add-process-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.add-process-form h4{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.hierarchy-tree{max-height:500px;overflow-y:auto}.hierarchy-item{border-bottom:1px solid #f3f4f6}.hierarchy-item:last-child{border-bottom:none}.hierarchy-item-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:background .2s ease}.hierarchy-item-row:hover{background:#f9fafb}.hierarchy-item-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.expand-toggle-small{background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:#6b7280;font-size:.625rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expand-toggle-small:hover{background:#f3f4f6}.expand-spacer-small{width:20px;height:20px;display:inline-block;flex-shrink:0}.level-badge-small{background:var(--color-primary);color:#fff;padding:.1875rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0}.hierarchy-item-info{flex:1;min-width:0}.hierarchy-item-info h4{margin:0 0 .25rem;color:#1f2937;font-size:.9375rem;font-weight:600}.item-description{margin:0;color:#6b7280;font-size:.8125rem;line-height:1.4}.hierarchy-item-actions{display:flex;gap:.5rem;flex-shrink:0}.hierarchy-children{background:#fafafa}.assignment-add-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:visible}.assignment-add-form h4{margin:0 0 1rem;color:#1f2937;font-size:.9375rem;font-weight:600}.label-with-tooltip{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.label-with-tooltip label{margin:0;line-height:1.5}.tooltip-container{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.info-icon{width:18px;height:18px;border-radius:50%;background:#6366f1;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;cursor:help;flex-shrink:0;line-height:1;vertical-align:middle}.tooltip-container:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(4px)}.tooltip-content{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background:#1f2937;color:#fff;padding:1rem;border-radius:8px;box-shadow:0 10px 25px #0000004d;z-index:10002;min-width:280px;max-width:320px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;white-space:normal}.tooltip-content:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#1f2937}.tooltip-item{margin-bottom:.75rem;font-size:.8125rem;line-height:1.4}.tooltip-item:last-child{margin-bottom:0}.tooltip-item strong{color:#fff;display:block;margin-bottom:.25rem;font-size:.875rem}.btn-add-user{background:#6366f1;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.btn-add-user:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.form-row{display:flex;gap:1rem;align-items:flex-end}.assignments-list-section{margin-top:1.5rem}.assignments-list-section h4{margin:0 0 1rem;color:#1f2937;font-size:.9375rem;font-weight:600;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.assignments-list{display:flex;flex-direction:column;gap:.5rem}.assignment-item-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.assignment-item-row:hover{background:#f9fafb;border-color:#d1d5db}.assignment-user-info{display:flex;align-items:center;gap:.75rem;flex:1}.user-email{font-size:.875rem;color:#1f2937;font-weight:500}.assignment-role-badge{display:flex;align-items:center}.role-select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.role-select:hover{border-color:#9ca3af;background:#f9fafb}.role-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.role-select:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.btn-remove-assignment{background:transparent;border:1px solid #e5e7eb;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc2626;font-size:1.25rem;font-weight:600;transition:all .2s ease;flex-shrink:0}.btn-remove-assignment:hover{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.no-assignments{text-align:center;padding:2rem 1rem;color:#9ca3af;font-size:.875rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.assignments-overflow{text-align:center;padding:.75rem;color:#6b7280;font-size:.8125rem;font-style:italic;background:#f9fafb;border-radius:6px;margin-top:.5rem}.confirm-dialog .modal-body{padding:1.5rem 1.5rem 0}.confirm-dialog .modal-body p{margin:0;color:#374151;font-size:.9375rem;line-height:1.5}.warning-text{color:#dc2626;font-weight:500;font-size:.875rem}.permission-warning{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:1.5rem;text-align:center}.permission-warning p{margin:0 0 .5rem;color:#92400e;font-size:.875rem}.permission-warning p:last-child{margin-bottom:0;font-size:.8125rem;color:#b45309}.role-badge-static{display:flex;align-items:center}.warning-box{display:flex;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-top:1rem;align-items:flex-start}.warning-icon{font-size:1.25rem;flex-shrink:0}.warning-box strong{color:#dc2626;display:block;margin-bottom:.5rem;font-size:.9375rem}.warning-box p{margin:0;color:#991b1b;font-size:.875rem;line-height:1.5}.current-user-assignment{background:#eff6ff;border-left:3px solid #3b82f6}.current-user-badge{display:inline-block;background:#3b82f6;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:12px;margin-left:.5rem;vertical-align:middle}.inherited-assignment{opacity:.85;border-left-color:#94a3b8}.inherited-badge{display:inline-block;background:#94a3b8;color:#fff;font-size:.7rem;font-weight:500;padding:.125rem .4rem;border-radius:10px;margin-left:.5rem;vertical-align:middle;cursor:help}.confirm-dialog .modal-actions{padding:1rem 1.5rem 1.5rem}.features-section{padding:6rem 0;background:var(--color-surface)}.features-section.alt{background:var(--color-background)}.feature-showcase{max-width:1200px;margin:0 auto}.feature-showcase-content{text-align:center}.feature-icon-large{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#0e3baf1a;border-radius:16px;margin-bottom:2rem;color:var(--color-primary)}.feature-icon-large svg{width:48px;height:48px}.pricing-hero{padding:8rem 0 4rem;text-align:center;background:var(--color-background)}.pricing-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;letter-spacing:.2px}.pricing-hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:700px;margin:0 0 3rem;line-height:1.6;padding-left:1.5rem;border-left:3px solid var(--color-primary);text-align:left}.billing-toggle{display:inline-flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:4px;gap:4px}.billing-option{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:.5rem}.billing-option:hover{color:var(--color-text-primary)}.billing-option.active{background:var(--color-primary);color:#fff}.save-badge{font-size:.75rem;background:#fff3;padding:.125rem .5rem;border-radius:12px;font-weight:600}.pricing-section{padding:4rem 0;background:var(--color-background)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;position:relative;transition:all .2s ease;box-shadow:0 2px 8px #0e3baf0d}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0e3baf1a;border-color:var(--color-primary)}.pricing-card.recommended{border-color:var(--color-primary);border-width:2px;box-shadow:0 4px 16px #0e3baf26}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.pricing-card-header{margin-bottom:2rem;text-align:center}.plan-name{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.plan-price{margin-bottom:1rem}.price-amount{font-size:2.5rem;font-weight:700;color:var(--color-text-primary)}.price-period{font-size:1rem;color:var(--color-text-secondary);margin-left:.25rem}.price-note{font-size:.875rem;color:var(--color-text-secondary)}.price-per-user{display:block;font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.plan-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.pricing-card-body{display:flex;flex-direction:column;gap:2rem}.pricing-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.pricing-button.primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0e3baf33}.pricing-button.primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0e3baf4d}.pricing-button.secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary)}.pricing-button.secondary:hover{background:#0e3baf0d}.features-section-header{margin-bottom:1rem}.features-section-header h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;margin:0}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.check-icon{flex-shrink:0;color:#10b981;margin-top:.125rem}.pricing-faq{padding:6rem 0;background:var(--color-surface)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:3rem auto 0}.faq-item h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.faq-item p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.billing-toggle{flex-direction:column;width:100%;max-width:300px}.billing-option{width:100%;justify-content:center}.faq-grid{grid-template-columns:1fr}}@keyframes edge-glow-pulse{0%,to{opacity:.2;stroke-width:10px}50%{opacity:.5;stroke-width:16px}}.edge-glow-pulse{animation:edge-glow-pulse 1.5s ease-in-out infinite}@keyframes node-edge-highlight-target{0%,to{box-shadow:0 0 0 3px #3b82f680,0 0 20px #3b82f666}50%{box-shadow:0 0 0 5px #3b82f6b3,0 0 30px #3b82f699}}@keyframes node-edge-highlight-source{0%,to{box-shadow:0 0 0 3px #93c5fd80,0 0 20px #93c5fd66}50%{box-shadow:0 0 0 5px #93c5fdb3,0 0 30px #93c5fd99}}.node-edge-connected{animation:node-edge-highlight-target 1.5s ease-in-out infinite!important;border-color:#3b82f6!important}.node-edge-source{animation:node-edge-highlight-source 1.5s ease-in-out infinite!important;border-color:#93c5fd!important}.node-edge-target{animation:node-edge-highlight-target 1.5s ease-in-out infinite!important;border-color:#3b82f6!important}@keyframes topology-error-pulse{0%,to{box-shadow:0 0 0 3px #dc354566,0 0 15px #dc35454d}50%{box-shadow:0 0 0 5px #dc354599,0 0 25px #dc354580}}.topology-error{animation:topology-error-pulse 1.5s ease-in-out infinite!important;border-color:#dc3545!important;border-width:3px!important;background-color:#fff5f5!important}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:#0a173380;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:180px 2rem 40px;overflow:hidden}.export-modal{max-width:680px;width:100%;max-height:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #E1E8F5;box-shadow:0 16px 48px #0e3baf33,0 4px 16px #0e3baf1a;overflow:hidden;position:relative}.export-modal-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0e3baf,#0b2e88);padding:1rem 1.25rem;flex-shrink:0}.export-modal-header h3{color:#fff;font-size:1.125rem;font-weight:600;letter-spacing:.2px;margin:0}.export-modal-close{color:#fff;opacity:.8;font-size:1.5rem;line-height:1;padding:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease}.export-modal-close:hover{opacity:1}.export-modal-body{flex:1;overflow-y:auto;padding:1.25rem;background:#f7faff;min-height:0}.export-error{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:.875rem 1rem;border-radius:8px;margin-bottom:1.25rem;display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500}.export-section{margin-bottom:.75rem;background:#fff;border-radius:12px;border:1px solid #E1E8F5;box-shadow:0 2px 8px #0e3baf0a;overflow:hidden}.export-section:last-child{margin-bottom:0}.export-section-collapsible .export-section-header{margin-bottom:0;padding:.875rem 1rem;border-bottom:none;cursor:pointer;transition:background .2s ease}.export-section-collapsible .export-section-header:hover{background:#f7faff}.export-section-collapsible.expanded .export-section-header{border-bottom:1px solid #E1E8F5}.export-section-content{padding:.875rem 1rem 1rem}.export-section-header{display:flex;justify-content:space-between;align-items:center}.export-section-header-clickable{-webkit-user-select:none;user-select:none}.export-section-title-row{display:flex;align-items:center;gap:.5rem}.expand-icon{font-size:.625rem;color:#3b4a6b;transition:transform .2s ease;display:inline-block}.expand-icon.expanded{transform:rotate(90deg)}.export-section-header h4{margin:0;font-size:.9375rem;font-weight:600;color:#0a1733;letter-spacing:.2px}.selection-count{font-size:.75rem;color:#3b4a6b;background:#f0f4f8;padding:.25rem .5rem;border-radius:4px;font-weight:500}.btn-select-all{padding:.4rem .875rem;font-size:.75rem;font-weight:500;background:#fff;border:1px solid #0E3BAF;border-radius:6px;color:#0e3baf;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.btn-select-all:hover{background:#eef3ff;border-color:#0b2e88}.export-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem}.export-options-grid.l0-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.export-checkbox-item{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .875rem;background:#f7faff;border:1px solid #E1E8F5;border-radius:8px;cursor:pointer;transition:all .2s ease}.export-checkbox-item:hover{background:#eef3ff;border-color:#3f8cff}.export-checkbox-item:has(input:checked){background:#eef3ff;border-color:#0e3baf}.export-checkbox-item input[type=checkbox]{width:16px;height:16px;margin-top:1px;accent-color:#0E3BAF;cursor:pointer;flex-shrink:0}.checkbox-label{font-size:.8125rem;color:#0a1733;line-height:1.45;font-weight:500;letter-spacing:.2px}.checkbox-sublabel{display:block;font-size:.6875rem;color:#3b4a6b;margin-top:.25rem;font-weight:400;line-height:1.4}.export-node-toggle{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed #E1E8F5}.flow-nodes-checkbox{background:#eef3ff;border-color:#3f8cff;padding:.75rem 1rem}.flow-nodes-checkbox:hover{background:#e0ebff;border-color:#0e3baf}.export-node-attributes{margin-top:1rem;padding:1rem;background:#f7faff;border-radius:8px;border:1px solid #E1E8F5}.export-subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.subsection-title{font-size:.8125rem;font-weight:600;color:#0a1733}.btn-select-all-small{padding:.25rem .5rem;font-size:.6875rem}.export-options-grid-small{gap:.5rem}.export-checkbox-item-small{padding:.5rem .625rem}.export-checkbox-item-small .checkbox-label{font-size:.75rem}.export-checkbox-wide{min-width:160px}.no-options{color:#3b4a6b;font-size:.875rem;font-style:italic;padding:.75rem;text-align:center}.export-modal-actions{padding:1.25rem 1.75rem;background:#fff;border-top:1px solid #E1E8F5;display:flex;justify-content:flex-end;gap:.875rem}.export-modal-actions .btn-secondary{background:#fff;border:1px solid #E1E8F5;color:#3b4a6b;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-modal-actions .btn-secondary:hover{background:#f7faff;border-color:#0e3baf;color:#0e3baf}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,#0e3baf,#0b2e88);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0e3baf40}.export-btn:hover:not(:disabled){background:linear-gradient(135deg,#0b2e88,#082266);box-shadow:0 4px 12px #0e3baf59;transform:translateY(-1px)}.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:export-spin .8s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.export-icon{font-size:1rem}.export-icon-small{font-size:.875rem}.export-btn-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;background:#fff;border:1px solid #0E3BAF;color:#0e3baf;border-radius:8px;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.export-btn-header:hover{background:#eef3ff;border-color:#0b2e88;color:#0b2e88}.export-btn-header .export-icon-small{color:#3f8cff}@media (max-width: 640px){.export-modal{width:100%;max-width:none;margin:0;border-radius:0;max-height:100vh}.export-modal-body{padding:1.25rem}.export-section{padding:1rem}.export-options-grid{grid-template-columns:1fr 1fr;gap:.5rem}.export-options-grid.l0-grid{grid-template-columns:1fr}.export-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-select-all{align-self:flex-start}.export-modal-actions{padding:1rem 1.25rem}}