.react-flow{--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:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--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:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--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 #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.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:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--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:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--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:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--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 #00000014;--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{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.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{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.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;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:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.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:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;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%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;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{z-index:5;margin:15px;position:absolute}.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{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.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{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;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));padding:10px;font-size:12px}.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{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.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-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.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))}.energy-canvas-shell{background:radial-gradient(circle at 17% 18%, color-mix(in srgb, var(--energy-color) 28%, transparent), transparent 32rem), radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--glow-color) 28%, transparent), transparent 34rem), radial-gradient(circle at 72% 82%, #22c55e1f, transparent 29rem), linear-gradient(135deg, #0f172af7, #020617fc);isolation:isolate;border:1px solid #94a3b83d;border-radius:34px;height:clamp(650px,78vh,900px);min-height:560px;position:relative;overflow:hidden;box-shadow:0 34px 120px #0000009e,inset 0 1px #ffffff1a}.energy-canvas-brand{padding-left:8px}.details-button{font-size:.6rem;position:relative;top:5px}.energy-canvas-shell:before,.energy-canvas-shell:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.energy-canvas-shell:before{opacity:calc(.12 + (var(--ambient-opacity) * .16));background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/74px 74px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/74px 74px,radial-gradient(circle,#ffffff14,#0000 1px) 0 0/24px 24px;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.energy-canvas-shell:after{opacity:.16;background:linear-gradient(120deg,#0000 0%,#ffffff17 45%,#0000 62%),linear-gradient(#ffffff0a,#0000 20% 80%,#ffffff0d);animation:10s ease-in-out infinite shell-sheen;transform:translate(-34%)}.energy-canvas-topbar{z-index:14;color:#cbd5e1;letter-spacing:.02em;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0206179e;border:1px solid #94a3b830;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:13px;display:flex;position:absolute;top:16px;left:16px;right:16px;box-shadow:0 18px 54px #0000004d}.energy-canvas-brand{align-items:center;gap:10px;min-width:0;display:flex}.energy-canvas-brand strong,.energy-canvas-brand small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.energy-canvas-brand strong{color:#e2e8f0;font-size:13px;font-weight:900}.energy-canvas-brand small{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;margin-top:2px;font-size:11px;font-weight:800}.energy-canvas-actions{flex:none;align-items:center;gap:8px;display:flex}.energy-canvas-actions select,.energy-canvas-actions button,.energy-configurator button,.energy-story-cta button,.energy-story-cta a{color:#e2e8f0;font:inherit;background:#0f172ab8;border:1px solid #94a3b838;border-radius:999px;outline:none;font-weight:900}.energy-canvas-actions select{max-width:240px;padding:9px 32px 9px 12px}.energy-canvas-actions button,.energy-configurator button,.energy-story-cta button,.energy-story-cta a{cursor:pointer;justify-content:center;align-items:center;padding:9px 13px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:inline-flex}.energy-canvas-actions button:hover,.energy-configurator button:hover,.energy-configurator button.is-active,.energy-story-cta button:hover,.energy-story-cta a:hover{border-color:color-mix(in srgb, var(--energy-color) 68%, white 8%);background:color-mix(in srgb, var(--energy-color) 12%, #0f172acc);box-shadow:0 0 26px color-mix(in srgb, var(--energy-color) 20%, transparent);transform:translateY(-1px)}.energy-story-cta button.ghost,.energy-story-cta a.ghost{color:#dbeafe;background:#0f172aad}.status-dot{background:var(--energy-color);width:10px;height:10px;box-shadow:0 0 22px var(--energy-color);border-radius:999px;flex:none;animation:1.8s ease-in-out infinite pulse-dot}.energy-canvas-stage{z-index:2;position:absolute;inset:0}.energy-canvas-stage .react-flow{background:0 0}.energy-canvas-stage .react-flow__pane{cursor:grab}.energy-canvas-stage .react-flow__pane:active{cursor:grabbing}.energy-canvas-shell.is-presentation .react-flow__node{cursor:pointer}.energy-canvas-stage .react-flow__controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617ad;border:1px solid #94a3b838;border-radius:16px;overflow:hidden;box-shadow:0 18px 44px #0000004d}.energy-canvas-stage .react-flow__controls button{color:#e2e8f0;fill:#e2e8f0;background:0 0;border-bottom:1px solid #94a3b824}.ambient-particles{z-index:0;pointer-events:none;opacity:calc(.18 + (var(--ambient-opacity) * .52));position:absolute;inset:0}.ambient-particles span{--size:calc(3px + (var(--particle-index) % 5) * 1px);left:calc((var(--particle-index) * 7.1%) - 8%);top:calc(14% + ((var(--particle-index) * 17) % 68) * 1%);width:var(--size);height:var(--size);background:color-mix(in srgb, var(--energy-color) 78%, white 12%);box-shadow:0 0 18px var(--energy-color), 0 0 42px color-mix(in srgb, var(--glow-color) 38%, transparent);animation:ambient-drift calc(9s + (var(--particle-index) * .55s)) ease-in-out infinite;animation-delay:calc(var(--particle-index) * -.42s);border-radius:999px;position:absolute}.energy-story-panel{z-index:12;background:linear-gradient(135deg, #0f172ad6, #020617b8), radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--energy-color) 14%, transparent), transparent 18rem);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#cbd5e1;border:1px solid #94a3b833;border-radius:28px;gap:12px;width:min(390px,100% - 36px);padding:20px;display:grid;position:absolute;bottom:18px;left:47px;box-shadow:0 26px 82px #0000006b}.energy-story-panel span{color:color-mix(in srgb, var(--energy-color) 78%, #fff 10%);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:950}.energy-story-panel h3{color:#f8fafc;letter-spacing:-.04em;margin:0;font-size:clamp(22px,2.3vw,34px);line-height:1.05}.energy-story-panel p{color:#aab8d4;margin:0;font-size:14px;line-height:1.62}.energy-story-panel strong{border:1px solid color-mix(in srgb, var(--energy-color) 40%, transparent);color:#e2e8f0;background:color-mix(in srgb, var(--energy-color) 10%, transparent);letter-spacing:.02em;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;display:inline-flex}.energy-story-progress{align-items:center;gap:8px;margin-top:2px;display:flex}.energy-story-progress button{appearance:none;cursor:pointer;background:#94a3b840;border:0;border-radius:999px;width:34px;height:5px;transition:width .18s,background .18s,box-shadow .18s}.energy-story-progress button.is-active{background:var(--energy-color);width:58px;box-shadow:0 0 22px color-mix(in srgb, var(--energy-color) 48%, transparent)}.energy-story-cta{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.energy-configurator{z-index:13;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#cbd5e1;background:#020617b8;border:1px solid #94a3b82e;border-radius:24px;gap:12px;width:min(340px,100% - 36px);padding:16px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 24px 70px #00000061}.energy-configurator>div:first-child{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.energy-configurator>div:first-child span{color:#67e8f9;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}.energy-configurator>div:first-child strong{color:#e2e8f0;text-align:right;font-size:12px}.energy-configurator p{color:#9fb0cf;margin:0;font-size:12px;line-height:1.55}.energy-configurator label{color:#e2e8f0;gap:8px;font-size:12px;font-weight:800;display:grid}.energy-configurator input[type=range]{width:100%;accent-color:var(--energy-color)}.energy-configurator__toggles,.energy-configurator__buttons{flex-wrap:wrap;gap:8px;display:flex}.energy-configurator textarea{resize:vertical;color:#cbd5e1;background:#0f172ad1;border:1px solid #94a3b82e;border-radius:16px;width:100%;height:180px;padding:12px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.premium-node{border:1px solid color-mix(in srgb, var(--node-accent) 28%, #94a3b83d);background:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--node-accent) 22%, transparent), transparent 12rem), linear-gradient(145deg, #0f172aeb, #020617db);color:#e2e8f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;width:252px;min-height:132px;padding:18px;transition:transform .18s,opacity .18s,filter .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000061,inset 0 1px #ffffff14}.premium-node:hover,.premium-node.is-selected{border-color:color-mix(in srgb, var(--node-accent) 68%, white 8%);box-shadow:0 28px 74px #0000007a, 0 0 42px color-mix(in srgb, var(--node-accent) 20%, transparent), inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.premium-node.is-active{border-color:color-mix(in srgb, var(--node-accent) 78%, white 10%);box-shadow:0 36px 88px #0000008a, 0 0 58px color-mix(in srgb, var(--node-accent) 36%, transparent), inset 0 1px 0 #ffffff1f;transform:translateY(-4px)scale(1.035)}.premium-node.is-dimmed{opacity:.42;filter:saturate(.62)blur(.15px)}.premium-node__aura,.premium-node__shine,.premium-node__scan{pointer-events:none;position:absolute}.premium-node__aura{opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--node-accent) 28%, transparent), transparent 55%);transition:opacity .18s;inset:-32px}.premium-node.is-active .premium-node__aura{opacity:1;animation:2.2s ease-in-out infinite node-aura}.premium-node__shine{background:linear-gradient(120deg,#0000 0%,#ffffff1a 38%,#0000 56%);animation:6.4s ease-in-out infinite node-shine;inset:0;transform:translate(-100%)}.premium-node__scan{background:linear-gradient(90deg, transparent, var(--node-accent), transparent);opacity:.55;height:1px;animation:4.8s ease-in-out infinite node-scan;top:0;left:0;right:0}.premium-node__step{color:color-mix(in srgb, var(--node-accent) 72%, #fff 10%);letter-spacing:.16em;opacity:.78;font-size:10px;font-weight:950;position:absolute;top:14px;right:14px}.premium-node__header{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.premium-node__icon{border:1px solid color-mix(in srgb, var(--node-accent) 46%, transparent);background:color-mix(in srgb, var(--node-accent) 12%, #0f172ab8);width:44px;height:44px;box-shadow:0 0 24px color-mix(in srgb, var(--node-accent) 18%, transparent);color:color-mix(in srgb, var(--node-accent) 82%, white 16%);border-radius:16px;flex:none;place-items:center;font-size:20px;font-weight:950;display:grid}.premium-node__title{min-width:0}.premium-node__title strong{color:#f8fafc;letter-spacing:-.03em;font-size:16px;line-height:1.1;display:block}.premium-node__meta{color:#94a3b8;text-transform:uppercase;letter-spacing:.09em;flex-wrap:wrap;gap:6px;margin-top:7px;font-size:10px;font-weight:900;display:flex}.premium-node__meta span,.premium-node__meta em{background:#0f172ab8;border:1px solid #94a3b829;border-radius:999px;padding:4px 7px;font-style:normal}.premium-node__meta em{color:color-mix(in srgb, var(--node-accent) 75%, white 12%)}.premium-node p{z-index:2;color:#9fb0cf;margin:14px 0 0;font-size:12px;line-height:1.55;position:relative}.premium-handle{background:var(--node-accent);width:12px;height:12px;box-shadow:0 0 22px var(--node-accent);border:2px solid #e2e8f0d9}.premium-handle--target{left:-6px}.premium-handle--source{right:-6px}.energy-edge-base{stroke:#94a3b833;stroke-width:1.25px}.energy-edge-halo{fill:none;stroke-width:16px;stroke-linecap:round;filter:blur(6px)}.energy-edge-glow{fill:none;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 12px)}.energy-edge-flow{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:9 18;animation:energy-flow var(--flow-speed) linear infinite;filter:drop-shadow(0 0 9px)}.energy-edge-flow--thin{stroke-width:1.2px;stroke-dasharray:3 22;opacity:.8}.energy-edge.is-active .energy-edge-base{stroke:#e2e8f066}.energy-edge.is-active .energy-edge-flow{stroke-width:3.2px;stroke-dasharray:12 14}.energy-edge.is-dimmed{opacity:.24}.energy-particle{opacity:.95;filter:drop-shadow(0 0 12px)}.energy-particle--secondary{opacity:.62}.energy-edge-label{z-index:8;pointer-events:all;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#cbd5e1;letter-spacing:.09em;text-transform:uppercase;background:#020617b8;border:1px solid #94a3b82e;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;position:absolute;box-shadow:0 12px 28px #00000047}.energy-edge-label.is-active{color:#fff;border-color:color-mix(in srgb, var(--energy-color) 56%, transparent);box-shadow:0 0 28px color-mix(in srgb, var(--energy-color) 22%, transparent)}@keyframes energy-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-54px}}@keyframes ambient-drift{0%,to{opacity:.35;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate(34px,-42px)scale(1.5)}}@keyframes shell-sheen{0%,72%,to{opacity:0;transform:translate(-50%)}42%{opacity:.16;transform:translate(45%)}}@keyframes pulse-dot{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.38)}}@keyframes node-shine{0%,60%,to{opacity:0;transform:translate(-100%)}74%{opacity:1}90%{opacity:0;transform:translate(100%)}}@keyframes node-scan{0%,to{opacity:.18;transform:translateY(0)}50%{opacity:.65;transform:translateY(132px)}}@keyframes node-aura{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@media (width<=920px){.energy-canvas-shell{border-radius:26px;height:720px}.energy-canvas-topbar{flex-direction:column;align-items:flex-start}.energy-canvas-actions{width:100%;padding-bottom:2px;overflow-x:auto}.energy-canvas-actions select{max-width:220px}.energy-story-panel{width:auto;padding:16px;bottom:12px;left:12px;right:12px}.energy-story-panel h3{font-size:24px}.energy-story-panel p{font-size:13px}.energy-configurator{width:auto;bottom:12px;left:12px;right:12px}}.energy-beam{z-index:1;pointer-events:none;background:conic-gradient(from 120deg at 50% 50%, transparent 0deg, color-mix(in srgb, var(--energy-color) 14%, transparent) 38deg, transparent 74deg, transparent 360deg), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--glow-color) 10%, transparent), transparent 28rem);opacity:calc(.12 + (var(--ambient-opacity) * .18));mix-blend-mode:screen;animation:18s linear infinite energy-beam-rotate;position:absolute;inset:-30% -20%}.energy-stats-bar{z-index:13;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(620px,100% - 36px);display:flex;position:absolute;top:86px;right:18px}.energy-canvas-shell.no-topbar .energy-stats-bar{top:18px}.energy-stat{--stat-color:var(--energy-color);border:1px solid color-mix(in srgb, var(--stat-color) 28%, #94a3b833);background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--stat-color) 16%, transparent), transparent 7rem), #02061794;color:#e2e8f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;gap:2px;min-width:118px;padding:10px 12px;display:grid;box-shadow:0 18px 52px #0000003d,inset 0 1px #ffffff0f}.energy-stat em{color:color-mix(in srgb, var(--stat-color) 76%, white 12%);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:950}.energy-stat strong{color:#f8fafc;font-size:12px;font-weight:900;line-height:1.1}.energy-stat.tone-violet{--stat-color:#a855f7}.energy-stat.tone-green{--stat-color:#22c55e}.energy-stat.tone-amber{--stat-color:#f59e0b}.energy-stat.tone-rose{--stat-color:#fb7185}.energy-stat.tone-cyan{--stat-color:#22d3ee}.energy-mobile-hint{z-index:13;color:#cbd5e1;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0206179e;border:1px solid #94a3b82e;border-radius:18px;padding:10px 12px;font-size:12px;font-weight:800;position:absolute;top:86px;left:14px;right:14px}.energy-canvas-shell.variant-embed{border-radius:26px;height:clamp(520px,66vh,760px);min-height:520px}.energy-canvas-shell.variant-embed .energy-story-panel{width:min(360px,100% - 28px);padding:18px}.energy-canvas-shell.variant-compact{border-radius:24px;height:520px;min-height:460px}.energy-canvas-shell.variant-compact .energy-story-panel{width:min(340px,100% - 28px);padding:16px}.energy-canvas-shell.variant-compact .energy-story-panel h3{font-size:22px}.energy-canvas-shell.variant-compact .premium-node{width:230px;min-height:118px}.energy-canvas-shell.energy-canvas-bg-black{background:#000}.energy-canvas-shell.energy-canvas-bg-black:after,.energy-canvas-shell.energy-canvas-bg-black .energy-beam{display:none}.energy-canvas-shell.energy-canvas-bg-transparent{box-shadow:none;background:0 0;border-color:#0000}.energy-canvas-shell.energy-canvas-bg-transparent:after,.energy-canvas-shell.energy-canvas-bg-transparent .energy-beam,.energy-canvas-shell.energy-canvas-bg-transparent .ambient-particles{display:none}.energy-canvas-shell.energy-canvas-bg-transparent:before{opacity:.75;background-image:radial-gradient(circle,#ffffff47 0 1px,#0000 1.45px);background-position:50%;background-size:24px 24px;display:block;-webkit-mask-image:linear-gradient(#000000f2,#000000d1 65%,#0000 100%);mask-image:linear-gradient(#000000f2,#000000d1 65%,#0000 100%)}.energy-canvas-stage .react-flow{isolation:isolate;background:0 0}.energy-canvas-stage .react-flow__background{pointer-events:none;z-index:0!important;opacity:1!important}.energy-canvas-stage .react-flow__pane{z-index:1}.energy-canvas-stage .react-flow__renderer,.energy-canvas-stage .react-flow__viewport{z-index:2}.energy-canvas-stage .react-flow__panel{z-index:5}.energy-canvas-shell.energy-canvas-bg-transparent{background:0 0;--grid-color:#ffffff3d!important}.energy-canvas-shell.energy-canvas-bg-transparent .react-flow__background{opacity:1}.energy-canvas-shell:after,.energy-beam,.ambient-particles{animation:none!important;display:none!important}@keyframes energy-beam-rotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(1)}}@media (width<=920px){.energy-stats-bar{pointer-events:auto;flex-wrap:nowrap;justify-content:flex-start;max-width:none;padding-bottom:4px;top:118px;left:12px;right:12px;overflow-x:auto}.energy-stat{min-width:138px}}@media (width<=760px){.energy-canvas-shell{border-radius:24px;height:700px;min-height:680px}.energy-canvas-shell.variant-embed,.energy-canvas-shell.variant-compact{height:680px;min-height:660px}.energy-canvas-topbar{border-radius:18px;padding:10px 10px 0;top:10px;left:10px;right:10px}.energy-canvas-brand strong{font-size:12px}.energy-canvas-brand small{font-size:10px}.energy-canvas-actions button,.energy-canvas-actions select{min-height:38px;font-size:12px}.energy-mobile-hint{top:154px}.energy-stats-bar{top:206px}.energy-canvas-shell.no-topbar .energy-mobile-hint{top:14px}.energy-canvas-shell.no-topbar .energy-stats-bar{top:64px}.energy-story-panel{border-radius:22px;max-height:270px;overflow:auto}.energy-story-cta a,.energy-story-cta button{width:100%}.premium-node{border-radius:20px;width:220px;min-height:116px;padding:15px}.premium-node__icon{border-radius:14px;width:38px;height:38px;font-size:17px}.premium-node__title strong{font-size:14px}.premium-node p{font-size:11px}.energy-edge-label{display:none}}@media (width<=760px) and (orientation:portrait){.energy-canvas-shell.is-mobile-stack{height:780px;min-height:760px}.energy-canvas-shell.is-mobile-stack.no-topbar{height:740px;min-height:720px}.energy-canvas-shell.is-mobile-stack .energy-canvas-stage{inset:0}.energy-canvas-shell.is-mobile-stack .premium-node{width:220px;min-height:112px}.energy-canvas-shell.is-mobile-stack .react-flow__viewport{will-change:transform}}@media (prefers-reduced-motion:reduce){.energy-canvas-shell *,.energy-canvas-shell:after,.energy-beam{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.energy-particle,.energy-edge-flow,.ambient-particles span{opacity:.32!important}}@media (width<=760px),(hover:none) and (pointer:coarse){.energy-canvas-shell{--ambient-opacity:0!important;box-shadow:none!important}.energy-story-cta{display:none}.energy-story-panel span{font-size:.5rem}.energy-story-panel h3{font-size:.7rem}.energy-story-panel p{font-size:.6rem}.energy-canvas-brand small{font-size:.5rem}.energy-canvas-brand strong{font-size:.6rem}.energy-canvas-actions button{font-size:.6rem;display:inline!important}.energy-story-panel .energy-story-progress,.energy-story-panel strong{display:none}.energy-canvas-shell.is-mobile-stack{height:550px;min-height:550px}.energy-canvas-shell:after,.energy-beam,.ambient-particles{animation:none!important;display:none!important}.energy-canvas-shell:before{opacity:.12!important;animation:none!important;-webkit-mask-image:none!important;mask-image:none!important}.premium-node__aura,.premium-node__shine,.premium-node__scan,.energy-edge-flow,.energy-edge-flow--thin,.energy-particle,.energy-particle--secondary{animation:none!important;display:none!important}.energy-edge-base{stroke:#94a3b847!important}.premium-node,.energy-story-panel,.energy-canvas-topbar,.energy-configurator,.energy-stat,.energy-edge-label,.energy-canvas-stage .react-flow__controls{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.premium-node{transition:none!important;box-shadow:0 12px 28px #00000057,inset 0 1px #ffffff0f!important}.premium-node:hover,.premium-node.is-selected,.premium-node.is-active{transform:none!important;box-shadow:0 14px 34px #00000061,inset 0 1px #ffffff14!important}.premium-node.is-dimmed{filter:none!important;opacity:.5!important}.status-dot{box-shadow:0 0 10px var(--energy-color)!important;animation:none!important}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}button,select,input,textarea{font-family:inherit}.page-shell{width:min(1560px,100% - 32px);margin:0 auto;padding:42px 0}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:24px;margin-bottom:24px;display:grid}.hero-copy{max-width:900px}.eyebrow{color:#67e8f9;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:950}.hero-copy h1,.implementation-card h2{color:#f8fafc;letter-spacing:-.06em;margin:0;line-height:.98}.hero-copy h1{max-width:980px;font-size:clamp(42px,7vw,92px)}.hero-copy p,.hero-note p{color:#aab8d4;max-width:760px;margin:20px 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-badges span{color:#dbeafe;background:#0f172aa3;border:1px solid #94a3b838;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:850;box-shadow:inset 0 1px #ffffff0f}.hero-note,.implementation-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a94;border:1px solid #94a3b833;border-radius:28px;padding:22px;box-shadow:0 24px 72px #0000003d}.hero-note strong{color:#f8fafc;font-size:15px;display:block}.hero-note p{margin-top:10px;font-size:14px}.implementation-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:24px;display:grid}.implementation-card h2{font-size:clamp(26px,3vw,44px)}.implementation-card code{color:#c4b5fd;background:#020617b8;border:1px solid #94a3b82e;border-radius:18px;max-width:min(620px,100%);padding:16px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block;overflow-x:auto}@media (width<=980px){.page-shell{width:min(100% - 20px,1560px);padding:22px 0}.hero-layout,.implementation-card{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(38px,12vw,68px)}}.embed-preview,.energy-product-section{gap:20px;margin-top:24px;display:grid}.embed-preview>div:first-child,.energy-product-copy{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#22d3ee1a,#0000 20rem),#0f172a7a;border:1px solid #94a3b82e;border-radius:28px;padding:24px;box-shadow:0 24px 72px #0003}.embed-preview h2,.energy-product-copy h2{color:#f8fafc;letter-spacing:-.06em;max-width:980px;margin:0;font-size:clamp(30px,4vw,58px);line-height:.98}.embed-preview p:not(.eyebrow),.energy-product-copy p:not(.eyebrow){color:#aab8d4;max-width:760px;margin:16px 0 0;font-size:16px;line-height:1.65}
