@keyframes dashflow{to{stroke-dashoffset:-34px}}@keyframes livedot{0%,to{opacity:1}50%{opacity:.35}}@keyframes nicepop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes bellring{0%,to{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}.n8n-sec{padding:108px 0}.n8n-bar{border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;max-width:1000px;margin:0 auto 8px;padding:14px 18px;display:flex}.n8n-bar .wf-logo{border-radius:10px;flex:none;width:34px;height:34px}.n8n-bar .wf-logo svg{width:100%;height:100%;display:block}.n8n-bar .wf-name{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;color:var(--ink);font-size:.9rem;font-weight:600}.n8n-bar .wf-name small{color:var(--ink-mute);letter-spacing:.04em;font-size:.68rem;display:block}.n8n-bar .spacer{flex:1}.n8n-bar .run-state{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;padding:7px 13px;font-size:.72rem;font-weight:600;display:inline-flex}.n8n-bar .run-state .d{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite livedot;box-shadow:0 0 0 3px #4ade8040,0 0 10px #4ade80}.n8n-run{cursor:pointer;font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,var(--a1),var(--a2));box-shadow:0 0 20px rgba(var(--glow),.5);border:none;border-radius:100px;align-items:center;gap:8px;padding:9px 16px;font-size:.74rem;font-weight:600;display:inline-flex}.n8n-run:hover{box-shadow:0 0 28px rgba(var(--glow),.7);transform:translateY(-1px)}.n8n-run svg{width:13px;height:13px}.n8n-stage{perspective:1700px;justify-content:center;margin-top:18px;display:flex}.n8n-fit{transform-origin:top;transition:transform .4s}.n8n-canvas{width:1000px;height:450px;transform-style:preserve-3d;background:radial-gradient(circle at center,rgba(var(--glow),.07),transparent 70%),var(--surface-3);border:1px solid var(--line);border-radius:22px;transition:transform .25s;position:relative;transform:rotateX(8deg)rotateY(-9deg);box-shadow:0 50px 90px #00000047}[data-theme=aurora] .n8n-canvas{box-shadow:0 50px 90px #0009}.n8n-canvas:before{content:"";border-radius:inherit;pointer-events:none;background-image:radial-gradient(#7f6ec829 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0;transform:translateZ(-1px);-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 92%);mask-image:radial-gradient(circle,#000 55%,#0000 92%)}.cables{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cables path{fill:none}.cable-base{stroke:var(--line-strong);stroke-width:2.6px}.cable-flow{stroke:var(--a1);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:5 11;opacity:.7;filter:drop-shadow(0 0 5px rgba(var(--glow),.8));animation:1.1s linear infinite dashflow}.pulse{r:5.5;fill:#fff;filter:drop-shadow(0 0 8px rgba(var(--glow),1));opacity:0}.nnode{width:178px;transform:translate(-50%,-50%) translateZ(var(--z,30px));background:var(--glass-solid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-strong);border-radius:15px;padding:13px 14px;transition:box-shadow .3s,border-color .3s;position:absolute;box-shadow:0 24px 44px #0000004d}[data-theme=aurora] .nnode{box-shadow:0 24px 44px #00000080}.nnode.sm{width:150px}.nnode .nhd{align-items:center;gap:10px;display:flex}.nnode .nico{color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2));width:38px;height:38px;box-shadow:0 0 16px rgba(var(--glow),.4);border-radius:11px;flex:none;place-items:center;font-size:1.15rem;display:grid}.nnode .ntag{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--a1);font-size:.56rem}.nnode .ntit{color:var(--ink);font-size:.86rem;font-weight:700;line-height:1.2}.nnode .nsvc{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;color:var(--ink-mute);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:.6rem;overflow:hidden}.nnode .dot-io{background:var(--bg);border:2px solid var(--a1);width:11px;height:11px;box-shadow:0 0 8px rgba(var(--glow),.6);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.nnode .dot-io.in{left:-6px}.nnode .dot-io.out{right:-6px}.nnode .nbadge{color:#04210f;opacity:0;background:#4ade80;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.66rem;font-weight:800;transition:all .3s;display:grid;position:absolute;top:-9px;right:-9px;transform:scale(.4);box-shadow:0 0 12px #4ade80b3}.nnode.done .nbadge{opacity:1;transform:scale(1)}.nnode.active{border-color:var(--a1);box-shadow:0 0 0 1px var(--a1),0 0 34px rgba(var(--glow),.6),0 24px 44px #0006}.nnode.active .nico{animation:.5s nicepop}.branch-tag{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;white-space:nowrap;border-radius:100px;padding:3px 9px;font-size:.58rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)translateZ(20px)}.branch-tag.yes{color:#22a55e;background:#4ade8024;border:1px solid #4ade8066}[data-theme=aurora] .branch-tag.yes,[data-theme=neon] .branch-tag.yes{color:#4ade80}.branch-tag.no{color:var(--a1);background:rgba(var(--glow),.14);border:1px solid rgba(var(--glow),.4)}.n8n-note{text-align:center;max-width:1000px;font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;color:var(--ink-mute);letter-spacing:.02em;margin:26px auto 0;font-size:.72rem}.n8n-note b{color:var(--ink-soft)}.auto-sec{padding:96px 0}.auto-split{grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;display:grid}.auto-split.reverse .auto-text{order:2}.auto-text h2{text-wrap:balance;margin:16px 0;font-size:clamp(1.9rem,3.7vw,2.9rem);font-weight:800}.auto-text .lead{color:var(--ink-soft);margin-bottom:24px;font-size:1.08rem}.auto-points{flex-direction:column;gap:13px;margin-bottom:28px;list-style:none;display:flex}.auto-points li{color:var(--ink-soft);align-items:flex-start;gap:12px;font-size:.98rem;display:flex}.auto-points li .pc{color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2));width:24px;height:24px;box-shadow:0 0 12px rgba(var(--glow),.4);border-radius:8px;flex:none;place-items:center;font-size:.66rem;display:grid}.scene3d{position:relative}.scene-bar{border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 15px;display:flex}.scene-bar .sb-name{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.05em;color:var(--ink-soft);align-items:center;gap:9px;font-size:.74rem;font-weight:600;display:flex}.scene-bar .sb-name .d{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite livedot;box-shadow:0 0 8px #4ade80}.scene-replay{cursor:pointer;font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,var(--a1),var(--a2));box-shadow:0 0 16px rgba(var(--glow),.45);border:none;border-radius:100px;padding:8px 14px;font-size:.68rem;font-weight:600;transition:all .2s}.scene-replay:hover{box-shadow:0 0 24px rgba(var(--glow),.65);transform:translateY(-1px)}.scene-stage{perspective:1300px;border-radius:var(--radius);background:radial-gradient(circle at 50% 38%,rgba(var(--glow),.1),transparent 68%);border:1px solid var(--line);justify-content:center;align-items:center;min-height:464px;padding:20px;display:flex;position:relative;overflow:hidden}.scene-stage:before{content:"";pointer-events:none;background-image:radial-gradient(#7f6ec81a 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 88%);mask-image:radial-gradient(circle,#000 50%,#0000 88%)}.scene-tilt{width:300px;height:428px;transform-style:preserve-3d;transition:transform .3s;position:relative;transform:rotateX(6deg)rotateY(-9deg)}.scene-cables{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scable-base{stroke:var(--line-strong);stroke-width:2.4px;fill:none}.scable-flow{stroke:var(--a1);stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-dasharray:5 11;opacity:.7;filter:drop-shadow(0 0 5px rgba(var(--glow),.8));animation:1.1s linear infinite dashflow}.spulse{r:5;fill:#fff;filter:drop-shadow(0 0 8px rgba(var(--glow),1));opacity:0}.snode{width:248px;transform:translate(-50%,-50%) translateZ(var(--z,20px));background:var(--glass-solid);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);border-radius:14px;align-items:center;gap:13px;padding:14px 16px;transition:box-shadow .3s,border-color .3s;display:flex;position:absolute;left:50%;box-shadow:0 18px 36px #0000004d}[data-theme=aurora] .snode{box-shadow:0 18px 36px #00000080}.snode .si{background:linear-gradient(135deg,var(--a1),var(--a2));width:44px;height:44px;box-shadow:0 0 16px rgba(var(--glow),.4);border-radius:12px;flex:none;place-items:center;font-size:1.3rem;display:grid}.snode .st{flex:1;min-width:0}.snode .st b{color:var(--ink);font-size:.94rem;font-weight:700;line-height:1.2;display:block}.snode .st span{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:.58rem}.snode .sbadge{color:#04210f;opacity:0;background:#4ade80;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.6rem;font-weight:800;transition:all .3s;display:grid;position:absolute;top:-9px;right:-9px;transform:scale(.3);box-shadow:0 0 11px #4ade80b3}.snode.done .sbadge{opacity:1;transform:scale(1)}.snode.active{border-color:var(--a1);box-shadow:0 0 0 1px var(--a1),0 0 30px rgba(var(--glow),.5),0 18px 36px #0006}.snode .amt{color:#22a55e;font-weight:800}[data-theme=aurora] .snode .amt,[data-theme=neon] .snode .amt{color:#7cffb0}@media (max-width:1024px){.auto-split{grid-template-columns:1fr;gap:34px}.auto-split.reverse .auto-text{order:0}.scene-tilt{transform:none}}@media (max-width:1060px){.n8n-stage{justify-content:flex-start;padding-bottom:10px;overflow-x:auto}}@media (max-width:560px){.n8n-bar{justify-content:center}}@media (prefers-reduced-motion:reduce){.cable-flow,.scable-flow,.run-state .d,.sb-name .d{animation:none}}