@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.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{--iphone-width: 402px;--iphone-height: 874px;--iphone-radius: 44px;--iphone-bezel: 8px;--iphone-border: 4px;--iphone-color: #3a3a3a}.iphone-frame{position:relative;z-index:20;background:#000;border-radius:var(--custom-radius, var(--iphone-radius));box-shadow:0 0 0 1px color-mix(in srgb,var(--iphone-color),black 70%),0 0 0 var(--iphone-border) var(--iphone-color);box-sizing:border-box;transition:all .3s ease}.iphone-frame.selected{box-shadow:0 0 0 2px var(--ui-primary),0 0 0 var(--iphone-border) color-mix(in srgb,var(--ui-primary) 92%,white 8%),0 20px 50px -12px color-mix(in srgb,var(--ui-primary) 40%,transparent)}.device-node-container:hover .iphone-frame:not(.selected){box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ui-primary) 68%,transparent),0 0 0 var(--iphone-border) color-mix(in srgb,var(--iphone-color),black 8%),0 18px 42px -16px color-mix(in srgb,var(--ui-primary) 28%,transparent)}.iphone-bezel{position:absolute;inset:0;border:var(--device-bezel-width, var(--iphone-bezel)) solid #000;border-radius:var(--custom-radius, var(--iphone-radius));pointer-events:none;z-index:20}.iphone-screen{position:absolute;inset:0;border-radius:calc(var(--iphone-radius) - 2px);overflow:hidden;isolation:isolate;contain:paint;background:#000}.iphone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#000;border-radius:20px;z-index:30;display:flex;align-items:center;justify-content:center}.iphone-notch:after{content:"";position:absolute;right:30px;width:10px;height:10px;border-radius:50%;background:radial-gradient(#6667ac,transparent 50%) no-repeat 33.3% 10% / 75% 50%,radial-gradient(#4a4b8f,transparent 50%) no-repeat 60% 85% / 50% 50%;background-color:#080928;box-shadow:inset 0 0 2px #4c4da3}.iphone-buttons{position:absolute;inset:calc(var(--iphone-border) * -1);pointer-events:none;z-index:5}.iphone-button{position:absolute;background:color-mix(in srgb,var(--iphone-color),white 20%);width:3px;border-radius:2px 0 0 2px;box-shadow:inset -.5px 0 1px #00000080,inset 0 1px 1px #fff6}.iphone-button-silent{left:-3px;top:100px;height:24px}.iphone-button-vol-up{left:-3px;top:140px;height:50px}.iphone-button-vol-down{left:-3px;top:200px;height:50px}.iphone-button-power{right:-3px;top:160px;height:80px;width:3px;border-radius:0 2px 2px 0}.iphone-home-bar{position:absolute;bottom:13px;left:50%;transform:translate(-50%);width:120px;height:5px;background:#ffffffb0;border-radius:10px;z-index:30;backdrop-filter:blur(4px)}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;padding:0;box-sizing:border-box;background:var(--color-bg)}.app-mobile-canvas-guard{display:grid;width:100vw;height:100vh;place-items:center;padding:24px;background:radial-gradient(60% 60% at 50% 0%,color-mix(in srgb,var(--ui-primary) 18%,transparent),transparent 58%),var(--ui-bg)}.app-mobile-canvas-guard__panel{width:min(100%,420px);border-radius:28px;border:1px solid color-mix(in srgb,var(--ui-primary) 18%,var(--ui-border));background:linear-gradient(180deg,color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface-2)) 0%,var(--ui-surface-1) 100%);padding:28px 22px;text-align:center;box-shadow:0 28px 60px color-mix(in srgb,var(--ui-primary) 10%,transparent)}.app-mobile-canvas-guard__logo{width:52px;height:52px;margin:0 auto 18px;object-fit:contain}.app-mobile-canvas-guard__eyebrow{color:var(--ui-primary);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.app-mobile-canvas-guard__title{margin-top:12px;color:var(--ui-text);font-size:clamp(1.9rem,8vw,2.6rem);line-height:.98;letter-spacing:-.05em}.app-mobile-canvas-guard__copy{margin-top:14px;color:var(--ui-text-muted);font-size:14px;line-height:1.65}.app-mobile-canvas-guard__actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.app-mobile-canvas-guard__button{min-height:46px;border-radius:999px;padding:0 18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .16s ease,color .16s ease,border-color .16s ease}.app-mobile-canvas-guard__button--primary{background:var(--ui-primary);color:#fff}.app-mobile-canvas-guard__button--primary:hover{background:var(--ui-primary-hover)}.app-mobile-canvas-guard__button--secondary{border:1px solid color-mix(in srgb,var(--ui-primary) 18%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface-2));color:var(--ui-text)}.app-mobile-canvas-guard__button--secondary:hover{background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface-3))}.app-layout.project-settings-active{position:relative}.project-settings-overlay{position:absolute;inset:0;border-radius:0;overflow:hidden;background:var(--ui-surface-1);z-index:60}.edit-workspace-overlay{position:absolute;inset:0;border-radius:0;overflow:hidden;background:var(--ui-surface-1);z-index:65}.edit-workspace-modal{display:flex;height:100%;width:100%;min-height:0;min-width:0}.edit-workspace-layers-drawer{width:0;min-width:0;overflow:hidden;border-right:0 solid var(--ui-border);transition:width .28s ease,min-width .28s ease,border-right-width .28s ease;background:var(--ui-surface-1)}.edit-workspace-layers-drawer.open{width:360px;min-width:360px;border-right-width:1px}.edit-workspace-layers-drawer .layers-panel{width:100%;min-width:0;border-right:none}.edit-workspace-preview-pane{flex:1;max-width:none;min-width:0;min-height:0;background:var(--ui-surface-1)}.edit-workspace-layers-toggle{height:36px;display:inline-flex;align-items:center;gap:8px;border-radius:10px;border:1px solid var(--ui-border);background:var(--ui-surface-2);color:var(--ui-text);padding:0 12px;font-size:12px;font-weight:600;transition:background .2s ease,border-color .2s ease}.edit-workspace-layers-toggle:hover{background:var(--ui-surface-3);border-color:var(--ui-border-light)}.edit-workspace-screen-title{display:flex;align-items:center;justify-content:flex-end;min-width:0}.edit-workspace-screen-chip{max-width:100%;min-width:0;display:inline-flex;align-items:center;gap:8px;height:36px;border-radius:999px;border:1px solid var(--ui-border);background:var(--ui-surface-2);padding:0 14px;color:var(--ui-text);font-size:12px;font-weight:600}.edit-workspace-screen-chip span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-workspace-preview-canvas{height:100%;min-height:0;position:relative}.edit-workspace-floating-controls{position:absolute;top:14px;left:14px;right:14px;z-index:73;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.edit-workspace-floating-controls>*{pointer-events:auto}.edit-workspace-editor-pane{flex:0 0 480px;max-width:480px;min-width:0;height:100%;min-height:0;display:flex;border-left:1px solid var(--ui-border);background:var(--ui-surface-1)}.edit-workspace-editor-pane .edit-panel,.edit-workspace-editor-pane .edit-panel.open{width:100%;min-width:0}.edit-ai-composer-shell{position:absolute;left:50%;bottom:18px;z-index:72;width:min(860px,calc(100% - 28px));transform:translate(-50%);pointer-events:none}.edit-ai-composer{pointer-events:auto;border-radius:18px;border:1px solid color-mix(in srgb,var(--ui-primary) 20%,var(--ui-border));background:linear-gradient(180deg,color-mix(in srgb,var(--ui-primary) 5%,var(--ui-surface-1)) 0%,var(--ui-surface-1) 100%);padding:10px;display:flex;flex-direction:column;gap:8px}.edit-ai-context-row{min-height:28px;width:fit-content;border-radius:16px;display:flex;border:1px solid color-mix(in srgb,var(--ui-primary) 14%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface-2));align-items:center}.edit-ai-selected-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border-radius:999px;border:1px solid color-mix(in srgb,var(--ui-primary) 58%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 18%,transparent);color:var(--ui-text);font-size:11px;font-weight:600;padding:4px 10px}.edit-ai-selected-chip span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.edit-ai-selected-empty{padding:0 12px;font-size:11px;color:var(--ui-text-subtle)}.edit-ai-input-row{position:relative;display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:end}.edit-ai-input-core{display:flex;align-items:flex-start;gap:8px;min-width:0}.edit-ai-orb-wrap{margin-top:2px;width:36px;height:36px;flex-shrink:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--ui-primary) 18%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface-3));padding:2px}.edit-ai-textarea{width:100%;min-height:64px;max-height:180px;resize:vertical;border-radius:12px;border:1px solid color-mix(in srgb,var(--ui-primary) 14%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 4%,var(--ui-surface-1));color:var(--ui-text);font-size:13px;line-height:1.4;padding:10px 12px;outline:none;box-shadow:inset 0 1px color-mix(in srgb,var(--ui-primary) 8%,transparent);transition:border-color .15s ease,background .15s ease}.edit-ai-textarea:focus{border-color:color-mix(in srgb,var(--ui-primary) 60%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface-1))}.edit-ai-textarea:disabled{opacity:.65;cursor:not-allowed}.edit-ai-send{height:42px;width:42px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ui-primary) 54%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 22%,transparent);color:var(--ui-text);display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.edit-ai-send:hover:not(:disabled){background:color-mix(in srgb,var(--ui-primary) 32%,transparent)}.edit-ai-send:disabled{opacity:.45;cursor:not-allowed}.edit-ai-send.danger{border-color:color-mix(in srgb,#fb7185 52%,var(--ui-border));background:color-mix(in srgb,#fb7185 18%,transparent)}.edit-ai-feedback-row{min-height:18px}.edit-ai-feedback{display:inline-flex;align-items:center;gap:6px;font-size:11px}.edit-ai-feedback.loading{color:var(--ui-text-subtle)}.edit-ai-feedback.error{color:#fca5a5}.edit-ai-feedback.success{color:#86efac}@media (max-width: 1360px){.edit-workspace-layers-drawer.open{width:320px;min-width:320px}.edit-workspace-preview-pane{flex:1;max-width:none}.edit-workspace-editor-pane{flex-basis:420px;max-width:420px}.edit-workspace-editor-pane .edit-panel,.edit-workspace-editor-pane .edit-panel.open{width:100%;min-width:0}}.app-canvas-shell{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden;border-radius:0;background:var(--ui-surface-1)}.edit-panel{width:0;min-width:0;height:100%;overflow:hidden;transition:width .35s ease}.edit-panel.open{width:320px;min-width:320px}.hide-scrollbar-panel{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar-panel::-webkit-scrollbar{width:0;height:0;display:none}.layers-panel{width:380px;min-width:380px;height:100%;display:flex;flex-direction:column;background:var(--ui-surface-1);border-right:1px solid var(--ui-border)}.layers-panel-header{padding:12px;border-bottom:1px solid var(--ui-border);display:flex;flex-direction:column;gap:10px}.layers-panel-title{display:flex;align-items:center;gap:8px;color:var(--ui-text);font-weight:600;font-size:13px}.layers-screen-select{width:100%;border:1px solid var(--ui-border-light);border-radius:8px;background:var(--ui-surface-2);color:var(--ui-text);font-size:12px;padding:7px 28px 7px 9px;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ui-text-subtle) 50%),linear-gradient(135deg,var(--ui-text-subtle) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.layers-screen-select:focus{border-color:var(--ui-primary)}.layers-tree{flex:1;overflow:auto;padding:10px 12px}.layers-empty{padding:12px;font-size:12px;color:var(--ui-text-subtle)}.layers-row{display:flex;align-items:center;gap:4px;min-height:28px;padding-right:8px}.layers-row.selected{background:var(--ui-surface-3)}.layers-toggle{width:16px;height:16px;border:none;background:transparent;color:var(--ui-text-subtle);display:inline-flex;align-items:center;justify-content:center;padding:0}.layers-toggle:disabled{opacity:.6}.layers-dot{width:4px;height:4px;border-radius:999px;background:var(--ui-text-subtle)}.layers-label{border:none;background:transparent;color:var(--ui-text);font-size:12px;text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.eazy-goey-wrapper{border-radius:16px}.eazy-goey-content{font-family:Geist,Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}.eazy-goey-header{align-items:center}.eazy-goey-title{font-size:12px;font-weight:700;letter-spacing:.01em}.eazy-goey-icon{color:inherit}.eazy-goey-description{font-size:11px;line-height:1.45;opacity:.9}.eazy-goey-action-wrap{margin-top:6px}.eazy-goey-action-btn{border-radius:10px;border:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface-1) 78%,transparent);color:var(--ui-text);font-size:11px;font-weight:600;padding:5px 10px}.eazy-goey-action-btn:hover{background:color-mix(in srgb,var(--ui-surface-1) 92%,transparent)}.eazy-goey-spinner{animation:eazy-goey-spin .8s linear infinite}@keyframes eazy-goey-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eazy-help-fab{position:fixed;right:20px;bottom:92px;z-index:1200;pointer-events:auto}.chat-panel{width:var(--chat-width);min-width:var(--chat-width);height:100%;display:flex;flex-direction:column;background:transparent;border-right:none;border-radius:16px;overflow:hidden}.chat-header{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between}.chat-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.chat-header .logo{width:24px;height:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-sm)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-message{padding:var(--space-3);border-radius:var(--radius-lg);max-width:100%;word-wrap:break-word}.chat-message.user{background:var(--color-primary);color:#fff;align-self:flex-end}.chat-message.assistant{background:var(--color-surface-elevated);color:var(--color-text);align-self:flex-start}.chat-message.system{background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;align-self:center}.chat-message.pending:after{content:"...";animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.chat-input-area{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.style-controls{display:flex;gap:var(--space-2);flex-wrap:wrap}.style-controls select{flex:1;min-width:100px;font-size:var(--font-size-sm)}.chat-input-row{display:flex;gap:var(--space-2)}.chat-input-row textarea{flex:1;min-height:60px;max-height:120px;resize:vertical;font-size:var(--font-size-sm)}.chat-input-row button{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:500;transition:background .15s ease}.chat-input-row button:hover:not(:disabled){background:var(--color-primary-hover)}.chat-input-row button:disabled{background:var(--color-border)}.image-upload-btn{padding:var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .15s ease}.image-upload-btn:hover{background:var(--color-border);color:var(--color-text)}.canvas-workspace{flex:1;min-width:0;height:100%;position:relative;overflow:hidden;background:var(--color-bg)}.canvas-workspace.panning{cursor:grab}.canvas-workspace.panning.active{cursor:grabbing}.canvas-toolbar{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100}.canvas-toolbar button{padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all .15s ease}.canvas-toolbar button:hover{background:var(--color-surface-elevated);color:var(--color-text)}.canvas-toolbar button.active{background:var(--color-primary);color:#fff}.zoom-controls{display:flex;align-items:center;gap:var(--space-1);padding-left:var(--space-2);border-left:1px solid var(--color-border)}.zoom-controls span{min-width:50px;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color-text-muted)}.canvas-empty h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.canvas-empty p{font-size:var(--font-size-base)}.react-flow__attribution{display:none!important}.inspector-panel{width:var(--inspector-width);min-width:var(--inspector-width);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--ui-primary) 4%,var(--color-surface)) 0%,var(--color-surface) 100%);border-left:1px solid color-mix(in srgb,var(--ui-primary) 18%,var(--color-border))}.inspector-header{padding:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--ui-primary) 14%,var(--color-border))}.inspector-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.inspector-breadcrumb{display:flex;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);flex-wrap:wrap}.inspector-breadcrumb span{cursor:pointer}.inspector-breadcrumb span:hover{color:var(--color-primary)}.inspector-content{flex:1;overflow-y:auto;padding:var(--space-4)}.inspector-section{margin-bottom:var(--space-5)}.inspector-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.inspector-field{margin-bottom:var(--space-3)}.inspector-field label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.inspector-field input,.inspector-field select,.inspector-field textarea{width:100%;border:1px solid color-mix(in srgb,var(--ui-primary) 14%,var(--color-border));background:color-mix(in srgb,var(--ui-primary) 5%,var(--color-surface-2));border-radius:var(--radius-md);color:var(--color-text);padding:.7rem .8rem}.inspector-field textarea{min-height:80px;resize:vertical}.inspector-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);text-align:center;padding:var(--space-4);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--ui-primary) 10%,transparent),transparent 58%)}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.color-swatch{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;transition:all .15s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--color-text)}.spacing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.spacing-btn{padding:var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:all .15s ease}.spacing-btn:hover{background:var(--color-border);color:var(--color-text)}.spacing-btn.active{background:var(--color-primary);color:#fff}.gooey-spinnerSpin{animation:gooey-spin 1s linear infinite}@keyframes gooey-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-sonner-toast][data-x-position=center]{left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:fit-content!important}[data-gooey-toast-css]{--gooey-toast: 1}[data-sonner-toast][data-expanded=true]{transition:transform .15s,opacity .4s,height .15s,box-shadow .2s!important}.gooey-wrapper{pointer-events:auto;cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;position:relative;width:fit-content}.gooey-blobSvg{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.06)) drop-shadow(0 1px 4px rgba(0,0,0,.04))}.gooey-content{position:relative;z-index:1;transition:padding .35s cubic-bezier(.4,0,.2,1)}.gooey-contentCompact{padding:7px 10px}.gooey-contentExpanded{padding:7px 10px 16px;min-width:300px;max-width:380px}.gooey-header{display:inline-flex;align-items:center;gap:8px;color:inherit}.gooey-iconWrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;line-height:0}.gooey-title{font-size:12px;font-weight:700;line-height:1;white-space:nowrap;color:inherit;padding:0 4px 0 2px}.gooey-titleDefault{color:#555}.gooey-titleSuccess{color:#4caf50}.gooey-titleError{color:#e53935}.gooey-titleWarning{color:#c49000}.gooey-titleInfo{color:#1e88e5}.gooey-titleLoading{color:#555}.gooey-timestamp{font-size:11px;font-weight:400;color:#999;white-space:nowrap;line-height:1;padding-left:6px}.gooey-description{font-size:13px;font-weight:400;color:#444;line-height:1.55;margin-top:16px;overflow:hidden}.gooey-actionWrapper{margin-top:12px;overflow:hidden}.gooey-actionButton{display:block;box-sizing:border-box;width:100%;border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-align:center;outline:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.gooey-actionButton:focus:not(:focus-visible){outline:none}.gooey-actionButton:focus-visible{outline:2px solid currentColor;outline-offset:2px}.gooey-actionDefault{background:#e8e8e8;color:#555}.gooey-actionDefault:hover{background:#dcdcdc}.gooey-actionDefault:active{background:#d0d0d0}.gooey-actionSuccess{background:#c8e6c9;color:#4caf50}.gooey-actionSuccess:hover{background:#a5d6a7}.gooey-actionSuccess:active{background:#81c784}.gooey-actionError{background:#ffcdd2;color:#e53935}.gooey-actionError:hover{background:#ef9a9a}.gooey-actionError:active{background:#e57373}.gooey-actionWarning{background:#ffecb3;color:#c49000}.gooey-actionWarning:hover{background:#ffe082}.gooey-actionWarning:active{background:#ffd54f}.gooey-actionInfo{background:#bbdefb;color:#1e88e5}.gooey-actionInfo:hover{background:#90caf9}.gooey-actionInfo:active{background:#64b5f6}.gooey-progressWrapper{margin-top:10px;overflow:hidden;border-radius:2px;height:3px;background:#0000000f}.gooey-progressBar{height:100%;border-radius:2px;transform-origin:left center;animation:gooey-progress-shrink var(--gooey-progress-duration, 4s) linear forwards;animation-play-state:running}.gooey-progressPaused .gooey-progressBar{animation-play-state:paused}@keyframes gooey-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.gooey-progressDefault{background:#999}.gooey-progressSuccess{background:#4caf50}.gooey-progressError{background:#e53935}.gooey-progressWarning{background:#c49000}.gooey-progressInfo{background:#1e88e5}.gooey-wrapper[data-theme=dark] .gooey-blobSvg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) drop-shadow(0 1px 4px rgba(0,0,0,.2))}.gooey-wrapper[data-theme=dark] .gooey-titleDefault{color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-titleSuccess{color:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-titleError{color:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-titleWarning{color:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-titleInfo{color:#42a5f5}.gooey-wrapper[data-theme=dark] .gooey-titleLoading{color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-timestamp{color:#777}.gooey-wrapper[data-theme=dark] .gooey-description{color:#e0e0e0}.gooey-wrapper[data-theme=dark] .gooey-actionDefault{background:#3a3a3a;color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-actionDefault:hover{background:#444}.gooey-wrapper[data-theme=dark] .gooey-actionDefault:active{background:#4e4e4e}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess{background:#1b5e20;color:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess:hover{background:#2e7d32}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess:active{background:#388e3c}.gooey-wrapper[data-theme=dark] .gooey-actionError{background:#b71c1c;color:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-actionError:hover{background:#c62828}.gooey-wrapper[data-theme=dark] .gooey-actionError:active{background:#d32f2f}.gooey-wrapper[data-theme=dark] .gooey-actionWarning{background:#4a3800;color:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-actionWarning:hover{background:#5c4600}.gooey-wrapper[data-theme=dark] .gooey-actionWarning:active{background:#6e5400}.gooey-wrapper[data-theme=dark] .gooey-actionInfo{background:#0d47a1;color:#42a5f5}.gooey-wrapper[data-theme=dark] .gooey-actionInfo:hover{background:#1565c0}.gooey-wrapper[data-theme=dark] .gooey-actionInfo:active{background:#1976d2}.gooey-wrapper[data-theme=dark] .gooey-progressWrapper{background:#ffffff1a}.gooey-wrapper[data-theme=dark] .gooey-progressDefault{background:#888}.gooey-wrapper[data-theme=dark] .gooey-progressSuccess{background:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-progressError{background:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-progressWarning{background:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-progressInfo{background:#42a5f5}@tailwind base;@tailwind components;@tailwind utilities;:root,[data-theme=dark]{--ui-cursor-default: url(/cursor-logo-32.png) 8 8, auto;--ui-bg: #0f0f0f;--ui-surface-1: #1b1b1b;--ui-surface-2: #171717;--ui-surface-3: #1f1f1f;--ui-surface-4: #212429;--ui-popover: #171717;--ui-border: #2A3140;--ui-border-card: #3e3e3e;--ui-border-light: #3A4250;--ui-text: #E8ECF2;--ui-text-muted: #8B95A5;--ui-text-subtle: #5A6472;--ui-primary: #01a6cb;--ui-primary-hover: #818CF8;--ui-focus-border: color-mix(in srgb, var(--ui-primary) 34%, var(--ui-border-light));--ui-focus-ring: color-mix(in srgb, var(--ui-primary) 10%, transparent);--ui-error: #EF4444;--ui-canvas-dot: #484949;--ui-tab-active-bg: #2a2f37;--ui-canvas-profile-bg: color-mix(in srgb, var(--ui-primary) 8%, var(--ui-surface-3));--ui-canvas-profile-border: color-mix(in srgb, var(--ui-primary) 18%, rgba(255, 255, 255, .12));--ui-canvas-profile-hover: color-mix(in srgb, var(--ui-primary) 14%, rgba(255, 255, 255, .08));--landing-hero-dot-subtle: rgba(255, 255, 255, .08);--landing-hero-dot-strong: rgba(255, 255, 255, .52);--landing-hero-bg-top: var(--ui-surface-1);--landing-hero-bg-mid: color-mix(in srgb, var(--ui-surface-1) 94%, black 6%);--landing-hero-bg-bottom: color-mix(in srgb, var(--ui-surface-1) 88%, black 12%);--landing-hero-grid: color-mix(in srgb, var(--ui-text) 22%, transparent);--landing-hero-grid-line: color-mix(in srgb, var(--ui-primary) 72%, transparent);--landing-hero-grid-fill: var(--ui-text);--landing-hero-grid-fade: color-mix(in srgb, var(--ui-surface-1) 96%, transparent);--landing-hero-floor: color-mix(in srgb, var(--ui-surface-1) 92%, black 8%);--landing-hero-veil: color-mix(in srgb, var(--ui-surface-1) 94%, black 6%);--landing-hero-glow-a: transparent;--landing-hero-glow-b: transparent;--landing-hero-glow-c: transparent;--ui-toast-default-fill: #0f1621;--ui-toast-info-fill: #10263d;--ui-toast-success-fill: #0e2a1f;--ui-toast-error-fill: #32131a;--ui-toast-guide-fill: #1f1638;--ui-toast-loading-fill: #141922;--ui-orb-idle-1: #5ab9de;--ui-orb-idle-2: #3ae1e1;--ui-orb-thinking-1: #6366F1;--ui-orb-thinking-2: #22D3EE;--ui-orb-talking-1: #22C55E;--ui-orb-talking-2: #14B8A6;--ui-orb-listening-1: #F59E0B;--ui-orb-listening-2: #F97316;--color-bg: var(--ui-bg);--color-surface: var(--ui-surface-1);--color-surface-elevated: var(--ui-surface-2);--color-border: var(--ui-border);--color-border-light: var(--ui-border-light);--color-text: var(--ui-text);--color-text-muted: var(--ui-text-muted);--color-text-subtle: var(--ui-text-subtle);--color-primary: var(--ui-primary);--color-primary-hover: var(--ui-primary-hover);--color-primary-dark: #4F46E5;--color-accent: #22D3EE;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--chat-width: 500px;--inspector-width: 280px;--header-height: 48px;--workspace-backdrop: #090b11;--workspace-glow-a: rgba(99, 102, 241, .18);--workspace-glow-b: rgba(34, 211, 238, .12);--workspace-glow-c: rgba(245, 158, 11, .08);--workspace-shell: rgba(10, 12, 18, .96);--workspace-shell-border: rgba(255, 255, 255, .08);--workspace-shell-shadow: 0 40px 120px rgba(0, 0, 0, .45);--workspace-sidebar: rgba(7, 9, 14, .82);--workspace-sidebar-border: rgba(255, 255, 255, .08);--workspace-content: rgba(15, 17, 24, .94);--workspace-content-border: rgba(255, 255, 255, .08);--workspace-content-shadow: 0 28px 80px rgba(0, 0, 0, .22);--workspace-soft: rgba(255, 255, 255, .04);--workspace-soft-strong: rgba(255, 255, 255, .07);--workspace-upgrade-bg: linear-gradient(180deg, rgba(111, 225, 255, .22) 0%, rgba(92, 141, 255, .1) 100%);--workspace-upgrade-border: rgba(148, 219, 255, .18);--workspace-upgrade-icon: #2d5bff;--workspace-upgrade-button-text: #111827}[data-theme=light]{--ui-bg: #F6F8FB;--ui-surface-1: #f5f5f5;--ui-surface-2: #F3F5F9;--ui-surface-3: #EDEFF4;--ui-surface-4: #E2E7F0;--ui-popover: #FFFFFF;--ui-border: #CFD8E6;--ui-border-card: #E5E7EB;--ui-border-light: #BCC7D8;--ui-text: #0F172A;--ui-text-muted: #334155;--ui-text-subtle: #64748B;--ui-primary: #01a6cb;--ui-primary-hover: #4338CA;--ui-focus-border: color-mix(in srgb, var(--ui-primary) 28%, var(--ui-border));--ui-focus-ring: color-mix(in srgb, var(--ui-primary) 8%, transparent);--ui-error: #EF4444;--ui-canvas-dot: #959595;--ui-tab-active-bg: #ffffff;--ui-canvas-profile-bg: color-mix(in srgb, var(--ui-primary) 7%, var(--ui-surface-3));--ui-canvas-profile-border: color-mix(in srgb, var(--ui-primary) 16%, rgba(15, 23, 42, .16));--ui-canvas-profile-hover: color-mix(in srgb, var(--ui-primary) 12%, rgba(15, 23, 42, .07));--landing-hero-dot-subtle: rgba(15, 23, 42, .2);--landing-hero-dot-strong: rgba(15, 23, 42, .52);--landing-hero-bg-top: var(--ui-surface-1);--landing-hero-bg-mid: color-mix(in srgb, var(--ui-surface-1) 96%, white 4%);--landing-hero-bg-bottom: color-mix(in srgb, var(--ui-surface-1) 92%, white 8%);--landing-hero-grid: color-mix(in srgb, var(--ui-text) 18%, transparent);--landing-hero-grid-line: color-mix(in srgb, var(--ui-primary) 72%, transparent);--landing-hero-grid-fill: var(--ui-text);--landing-hero-grid-fade: color-mix(in srgb, var(--ui-surface-1) 88%, transparent);--landing-hero-floor: color-mix(in srgb, var(--ui-surface-1) 96%, white 4%);--landing-hero-veil: color-mix(in srgb, var(--ui-surface-1) 92%, white 8%);--landing-hero-glow-a: transparent;--landing-hero-glow-b: transparent;--landing-hero-glow-c: transparent;--ui-toast-default-fill: #f8fafc;--ui-toast-info-fill: #eff6ff;--ui-toast-success-fill: #ecfdf5;--ui-toast-error-fill: #fff1f2;--ui-toast-guide-fill: #f5f3ff;--ui-toast-loading-fill: #f8fafc;--ui-orb-idle-1: #2de8c0;--ui-orb-idle-2: #3f98e1;--ui-orb-thinking-1: #4F46E5;--ui-orb-thinking-2: #0284C7;--ui-orb-talking-1: #16A34A;--ui-orb-talking-2: #0F766E;--ui-orb-listening-1: #D97706;--ui-orb-listening-2: #EA580C;--color-bg: var(--ui-bg);--color-surface: var(--ui-surface-1);--color-surface-elevated: var(--ui-surface-2);--color-border: var(--ui-border);--color-border-light: var(--ui-border-light);--color-text: var(--ui-text);--color-text-muted: var(--ui-text-muted);--color-text-subtle: var(--ui-text-subtle);--color-primary: var(--ui-primary);--color-primary-hover: var(--ui-primary-hover);--workspace-backdrop: #edf1f7;--workspace-glow-a: rgba(79, 70, 229, .1);--workspace-glow-b: rgba(59, 130, 246, .08);--workspace-glow-c: rgba(16, 185, 129, .08);--workspace-shell: rgba(248, 250, 252, .92);--workspace-shell-border: rgba(148, 163, 184, .22);--workspace-shell-shadow: 0 36px 100px rgba(15, 23, 42, .12);--workspace-sidebar: rgba(255, 255, 255, .72);--workspace-sidebar-border: rgba(148, 163, 184, .24);--workspace-content: rgba(255, 255, 255, .9);--workspace-content-border: rgba(148, 163, 184, .18);--workspace-content-shadow: 0 20px 60px rgba(148, 163, 184, .18);--workspace-soft: rgba(148, 163, 184, .1);--workspace-soft-strong: rgba(148, 163, 184, .16);--workspace-upgrade-bg: linear-gradient(180deg, rgba(226, 232, 255, 1) 0%, rgba(214, 226, 255, .92) 100%);--workspace-upgrade-border: rgba(180, 194, 255, .85);--workspace-upgrade-icon: #4f46e5;--workspace-upgrade-button-text: #334155}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);cursor:var(--ui-cursor-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}.chat-panel-scroll{-ms-overflow-style:none;scrollbar-width:none}.chat-panel-scroll::-webkit-scrollbar{width:0;height:0;display:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;outline-offset:0;box-shadow:none}.no-focus-ring,.no-focus-ring:focus{border:none!important;box-shadow:none!important}.no-focus-ring:focus-visible{outline:none!important;outline-offset:0!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}button:disabled{opacity:.5;cursor:not-allowed}.ui-check{appearance:none;width:17px;height:17px;border-radius:4px;border:1px solid color-mix(in srgb,var(--ui-border-light) 82%,transparent);background:color-mix(in srgb,var(--ui-surface-1) 86%,transparent);display:inline-grid;place-items:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.ui-check:hover:not(:disabled){border-color:color-mix(in srgb,var(--ui-primary) 46%,var(--ui-border-light));background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface-2));box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-primary) 10%,transparent)}.ui-check:checked{border-color:color-mix(in srgb,var(--ui-primary) 82%,white);background:var(--ui-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-primary) 14%,transparent)}.ui-check:after{content:"";width:7px;height:4px;border-left:1.8px solid #ffffff;border-bottom:1.8px solid #ffffff;transform:translateY(-1px) rotate(-45deg) scale(.65);transform-origin:center;opacity:0;transition:transform .16s ease,opacity .16s ease}.ui-check:checked:after{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}.ui-check:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);outline:none;transition:border-color .15s ease;cursor:text}a,[role=button],summary{cursor:pointer}input:focus,textarea:focus,select:focus{border-color:var(--ui-focus-border)}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.canvas-controls-custom{background-color:#1c1c1ee6!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000080!important;backdrop-filter:blur(12px)!important}.canvas-controls-custom button{background-color:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:#fff!important;fill:#fff!important;transition:background-color .2s!important}.canvas-controls-custom button:last-child{border-bottom:none!important}.canvas-controls-custom button:hover{background-color:#ffffff1a!important}.canvas-controls-custom svg{fill:#fff!important}.canvas-gallery-bg{background:radial-gradient(1200px 800px at 20% 20%,rgba(255,255,255,.04),transparent 60%),radial-gradient(900px 700px at 80% 10%,rgba(255,255,255,.03),transparent 60%),var(--ui-bg)}.workspace-shell-bg{background:radial-gradient(60% 65% at 0% 0%,var(--workspace-glow-a),transparent 60%),radial-gradient(45% 55% at 100% 0%,var(--workspace-glow-b),transparent 62%),radial-gradient(50% 70% at 50% 100%,var(--workspace-glow-c),transparent 70%),var(--workspace-backdrop)}.workspace-shell-frame{box-shadow:var(--workspace-shell-shadow);backdrop-filter:blur(18px)}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.animate-loading-bar{animation:loading-bar 2s infinite ease-in-out}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@keyframes infinite-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.infinite-scroll-track{animation:infinite-scroll-left var(--marquee-duration, 28s) linear infinite;will-change:transform}.landing-scroll-track-reverse{animation-direction:reverse}.landing-scroll-shell{scroll-behavior:smooth;overscroll-behavior-y:none}.landing-background-stack{height:100vh;min-height:100svh;overflow:hidden}.landing-hero-backdrop{position:relative;height:100%;overflow:hidden;transform-origin:center top;background:#02030a}.landing-hero-backdrop:before,.landing-hero-backdrop:after{content:"";position:absolute;inset:0;pointer-events:none}.landing-hero-backdrop:before{z-index:2}.landing-hero-backdrop:after{z-index:3}.landing-hero-backdrop.is-animated:before{background:linear-gradient(180deg,#050505 0%,#050505 20%,rgba(5,5,5,.72) 36%,rgba(5,5,5,.18) 56%,transparent 100%)}.landing-hero-backdrop.is-animated:after{background:linear-gradient(180deg,#050505f0,#05050585 18%,#fff0 42%,#0c0c0c57 72%,#050505eb)}.landing-hero-animated-scene,.landing-hero-image-shell{position:absolute;inset:0}.landing-hero-animated-scene{z-index:1;inset:-1em;--c: 9px;background-color:#000;background-image:radial-gradient(circle at 50% 50%,#0000 1.5px,#000 0 var(--c),#0000 var(--c)),radial-gradient(circle at 50% 50%,#0000 1.5px,#000 0 var(--c),#0000 var(--c)),radial-gradient(circle at 50% 50%,#ff3838,#f000 74%),radial-gradient(circle at 50% 50%,#fff15c,#ff00 76%),radial-gradient(circle at 50% 50%,#58ff78,#0f00 74%),radial-gradient(ellipse at 50% 50%,#5884ff,#00f0 76%);background-size:12px 20.7846097px,12px 20.7846097px,200% 200%,200% 200%,200% 200%,200% 20.7846097px;--p: 0px 0px, 6px 10.39230485px;background-position:var(--p),0% 0%,0% 0%,0% 0%,0% 0%;animation:landingHeroWee 40s linear infinite,landingHeroFilt 6s linear infinite}.landing-hero-animated-fade{position:absolute;inset:0;background:linear-gradient(180deg,#050505db,#05050594 24%,#0a0a0a14 78%,#050505f5)}@keyframes landingHeroFilt{0%{filter:saturate(1.45) brightness(1.22) contrast(1.08) hue-rotate(0deg)}to{filter:saturate(1.45) brightness(1.22) contrast(1.08) hue-rotate(360deg)}}@keyframes landingHeroWee{0%{background-position:var(--p),800% 400%,1000% -400%,-1200% -600%,400% 41.5692194px}to{background-position:var(--p),0% 0%,0% 0%,0% 0%,0% 0%}}.landing-hero-backdrop.is-image:before{background:linear-gradient(180deg,#000000d1,#0000003d 36%,#0003 66%,#000000d1)}.landing-hero-backdrop.is-image:after{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.1) 0%,transparent 34%)}.landing-hero-image{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04) brightness(.76)}.landing-nav-on-dark{color-scheme:dark;--ui-text: #f8fbff;--ui-text-muted: rgba(232, 240, 255, .76);--ui-text-subtle: rgba(224, 233, 255, .5);--ui-border: rgba(181, 195, 255, .18);--ui-border-light: rgba(181, 195, 255, .3);--ui-surface-1: rgba(4, 8, 20, .78);--ui-surface-2: rgba(7, 12, 30, .74);--ui-surface-3: rgba(12, 18, 39, .82)}.landing-top-stage-dark{color-scheme:dark;--ui-bg: #0f0f0f;--ui-surface-1: #1b1b1b;--ui-surface-2: #171717;--ui-surface-3: #1f1f1f;--ui-surface-4: #212429;--ui-popover: #171717;--ui-border: #2A3140;--ui-border-light: #3A4250;--ui-text: #E8ECF2;--ui-text-muted: #8B95A5;--ui-text-subtle: #5A6472;--ui-primary: #01a6cb;--ui-primary-hover: #818CF8;--ui-error: #EF4444;--ui-tab-active-bg: #2a2f37}.landing-hero-section{min-height:calc(100vh - 3.5rem);min-height:calc(100svh - 3.5rem);padding-bottom:clamp(2rem,5vw,4rem)}.landing-hero-section-inner{padding-top:clamp(2.75rem,10vh,6rem);padding-bottom:clamp(2rem,6vh,4.5rem)}.landing-surface-band{position:relative;box-shadow:0 0 0 100vmax transparent;clip-path:inset(0 -100vmax)}.landing-page-section{width:100%;padding:4.5rem 0}.landing-screens-overlap-section{margin-top:clamp(-16rem,-22vh,-10rem);padding-top:0;padding-bottom:2rem;transition:margin-top .22s ease,padding-top .22s ease}.landing-screens-overlap-section.is-expanded{margin-top:clamp(-11rem,-15vh,-6.5rem);padding-top:1.25rem}.landing-page-section-inner{width:100%;max-width:1180px;margin:0 auto;padding-left:.75rem;padding-right:.75rem}.landing-page-section-inner-wide{max-width:1380px}.landing-page-section-inner-full{max-width:none;padding-left:6vw;padding-right:6vw}.landing-page-section-full{width:100%}.landing-surface-band-1{background:var(--ui-surface-1);box-shadow:0 0 0 100vmax var(--ui-surface-1)}.landing-surface-band-2{background:var(--ui-surface-2);box-shadow:0 0 0 100vmax var(--ui-surface-2)}.landing-demo-shell{position:relative}.landing-demo-shell-mobile-bleed{width:100%}.landing-demo-frame{position:relative;overflow:hidden;border-radius:1.6rem;aspect-ratio:16 / 9}.landing-demo-video{display:block;width:100%;height:100%;object-fit:cover;border:0;background:#000}.landing-demo-control{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;border:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface-2) 76%,transparent);color:var(--ui-text);box-shadow:0 18px 50px #02061747;backdrop-filter:blur(18px);opacity:0;transform:translate(-50%,-50%) scale(.92);transition:transform .22s ease,opacity .22s ease,background .22s ease}.landing-demo-control.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.landing-demo-control.is-paused{width:88px;height:88px;background:color-mix(in srgb,var(--ui-surface-3) 82%,transparent)}.landing-demo-control:hover{background:color-mix(in srgb,var(--ui-surface-3) 88%,transparent)}.landing-demo-restart{position:absolute;right:1.25rem;bottom:1.25rem;z-index:2;display:inline-flex;align-items:center;gap:.5rem;height:2.75rem;padding:0 .95rem;border-radius:999px;border:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface-2) 82%,transparent);color:var(--ui-text);box-shadow:0 18px 40px #0206173d;backdrop-filter:blur(18px);opacity:0;transform:translate3d(0,10px,0);transition:opacity .22s ease,transform .22s ease,background .22s ease,border-color .22s ease}.landing-demo-restart.is-visible{opacity:1;transform:translateZ(0)}.landing-demo-restart:hover{background:color-mix(in srgb,var(--ui-surface-3) 92%,transparent);border-color:var(--ui-border-light)}.landing-feature-pin-section{height:2200px;padding-top:0;padding-bottom:0}.landing-feature-pin-inner{position:sticky;top:0;height:100vh;overflow:hidden}.landing-feature-layout{position:relative}.landing-feature-scroll-viewport{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden}.landing-feature-scroll-track{display:flex;align-items:center;gap:4rem;width:max-content;padding-left:4rem;padding-right:8rem;will-change:transform;transition:transform .28s cubic-bezier(.22,1,.36,1)}.landing-feature-scroll-intro{width:min(40rem,46vw);min-height:24rem;display:flex;flex-direction:column;justify-content:center}.landing-feature-scroll-card{display:flex;flex-direction:column;width:min(34rem,36vw);height:39rem;padding:0;border:none;background:transparent;box-shadow:none;will-change:transform,opacity}.landing-feature-scroll-preview{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1.25rem;border:2px solid color-mix(in srgb,var(--ui-primary) 24%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 8%,var(--ui-surface-2));box-shadow:0 22px 58px color-mix(in srgb,var(--ui-primary) 10%,transparent);height:25rem;flex:0 0 25rem}.landing-feature-scroll-image{display:block;width:100%;height:100%;object-fit:cover}.marquee-hover:hover .infinite-scroll-track,.landing-testimonial-row:hover .infinite-scroll-track{animation-play-state:paused}@keyframes landing-fade-up-in{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes landing-float-slow-motion{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes landing-float-fast-motion{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.landing-fade-up{opacity:0;animation:landing-fade-up-in .82s cubic-bezier(.22,1,.36,1) forwards}.landing-float-slow{animation:landing-float-slow-motion 9s ease-in-out infinite}.landing-float-fast{animation:landing-float-fast-motion 7.5s ease-in-out infinite}.landing-glow-orb{pointer-events:none;position:absolute;top:22%;z-index:0;width:18rem;height:18rem;border-radius:9999px;opacity:.26;filter:blur(92px);background:radial-gradient(circle,#38bdf88c,#6366f12e 48%,#06070b00 76%)}.landing-glow-orb-left{left:-4rem}.landing-glow-orb-right{right:-4rem;top:28%;background:radial-gradient(circle,#10b98161,#38bdf82e 46%,#06070b00 76%)}.landing-nav-shell{position:sticky;top:0;z-index:40;width:100%;padding:0;background:transparent;backdrop-filter:blur(0px);transition:background .24s ease,backdrop-filter .24s ease,box-shadow .24s ease}@property --announcement-hue{syntax: "<number>"; inherits: false; initial-value: 24;}@property --announcement-saturation{syntax: "<percentage>"; inherits: false; initial-value: 78%;}@property --announcement-lightness{syntax: "<percentage>"; inherits: false; initial-value: 46%;}.marketing-announcement-stack{display:flex;flex-direction:column}.marketing-announcement-bar{position:relative;display:flex;width:100%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,hsl(var(--announcement-hue) var(--announcement-saturation) calc(var(--announcement-lightness) + 4%)),hsl(calc(var(--announcement-hue) + 18) var(--announcement-saturation) calc(var(--announcement-lightness) - 2%)) 52%,hsl(calc(var(--announcement-hue) + 34) var(--announcement-saturation) calc(var(--announcement-lightness) - 6%)));color:var(--announcement-text, #FFFFFF);box-shadow:0 1px #0a122214;transition:--announcement-hue .72s linear,--announcement-saturation .52s ease,--announcement-lightness .52s ease,color .22s ease,border-color .22s ease}.marketing-announcement-bar:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 18% 50%,rgba(255,255,255,.18) 0%,transparent 34%),linear-gradient(90deg,rgba(255,255,255,.08) 0%,transparent 26%,transparent 74%,rgba(255,255,255,.06) 100%);opacity:.72;pointer-events:none}.marketing-announcement-bar__content{position:relative;z-index:1;display:flex;width:100%;max-width:68rem;min-width:0;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.45rem .7rem;animation:marketing-announcement-enter .22s cubic-bezier(.22,1,.36,1)}.marketing-announcement-bar__icon-shell{display:inline-flex;flex-shrink:0;height:1.6rem;width:1.6rem;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;border:1px solid var(--announcement-chip-border, rgba(255, 255, 255, .3));background:var(--announcement-chip-bg, rgba(255, 255, 255, .16));backdrop-filter:blur(8px)}.marketing-announcement-bar__icon{height:.9rem;width:.9rem;object-fit:contain}.marketing-announcement-bar__chip{display:inline-flex;align-items:center;flex-shrink:0;border-radius:999px;border:1px solid var(--announcement-chip-border, rgba(255, 255, 255, .3));background:var(--announcement-chip-bg, rgba(255, 255, 255, .16));padding:.34rem .68rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--announcement-chip-text, #FFFFFF);backdrop-filter:blur(8px)}.marketing-announcement-bar__text{min-width:0;max-width:45rem;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.45;color:var(--announcement-text, #FFFFFF)}.marketing-announcement-bar__count{display:inline-flex;flex-shrink:0;min-width:1.25rem;align-items:center;justify-content:center;border-radius:999px;background:var(--announcement-count-bg, #FFFFFF);padding:.14rem .38rem;font-size:.62rem;font-weight:700;line-height:1;color:var(--announcement-count-text, #C85A14)}.marketing-announcement-bar__dots{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem;margin-left:.15rem}.marketing-announcement-bar__dot{height:.38rem;width:.38rem;border-radius:999px;background:#ffffff57;transition:transform .22s ease,background-color .22s ease,opacity .22s ease}.marketing-announcement-bar__dot.is-active{transform:scale(1.18);background:#ffffffeb}@keyframes marketing-announcement-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 639px){.marketing-announcement-bar__content{gap:.4rem}.marketing-announcement-bar__dots{display:none}}@media (min-width: 640px){.marketing-announcement-bar__content{gap:.55rem .8rem}.marketing-announcement-bar__text{font-size:.82rem;line-height:1.4}}@media (min-width: 1024px){.marketing-announcement-bar__content{flex-wrap:nowrap}.marketing-announcement-bar__text{max-width:none}}.landing-nav-shell.is-scrolled{background:color-mix(in srgb,var(--ui-surface-1) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 -1px color-mix(in srgb,var(--ui-primary) 22%,transparent)}.landing-nav-shell.is-surface{background:var(--ui-surface-1);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 -1px color-mix(in srgb,var(--ui-primary) 14%,transparent)}.landing-nav-shell.is-surface.is-scrolled{background:var(--ui-surface-1);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 -1px color-mix(in srgb,var(--ui-primary) 18%,transparent)}.landing-nav-frame{position:relative;width:100%;max-width:none;border:none;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:none;transition:opacity .24s ease}.landing-nav-frame:after{content:none}.landing-editorial-shell,.landing-process-shell,.landing-proof-shell,.landing-pricing-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-primary) 6%,rgba(255,255,255,.045)),#ffffff05),radial-gradient(circle at top center,color-mix(in srgb,var(--ui-primary) 16%,transparent),transparent 38%);box-shadow:0 34px 90px #02061747,0 0 0 1px color-mix(in srgb,var(--ui-primary) 10%,transparent);backdrop-filter:blur(18px)}.landing-editorial-grid{display:grid;gap:1rem;grid-template-columns:.84fr 1.1fr .76fr;grid-template-areas:"tall wide metric" "tall copy visual"}.landing-editorial-card,.landing-process-board,.landing-process-card,.landing-testimonial-card,.landing-cta-shell,.landing-pricing-intro,.landing-pricing-card{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-primary) 4%,rgba(12,18,30,.74)),#04070ed1);border:1px solid color-mix(in srgb,var(--ui-primary) 18%,rgba(255,255,255,.08));box-shadow:inset 0 1px #ffffff0a,0 20px 60px color-mix(in srgb,var(--ui-primary) 8%,transparent);backdrop-filter:blur(16px)}.landing-editorial-card{padding:1.5rem;border-radius:1.75rem}.landing-editorial-card-tall{grid-area:tall}.landing-editorial-card-wide{grid-area:wide}.landing-editorial-card-metric{grid-area:metric}.landing-editorial-card-copy{grid-area:copy}.landing-editorial-card-visual{grid-area:visual}.landing-editorial-media{position:relative;overflow:hidden;border-radius:1.6rem;border:1px solid color-mix(in srgb,var(--ui-primary) 16%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--ui-primary) 6%,rgba(255,255,255,.04))}.landing-editorial-overlay{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(180deg,#02061700,#020617e6)}.landing-editorial-pills{display:flex;flex-wrap:wrap;gap:.6rem}.landing-process-board,.landing-pricing-intro{border-radius:1.75rem;padding:1.5rem}.landing-process-card,.landing-testimonial-card,.landing-pricing-card{border-radius:1.6rem;padding:1.25rem}.landing-process-window{position:relative;overflow:hidden;aspect-ratio:9 / 16;border-radius:1.35rem;border:1px solid color-mix(in srgb,var(--ui-primary) 16%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--ui-primary) 6%,rgba(255,255,255,.04))}.landing-process-toolbar{position:absolute;left:.75rem;right:.75rem;top:.75rem;display:flex;justify-content:space-between;gap:.75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ui-primary) 20%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--ui-primary) 8%,rgba(2,6,23,.68));padding:.45rem .8rem;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-text-muted);backdrop-filter:blur(10px)}.landing-cta-shell{border-radius:1.75rem;padding:1.5rem}.landing-pricing-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.landing-pricing-card.is-featured{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-primary) 18%,rgba(255,255,255,.09)),color-mix(in srgb,var(--ui-primary) 10%,rgba(9,12,20,.88)) 32%,#04070eeb);border-color:color-mix(in srgb,var(--ui-primary) 34%,rgba(255,255,255,.14))}.landing-pricing-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--ui-primary) 16%,rgba(255,255,255,.1));background:color-mix(in srgb,var(--ui-primary) 7%,rgba(255,255,255,.04));padding:.38rem .75rem;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-text-muted)}.landing-pricing-chip-featured{border-color:color-mix(in srgb,var(--ui-primary) 34%,transparent);background:color-mix(in srgb,var(--ui-primary) 18%,transparent);color:var(--ui-primary)}.landing-testimonial-section{overflow:hidden;padding-bottom:0}.landing-testimonial-wall{position:relative;left:0;margin-left:0;width:100%;overflow:hidden}.landing-testimonial-row{position:relative;overflow:hidden}.landing-testimonial-row+.landing-testimonial-row{margin-top:1.25rem}.landing-testimonial-row:before,.landing-testimonial-row:after{content:"";position:absolute;top:0;bottom:0;width:4rem;z-index:2;pointer-events:none}.landing-testimonial-row:before{left:0;background:linear-gradient(90deg,var(--ui-surface-1) 0%,rgba(27,27,27,0) 100%)}.landing-testimonial-row:after{right:0;background:linear-gradient(270deg,var(--ui-surface-1) 0%,rgba(27,27,27,0) 100%)}.landing-testimonial-row.is-reverse:before{background:linear-gradient(90deg,var(--ui-surface-1) 0%,rgba(27,27,27,0) 100%)}.landing-testimonial-row.is-reverse:after{background:linear-gradient(270deg,var(--ui-surface-1) 0%,rgba(27,27,27,0) 100%)}.landing-testimonial-wall-card{width:min(33rem,42vw);min-height:14.5rem;padding:1.55rem 1.6rem;border:1px solid color-mix(in srgb,var(--ui-primary) 16%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface-2));box-shadow:0 14px 40px color-mix(in srgb,var(--ui-primary) 7%,transparent)}.landing-testimonial-avatar{width:2.75rem;height:2.75rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--ui-primary) 18%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 8%,var(--ui-surface-2))}@keyframes blog-gradient-shift{0%{transform:scale(1) translateZ(0)}50%{transform:scale(1.08) translate3d(1.5%,-1.5%,0)}to{transform:scale(1) translateZ(0)}}@keyframes blog-grid-float{0%{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}to{transform:translateZ(0)}}.blog-page-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-1) 92%,transparent) 0%,var(--ui-bg) 100%)}.blog-page-section{padding:4rem 0 0}.blog-page-section:last-child{padding-bottom:7rem}.blog-page-inner{width:min(100% - 3rem,1200px);margin:0 auto}.blog-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2.75rem}.blog-page-kicker{font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-text-subtle)}.blog-page-title{margin-top:.4rem;font-size:clamp(2.1rem,4.8vw,4rem);font-weight:650;line-height:.96;letter-spacing:-.05em}.blog-page-copy{max-width:34rem;font-size:.98rem;line-height:1.9;color:var(--ui-text-muted)}.blog-hero-grid{display:grid;gap:1.9rem;grid-template-columns:minmax(0,7fr) minmax(18rem,3fr)}.blog-hero-card,.blog-grid-card{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.blog-hero-card__surface,.blog-grid-card__visual{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-2) 92%,black 8%) 0%,var(--ui-surface-1) 100%)}.blog-hero-card__surface{min-height:20.5rem;padding:1.6rem;border-radius:1.9rem;display:flex;flex-direction:column;justify-content:space-between}.blog-hero-card-tall .blog-hero-card__surface{min-height:20.5rem}.blog-card-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(102%) contrast(1.02);transform:scale(1.06);transform-origin:center;animation:blog-gradient-shift 16s ease-in-out infinite}.blog-hero-card__grain,.blog-detail-hero__surface:after{position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 18px);opacity:.18;pointer-events:none}.blog-grid-card__visual:before,.blog-hero-card__surface:before{position:absolute;inset:0;z-index:1;content:"";background:radial-gradient(120% 88% at 50% 100%,rgba(5,7,11,.78) 0%,rgba(5,7,11,.46) 42%,rgba(5,7,11,.1) 76%,transparent 100%),linear-gradient(180deg,#070a1052,#070a102e 24%,#070a1075 58%,#070a10db);pointer-events:none}.blog-grid-card__visual:after,.blog-hero-card__surface:after{position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%),linear-gradient(90deg,rgba(7,10,16,.14) 0%,transparent 18%,transparent 82%,rgba(7,10,16,.18) 100%);pointer-events:none}.blog-hero-card__header,.blog-grid-card__label-row,.blog-grid-card__visual-footer,.blog-hero-card__bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.blog-hero-card__eyebrow,.blog-hero-card__status,.blog-grid-card__label-row span,.blog-grid-card__visual-footer p{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffc2}.blog-hero-card__status{border-radius:999px;padding:.42rem .7rem;background:#ffffff14;backdrop-filter:blur(8px)}.blog-hero-card__footer{position:relative;z-index:3}.blog-hero-card__meta{font-size:.82rem;color:#ffffffc7}.blog-hero-card__title{max-width:12ch;margin-top:.55rem;font-size:clamp(1.7rem,2.5vw,2.8rem);font-weight:650;line-height:1.02;letter-spacing:-.05em;color:#fff}.blog-hero-card-tall .blog-hero-card__title{max-width:7ch;font-size:clamp(1.4rem,1.9vw,2rem)}.blog-hero-card__subcopy{font-size:.82rem;color:#ffffffd1}.blog-hero-card__action,.blog-grid-card__play{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:.95rem;background:#ffffff1a;color:#fff;backdrop-filter:blur(10px)}.blog-filter-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2.3rem}.blog-filter-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}.blog-filter-tab{border:0;background:transparent;padding:0;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:600;line-height:1;letter-spacing:-.04em;color:color-mix(in srgb,var(--ui-text) 30%,transparent);transition:color .18s ease}.blog-filter-tab.is-active{color:var(--ui-text)}.blog-filter-cta{display:inline-flex;align-items:center;gap:.5rem;min-height:2.9rem;border-radius:.95rem;border:0;background:color-mix(in srgb,var(--ui-surface-2) 84%,transparent);padding:0 1.1rem;font-size:.85rem;font-weight:600;color:var(--ui-text)}.blog-grid{display:grid;gap:2rem 1.9rem;grid-template-columns:repeat(4,minmax(0,1fr))}.blog-grid-card__visual{aspect-ratio:1.35 / .88;border-radius:1.25rem;padding:1rem}.blog-grid-card__mesh{animation:blog-grid-float 18s ease-in-out infinite}.blog-grid-card__visual-footer{position:absolute;inset:auto .9rem .9rem}.blog-grid-card__body{padding-top:1.05rem}.blog-grid-card__title{font-size:1.04rem;font-weight:620;line-height:1.22;letter-spacing:-.035em;color:var(--ui-text)}.blog-grid-card__excerpt{margin-top:.45rem;font-size:.9rem;line-height:1.65;color:var(--ui-text-muted);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.blog-grid-card__date{margin-top:.55rem;font-size:.82rem;color:var(--ui-text-subtle)}.blog-detail-section{padding-top:3rem;padding-bottom:7rem}.blog-detail-inner{max-width:1020px}.blog-detail-back,.blog-detail-back-inline{display:inline-flex;align-items:center;gap:.45rem;border:0;background:transparent;padding:0;font-size:.84rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-muted)}.blog-detail-hero{margin-top:1.5rem}.blog-detail-hero__surface{position:relative;overflow:hidden;border-radius:2.1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-2) 92%,black 8%) 0%,var(--ui-surface-1) 100%);min-height:25rem}.blog-detail-hero__image{inset:0;width:100%;height:100%}.blog-detail-hero__surface:before{position:absolute;inset:0;content:"";z-index:1;background:radial-gradient(115% 92% at 50% 100%,rgba(5,7,11,.84) 0%,rgba(5,7,11,.58) 42%,rgba(5,7,11,.12) 78%,transparent 100%),linear-gradient(180deg,#080a0f38,#080a0f2e 24%,#080a0f6b 54%,#080a0fe6)}.blog-detail-hero__content{position:relative;z-index:3;display:flex;min-height:25rem;flex-direction:column;justify-content:flex-end;padding:2.4rem}.blog-detail-hero__meta{display:flex;flex-wrap:wrap;gap:.55rem .8rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1}.blog-detail-title{max-width:14ch;margin-top:.8rem;font-size:clamp(2.4rem,5vw,4.6rem);font-weight:650;line-height:.95;letter-spacing:-.06em;color:#fff}.blog-detail-excerpt{max-width:40rem;margin-top:1rem;font-size:1.05rem;line-height:1.8;color:#ffffffd1}.blog-detail-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.45rem}.blog-detail-tag{display:inline-flex;align-items:center;min-height:2rem;border-radius:999px;background:#ffffff1f;padding:0 .8rem;font-size:.78rem;color:#ffffffd1;backdrop-filter:blur(8px)}.blog-article{max-width:48rem;margin:3rem auto 0}.blog-article-section+.blog-article-section{margin-top:3rem}.blog-article-section h2{font-size:clamp(1.45rem,2.4vw,2rem);font-weight:620;line-height:1.08;letter-spacing:-.045em;color:var(--ui-text)}.blog-article-section p{margin-top:1.1rem;font-size:1rem;line-height:2;color:var(--ui-text-muted)}.blog-related{margin-top:5rem}.blog-related__header{display:flex;align-items:end;justify-content:space-between;gap:1.4rem;margin-bottom:2.2rem}.blog-related__title{margin-top:.35rem;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:630;line-height:.98;letter-spacing:-.05em}.blog-empty-state{display:flex;min-height:calc(100vh - 9rem);flex-direction:column;justify-content:center;gap:1.2rem;padding:3rem 0 5rem}@media (max-width: 1100px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.blog-page-heading,.blog-filter-row,.blog-related__header{flex-direction:column;align-items:flex-start}.blog-hero-grid{grid-template-columns:1fr}.blog-hero-card__surface,.blog-hero-card-tall .blog-hero-card__surface{min-height:18rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-detail-hero__surface,.blog-detail-hero__content{min-height:21rem}}@media (max-width: 640px){.blog-page-section{padding-top:2.5rem}.blog-page-inner{width:min(100% - 1.5rem,1180px)}.blog-page-copy{font-size:.92rem;line-height:1.75}.blog-grid{grid-template-columns:1fr;gap:1.6rem}.blog-grid-card__visual{aspect-ratio:1.45 / .92}.blog-hero-card__surface{padding:1.15rem;border-radius:1.5rem}.blog-hero-grid .blog-hero-card:not(:first-child){display:none}.blog-detail-hero__content{padding:1.45rem}.blog-detail-excerpt,.blog-article-section p{font-size:.95rem;line-height:1.8}}.landing-footer{position:relative;width:100%;overflow:hidden;padding:1rem 0 1.25rem;background:linear-gradient(180deg,#fff0,color-mix(in srgb,var(--ui-bg) 96%,black 4%));margin-top:100px}.landing-footer-shell{position:relative;width:100%;margin:0 auto;padding:0 .9rem}.landing-footer-panel{position:relative;width:100%;border-radius:1.35rem;border:1px solid color-mix(in srgb,var(--ui-border) 90%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-1) 98%,white 2%),color-mix(in srgb,var(--ui-surface-2) 98%,transparent));padding:clamp(2.6rem,4vw,3.4rem) clamp(1.6rem,3vw,2.8rem) 1.25rem;box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent),0 24px 60px color-mix(in srgb,black 12%,transparent)}.landing-footer-scrolltop{position:absolute;top:1.45rem;right:1.45rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--ui-border) 88%,transparent);background:color-mix(in srgb,var(--ui-surface-2) 94%,transparent);color:var(--ui-text-muted);transition:background .18s ease,color .18s ease,transform .18s ease}.landing-footer-scrolltop:hover{background:color-mix(in srgb,var(--ui-surface-3) 96%,transparent);color:var(--ui-text);transform:translateY(-1px)}.landing-footer-main-grid{display:grid;grid-template-columns:minmax(17rem,1.2fr) minmax(0,2fr);gap:clamp(3rem,7vw,8rem);align-items:start;padding-top:1rem;min-height:13rem}.landing-footer-brand-column{padding-top:1.65rem;max-width:20rem}.landing-footer-brand-mark{width:3.3rem;height:3.3rem;display:inline-flex;align-items:center;justify-content:center;opacity:.94}.landing-footer-brand-logo{width:2.7rem;height:2.7rem;object-fit:contain;filter:grayscale(1) brightness(1.55)}.landing-footer-brand-copy{margin:1.35rem 0 0;max-width:19rem;color:var(--ui-text-muted);font-size:.98rem;line-height:1.62}.landing-footer-links-grid{display:grid;grid-template-columns:repeat(4,minmax(8rem,1fr));gap:clamp(1.5rem,3vw,2.8rem)}.landing-footer-divider{height:1px;margin-top:clamp(2.6rem,4vw,3.1rem);background:color-mix(in srgb,var(--ui-border) 74%,transparent)}.landing-footer-column{min-width:0}.landing-footer-column-title{margin:0 0 1rem;color:var(--ui-text-subtle);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.landing-footer-column-links{display:flex;flex-direction:column;gap:.72rem}.landing-footer-link{color:var(--ui-text-muted);font-size:.96rem;font-weight:400;line-height:1.4;text-align:left;transition:color .18s ease,transform .18s ease}.landing-footer-link:hover{color:var(--ui-text);transform:translate(1px)}.landing-footer-meta-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.35rem}.landing-footer-meta-left{display:inline-flex;align-items:center;gap:.85rem;flex-wrap:wrap}.landing-footer-copyright{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.35rem;color:var(--ui-text-subtle);font-size:.83rem;line-height:1.4}.landing-footer-made-with{color:inherit;text-decoration:underline;text-underline-offset:.14rem}.landing-footer-theme-pill{display:inline-flex;align-items:center;gap:.38rem;height:1.8rem;padding:0 .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ui-border) 88%,transparent);background:color-mix(in srgb,var(--ui-surface-2) 94%,transparent);color:var(--ui-text-muted);transition:background .18s ease,color .18s ease,border-color .18s ease}.landing-footer-theme-pill:hover{background:color-mix(in srgb,var(--ui-surface-3) 96%,transparent);color:var(--ui-text);border-color:color-mix(in srgb,var(--ui-primary) 22%,var(--ui-border))}.landing-footer-social-row{display:inline-flex;align-items:center;gap:.8rem}.landing-footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--ui-border) 88%,transparent);background:color-mix(in srgb,var(--ui-surface-2) 94%,transparent);color:var(--ui-text-muted);transition:color .18s ease,transform .18s ease}.landing-footer-social-icon:hover{color:var(--ui-text);background:color-mix(in srgb,var(--ui-surface-3) 96%,transparent);transform:translateY(-1px)}@media (max-width: 1023px){.landing-screens-overlap-section{margin-top:clamp(-11rem,-16vh,-7rem);padding-bottom:1.5rem}.landing-screens-overlap-section.is-expanded{margin-top:clamp(-7.5rem,-11vh,-4.75rem);padding-top:.9rem}.landing-hero-section-inner{padding-top:clamp(2.5rem,8vh,4.5rem)}.landing-feature-pin-section{height:1800px}.landing-feature-scroll-intro{width:min(34rem,72vw);min-height:18rem;padding-top:0}.landing-feature-scroll-card{width:min(34rem,64vw);height:34rem}.landing-feature-scroll-preview{height:21rem;flex-basis:21rem}.landing-feature-scroll-track{gap:2.5rem;padding-left:3rem;padding-right:5rem}.landing-editorial-grid{grid-template-columns:1fr 1fr;grid-template-areas:"tall wide" "metric copy" "visual visual"}.landing-testimonial-wall-card{width:min(31rem,62vw)}.landing-footer-shell{padding-inline:.85rem}.landing-footer-main-grid{grid-template-columns:1fr;gap:2.5rem}.landing-footer-brand-column{padding-top:.2rem;max-width:28rem}.landing-footer-links-grid{grid-template-columns:repeat(2,minmax(10rem,1fr));gap:2rem 2.4rem}}@media (max-width: 767px){.landing-screens-overlap-section{margin-top:clamp(-28.5rem,-33vh,-8rem);padding-bottom:1rem}.landing-screens-overlap-section.is-expanded{margin-top:clamp(-4.5rem,-13vh,-5.5rem);padding-top:.7rem}.landing-hero-section{min-height:calc(100vh - 3.5rem);min-height:calc(100svh - 3.5rem)}.landing-hero-section-inner{padding-top:clamp(2rem,6vh,3.2rem);padding-bottom:1.5rem}.landing-feature-pin-section{height:1550px}.landing-feature-scroll-card{width:min(28rem,86vw);height:30rem}.landing-feature-scroll-preview{height:17rem;flex-basis:17rem}.landing-feature-scroll-intro{width:min(26rem,84vw);min-height:16rem}.landing-feature-scroll-track{gap:1.5rem;padding-left:1.25rem;padding-right:2.5rem}.landing-editorial-grid{grid-template-columns:1fr;grid-template-areas:"tall" "wide" "metric" "copy" "visual"}.landing-page-section{padding:3.25rem 0}.landing-demo-shell-mobile-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.landing-demo-shell-mobile-bleed .landing-demo-frame{border-radius:0}.landing-footer{padding:.75rem 0 1rem}.landing-footer-shell{padding:0 .75rem}.landing-footer-panel{padding:2.7rem 1rem 1rem;border-radius:1.1rem}.landing-footer-scrolltop{top:1rem;right:1rem}.landing-footer-main-grid{gap:2rem;min-height:auto}.landing-footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1.5rem}.landing-footer-column-title{margin-bottom:.78rem}.landing-footer-column-links{gap:.56rem}.landing-footer-link{font-size:.92rem}.landing-footer-brand-copy{max-width:none;font-size:.92rem}.landing-footer-meta-row{align-items:flex-start;flex-direction:column;gap:1rem}.landing-footer-meta-left{width:100%;align-items:center;justify-content:space-between;flex-direction:row}.landing-footer-social-row{width:100%;justify-content:flex-start}.landing-testimonial-wall-card{width:min(25rem,84vw);min-height:12.5rem;padding:1.25rem}.landing-testimonial-row:before,.landing-testimonial-row:after{width:2rem}}@media (prefers-reduced-motion: reduce){.infinite-scroll-track,.landing-fade-up,.landing-float-slow,.landing-float-fast{animation:none!important;opacity:1;transform:none!important}.landing-nav-shell,.landing-nav-frame{transition:none!important}}.canvas-profile-trigger-2{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px 6px 6px;border-radius:999px;color:var(--ui-text)}.canvas-profile-trigger{display:inline-flex;align-items:center;gap:1px;min-height:44px;padding:5px 8px 5px 5px;background:var(--ui-canvas-profile-bg);color:var(--ui-text)}.canvas-profile-trigger:hover{background:var(--ui-canvas-profile-hover)}.canvas-profile-avatar{width:30px;height:30px;border-radius:18px;border:1px solid color-mix(in srgb,var(--ui-primary) 16%,var(--ui-canvas-profile-border));background:color-mix(in srgb,var(--ui-surface-1) 82%,white);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.canvas-profile-avatar-lg{width:42px;height:42px}.canvas-profile-meta{display:flex;flex-direction:column;text-align:left;line-height:1.1}.canvas-profile-name{font-size:12px;font-weight:600}.canvas-profile-role{font-size:10px;color:var(--ui-text-subtle)}.canvas-profile-menu{position:absolute;top:65px;right:0;width:280px;padding:8px;border-radius:18px;border:1px solid var(--ui-canvas-profile-border);background:color-mix(in srgb,var(--ui-popover) 94%,transparent);box-shadow:0 10px 24px #00000024;backdrop-filter:blur(18px)}.canvas-profile-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:var(--ui-text);background:transparent}.canvas-profile-menu-item:hover{background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface-3));color:var(--ui-primary)}
