Your n8n product team for automation systems that run your business behind the scenes

<style> :root { --primary: #6061f6; --accent: #c5ef48; --dark: #111827; --body: #4b5563; --muted: #6b7280; --bg-light: #f8f9fa; --bg-white: #ffffff; --bg-tint: #fafbff; --border: rgba(0,0,0,0.06); --shadow-sm: 0 4px 24px rgba(0,0,0,0.05); --shadow-md: 0 12px 40px rgba(96,97,246,0.10); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .lca-block1 { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif; color: var(--dark); background: var(--bg-white); } .lca-h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 400; line-height: 1.2; letter-spacing: -0.02em; color: var(--dark); } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-lead { font-size: 1.0625rem; line-height: 1.75; color: var(--body); max-width: 600px; } .lca-card { position: relative; background: var(--bg-light); border-radius: var(--radius-card); padding: 2rem; border: 1px solid var(--border); overflow: hidden; transition: background 0.25s ease, box-shadow 0.25s ease; display: flex; flex-direction: column; gap: 1rem; } .lca-card::before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 0; background: var(--primary); border-radius: 20px 0 0 20px; transition: height 0.25s ease; } .lca-card:hover::before { height: 100%; } .lca-card:hover { background: var(--bg-tint); box-shadow: var(--shadow-md); } .lca-card__icon { width: 44px; height: 44px; border-radius: var(--radius-sm); background: rgba(96,97,246,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--primary); } .lca-card__icon svg { width: 22px; height: 22px; } .lca-card__title { font-size: 1.0625rem; font-weight: 600; color: var(--dark); line-height: 1.35; } .lca-card__body { font-size: 0.9375rem; color: var(--body); line-height: 1.7; } .lca-bento-wrap { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; align-items: start; } .lca-bento-heading { position: sticky; top: 2rem; display: flex; flex-direction: column; gap: 1.5rem; } .lca-label { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--primary); background: rgba(96,97,246,0.08); padding: 0.4rem 0.9rem; border-radius: var(--radius-pill); width: fit-content; } .lca-bento-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; } .lca-centered-header { text-align: center; max-width: 700px; margin: 0 auto 3.5rem; display: flex; flex-direction: column; gap: 1.25rem; align-items: center; } .lca-what-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } .lca-what-grid .lca-card { background: var(--bg-white); } .lca-split-wrap { display: grid; grid-template-columns: 1fr 1.4fr; gap: 4rem; align-items: start; } .lca-split-left { display: flex; flex-direction: column; gap: 1.5rem; position: sticky; top: 2rem; } .lca-split-right { display: flex; flex-direction: column; gap: 0; } .lca-numbered-item { display: grid; grid-template-columns: 3rem 1fr; gap: 1.25rem; align-items: start; padding: 1.75rem 0; border-bottom: 1px solid var(--border); transition: padding-left 0.2s ease; } .lca-numbered-item:first-child { border-top: 1px solid var(--border); } .lca-numbered-item:hover { padding-left: 0.5rem; } .lca-num { width: 3rem; height: 3rem; border-radius: 50%; background: rgba(96,97,246,0.08); display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 700; color: var(--primary); flex-shrink: 0; transition: background 0.2s ease, color 0.2s ease; } .lca-numbered-item:hover .lca-num { background: var(--primary); color: #fff; } .lca-num-content { display: flex; flex-direction: column; gap: 0.4rem; padding-top: 0.5rem; } .lca-num-title { font-size: 1rem; font-weight: 600; color: var(--dark); line-height: 1.3; } .lca-num-body { font-size: 0.9375rem; color: var(--body); line-height: 1.65; } .lca-not-fit { margin-top: 2rem; padding: 1.5rem 1.75rem; background: rgba(96,97,246,0.04); border: 1px solid rgba(96,97,246,0.12); border-radius: var(--radius-card); display: flex; flex-direction: column; gap: 0.75rem; } .lca-not-fit__label { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); } .lca-not-fit__text { font-size: 0.9375rem; color: var(--body); line-height: 1.7; } .lca-not-fit__text span { display: inline-block; background: rgba(96,97,246,0.08); color: var(--primary); font-weight: 500; border-radius: var(--radius-sm); padding: 0.15rem 0.55rem; margin: 0.15rem 0.1rem; font-size: 0.875rem; } @media (max-width: 991px) { .lca-bento-wrap { grid-template-columns: 1fr; gap: 2.5rem; } .lca-bento-heading { position: static; } .lca-split-wrap { grid-template-columns: 1fr; gap: 2.5rem; } .lca-split-left { position: static; } } @media (max-width: 767px) { .lca-bento-grid, .lca-what-grid { grid-template-columns: 1fr; } .lca-h2 { font-size: 1.75rem; } } @media (max-width: 478px) { .lca-card { padding: 1.5rem; } .lca-numbered-item { grid-template-columns: 2.5rem 1fr; gap: 1rem; } } </style> <!-- SECTION 1: WHY WE CHOOSE N8N --> <div class='section_why-n8n lca-block1'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-bento-wrap'> <div class='lca-bento-heading'> <span class='lca-label'>Our Approach</span> <h2 class='lca-h2'>Why we choose <strong>n8n.</strong></h2> <p class='lca-lead'>We choose n8n when a business needs automation that goes beyond simple triggers and actions. n8n gives us the control and flexibility to build systems with conditional logic, multiple data sources, and AI-driven decisions that truly reflect how the business operates.</p> </div> <div class='lca-bento-grid'> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75'/></svg> </div> <p class='lca-card__title'>When automation needs to handle real complexity</p> <p class='lca-card__body'>n8n allows multi-step, conditional automation with branching logic, error handling, and data transformations that mirror how operations actually work.</p> </div> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/></svg> </div> <p class='lca-card__title'>When data privacy and self-hosting matter</p> <p class='lca-card__body'>n8n is the right choice when data sensitivity, compliance, or security policies require self-hosted workflows that never leave the organization&#39;s environment.</p> </div> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/></svg> </div> <p class='lca-card__title'>When AI needs to be part of operational workflows</p> <p class='lca-card__body'>n8n lets us embed AI directly into business automation: processing documents, classifying data, generating responses, and triggering actions based on intelligent analysis.</p> </div> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m9.86-2.813a4.5 4.5 0 00-1.242-7.244l-4.5-4.5a4.5 4.5 0 00-6.364 6.364L4.34 8.374' transform='translate(1.5 1.5) scale(0.875)'/></svg> </div> <p class='lca-card__title'>When integrations span dozens of tools</p> <p class='lca-card__body'>n8n connects to hundreds of services and supports custom API integrations, unifying scattered tools, databases, and platforms into a single reliable backbone.</p> </div> </div> </div> </div> </div> </div> <!-- SECTION 2: WHAT WE BUILD WITH N8N --> <div class='section_what-n8n lca-block1' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-centered-header'> <span class='lca-label'>What We Build</span> <h2 class='lca-h2'>What we build with <strong>n8n.</strong></h2> <p class='lca-lead'>Automation systems that connect tools, process data, and drive operational decisions across the business.</p> </div> <div class='lca-what-grid'> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z'/><path stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/></svg> </div> <p class='lca-card__title'>Business Automation</p> <p class='lca-card__body'>End-to-end workflow automation connecting CRMs, ERPs, databases, and internal tools, eliminating manual handoffs and keeping operations running without friction.</p> </div> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/></svg> </div> <p class='lca-card__title'>AI Workflows</p> <p class='lca-card__body'>Intelligent automation pipelines that use AI to classify, extract, generate, and decide, embedding machine intelligence directly into daily operational processes.</p> </div> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z'/></svg> </div> <p class='lca-card__title'>Data Pipelines</p> <p class='lca-card__body'>Structured data flows that collect, transform, and route information across systems, ensuring the right data reaches the right place at the right time.</p> </div> <div class='lca-card'> <div class='lca-card__icon'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m9.86-2.813a4.5 4.5 0 00-1.242-7.244l-4.5-4.5a4.5 4.5 0 00-6.364 6.364L4.34 8.374' transform='translate(1.5 1.5) scale(0.875)'/></svg> </div> <p class='lca-card__title'>Integration Systems</p> <p class='lca-card__body'>Custom integration architectures that unify disconnected tools and platforms into a single, automated operational layer the business can rely on.</p> </div> </div> </div> </div> </div> <!-- SECTION 3: WHO IS N8N AUTOMATION FOR? --> <div class='section_who-n8n lca-block1'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-split-wrap'> <div class='lca-split-left'> <span class='lca-label'>Ideal Fit</span> <h2 class='lca-h2'>Who is n8n automation <strong>for?</strong></h2> <p class='lca-lead'>n8n automation is for businesses where operational efficiency directly impacts revenue, cost, or compliance.</p> <div class='lca-not-fit'> <p class='lca-not-fit__label'>Not the right fit if</p> <p class='lca-not-fit__text'> <span>Simple 2&#8211;3 tool triggers</span> <span>Cloud-only preferred</span> <span>Temporary automation</span> </p> </div> </div> <div class='lca-split-right'> <div class='lca-numbered-item'> <div class='lca-num'>01</div> <div class='lca-num-content'> <p class='lca-num-title'>Operations Teams Drowning in Manual Work</p> <p class='lca-num-body'>Hours spent copying data between systems, sending follow-ups, and monitoring processes manually. Automation that eliminates repetitive tasks so your team focuses on judgment work.</p> </div> </div> <div class='lca-numbered-item'> <div class='lca-num'>02</div> <div class='lca-num-content'> <p class='lca-num-title'>Businesses with Data Privacy Requirements</p> <p class='lca-num-body'>Regulated industries where data can&#39;t pass through third-party cloud platforms. Self-hosted automation that keeps sensitive information within your infrastructure.</p> </div> </div> <div class='lca-numbered-item'> <div class='lca-num'>03</div> <div class='lca-num-content'> <p class='lca-num-title'>Companies Running 10+ Disconnected Tools</p> <p class='lca-num-body'>Tech stacks that grew organically with no systems sharing data natively. An integration layer connecting CRMs, ERPs, databases, and communication tools.</p> </div> </div> <div class='lca-numbered-item'> <div class='lca-num'>04</div> <div class='lca-num-content'> <p class='lca-num-title'>Teams Ready to Embed AI into Operations</p> <p class='lca-num-body'>AI for document processing, data classification, content generation, or intelligent routing woven into operational workflows your business already runs.</p> </div> </div> </div> </div> </div> </div> </div>

<style> :root { --primary: #6061f6; --accent: #c5ef48; --dark: #111827; --body: #4b5563; --muted: #6b7280; --bg-light: #f8f9fa; --bg-white: #ffffff; --bg-tint: #fafbff; --border: rgba(0,0,0,0.06); --shadow-sm: 0 4px 24px rgba(0,0,0,0.05); --shadow-md: 0 12px 40px rgba(96,97,246,0.10); --shadow-lg: 0 20px 60px rgba(96,97,246,0.14); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } .lca-block2 * { box-sizing: border-box; } .lca-block2 { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--dark); } .lca-h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 400; color: var(--dark); line-height: 1.2; margin: 0 0 1rem; } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-process-intro { max-width: 600px; margin: 0 0 3rem; } .lca-process-intro p { font-size: 1.05rem; color: var(--body); line-height: 1.7; margin: 0.75rem 0 0; } .lca-steps-list { display: flex; flex-direction: column; gap: 0; } .lca-step { display: flex; gap: 28px; position: relative; } .lca-step:not(:last-child)::after { content: ''; position: absolute; left: 22px; top: 48px; width: 2px; bottom: 0; background: linear-gradient(to bottom, rgba(96,97,246,0.18), transparent); } .lca-step-num-col { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; padding-top: 4px; } .lca-step-badge { width: 44px; height: 44px; border-radius: 50%; background: var(--primary); color: #fff; font-size: 1rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 14px rgba(96,97,246,0.28); position: relative; z-index: 1; } .lca-step-body { padding: 0 0 2.5rem; flex: 1; } .lca-step-header { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 0.4rem; } .lca-step-title { font-size: 1.1rem; font-weight: 700; color: var(--dark); margin: 0; } .lca-step-meta { display: flex; gap: 8px; flex-wrap: wrap; } .lca-step-tag { font-size: 0.75rem; font-weight: 600; padding: 3px 10px; border-radius: var(--radius-pill); background: rgba(96,97,246,0.08); color: var(--primary); white-space: nowrap; } .lca-step-tag.deliverable { background: rgba(197,239,72,0.18); color: #4d6200; } .lca-step-desc { font-size: 0.925rem; color: var(--body); line-height: 1.65; margin: 0 0 0.5rem; } .lca-qa-layout { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: start; } .lca-bento-heading { position: sticky; top: 2rem; } .lca-qa-left p { font-size: 1rem; color: var(--body); line-height: 1.7; margin: 1rem 0 0; } .lca-qa-right { display: flex; flex-direction: column; gap: 16px; } .lca-qa-card { background: var(--bg-white); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 24px 28px; box-shadow: var(--shadow-sm); transition: box-shadow 0.2s ease, transform 0.2s ease; } .lca-qa-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); } .lca-qa-q { font-size: 1rem; font-weight: 700; color: var(--dark); margin: 0 0 10px; display: flex; gap: 10px; align-items: flex-start; } .lca-qa-q-mark { flex-shrink: 0; width: 22px; height: 22px; background: var(--primary); color: #fff; border-radius: 50%; font-size: 0.75rem; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-top: 1px; } .lca-qa-a { font-size: 0.9rem; color: var(--body); line-height: 1.7; margin: 0; padding-left: 32px; } .lca-comp-header { text-align: center; max-width: 640px; margin: 0 auto 2.5rem; } .lca-comp-header p { font-size: 1.05rem; color: var(--body); line-height: 1.7; margin: 0.75rem 0 0; } .lca-table-wrapper { overflow-x: auto; border-radius: var(--radius-sm); border: 1px solid var(--border); } .lca-comp-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; min-width: 600px; } .lca-comp-table thead th { background: var(--bg-light); color: var(--dark); font-weight: 600; padding: 14px 16px; text-align: left; border-bottom: 2px solid rgba(0,0,0,0.08); } .lca-comp-table tbody td { padding: 12px 16px; color: var(--body); border-bottom: 1px solid rgba(0,0,0,0.04); } .lca-comp-table tbody tr:nth-child(even) { background: rgba(96,97,246,0.02); } .lca-comp-table tbody tr:hover { background: rgba(96,97,246,0.04); } .lca-comp-table .lca-highlight { background: rgba(96,97,246,0.06); font-weight: 600; color: var(--primary); } .lca-dim-label { font-weight: 600; color: var(--dark); } .lca-tech-header { text-align: center; max-width: 600px; margin: 0 auto 2.5rem; } .lca-tech-header p { font-size: 1.05rem; color: var(--body); line-height: 1.7; margin: 0.75rem 0 0; } .lca-tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .lca-tech-card { background: var(--bg-white); border: 1px solid var(--border); border-radius: 16px; padding: 20px 16px; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } .lca-tech-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(96,97,246,0.12); } .lca-tech-logo { width: 48px; height: 48px; object-fit: contain; margin: 0 auto 12px; display: block; transition: transform 0.2s ease; } .lca-tech-card:hover .lca-tech-logo { transform: scale(1.05); } .lca-tech-name { font-size: 0.9rem; font-weight: 600; color: var(--dark); margin: 0 0 6px; } .lca-tech-desc { font-size: 0.8rem; color: var(--body); margin: 0; line-height: 1.5; } .lca-pricing-header { text-align: center; max-width: 600px; margin: 0 auto 3rem; } .lca-pricing-header p { font-size: 1.05rem; color: var(--body); line-height: 1.7; margin: 0.75rem 0 0; } .lca-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1060px; margin: 0 auto; } .lca-price-card { background: var(--bg-white); border-radius: var(--radius-card); border: 1px solid var(--border); padding: 36px 28px; display: flex; flex-direction: column; position: relative; transition: transform 0.25s ease, box-shadow 0.25s ease; } .lca-price-card:hover { transform: scale(1.02); box-shadow: var(--shadow-md); } .lca-price-card.popular { border: 2px solid var(--primary); box-shadow: var(--shadow-lg); transform: scale(1.03); } .lca-price-card.popular:hover { transform: scale(1.05); } .lca-price-badge { display: inline-block; background: var(--primary); color: #fff; font-size: 0.75rem; font-weight: 600; padding: 4px 12px; border-radius: var(--radius-pill); margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.05em; } .lca-price-tier { font-size: 0.85rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 8px; } .lca-price-range { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; color: var(--dark); margin: 0 0 8px; } .lca-price-timeline { font-size: 0.85rem; color: var(--muted); margin: 0 0 16px; } .lca-price-desc { font-size: 0.925rem; color: var(--body); line-height: 1.6; margin: 0 0 20px; flex-grow: 1; } .lca-price-features { list-style: none; padding: 0; margin: 0; } .lca-price-features li { font-size: 0.875rem; color: var(--body); padding: 6px 0; padding-left: 20px; position: relative; line-height: 1.5; } .lca-price-features li::before { content: ''; position: absolute; left: 0; top: 11px; width: 8px; height: 8px; border-radius: 50%; background: var(--primary); opacity: 0.5; } .lca-step { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; } .lca-step.lca-visible { opacity: 1; transform: translateY(0); } .lca-step:nth-child(2) { transition-delay: 0.1s; } .lca-step:nth-child(3) { transition-delay: 0.2s; } .lca-step:nth-child(4) { transition-delay: 0.3s; } .lca-step:nth-child(5) { transition-delay: 0.4s; } .lca-step:nth-child(6) { transition-delay: 0.5s; } .lca-step:not(:last-child)::after { transform-origin: top; transform: scaleY(0); transition: transform 0.6s ease 0.2s; } .lca-step.lca-visible:not(:last-child)::after { transform: scaleY(1); } @media (max-width: 991px) { .lca-qa-layout { grid-template-columns: 1fr; gap: 32px; } .lca-bento-heading { position: static; } .lca-tech-grid { grid-template-columns: repeat(3, 1fr); } .lca-pricing-grid { grid-template-columns: 1fr; max-width: 440px; } .lca-price-card.popular { transform: none; } } @media (max-width: 767px) { .lca-step { gap: 18px; } .lca-step-body { padding-bottom: 2rem; } .lca-step:not(:last-child)::after { left: 17px; top: 42px; } .lca-step-badge { width: 36px; height: 36px; font-size: 0.875rem; } .lca-tech-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 478px) { .lca-h2 { font-size: 1.6rem; } .lca-qa-card { padding: 20px 18px; } .lca-qa-a { padding-left: 0; } } </style> <!-- SECTION 1 — Development Process --> <div class='section_process lca-block2'> <div class='padding-global padding-section-large'> <div class='container-medium'> <div class='lca-process-intro'> <h2 class='lca-h2'>Our development <strong>process.</strong></h2> <p>Automation systems run behind the scenes, so they need to work flawlessly from day one. We build with the discipline that mission-critical operations demand.</p> </div> <div class='lca-steps-list'> <div class='lca-step'> <div class='lca-step-num-col'><div class='lca-step-badge'>1</div></div> <div class='lca-step-body'> <div class='lca-step-header'> <p class='lca-step-title'>Operational Audit</p> <div class='lca-step-meta'> <span class='lca-step-tag'>1&#8211;2 weeks</span> <span class='lca-step-tag deliverable'>Automation opportunity map</span> </div> </div> <p class='lca-step-desc'>We map your current processes, tools, and manual workflows to understand where automation will have the highest impact. This includes documenting data flows and identifying compliance requirements.</p> </div> </div> <div class='lca-step'> <div class='lca-step-num-col'><div class='lca-step-badge'>2</div></div> <div class='lca-step-body'> <div class='lca-step-header'> <p class='lca-step-title'>Workflow Architecture</p> <div class='lca-step-meta'> <span class='lca-step-tag'>1&#8211;2 weeks</span> <span class='lca-step-tag deliverable'>Data flow diagrams</span> </div> </div> <p class='lca-step-desc'>We design which workflows connect which systems, how data transforms between platforms, what error handling looks like, and how the system monitors itself.</p> </div> </div> <div class='lca-step'> <div class='lca-step-num-col'><div class='lca-step-badge'>3</div></div> <div class='lca-step-body'> <div class='lca-step-header'> <p class='lca-step-title'>Build &amp; Test</p> <div class='lca-step-meta'> <span class='lca-step-tag'>3&#8211;8 weeks</span> <span class='lca-step-tag deliverable'>Tested workflows</span> </div> </div> <p class='lca-step-desc'>We build each workflow in a staging environment, testing with real data patterns and edge cases. Conditional logic, error handling, and data transformations are validated before anything touches production.</p> </div> </div> <div class='lca-step'> <div class='lca-step-num-col'><div class='lca-step-badge'>4</div></div> <div class='lca-step-body'> <div class='lca-step-header'> <p class='lca-step-title'>Deployment &amp; Monitoring</p> <div class='lca-step-meta'> <span class='lca-step-tag'>Included</span> <span class='lca-step-tag deliverable'>Monitoring dashboards</span> </div> </div> <p class='lca-step-desc'>We deploy workflows to your production n8n instance (self-hosted or cloud) with monitoring and alerting configured. Each workflow has clear logging so issues are caught before they affect operations.</p> </div> </div> <div class='lca-step'> <div class='lca-step-num-col'><div class='lca-step-badge'>5</div></div> <div class='lca-step-body'> <div class='lca-step-header'> <p class='lca-step-title'>Training &amp; Documentation</p> <div class='lca-step-meta'> <span class='lca-step-tag'>Included</span> <span class='lca-step-tag deliverable'>Operations handbook</span> </div> </div> <p class='lca-step-desc'>We train your team on how workflows function, how to monitor them, and when to escalate issues. Documentation covers workflow logic, data flows, and troubleshooting procedures.</p> </div> </div> <div class='lca-step'> <div class='lca-step-num-col'><div class='lca-step-badge'>6</div></div> <div class='lca-step-body'> <div class='lca-step-header'> <p class='lca-step-title'>Optimization &amp; Scaling</p> <div class='lca-step-meta'> <span class='lca-step-tag'>Ongoing</span> <span class='lca-step-tag deliverable'>Quarterly reviews</span> </div> </div> <p class='lca-step-desc'>Post-deployment, we monitor workflow performance, optimize for speed and reliability, and build additional automations as your operations evolve.</p> </div> </div> </div> </div> </div> </div> <!-- SECTION 2 — Q&A --> <div class='section_qa-n8n lca-block2' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-qa-layout'> <div class='lca-qa-left'> <div class='lca-bento-heading'> <h2 class='lca-h2'>How does LowCode Agency work with <strong>n8n?</strong></h2> <p>Straight answers about how we approach n8n automation for businesses.</p> </div> </div> <div class='lca-qa-right'> <div class='lca-qa-card'> <p class='lca-qa-q'><span class='lca-qa-q-mark'>Q</span>What does a typical n8n project look like?</p> <p class='lca-qa-a'>We start with an operational audit, design workflows, build and test in staging, deploy with monitoring, and refine based on real operational data. The process typically spans 4&#8211;12 weeks depending on complexity and integrations.</p> </div> <div class='lca-qa-card'> <p class='lca-qa-q'><span class='lca-qa-q-mark'>Q</span>How long does it take to build n8n automation?</p> <p class='lca-qa-a'>Simple workflows connecting 2&#8211;3 systems launch in 4&#8211;6 weeks. Complex multi-system automation with AI components takes 8&#8211;12 weeks. We&#39;re transparent about timeline based on system count, data volume, and workflow complexity.</p> </div> <div class='lca-qa-card'> <p class='lca-qa-q'><span class='lca-qa-q-mark'>Q</span>Can we migrate from another automation platform?</p> <p class='lca-qa-a'>Yes. Moving from Zapier, Make.com, or custom scripts to n8n usually gives you more control and better economics at scale. We assess what&#39;s working, what needs rebuilding, and whether n8n&#39;s self-hosted model is the right upgrade.</p> </div> <div class='lca-qa-card'> <p class='lca-qa-q'><span class='lca-qa-q-mark'>Q</span>What team does LowCode Agency assign?</p> <p class='lca-qa-a'>A workflow architect designs the logic, 1&#8211;2 automation engineers build and test workflows, and a project lead bridges business operations and technical implementation. The team maintains support through deployment and into operations.</p> </div> <div class='lca-qa-card'> <p class='lca-qa-q'><span class='lca-qa-q-mark'>Q</span>Do you provide ongoing support after deployment?</p> <p class='lca-qa-a'>Yes. We monitor workflows, handle system updates, and support new automation as your operations evolve. Many clients maintain ongoing partnerships to keep their automation layer aligned with operational growth.</p> </div> </div> </div> </div> </div> </div> <!-- SECTION 3 — Comparison Table --> <div class='section_comparison lca-block2'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-comp-header'> <h2 class='lca-h2'>n8n <strong>vs alternatives.</strong></h2> <p>How n8n compares against Make.com, Zapier, and custom code for building business automation systems.</p> </div> <div class='lca-table-wrapper'> <table class='lca-comp-table'> <thead> <tr> <th>Dimension</th> <th>n8n</th> <th>Make.com</th> <th>Zapier</th> <th>Custom Code</th> </tr> </thead> <tbody> <tr> <td class='lca-dim-label'>Best For</td> <td class='lca-highlight'>Complex automation at scale</td> <td>Cloud visual automation</td> <td>Simple triggers</td> <td>Highly specialized</td> </tr> <tr> <td class='lca-dim-label'>Speed to Launch</td> <td class='lca-highlight'>4&#8211;12 weeks</td> <td>2&#8211;12 weeks</td> <td>1&#8211;2 weeks</td> <td>8&#8211;20 weeks</td> </tr> <tr> <td class='lca-dim-label'>Self-Hosting</td> <td class='lca-highlight'>Full control</td> <td>Cloud only</td> <td>Cloud only</td> <td>Full control</td> </tr> <tr> <td class='lca-dim-label'>Scalability</td> <td class='lca-highlight'>Excellent</td> <td>Very good</td> <td>Good</td> <td>Excellent</td> </tr> <tr> <td class='lca-dim-label'>Complex Logic</td> <td class='lca-highlight'>Advanced branching</td> <td>Good visual logic</td> <td>Basic paths</td> <td>Unlimited</td> </tr> <tr> <td class='lca-dim-label'>Data Privacy</td> <td class='lca-highlight'>On-premise capable</td> <td>Cloud-based</td> <td>Cloud-based</td> <td>Full control</td> </tr> <tr> <td class='lca-dim-label'>AI Integration</td> <td class='lca-highlight'>Native + custom</td> <td>Native + API</td> <td>Growing</td> <td>Fully flexible</td> </tr> <tr> <td class='lca-dim-label'>Cost at Scale</td> <td class='lca-highlight'>Lower (self-hosted)</td> <td>Moderate</td> <td>Higher per-action</td> <td>Highest</td> </tr> </tbody> </table> </div> </div> </div> </div> <!-- SECTION 4 — Tech Stack --> <div class='section_tech-stack lca-block2' style='background: var(--bg-tint);'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-tech-header'> <h2 class='lca-h2'>The tools we connect with <strong>n8n.</strong></h2> <p>n8n orchestrates the workflows. These are the platforms and services we integrate most frequently.</p> </div> <div class='lca-tech-grid'> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a80cbc99dd9387a19d2_postgresql-logo.avif' alt='PostgreSQL logo' loading='lazy' /> <p class='lca-tech-name'>PostgreSQL</p> <p class='lca-tech-desc'>Direct database queries, data transformations, and real-time sync between n8n workflows and your data layer.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7f955ff75bb230c542_openai-logo.avif' alt='OpenAI logo' loading='lazy' /> <p class='lca-tech-name'>OpenAI</p> <p class='lca-tech-desc'>AI-powered data processing, classification, content generation, and intelligent routing within automation pipelines.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a81b84a50b7be77fee8_slack-logo.avif' alt='Slack logo' loading='lazy' /> <p class='lca-tech-name'>Slack</p> <p class='lca-tech-desc'>Team notifications, approval workflows, and operational alerts triggered by automated workflow events.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7fefa3360cd5a9a699_hubspot-logo.avif' alt='HubSpot logo' loading='lazy' /> <p class='lca-tech-name'>HubSpot</p> <p class='lca-tech-desc'>CRM integration for lead management, contact sync, and marketing automation connected to operational workflows.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7d34a23ca05268cf97_aws-logo.avif' alt='AWS logo' loading='lazy' /> <p class='lca-tech-name'>AWS</p> <p class='lca-tech-desc'>Cloud infrastructure for file storage, serverless functions, and compute tasks extending n8n workflows.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a812af118ffef126c0d_stripe-logo.avif' alt='Stripe logo' loading='lazy' /> <p class='lca-tech-name'>Stripe</p> <p class='lca-tech-desc'>Payment event processing, invoice automation, and billing workflows triggered by business transactions.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7e770a2e0e0d73e2dc_github-logo.avif' alt='GitHub logo' loading='lazy' /> <p class='lca-tech-name'>GitHub</p> <p class='lca-tech-desc'>DevOps automation: issue tracking, deployment triggers, and code review workflows connected to operations.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7fb84a50b7be77fed6_mongodb-logo.avif' alt='MongoDB logo' loading='lazy' /> <p class='lca-tech-name'>MongoDB</p> <p class='lca-tech-desc'>NoSQL data operations for flexible document storage and real-time data processing within automation pipelines.</p> </div> </div> </div> </div> </div> <!-- SECTION 5 — Pricing (LOCKED) --> <div class='section_pricing lca-block2' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-pricing-header'> <h2 class='lca-h2'>Typical investment <strong>ranges.</strong></h2> <p>Pricing depends on workflow complexity, system integrations, and whether AI components or self-hosting are involved.</p> </div> <div class='lca-pricing-grid'> <div class='lca-price-card'> <p class='lca-price-tier'>Simple Automation</p> <p class='lca-price-range'>$8K &#8211; $15K</p> <p class='lca-price-timeline'>4&#8211;6 weeks</p> <p class='lca-price-desc'>Focused workflows connecting 2&#8211;3 systems with straightforward logic. Clear deliverables and rapid deployment.</p> <ul class='lca-price-features'> <li>2&#8211;3 system connections</li> <li>Straightforward logic</li> <li>Error handling</li> <li>Team training</li> </ul> </div> <div class='lca-price-card popular'> <span class='lca-price-badge'>Most Common</span> <p class='lca-price-tier'>Multi-System</p> <p class='lca-price-range'>$15K &#8211; $35K</p> <p class='lca-price-timeline'>6&#8211;10 weeks</p> <p class='lca-price-desc'>Complex workflows spanning multiple departments and tools, with conditional logic, error handling, and data transformations.</p> <ul class='lca-price-features'> <li>5&#8211;10 system connections</li> <li>Conditional branching</li> <li>Data transformations</li> <li>Monitoring dashboards</li> <li>Phased deployment</li> </ul> </div> <div class='lca-price-card'> <p class='lca-price-tier'>Enterprise + AI</p> <p class='lca-price-range'>$35K &#8211; $50K+</p> <p class='lca-price-timeline'>10&#8211;16+ weeks</p> <p class='lca-price-desc'>Comprehensive automation with AI processing, self-hosted infrastructure, compliance requirements, and organization-wide scope.</p> <ul class='lca-price-features'> <li>10+ system connections</li> <li>AI-powered processing</li> <li>Self-hosted setup</li> <li>Compliance design</li> <li>Ongoing optimization</li> </ul> </div> </div> </div> </div> </div> <script> (function(){ var steps = document.querySelectorAll('.lca-step'); if (!steps.length) return; var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('lca-visible'); } }); }, { threshold: 0.15 }); steps.forEach(function(step) { observer.observe(step); }); })(); </script>

<style> :root { --primary: #6061f6; --accent: #c5ef48; --dark: #111827; --body: #4b5563; --muted: #6b7280; --bg-light: #f8f9fa; --bg-white: #ffffff; --bg-tint: #fafbff; --border: rgba(0,0,0,0.06); --shadow-sm: 0 4px 24px rgba(0,0,0,0.05); --shadow-md: 0 12px 40px rgba(96,97,246,0.10); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } .lca-h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; color: var(--dark); line-height: 1.2; margin: 0 0 1rem 0; } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-body { font-size: clamp(0.875rem, 1.4vw, 0.975rem); color: var(--body); line-height: 1.7; margin: 0; } .lca-faqs-section { background: var(--bg-white); border-top: 1px solid #f0f0f0; } .lca-faqs-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: start; } .lca-faq-list { display: flex; flex-direction: column; } .lca-faq-item { border-bottom: 1px solid #eaeaea; } .lca-faq-trigger { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 0; cursor: pointer; width: 100%; background: none; border: none; text-align: left; } .lca-faq-trigger:hover h3 { color: var(--primary); } .lca-faq-trigger h3 { font-size: 1.05rem; font-weight: 600; color: var(--dark); margin: 0; padding-right: 1.5rem; transition: color 0.2s; line-height: 1.4; } .lca-faq-arrow { width: 24px; height: 24px; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: var(--primary); } .lca-faq-item[data-open='true'] .lca-faq-arrow { transform: rotate(180deg); } .lca-faq-collapse { overflow: hidden; height: 0; transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .lca-faq-answer { padding: 0 0 1.5rem 0; } .lca-faq-answer p { font-size: 0.975rem; color: var(--body); margin: 0; line-height: 1.7; } @media (max-width: 767px) { .lca-faqs-grid { grid-template-columns: 1fr; gap: 2rem; } } </style> <!-- SECTION 1 — FAQ Accordion (LOCKED) --> <div class='section_faqs'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-faqs-grid'> <div> <h2 class='lca-h2'>We get asked this <strong>all the time.</strong></h2> <p class='lca-body' style='margin-top:1rem'>Straightforward answers to the questions we hear most from clients exploring n8n automation.</p> </div> <div class='lca-faq-list'> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How fast can you build with n8n?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>n8n accelerates automation significantly compared to custom code. Simple workflows deploy in weeks. Complex automation takes 8&#8211;12 weeks depending on integrations and testing. The unified workflow builder speeds development while thorough testing ensures reliability.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Does LowCode Agency specialize in n8n?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>We have deep expertise in n8n and workflow automation. Our team has completed 350+ projects across multiple platforms. We know when n8n is the right choice and when another approach serves better for your specific needs.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>What happens after my automation launches?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>We provide ongoing monitoring and maintenance. Your workflows run on recommended infrastructure, and we handle updates and refinements. Many clients bring us back as operations evolve to automate new processes or improve existing workflows.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Is n8n right for my business?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>n8n works well for businesses automating operations across multiple systems, especially those with data privacy requirements or complex workflow logic. It&#39;s less ideal for extremely simple integrations or if you lack access to self-hosting infrastructure.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>What are the limitations of n8n automation?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>n8n requires some technical understanding to use effectively. It&#39;s more complex than simple automation platforms but far more flexible. Self-hosting requires infrastructure management. Very high-volume scenarios may need custom code for edge cases.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How do I start an n8n project with LowCode Agency?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>Begin with a conversation about your operational bottlenecks and current tool stack. We&#39;ll audit your processes, identify automation opportunities, and discuss timeline and budget. Most projects start with a detailed operational analysis.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>What industries does LowCode Agency serve with n8n?</h3> <svg class='lca-faq-arrow' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg> </button> <div class='lca-faq-collapse'><div class='lca-faq-answer'><p>We serve financial services, healthcare, e-commerce, manufacturing, insurance, real estate, and logistics. Any industry managing multiple systems and manual workflows benefits from n8n automation, especially those with compliance requirements.</p></div></div> </div> </div> </div> </div> </div> </div> <script> (function(){var d=300;function o(i){var c=i.querySelector('.lca-faq-collapse');if(!c)return;i.dataset.open='true';c.style.overflow='hidden';c.style.height='0px';requestAnimationFrame(function(){c.style.height=c.scrollHeight+'px';setTimeout(function(){if(i.dataset.open==='true'){c.style.height='auto';}},d);});}function f(i){var c=i.querySelector('.lca-faq-collapse');if(!c)return;i.dataset.open='false';c.style.overflow='hidden';c.style.height=c.getBoundingClientRect().height+'px';requestAnimationFrame(function(){c.style.height='0px';});}var w=document.querySelectorAll('.lca-faq-list');w.forEach(function(l){var items=Array.prototype.slice.call(l.querySelectorAll('.lca-faq-item'));items.forEach(function(i){var t=i.querySelector('.lca-faq-trigger');var c=i.querySelector('.lca-faq-collapse');if(!t||!c)return;i.dataset.open='false';c.style.overflow='hidden';c.style.height='0px';c.style.transition='height '+d+'ms cubic-bezier(0.4, 0, 0.2, 1)';t.addEventListener('click',function(e){e.preventDefault();var s=i.dataset.open==='true';items.forEach(function(x){if(x!==i&&x.dataset.open==='true')f(x);});s?f(i):o(i);});});});})(); </script>