@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#0d0d0d;--panel-bg:#14141499;--panel-border:#ffffff0f;--text-main:#f0f0f0;--text-muted:gray;--accent:#9d4edd;--accent-bg:#9d4edd1a;--accent-glow:#9d4edd80;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", "Consolas", monospace}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(circle at 15%,#6d28d926,#0000 25%),radial-gradient(circle at 85% 30%,#38bdf81a,#0000 25%);height:100vh;margin:0;padding:0}#root{flex-direction:column;height:100%;display:flex}.app-container{background-color:var(--bg-color);width:100vw;height:100vh;display:block;position:relative;overflow:hidden}.glass-header{-webkit-backdrop-filter:blur(30px);border:1px solid var(--panel-border);z-index:100;background:#0f0f0fb3;border-radius:99px;align-items:center;gap:2rem;padding:.75rem 2rem;display:flex;position:absolute;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.glass-header h1{background:linear-gradient(135deg,#a78bfa,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.75rem;font-weight:700}.glass-header p{color:var(--text-muted);margin:0;font-size:.95rem;font-weight:500}.header-actions{gap:1rem;margin-left:auto;display:flex}.main-layout{display:block;position:absolute;inset:0;overflow:hidden}.sidebar{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;border-radius:16px;flex-direction:column;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100px;bottom:20px;left:20px;overflow:hidden;box-shadow:0 20px 40px #00000080}.sidebar h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);border-bottom:1px solid var(--panel-border);background:#00000040;margin:0;padding:1rem 1.5rem;font-size:.85rem}.file-tree-container{flex:1;overflow-y:auto}.file-tree-root,.folder-children{margin:0;padding:0;list-style:none}.tree-file,.folder-header{cursor:pointer;color:#e2e8f0;border-bottom:1px solid #ffffff05;align-items:center;gap:8px;padding:.6rem 1rem;font-size:.85rem;transition:background .2s;display:flex}.tree-file:hover,.folder-header:hover{background:#ffffff0d}.tree-file.active{background:var(--accent-bg);color:#a78bfa;border-left:3px solid var(--accent)}.file-icon,.folder-icon{text-align:center;min-width:20px;font-size:1rem;display:inline-block}.file-name,.folder-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty-sidebar{text-align:center;color:var(--text-muted);padding:2rem 1.5rem;font-size:.9rem}.pane{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;flex:1;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.pane:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000040}.ide-pane{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 40px #00000080}.code-pane{height:350px;bottom:20px;left:320px;right:380px}.story-pane{width:340px;top:100px;bottom:20px;right:20px}.visual-pane{z-index:10;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:column;display:flex;position:absolute;inset:0}.ide-pane:hover,.sidebar:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000040}.pane-header{border-bottom:1px solid var(--panel-border);background:#00000040;padding:1rem 1.5rem}.pane-header h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin:0;font-size:.85rem;font-weight:600}.translate-btn{background:var(--accent);color:#fff;height:40px;font-family:var(--font-sans);cursor:pointer;box-shadow:0 2px 10px var(--accent-glow);white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.2rem;font-size:.85rem;font-weight:600;transition:background .2s,opacity .2s;display:flex}.translate-btn:hover{background:#7c3aed}.translate-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary-btn{color:var(--text-main);border:1px solid var(--panel-border);height:40px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.2rem;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.secondary-btn:hover{background:#ffffff26}.highlighted-code-line{background-color:#6d28d94d;border-left:4px solid var(--accent)!important}.editor-wrapper{flex:1;width:100%;padding:0;overflow:hidden}.react-flow-wrapper{flex:1;width:100%;height:100%}.react-flow__node-default{color:#e5e5e5!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;font-family:var(--font-sans)!important;background:#141414!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:14px 20px!important;font-weight:500!important;box-shadow:0 12px 24px #0006,inset 0 1px #ffffff0d!important}.react-flow__handle{background:#a78bfa!important;width:10px!important;height:10px!important}.react-flow__edge-path{stroke:#fff3!important;stroke-width:2px!important}.react-flow__controls{border:1px solid var(--panel-border)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 4px 15px #0000004d!important}.react-flow__controls-button{border-bottom:1px solid var(--panel-border)!important;fill:gray!important;background:#141414e6!important}.react-flow__controls-button:hover{fill:#f0f0f0!important;background:#282828!important}.properties-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--panel-border);z-index:10;background:#0d0f12d9;border-radius:12px;flex-direction:column;gap:1rem;width:300px;padding:1.5rem;display:flex;position:absolute;top:100px;right:380px;box-shadow:0 10px 40px #00000080}.properties-panel h3{color:#fff;border-bottom:1px solid #ffffff1a;margin:0;padding-bottom:.5rem;font-size:1rem}.prop-group{flex-direction:column;gap:.5rem;display:flex}.prop-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.prop-group textarea,.prop-group input{color:#fff;font-family:var(--font-sans);resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;padding:.75rem;font-size:.9rem}.prop-group textarea:focus,.prop-group input:focus{border-color:var(--accent);outline:none}.prop-group input:disabled{opacity:.6;cursor:not-allowed}.hint{color:#fbbf24;margin:0;font-size:.75rem;font-style:italic}.apply-btn{height:40px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.2rem;font-size:.85rem;font-weight:600;transition:background .2s,opacity .2s,transform .1s;display:flex}.apply-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.apply-btn:disabled{opacity:.6;cursor:not-allowed}.unsaved-dot{color:#fbbf24;margin-left:4px;font-size:1.2rem;line-height:.5}.resizable-pane{border-right:1px solid var(--panel-border);flex:1;min-width:200px}.sidebar.resizable-pane{flex:0 0 250px}.pane-toggles{align-items:center;gap:.5rem;display:flex}.toggle-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:0 .8rem;font-size:.8rem;transition:all .2s;display:flex}.toggle-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.toggle-btn:hover{background:#ffffff26}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem}.close-btn:hover{color:#fff;background:#ffffff1a}.story-pane{background:var(--panel-bg);flex-direction:column;display:flex}.story-content{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.empty-story{color:var(--text-muted);text-align:center;margin-top:2rem;font-style:italic}.story-segment{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:1rem;transition:all .2s}.story-segment:hover{background:#ffffff0f}.story-segment.active-story{border-color:var(--accent);background:#38bdf80d;box-shadow:0 0 15px #38bdf81a}.story-textarea{color:#fff;width:100%;font-family:var(--font-sans);resize:none;background:0 0;border:none;min-height:80px;font-size:.95rem;line-height:1.5;overflow:hidden}.story-textarea:focus{outline:none}.story-implement-btn{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:6px;width:100%;margin-top:.5rem;padding:.5rem;font-size:.8rem;font-weight:600;transition:filter .2s}.story-implement-btn:hover{filter:brightness(1.1)}.story-implement-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-color);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;width:700px;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.modal-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-tabs{border-bottom:1px solid var(--panel-border);background:#ffffff05;gap:1.5rem;padding:0 1.5rem;display:flex}.modal-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 0;font-size:.95rem;font-weight:500}.modal-tab.active{color:#fff;border-bottom-color:var(--accent)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.code-block{font-family:var(--font-mono);color:#a78bfa;white-space:pre-wrap;word-break:break-all;background:#0006;border:1px solid #ffffff1a;border-radius:8px;margin:1rem 0;padding:1rem;font-size:.85rem;overflow-x:auto}.api-key-box{align-items:center;gap:1rem;margin-top:1rem;display:flex}.api-key-input{color:#fbbf24;font-family:var(--font-mono);background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:.75rem;font-size:.9rem}.landing-page-wrapper{color:#f8fafc;min-height:100vh;font-family:var(--font-sans);background:#020617;overflow-x:hidden}.landing-nav-fixed{z-index:1000;-webkit-backdrop-filter:blur(30px);background:#0f0f0fb3;border:1px solid #ffffff0f;border-radius:99px;width:max-content;max-width:90vw;padding:.75rem 2rem;transition:all .3s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.nav-container{justify-content:space-between;align-items:center;gap:2.5rem;max-width:1200px;margin:0 auto;display:flex}.logo-section{align-items:center;gap:.5rem;display:flex}.logo-text{color:#fff;font-size:1.25rem;font-weight:700}.text-accent{color:#38bdf8}.nav-links-center{gap:2rem;display:flex}.nav-links-center a{color:#94a3b8;font-weight:500;text-decoration:none;transition:color .2s}.nav-links-center a:hover{color:#fff}.nav-actions{align-items:center;gap:1.5rem;display:flex}.github-link{color:#94a3b8;transition:color .2s}.github-link:hover{color:#fff}.cta-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-btn.primary-sm{color:#fff;background:#38bdf8;padding:.5rem 1rem;font-size:.9rem}.cta-btn.primary-sm:hover{background:#0ea5e9;box-shadow:0 0 15px #38bdf866}.cta-btn.primary-xl{color:#fff;background:#38bdf8;padding:1rem 2rem;font-size:1.1rem}.cta-btn.primary-xl:hover{background:#0ea5e9;transform:translateY(-2px);box-shadow:0 10px 25px #38bdf84d}.cta-btn.secondary-xl{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;padding:1rem 2rem;font-size:1.1rem}.cta-btn.secondary-xl:hover{background:#ffffff1a}.hero-section-mega{text-align:center;background-color:#050505;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:24px 24px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}@media (width<=992px){.hero-section-mega{padding:8rem 2rem 4rem}.hero-content{margin:0 auto}.hero-cta-group{justify-content:center!important}.hero-visuals{display:block}}.hero-content{z-index:10;max-width:900px;margin:0 auto 4rem;position:relative}.hero-badge{color:#a0a0a0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.hero-title-mega{color:#fff;letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:600;line-height:1.1}.gradient-text-animated{background:linear-gradient(135deg,#fff,#888);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:5s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-subtitle-mega{color:gray;max-width:600px;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.hero-cta-group{justify-content:flex-start;gap:1rem;display:flex}@media (width<=500px){.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .cta-btn{text-align:center;justify-content:center;width:100%}}.weave-mockup-container{z-index:10;justify-content:center;align-items:center;width:100%;max-width:1000px;height:400px;margin-top:4rem;display:flex;position:relative}.mock-weave-node{z-index:20;background:#181818;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;min-width:180px;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0d}.mock-weave-node-header{letter-spacing:1px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex}.mock-weave-node-content{color:#e0e0e0;font-size:.85rem;line-height:1.4;font-family:var(--font-sans);padding:12px}.node-trigger{top:20%;left:10%}.node-trigger .mock-weave-node-header{color:#38bdf8;background:#38bdf826;border-bottom:1px solid #38bdf833}.node-condition{top:50%;left:40%;transform:translateY(-50%)}.node-condition .mock-weave-node-header{color:#ef8354;background:#ef835426;border-bottom:1px solid #ef835433}.node-action{top:60%;right:10%}.node-action .mock-weave-node-header{color:#c77dff;background:#9d4edd26;border-bottom:1px solid #9d4edd33}.mock-weave-edge{z-index:15;border:2px solid #ffffff26;border-radius:12px;position:absolute}.mock-edge-1{border-top:none;border-left:none;width:15%;height:15%;top:35%;left:25%}.mock-edge-2{border:none;border-top:2px solid #ffffff26;width:25%;height:2px;top:50%;left:55%}.dropdown-item{color:#cbd5e1;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:background .2s;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff0d}.dropdown-item.text-red{color:#ef4444}.dropdown-item.text-red:hover{background:#ef44441a}.browser-mockup{background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px #00000080,0 0 40px #38bdf81a}.browser-header{background:#1e293b;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;height:40px;padding:0 1rem;display:flex}.browser-header .dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#22c55e}.browser-body.tri-pane{height:400px;display:flex}.browser-body .pane{text-align:left;border-right:1px solid #ffffff0d;flex:1;padding:1.5rem;font-size:.85rem;overflow:hidden}.browser-body .pane:last-child{border-right:none}@media (width<=768px){.browser-body.tri-pane{flex-direction:column;height:auto}.browser-body .pane{border-bottom:1px solid #ffffff0d;border-right:none;height:300px}.browser-body .pane:last-child{border-bottom:none}}.mock-code{font-family:var(--font-mono);color:#cbd5e1}.mock-code .keyword{color:#c678dd}.mock-code .func{color:#61afef}.mock-code .prop{color:#e06c75}.mock-code .indent{padding-left:1.5rem}.mock-flow{background:#020617;flex-direction:column;align-items:center;gap:.5rem;display:flex}.mock-node{background:#1e293b;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1rem;font-weight:500}.mock-node.trigger{border-color:#38bdf8}.mock-node.condition{border-color:#f59e0b}.mock-node.action{border-color:#a78bfa}.mock-edge{background:#334155;width:2px;height:30px}.mock-story{color:#94a3b8;background:#0f172a;line-height:1.8}.mock-story p{margin-bottom:1rem}.pane.mock-story p.highlight{background:#38bdf81a;border-left:2px solid #38bdf8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mock-story .highlight{color:#e2e8f0;background:#38bdf81a;border-left:2px solid #38bdf8;padding-left:.5rem}.integrations-banner{text-align:center;background:#0f172a4d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:4rem 2rem}.integrations-banner p{color:#64748b;letter-spacing:.1em;margin-bottom:2rem;font-size:.85rem;font-weight:600}.integration-logos{color:#94a3b8;opacity:.5;flex-wrap:wrap;justify-content:center;gap:3rem;font-size:1.5rem;font-weight:700;display:flex}@media (width<=768px){.integration-logos{gap:1.5rem;font-size:1.2rem}}.features-section{max-width:1200px;margin:0 auto;padding:8rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.section-header p{color:#94a3b8;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}@media (width<=768px){.features-grid{grid-template-columns:1fr}.features-scroll-content{gap:2rem;margin-top:4rem;flex-direction:column!important}.features-scroll-content>div{width:100%;flex:none!important}.landing-nav-fixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2!important}.scroll-features-container{height:auto!important}.scroll-features-sticky{height:auto!important;padding:6rem 0!important;position:relative!important;overflow:visible!important}.feature-item{opacity:1!important;transform:none!important}}.feature-card{background:#0f172a80;border:1px solid #ffffff0d;border-radius:16px;padding:2.5rem;transition:background .3s}.feature-card:hover{background:#1e293b80;border-color:#38bdf833}.feature-icon{color:#38bdf8;background:#38bdf81a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.5rem;display:flex}.scroll-features-container{height:300vh;position:relative}.scroll-features-sticky{background:#050505;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.feature-card h3{color:#f8fafc;margin-bottom:1rem;font-size:1.25rem}.feature-card p{color:#94a3b8;line-height:1.6}.demo-section-mega{background:#050505;border-top:1px solid #ffffff0d;padding:6rem 2rem}.demo-container-mega{background:#0a0a0a;border:1px solid #ffffff14;border-radius:16px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 40px 80px #0009}.demo-header{background:#141414;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.demo-title{color:#cbd5e1;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.demo-split{height:450px;display:flex}.editor-pane{border-right:1px solid #ffffff0d}.demo-pane{flex-direction:column;flex:1;padding:1.5rem;display:flex}.demo-editor{color:#fbbf24;width:100%;font-family:var(--font-mono);resize:none;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:1rem;font-size:.9rem}.story-pane-demo{background:#ffffff05;overflow-y:auto}.demo-placeholder{color:#64748b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.placeholder-icon{opacity:.5;margin-bottom:1rem}.demo-story-content{color:#e2e8f0;white-space:pre-wrap;flex:1;font-size:1rem;line-height:1.8}.pane-label{color:#64748b;letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem;font-weight:700}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.final-cta-section{background:#050505;justify-content:center;padding:8rem 2rem;display:flex}.cta-glow-box{text-align:center;background:#101010;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:800px;padding:4rem 2rem;box-shadow:0 20px 40px #00000080}.cta-glow-box h2{color:#fff;margin-bottom:1rem;font-size:2.5rem}.cta-glow-box p{color:#94a3b8;margin-bottom:2rem;font-size:1.25rem}.landing-footer-mega{background:#020617;border-top:1px solid #ffffff0d;padding:4rem 2rem 2rem}.footer-content-mega{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto 4rem;display:grid}.footer-col h4{color:#fff;margin-bottom:1.5rem;font-size:1rem}.footer-col a{color:#94a3b8;margin-bottom:.75rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:#38bdf8}.footer-logo{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.footer-desc{color:#64748b;max-width:250px;line-height:1.6}.footer-bottom{color:#64748b;text-align:center;border-top:1px solid #ffffff0d;max-width:1200px;margin:0 auto;padding-top:2rem;font-size:.9rem}@media (width<=768px){.hero-title-mega{font-size:3rem}.browser-body.tri-pane,.demo-split{flex-direction:column;height:auto}.demo-pane{border-bottom:1px solid #ffffff0d;border-right:none;min-height:250px}.demo-pane:last-child{border-bottom:none}.footer-content-mega{grid-template-columns:1fr}.hidden-mobile{display:none}}.custom-flow-node{font-family:var(--font-sans);color:#e0e0e0;text-align:left;box-sizing:border-box;background:#181818;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:240px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0d}.custom-flow-node .node-header{letter-spacing:1px;box-sizing:border-box;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:.85rem;font-weight:700;display:flex}.custom-flow-node .node-content{box-sizing:border-box;width:100%;padding:14px;font-size:.95rem;line-height:1.5;word-break:break-word!important;overflow-wrap:anywhere!important;white-space:normal!important}.hero-node{width:280px}.hero-node .node-header{padding:12px 16px;font-size:.95rem}.hero-node .node-content{padding:16px;font-size:1.1rem;line-height:1.5}.node-trigger .node-header{color:#38bdf8;background:#38bdf826;border-bottom:1px solid #38bdf833}.node-condition .node-header{color:#ef8354;background:#ef835426;border-bottom:1px solid #ef835433}.node-action .node-header{color:#c77dff;background:#9d4edd26;border-bottom:1px solid #9d4edd33}.hero-node{position:relative}.tree-file.translated-file{color:#4ade80;font-weight:500}.tree-file.translated-file .file-icon{filter:drop-shadow(0 0 4px #4ade80)}.story-summary{border:1px solid #ffffff1a;border-left:4px solid var(--accent-blue);color:#f8fafc;background:#ffffff08;border-radius:8px;margin-bottom:2rem;padding:1.5rem;font-size:.95rem;line-height:1.6}.story-summary h4{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:.5rem;font-size:.85rem}.limit-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.limit-modal-content{text-align:center;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;width:400px;max-width:90%;padding:2rem;box-shadow:0 10px 30px #00000080}.limit-modal-content h2{color:#f8fafc;margin-top:0}.limit-modal-content p{color:#94a3b8;margin-bottom:1.5rem;line-height:1.5}.new-file-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;margin-right:4px;padding:2px 6px;font-size:.75rem}.new-file-btn:hover{background:#ffffff1a}.skeleton-box{background-color:#ffffff1a;border-radius:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.custom-flow-node{background:#181818;border:1px solid #ffffff14;border-radius:12px;min-width:180px;max-width:260px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 10px 20px #0006,inset 0 1px #ffffff0d}.custom-flow-node:hover{border-color:#fff3;box-shadow:0 12px 24px #00000080,inset 0 1px #ffffff1a}.custom-flow-node.node-action .node-header{color:#c77dff;background:#9d4edd26;border-bottom:1px solid #9d4edd33}.custom-flow-node.node-condition .node-header{color:#ef8354;background:#ef835426;border-bottom:1px solid #ef835433}.custom-flow-node.node-trigger .node-header{color:#38bdf8;background:#38bdf826;border-bottom:1px solid #38bdf833}.custom-flow-node.node-default .node-header{color:#a0a0a0;background:#ffffff0d;border-bottom:1px solid #ffffff1a}.node-header{letter-spacing:1px;box-sizing:border-box;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex}.node-content{color:#e0e0e0;box-sizing:border-box;width:100%;padding:14px;font-size:.95rem;line-height:1.5;word-break:break-word!important;overflow-wrap:anywhere!important;white-space:normal!important}.weave-handle{transition:transform .2s;border:2px solid #181818!important;width:12px!important;height:12px!important}.weave-handle:hover{transform:scale(1.5)}.custom-flow-node.node-action .weave-handle{background:#9d4edd!important}.custom-flow-node.node-condition .weave-handle{background:#ef8354!important}.custom-flow-node.node-trigger .weave-handle{background:#38bdf8!important}.custom-flow-node.node-default .weave-handle{background:#a0a0a0!important}.dynamic-3d-wrapper{z-index:-1;perspective:1000px;background:#020617;position:fixed;inset:0;overflow:hidden}.dynamic-3d-grid{transform-origin:top;background-image:linear-gradient(#38bdf833 1px,#0000 1px),linear-gradient(90deg,#38bdf833 1px,#0000 1px);background-size:80px 80px;width:200%;height:150%;animation:15s linear infinite moveGrid;position:absolute;bottom:-30%;left:-50%;transform:rotateX(75deg);-webkit-mask-image:linear-gradient(#0000 20%,#000 80%);mask-image:linear-gradient(#0000 20%,#000 80%)}@keyframes moveGrid{0%{transform:rotateX(75deg)translateY(0)}to{transform:rotateX(75deg)translateY(80px)}}.orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:radial-gradient(circle,#9d4edd66,#0000 60%);width:500px;height:500px;animation-delay:0s;top:-10%;left:10%}.orb-2{background:radial-gradient(circle,#38bdf84d,#0000 60%);width:600px;height:600px;animation-delay:-3s;bottom:10%;right:-5%}.orb-3{background:radial-gradient(circle,#ef835433,#0000 60%);width:400px;height:400px;animation-delay:-6s;top:40%;left:40%}@keyframes floatOrb{0%{transform:translateY(0)scale(1)}to{transform:translateY(-50px)scale(1.1)}}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.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:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;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}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform: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:0 solid #3367d9}.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%}