:root{--ink: #0b0d17;--panel: #131628;--panel-2: #1a1e34;--wire: #2c3350;--text: #ecedf5;--body: #c4c7dd;--muted: #8b8fb0;--coral: #ff5c49;--coral-dim: #c0412f;--mint: #5fe0b7;--display: "Bricolage Grotesque", system-ui, sans-serif;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--rail-w: 72px;--maxw: 1140px;--radius: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--body);font-family:var(--font);font-size:1.05rem;line-height:1.7;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:26px 26px}a{color:var(--text);text-decoration:none}a:hover{color:var(--coral)}h1,h2,h3{font-family:var(--display);color:var(--text);line-height:1.04;margin:0;font-weight:800;letter-spacing:-.03em}.wrap,.flow{max-width:var(--maxw);margin:0 auto;padding:0 24px}.node-row{display:grid;grid-template-columns:var(--rail-w) 1fr}.rail{position:relative}.rail-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:var(--wire);overflow:hidden}.rail-line:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,var(--mint) 0 7px,transparent 7px 30px);opacity:.85;animation:flow 2.4s linear infinite}@keyframes flow{to{transform:translateY(30px)}}.port{position:absolute;left:50%;top:38px;width:13px;height:13px;border-radius:50%;background:var(--ink);border:2px solid var(--coral);transform:translate(-50%);z-index:2;box-shadow:0 0 0 4px var(--ink)}.node-card{padding:64px 0 40px 28px;min-width:0}.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);margin:0 0 18px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--mint)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--ink) 78%,transparent);border-bottom:1px solid var(--wire)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-family:var(--mono);font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:10px;color:var(--text)}.brand .glyph{width:10px;height:10px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px var(--coral)}.nav-links{display:flex;gap:26px;font-family:var(--mono);font-size:.82rem}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}.hero h1{font-size:clamp(2.8rem,9vw,6.5rem);margin:8px 0 18px}.hero h1 .accent{color:var(--coral)}.hero .role{font-family:var(--mono);color:var(--text);font-size:clamp(.95rem,2vw,1.15rem);letter-spacing:.02em}.hero .lede{max-width:56ch;margin:22px 0 0;font-size:1.15rem}.pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.78rem;letter-spacing:.05em;color:var(--mint);border:1px solid color-mix(in srgb,var(--mint) 45%,transparent);background:color-mix(in srgb,var(--mint) 10%,transparent);padding:6px 13px;border-radius:999px}.pill .blip{width:8px;height:8px;border-radius:50%;background:var(--mint);animation:blip 1.6s ease-in-out infinite}@keyframes blip{0%,to{opacity:1}50%{opacity:.25}}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{font-family:var(--mono);font-size:.9rem;letter-spacing:.02em;padding:13px 22px;border-radius:10px;border:1px solid var(--wire);display:inline-flex;align-items:center;gap:9px;transition:all .18s ease}.btn-primary{background:var(--coral);color:#1a0703;border-color:var(--coral);font-weight:600}.btn-primary:hover{color:#1a0703;transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--coral) 40%,transparent)}.btn-ghost:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-2px)}.about h2{font-size:clamp(1.9rem,5vw,3rem);max-width:18ch}.about p{max-width:60ch;margin-top:18px;font-size:1.15rem}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.stack-card{border:1px solid var(--wire);border-radius:var(--radius);padding:22px;background:var(--panel)}.stack-card .label{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;color:var(--mint);margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--mono);font-size:.82rem;padding:5px 11px;border-radius:7px;background:var(--panel-2);border:1px solid var(--wire);color:var(--body);display:inline-flex;align-items:center;gap:7px}.chip-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.wf-grid{display:grid;gap:26px}.wf-card{border:1px solid var(--wire);border-radius:var(--radius);background:var(--panel);overflow:hidden}.wf-head{padding:22px 24px 0}.wf-card h3{font-family:var(--display);font-size:1.45rem;letter-spacing:-.02em}.wf-meta{display:grid;gap:6px;margin:16px 0 18px}.wf-meta div{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}.wf-meta .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}.wf-meta .v{color:var(--body)}.wf-card .chips{padding:0 24px 20px}.wf-canvas{border-top:1px solid var(--wire);border-radius:0 0 var(--radius) var(--radius);overflow:hidden;background:var(--panel-2);box-shadow:0 10px 25px #00000080;position:relative;transition:opacity .3s ease-in-out;opacity:1}.wf-canvas:before{content:"";position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;border:3px solid var(--wire);border-top-color:var(--coral);border-radius:50%;animation:spin 1s linear infinite;opacity:0;pointer-events:none;z-index:-1}.wf-canvas.loading:before{opacity:1;z-index:10}.wf-canvas.loading{opacity:.3}@keyframes spin{to{transform:rotate(360deg)}}.wf-canvas n8n-demo{display:block;width:100%;--n8n-workflow-min-height: 480px}.wf-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.82rem;color:var(--muted);gap:10px}.wf-loading .spin{width:9px;height:9px;border-radius:50%;background:var(--coral);animation:blip 1s ease-in-out infinite}@media(max-width:720px){.wf-canvas n8n-demo{--n8n-workflow-min-height: 360px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}.stat{border-left:2px solid var(--coral);padding-left:16px}.stat .v{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.2rem);color:var(--text);letter-spacing:-.03em}.stat .l{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;color:var(--muted)}.contact h2{font-size:clamp(1.9rem,5vw,3rem)}.contact p{max-width:52ch;margin-top:14px;font-size:1.15rem}.contact .cta-row{margin-top:28px}.footer{border-top:1px solid var(--wire);margin-top:30px}.footer-inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding:26px 0;font-family:var(--mono);font-size:.8rem;color:var(--muted)}.footer-inner a{color:var(--muted)}.footer-inner a:hover{color:var(--coral)}@media(max-width:720px){:root{--rail-w: 34px}.node-card{padding-left:18px}.nav-links{display:none}.wf-meta div{grid-template-columns:1fr;gap:2px}}:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}.rail-line:after{opacity:.4}}