Automation Development Services

<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; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .lca-block1 { font-family: 'Inter', sans-serif; color: var(--dark); background: var(--bg-white); } .lca-h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 400; color: var(--dark); margin: 0 0 1rem 0; letter-spacing: -0.02em; line-height: 1.2; } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-h3 { font-size: clamp(0.95rem, 1.8vw, 1.1rem); font-weight: 600; color: var(--dark); margin: 0 0 0.5rem 0; line-height: 1.3; } .lca-body { font-size: clamp(0.875rem, 1.4vw, 0.975rem); color: var(--body); line-height: 1.7; margin: 0; } .lca-icon-wrap { width: 48px; height: 48px; border-radius: 14px; background: rgba(96,97,246,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 16px; } .lca-icon-wrap svg { width: 24px; height: 24px; color: var(--primary); } .lca-card { background: var(--bg-white); border-radius: var(--radius-card); border: 1px solid var(--border); box-shadow: var(--shadow-sm); padding: 28px 24px; position: relative; overflow: hidden; transition: background 0.25s ease, box-shadow 0.25s ease; } .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-split { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: start; } .lca-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .lca-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .lca-bento { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: start; } .lca-bento-heading { position: sticky; top: 2rem; } .lca-callout { background: var(--bg-light); border-left: 3px solid var(--primary); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 24px 28px; } .lca-numbered-item { display: flex; gap: 16px; align-items: flex-start; padding: 16px 0; } .lca-step-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(96,97,246,0.08); color: var(--primary); font-weight: 700; font-size: 0.9rem; flex-shrink: 0; } .lca-pill { display: inline-block; font-size: 0.75rem; font-weight: 600; padding: 4px 12px; border-radius: var(--radius-pill); text-transform: uppercase; letter-spacing: 0.05em; } .lca-pill-green { background: rgba(197,239,72,0.15); color: #4d7c0f; } .lca-pill-red { background: rgba(239,68,68,0.08); color: #dc2626; } .lca-callout-dark { background: var(--dark); border-radius: var(--radius-card); padding: 28px 24px; color: #fff; } .lca-callout-dark .lca-body { color: rgba(255,255,255,0.7); } .lca-callout-dark .lca-h3 { color: #fff; } @media (max-width: 991px) { .lca-grid-3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .lca-split { grid-template-columns: 1fr; gap: 2rem; } .lca-bento { grid-template-columns: 1fr; gap: 2rem; } .lca-bento-heading { position: static; } .lca-grid-2, .lca-grid-3 { grid-template-columns: 1fr; } } </style> <div class='lca-block1'> <div class='section_why-automation'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-split'> <div> <h2 class='lca-h2'>Automation is <strong>infrastructure.</strong></h2> <p class='lca-body' style='margin-top:1rem'>Most businesses approach automation as incremental improvement. That's thinking too small.</p> </div> <div class='lca-callout'> <p class='lca-body'>Most businesses run on 30–100+ SaaS tools. Tools don't talk to each other by default. Data copied manually. Notifications sent by humans. Reports assembled from exports every Monday. This isn't a workflow problem — it's an infrastructure problem. Automation connects your tool stack into a coherent system. The alternative is scaling operations by scaling headcount, which doesn't scale at all.</p> </div> </div> </div> </div> </div> <div class='section_when-automation' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='text-align:center;margin-bottom:0.5rem'>When automation becomes <strong>essential.</strong></h2> <p class='lca-body' style='text-align:center;max-width:600px;margin:0 auto 3rem'>Companies that pull ahead build automation as the foundational layer connecting their entire operational stack.</p> <div class='lca-grid-2'> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5'/></svg> </div> <h3 class='lca-h3'>Manual handoffs between tools are slowing your team</h3> <p class='lca-body'>Information in one system needs to trigger action in another. Someone copies data. Someone checks for updates. This coordination doesn't create value.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125'/></svg> </div> <h3 class='lca-h3'>Data needs to flow between systems without humans</h3> <p class='lca-body'>CRM needs to know about support tickets. Finance needs to know about contracts. When humans are the integration layer, data is delayed or wrong.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z'/></svg> </div> <h3 class='lca-h3'>Repetitive processes steal time from higher-value work</h3> <p class='lca-body'>Same sequence of steps dozens of times per week. Onboarding customers. Processing orders. Generating reports. Time on patterns is time not spent on judgment.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z'/></svg> </div> <h3 class='lca-h3'>AI needs to be embedded into operational workflows</h3> <p class='lca-body'>AI capabilities exist. Using them requires integration into actual processes. Document processing, content generation, classification — AI becomes valuable when connected.</p> </div> </div> </div> </div> </div> <div class='section_what-we-build'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-bento'> <div class='lca-bento-heading'> <h2 class='lca-h2'>What we <strong>build.</strong></h2> <p class='lca-body' style='margin-top:1rem'>We treat automation as infrastructure — connecting your tools, data, and workflows into a coherent system.</p> </div> <div class='lca-grid-2'> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941'/></svg> </div> <h3 class='lca-h3'>CRM & Sales Automation</h3> <p class='lca-body'>Lead routing, follow-up sequences, pipeline management, notifications, reporting. Connecting CRM to the rest of your stack.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75'/></svg> </div> <h3 class='lca-h3'>Marketing & Lead Workflows</h3> <p class='lca-body'>Form processing, lead scoring, email sequences, campaign tracking, attribution. Marketing tools connected to CRM.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <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> <h3 class='lca-h3'>Operations & Reporting</h3> <p class='lca-body'>Data collection, automated report generation, alert systems, dashboards. Manual report assembly turned into automated delivery.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z'/></svg> </div> <h3 class='lca-h3'>HR & Onboarding Workflows</h3> <p class='lca-body'>Employee onboarding sequences, document collection, system provisioning, training assignment. Systematic people operations.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'><path stroke-linecap='round' stroke-linejoin='round' d='M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z'/></svg> </div> <h3 class='lca-h3'>AI-Powered Document Processing</h3> <p class='lca-body'>Intelligent handling: extraction, classification, summarization, routing. AI processing documents that previously required human review.</p> </div> <div class='lca-card'> <div class='lca-icon-wrap'> <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.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244'/></svg> </div> <h3 class='lca-h3'>Cross-Platform Data Sync</h3> <p class='lca-body'>Keeping data consistent across systems. When a record updates in one place, dependent systems update automatically.</p> </div> </div> </div> </div> </div> </div> <div class='section_who-for' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-bento'> <div class='lca-bento-heading'> <h2 class='lca-h2'>Who is automation development <strong>for?</strong></h2> <p class='lca-body' style='margin-top:1rem'>Teams that are ready to stop scaling operations by scaling headcount.</p> <span class='lca-pill lca-pill-green' style='margin-top:1.5rem;display:inline-block'>Ideal Fit</span> </div> <div> <div class='lca-numbered-item'> <span class='lca-step-num'>1</span> <div> <h3 class='lca-h3'>Operations Leaders</h3> <p class='lca-body'>Team spends hours on data entry, reports, and coordination. Time that could go to higher-value work.</p> </div> </div> <div class='lca-numbered-item'> <span class='lca-step-num'>2</span> <div> <h3 class='lca-h3'>Growing Companies Hitting Scale Limits</h3> <p class='lca-body'>What worked with 10 customers doesn't work with 100. Manual processes don't scale economically.</p> </div> </div> <div class='lca-numbered-item'> <span class='lca-step-num'>3</span> <div> <h3 class='lca-h3'>Technical Founders Without Backend Resources</h3> <p class='lca-body'>Can build the product but not the operational infrastructure. Automation handles that layer.</p> </div> </div> <div class='lca-numbered-item'> <span class='lca-step-num'>4</span> <div> <h3 class='lca-h3'>Agencies Managing Multiple Clients</h3> <p class='lca-body'>Tools, campaigns, and data for multiple clients. Manual coordination doesn't scale across accounts.</p> </div> </div> <div class='lca-numbered-item'> <span class='lca-step-num'>5</span> <div> <h3 class='lca-h3'>IT Teams with Integration Backlogs</h3> <p class='lca-body'>Integration requests queued for months. We clear the backlog and build sustainable infrastructure.</p> </div> </div> <div class='lca-callout-dark' style='margin-top:2rem'> <h3 class='lca-h3' style='margin-bottom:0.75rem'>Not the right fit if:</h3> <p class='lca-body'>You need <span class='lca-pill lca-pill-red' style='vertical-align:middle'>real-time data streaming</span> or <span class='lca-pill lca-pill-red' style='vertical-align:middle'>sub-second latency</span> — automation platforms handle near-real-time well, but true real-time pipelines need dedicated infrastructure.</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; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .lca-block2 { font-family: 'Inter', sans-serif; color: var(--dark); background: var(--bg-white); } .lca-h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 400; color: var(--dark); margin: 0 0 1rem 0; letter-spacing: -0.02em; line-height: 1.2; } .lca-h2 strong { font-weight: 700; color: var(--primary); } .lca-h3 { font-size: clamp(0.95rem, 1.8vw, 1.1rem); font-weight: 600; color: var(--dark); margin: 0 0 0.5rem 0; line-height: 1.3; } .lca-body { font-size: clamp(0.875rem, 1.4vw, 0.975rem); color: var(--body); line-height: 1.7; margin: 0; } .lca-small { font-size: 0.825rem; color: var(--muted); line-height: 1.5; } .lca-card { background: var(--bg-white); border-radius: var(--radius-card); border: 1px solid var(--border); box-shadow: var(--shadow-sm); padding: 28px 24px; position: relative; overflow: hidden; transition: background 0.25s ease, box-shadow 0.25s ease; } .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-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .lca-bento { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: start; } .lca-bento-heading { position: sticky; top: 2rem; } .lca-q-badge { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; background: rgba(96,97,246,0.08); color: var(--primary); font-weight: 700; font-size: 0.85rem; flex-shrink: 0; margin-bottom: 12px; } /* Process timeline */ .lca-timeline { position: relative; max-width: 720px; } .lca-step { display: flex; gap: 20px; align-items: flex-start; padding-bottom: 40px; position: relative; 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 { content: ''; position: absolute; left: 18px; top: 44px; width: 2px; bottom: 0; background: rgba(96,97,246,0.12); transform-origin: top; transform: scaleY(0); transition: transform 0.6s ease 0.2s; } .lca-step.lca-visible:not(:last-child)::after { transform: scaleY(1); } .lca-step-badge { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(96,97,246,0.08); color: var(--primary); font-weight: 700; font-size: 0.9rem; flex-shrink: 0; } .lca-step-body { flex: 1; } .lca-step-tag { display: inline-block; font-size: 0.7rem; font-weight: 600; padding: 3px 10px; border-radius: var(--radius-pill); background: rgba(96,97,246,0.06); color: var(--primary); text-transform: uppercase; letter-spacing: 0.04em; margin-top: 8px; margin-right: 6px; } /* Table */ .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); ;background:var(--bg-white)} .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); } /* Tech stack */ .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; } /* Pricing */ .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; } @media (max-width: 991px) { .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-bento { grid-template-columns: 1fr; gap: 2rem; } .lca-bento-heading { position: static; } .lca-grid-2 { grid-template-columns: 1fr; } .lca-tech-grid { grid-template-columns: repeat(2, 1fr); } } </style> <div class='lca-block2'> <div class='section_process'> <div class='padding-global padding-section-large'> <div class='container-medium'> <h2 class='lca-h2' style='text-align:center;margin-bottom:0.5rem'>Our automation <strong>process.</strong></h2> <p class='lca-body' style='text-align:center;max-width:600px;margin:0 auto 3rem'>From mapping your current workflows to deploying monitored automation that runs reliably in production.</p> <div class='lca-timeline'> <div class='lca-step'> <span class='lca-step-badge'>1</span> <div class='lca-step-body'> <h3 class='lca-h3'>Process Mapping</h3> <p class='lca-body'>Documenting current workflows. What triggers actions, what systems are involved, what data moves, what decisions get made. Identifying automation candidates.</p> <span class='lca-step-tag'>Deliverable: Process map</span> </div> </div> <div class='lca-step'> <span class='lca-step-badge'>2</span> <div class='lca-step-body'> <h3 class='lca-h3'>Architecture Design</h3> <p class='lca-body'>Complete flow for each automation. Triggers, transformations, decisions, actions, error handling, monitoring.</p> <span class='lca-step-tag'>Deliverable: Flow architecture</span> </div> </div> <div class='lca-step'> <span class='lca-step-badge'>3</span> <div class='lca-step-body'> <h3 class='lca-h3'>Integration Setup</h3> <p class='lca-body'>Configuring connections. API authentication, webhooks, database connections. Testing each independently before building workflows.</p> <span class='lca-step-tag'>Deliverable: Verified connections</span> </div> </div> <div class='lca-step'> <span class='lca-step-badge'>4</span> <div class='lca-step-body'> <h3 class='lca-h3'>Workflow Development</h3> <p class='lca-body'>Building logic incrementally. Testing each section. Staging environments. Documentation throughout.</p> <span class='lca-step-tag'>Iterative builds</span> </div> </div> <div class='lca-step'> <span class='lca-step-badge'>5</span> <div class='lca-step-body'> <h3 class='lca-h3'>Testing & Validation</h3> <p class='lca-body'>Systematic testing with real data. Happy paths, edge cases, errors, volume simulation.</p> <span class='lca-step-tag'>Deliverable: Test report</span> </div> </div> <div class='lca-step'> <span class='lca-step-badge'>6</span> <div class='lca-step-body'> <h3 class='lca-h3'>Deployment & Monitoring</h3> <p class='lca-body'>Production deployment with monitoring and alerts. Dashboards showing performance. 30 days active monitoring included.</p> <span class='lca-step-tag'>Deliverable: Live system + dashboard</span> </div> </div> </div> </div> </div> </div> <div class='section_qa' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <div class='lca-bento'> <div class='lca-bento-heading'> <h2 class='lca-h2'>How we approach <strong>automation.</strong></h2> <p class='lca-body' style='margin-top:1rem'>Common questions from teams evaluating automation development.</p> </div> <div class='lca-grid-2'> <div class='lca-card'> <span class='lca-q-badge'>Q</span> <h3 class='lca-h3'>What platforms do you use?</h3> <p class='lca-body'>Primarily Make.com for cloud-based and n8n for self-hosted. Zapier for simpler workflows. Custom serverless for edge cases. Platform depends on complexity, security, and infrastructure requirements.</p> </div> <div class='lca-card'> <span class='lca-q-badge'>Q</span> <h3 class='lca-h3'>How do you handle systems without standard integrations?</h3> <p class='lca-body'>Through APIs and webhooks. If your system can send or receive data, we can integrate it. Complete barriers are rare.</p> </div> <div class='lca-card'> <span class='lca-q-badge'>Q</span> <h3 class='lca-h3'>How reliable are automated workflows?</h3> <p class='lca-body'>Very reliable when designed correctly. We build error handling, retry logic, monitoring, and alerting. Workflows fail gracefully with notifications and fallbacks.</p> </div> <div class='lca-card'> <span class='lca-q-badge'>Q</span> <h3 class='lca-h3'>Can automation handle complex conditional logic?</h3> <p class='lca-body'>Yes. Modern platforms support branching, loops, transformation, and aggregation. We've built automations with dozens of decision points.</p> </div> <div class='lca-card' style='grid-column: 1 / -1;'> <span class='lca-q-badge'>Q</span> <h3 class='lca-h3'>How do you handle sensitive data?</h3> <p class='lca-body'>With appropriate measures. n8n (self-hosted) when data can't leave infrastructure. Encryption, access controls, and compliance for cloud automation.</p> </div> </div> </div> </div> </div> </div> <div class='section_comparison'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='text-align:center;margin-bottom:0.5rem'>Automation platform <strong>capabilities.</strong></h2> <p class='lca-body' style='text-align:center;max-width:600px;margin:0 auto 3rem'>We match your requirements to the right automation platform based on complexity, security, and infrastructure needs.</p> <div class='lca-table-wrapper'> <table class='lca-comp-table'> <thead> <tr> <th>Capability</th> <th>Make.com</th> <th>n8n</th> <th>Zapier</th> </tr> </thead> <tbody> <tr><td>Complex Logic</td><td>Advanced</td><td>Advanced</td><td>Basic</td></tr> <tr><td>Visual Builder</td><td>Yes</td><td>Yes</td><td>Yes</td></tr> <tr><td>Self-Hosted</td><td>No</td><td>Yes</td><td>No</td></tr> <tr><td>AI Integrations</td><td>Full</td><td>Full</td><td>Limited</td></tr> <tr><td>Error Handling</td><td>Advanced</td><td>Advanced</td><td>Basic</td></tr> <tr><td>Best For</td><td>Most needs</td><td>Sensitive data</td><td>Simple connections</td></tr> </tbody> </table> </div> </div> </div> </div> <div class='section_tech-stack' style='background: var(--bg-light);'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='text-align:center;margin-bottom:0.5rem'>The tools we connect to your <strong>workflows.</strong></h2> <p class='lca-body' style='text-align:center;max-width:600px;margin:0 auto 3rem'>Common integration categories across CRM, marketing, communication, finance, and AI.</p> <div class='lca-tech-grid'> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7f21d54a845ee9e952_make-logo.avif' alt='Make' loading='lazy'> <p class='lca-tech-name'>Make.com</p> <p class='lca-tech-desc'>Our primary automation platform — visual workflow builder with advanced logic, branching, and hundreds of native integrations.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7f1a8f75ecd91331f3_n8n-logo.avif' alt='n8n' loading='lazy'> <p class='lca-tech-name'>n8n</p> <p class='lca-tech-desc'>Self-hosted automation for teams with strict data sovereignty — full control over infrastructure when data can't leave your environment.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a81770a2e0e0d73e2e8_zapier-logo.avif' alt='Zapier' loading='lazy'> <p class='lca-tech-name'>Zapier</p> <p class='lca-tech-desc'>Simple workflow connections for straightforward automations — largest app directory for quick integrations between common tools.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7fe146b5fd7feabf52_salesforce-logo.avif' alt='Salesforce' loading='lazy'> <p class='lca-tech-name'>Salesforce</p> <p class='lca-tech-desc'>Enterprise CRM integration — syncing leads, contacts, opportunities, and custom objects with your automation workflows.</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' loading='lazy'> <p class='lca-tech-name'>HubSpot</p> <p class='lca-tech-desc'>Marketing and sales hub integration — connecting lead scoring, email sequences, and pipeline management to your operational stack.</p> </div> <div class='lca-tech-card'> <img class='lca-tech-logo' src='https://cdn.prod.website-files.com/61cbac3939c94d3d3a94b3d2/69975a7f2587e338ae6f019a_slack-logo.avif' alt='Slack' loading='lazy'> <p class='lca-tech-name'>Slack</p> <p class='lca-tech-desc'>Team communication hub — automated notifications, alerts, approvals, and status updates delivered where your team already works.</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' loading='lazy'> <p class='lca-tech-name'>Stripe</p> <p class='lca-tech-desc'>Payment and billing automation — invoice processing, subscription management, and financial data flowing into your systems automatically.</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' loading='lazy'> <p class='lca-tech-name'>OpenAI</p> <p class='lca-tech-desc'>AI processing embedded into workflows — document classification, content generation, summarization, and intelligent routing.</p> </div> </div> </div> </div> </div> <div class='section_pricing'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='text-align:center;margin-bottom:0.5rem'>Typical investment <strong>ranges.</strong></h2> <p class='lca-body' style='text-align:center;max-width:600px;margin:0 auto 3rem'>Pricing depends on workflow complexity and number of integrations. These ranges reflect typical automation projects.</p> <div class='lca-pricing-grid'> <div class='lca-price-card'> <p class='lca-price-tier'>Simple Setup</p> <p class='lca-price-range'>$2K – $8K</p> <p class='lca-price-timeline'>1–3 weeks</p> <p class='lca-price-desc'>Single workflow or process with a few system integrations and basic error handling.</p> <ul class='lca-price-features'> <li>Single workflow or process</li> <li>2–4 system integrations</li> <li>Basic error handling</li> <li>Documentation</li> <li>30 days support</li> </ul> </div> <div class='lca-price-card popular'> <span class='lca-price-badge'>Most common</span> <p class='lca-price-tier'>Multi-System Package</p> <p class='lca-price-range'>$8K – $25K</p> <p class='lca-price-timeline'>3–8 weeks</p> <p class='lca-price-desc'>Multiple connected workflows with complex conditional logic and monitoring dashboard.</p> <ul class='lca-price-features'> <li>Multiple connected workflows</li> <li>5–10+ integrations</li> <li>Complex conditional logic</li> <li>Comprehensive error handling</li> <li>Monitoring dashboard</li> <li>60 days support</li> </ul> </div> <div class='lca-price-card'> <p class='lca-price-tier'>Full Infrastructure</p> <p class='lca-price-range'>$25K – $60K+</p> <p class='lca-price-timeline'>6–14 weeks</p> <p class='lca-price-desc'>Enterprise-wide automation architecture with AI integration and phased rollout.</p> <ul class='lca-price-features'> <li>Enterprise architecture</li> <li>Organization-wide automation</li> <li>AI integration</li> <li>Custom monitoring</li> <li>Phased rollout</li> <li>90 days support</li> </ul> </div> </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); --shadow-lg: 0 20px 60px rgba(96,97,246,0.14); --radius-card: 20px; --radius-sm: 12px; --radius-pill: 999px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .lca-block3 { font-family: 'Inter', sans-serif; color: var(--dark); background: var(--bg-white); } .lca-h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 400; color: var(--dark); margin: 0 0 1rem 0; letter-spacing: -0.02em; line-height: 1.2; } .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; } /* Case studies — locked design */ .lca-testimonials-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .lca-testimonial-card { background: var(--bg-white); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 32px 28px; position: relative; overflow: hidden; transition: background 0.25s ease, box-shadow 0.25s ease; } .lca-testimonial-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-testimonial-card:hover::before { height: 100%; } .lca-testimonial-card:hover { background: var(--bg-tint); box-shadow: var(--shadow-md); } .lca-testimonial-tag { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; transition: color 0.25s ease; } .lca-testimonial-card:hover .lca-testimonial-tag { color: var(--primary); } .lca-testimonial-title { font-size: 1.1rem; font-weight: 600; color: var(--dark); margin: 0 0 8px; line-height: 1.3; } .lca-testimonial-desc { font-size: 0.925rem; color: var(--body); line-height: 1.6; margin: 0 0 20px; } .lca-testimonial-metrics { display: flex; gap: 24px; } .lca-testimonial-metric { display: flex; flex-direction: column; } .lca-testimonial-metric-value { font-size: 1.25rem; font-weight: 700; color: var(--primary); } .lca-testimonial-metric-label { font-size: 0.8rem; color: var(--muted); } /* FAQ — locked design */ .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-testimonials-grid { grid-template-columns: 1fr; } .lca-faqs-grid { grid-template-columns: 1fr; gap: 2rem; } } </style> <div class='lca-block3'> <div class='section_case-studies'> <div class='padding-global padding-section-large'> <div class='container-large'> <h2 class='lca-h2' style='margin-bottom:2.5rem'>LowCode Agency, in action with <strong>automation.</strong></h2> <div class='lca-testimonials-grid'> <div class='lca-testimonial-card'> <span class='lca-testimonial-tag'>Logistics / Communication</span> <h3 class='lca-testimonial-title'><a href='https://www.lowcode.agency/case-studies/known-dev' target='_blank' style='color:inherit;text-decoration:none'>Known.dev — Logistics & Communication</a></h3> <p class='lca-testimonial-desc'>Make.com automation connecting logistics to communication. Automatic status updates, proactive notifications, and integrated tracking replacing manual copy-paste between systems.</p> <div class='lca-testimonial-metrics'> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>30%</span> <span class='lca-testimonial-metric-label'>Customer satisfaction increase</span> </div> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>40%</span> <span class='lca-testimonial-metric-label'>Fewer support inquiries</span> </div> </div> </div> <div class='lca-testimonial-card'> <span class='lca-testimonial-tag'>Events / Community</span> <h3 class='lca-testimonial-title'><a href='https://www.lowcode.agency/case-studies/zapier-workflow-hub' target='_blank' style='color:inherit;text-decoration:none'>Zapier Workflow Hub — Event Management</a></h3> <p class='lca-testimonial-desc'>Glide application with integrated automation for event management. Speaker management, scheduling, attendee tracking, and automated communication.</p> <div class='lca-testimonial-metrics'> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>30%</span> <span class='lca-testimonial-metric-label'>Month-over-month user increase</span> </div> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>50+</span> <span class='lca-testimonial-metric-label'>Speakers managed</span> </div> </div> </div> <div class='lca-testimonial-card' style='grid-column: 1 / -1;'> <span class='lca-testimonial-tag'>Real Estate / Operations</span> <h3 class='lca-testimonial-title'><a href='https://www.lowcode.agency/case-studies/sothebys' target='_blank' style='color:inherit;text-decoration:none'>Sotheby's — Listing Management</a></h3> <p class='lca-testimonial-desc'>Glide-based management with automation syncing listings across all channels. Single source of truth with automated distribution replacing manual updates across five platforms.</p> <div class='lca-testimonial-metrics'> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>75%</span> <span class='lca-testimonial-metric-label'>Reduction in listing time</span> </div> <div class='lca-testimonial-metric'> <span class='lca-testimonial-metric-value'>Consistent</span> <span class='lca-testimonial-metric-label'>Data across all platforms</span> </div> </div> </div> </div> </div> </div> </div> <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 automation development.</p> </div> <div class='lca-faq-list'> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How do we identify which processes to automate first?</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>Start with high-volume, rule-based, cross-system processes. These deliver the clearest ROI and build confidence for broader automation.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>What's the ROI timeline?</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>Most projects pay back within 3–6 months through time savings. A $15K automation saving 20 hours weekly pays for itself in about 4 months.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Can automation replace people?</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>Automation replaces tasks, not people. The goal is usually freeing your team for higher-value work or handling growth without proportional hiring.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>How do we maintain automation after you build it?</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 train your team for monitoring and basic modifications, provide retainers for complex changes, or document thoroughly for self-maintenance.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>What happens when tools change their API?</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>Monitoring catches failures immediately. We update affected workflows for maintained clients. Documentation includes dependency mapping so you know what connects where.</p></div></div> </div> <div class='lca-faq-item' data-open='false'> <button class='lca-faq-trigger'> <h3>Can automation handle exceptions?</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>Yes, when designed for them. We build error handling for expected exceptions, fallbacks for unexpected ones, and route edge cases to human review when needed.</p></div></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>