.tool-steps:where(.astro-qzg4l2je){background-color:color-mix(in srgb,var(--sl-color-gray-6) 30%,transparent)}.steps-content:where(.astro-qzg4l2je){max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:flex-start}.steps-list:where(.astro-qzg4l2je){display:flex;flex-direction:column;gap:1.5rem}.step-item:where(.astro-qzg4l2je){display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background-color:color-mix(in srgb,var(--sl-color-gray-6) 40%,transparent);border-radius:12px;border:1px solid var(--sl-color-gray-6)}.step-number:where(.astro-qzg4l2je){font-size:1.5rem;font-weight:700;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content:where(.astro-qzg4l2je){display:flex;flex-direction:column;gap:.5rem}.step-title:where(.astro-qzg4l2je){font-size:1.125rem;font-weight:600;color:var(--sl-color-white);margin:0;line-height:1.4}.step-description:where(.astro-qzg4l2je){font-size:1rem;line-height:1.6;color:var(--sl-color-gray-2);margin:0;padding-top:0}.steps-illustration-column:where(.astro-qzg4l2je){display:flex;flex-direction:column;gap:2rem}.illustration-container:where(.astro-qzg4l2je){display:flex;justify-content:center;padding:0}.illustration-image:where(.astro-qzg4l2je){width:100%;max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:1px solid var(--sl-color-gray-6)}.capabilities-badges:where(.astro-qzg4l2je){display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:0 1rem}.capability-badge:where(.astro-qzg4l2je){display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:color-mix(in srgb,var(--n8n-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--n8n-color) 30%,transparent);border-radius:24px;font-size:.875rem;font-weight:500;color:var(--sl-color-text);transition:all .2s ease}.capability-badge:where(.astro-qzg4l2je):hover{background-color:color-mix(in srgb,var(--n8n-color) 25%,transparent);border-color:var(--n8n-color);transform:translateY(-1px)}@media(max-width:1024px){.steps-content:where(.astro-qzg4l2je){grid-template-columns:1fr;gap:2.5rem}.steps-illustration-column:where(.astro-qzg4l2je){order:-1}.illustration-container:where(.astro-qzg4l2je){padding:1rem}}@media(max-width:768px){.steps-content:where(.astro-qzg4l2je){padding:0 .5rem;gap:2rem}.steps-list:where(.astro-qzg4l2je){gap:1rem}.step-item:where(.astro-qzg4l2je){padding:1.25rem;gap:1rem}.step-number:where(.astro-qzg4l2je){font-size:1.25rem;width:2.5rem;height:2.5rem}.step-description:where(.astro-qzg4l2je){font-size:1rem;padding-top:.25rem}.illustration-container:where(.astro-qzg4l2je){padding:.5rem}}@media(max-width:480px){.steps-content:where(.astro-qzg4l2je){padding:0 .25rem;gap:1.5rem}.step-item:where(.astro-qzg4l2je){padding:1rem;flex-direction:column;gap:.75rem}.illustration-container:where(.astro-qzg4l2je){padding:0}.illustration-image:where(.astro-qzg4l2je){border-radius:8px}.capabilities-badges:where(.astro-qzg4l2je){padding:0}.capability-badge:where(.astro-qzg4l2je){font-size:.8125rem;padding:.4rem .875rem}}@layer starlight.core{html,body{overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:0}body{position:relative}.landing-page:where(.astro-545jo6ca){min-height:100vh;display:flex;flex-direction:column;position:relative;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.n8n-page:where(.astro-545jo6ca){--tool-gradient-start: rgba(234, 75, 113, .08);--tool-gradient-mid: rgba(234, 75, 113, .04);--tool-gradient-end: transparent;--n8n-color: #EA4B71}.n8n-page:where(.astro-545jo6ca) .tool-logo-svg{color:var(--n8n-color)!important;fill:var(--n8n-color)!important}.tool-brand-overlay:where(.astro-545jo6ca){position:fixed;top:0;right:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6}.n8n-page:where(.astro-545jo6ca) .tool-brand-overlay:where(.astro-545jo6ca){background:radial-gradient(circle at top right,var(--tool-gradient-start) 0%,var(--tool-gradient-mid) 30%,var(--tool-gradient-end) 70%)}html[data-theme=light] .tool-brand-overlay:where(.astro-545jo6ca),:root[data-theme=light] .tool-brand-overlay:where(.astro-545jo6ca){opacity:.3}.doc-bg:where(.astro-545jo6ca){width:100%;overflow:hidden}.doc-bg:where(.astro-545jo6ca) img:where(.astro-545jo6ca){width:100%}.header:where(.astro-545jo6ca){z-index:var(--sl-z-index-navbar);position:sticky;inset-inline-start:0;inset-block-start:0;width:100%;max-width:100vw;overflow-x:hidden;border-bottom:1px solid color-mix(in srgb,var(--sl-color-white) 10%,transparent);padding:var(--sl-nav-pad-y) 0px;box-sizing:border-box}@media(max-width:800px){.header:where(.astro-545jo6ca){background-color:var(--sl-color-black);padding:6px var(--sl-nav-pad-x)}}.landing-main:where(.astro-545jo6ca){flex:1;position:relative;z-index:1;width:100%;overflow-x:hidden}.main-frame:where(.astro-545jo6ca){width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}footer:where(.astro-545jo6ca){width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative}.native-integration:where(.astro-545jo6ca){background-color:color-mix(in srgb,var(--sl-color-gray-6) 30%,transparent)}.integration-content:where(.astro-545jo6ca){max-width:800px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}.integration-features:where(.astro-545jo6ca){list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.integration-features:where(.astro-545jo6ca) li:where(.astro-545jo6ca){font-size:1.125rem;line-height:1.7;color:var(--sl-color-text);padding-left:2rem;position:relative}.integration-features:where(.astro-545jo6ca) li:where(.astro-545jo6ca):before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:600}.integration-cta:where(.astro-545jo6ca){margin-top:2.5rem;display:flex;justify-content:center}.n8n-cta-button:where(.astro-545jo6ca){display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:var(--n8n-color);color:#fff;font-size:1.0625rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease;border:2px solid var(--n8n-color)}.n8n-cta-button:where(.astro-545jo6ca):hover{background-color:transparent;color:var(--n8n-color);transform:translateY(-2px);box-shadow:0 4px 12px #ea4b714d}.n8n-cta-button:where(.astro-545jo6ca) svg:where(.astro-545jo6ca){transition:transform .2s ease}.n8n-cta-button:where(.astro-545jo6ca):hover svg:where(.astro-545jo6ca){transform:translate(4px)}.workflows-content:where(.astro-545jo6ca){max-width:1000px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}.workflows-grid:where(.astro-545jo6ca){display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.workflow-card:where(.astro-545jo6ca){display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background-color:color-mix(in srgb,var(--sl-color-gray-6) 50%,transparent);border-radius:12px;border:1px solid var(--sl-color-gray-6);transition:transform .2s ease,border-color .2s ease;text-align:left;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.workflow-card:where(.astro-545jo6ca):hover{transform:translateY(-2px);border-color:var(--sl-color-gray-4)}.workflow-title:where(.astro-545jo6ca){font-size:1rem;color:var(--sl-color-text);font-weight:500;margin:0;line-height:1.4}.workflow-description:where(.astro-545jo6ca){font-size:.875rem;line-height:1.5;color:var(--sl-color-gray-2);margin:.25rem 0 0}@media(max-width:768px){.integration-content:where(.astro-545jo6ca),.workflows-content:where(.astro-545jo6ca){padding:0 .5rem}.integration-features:where(.astro-545jo6ca){grid-template-columns:1fr;gap:1rem}.workflows-grid:where(.astro-545jo6ca){grid-template-columns:1fr;gap:1.5rem}.workflow-card:where(.astro-545jo6ca){padding:1.25rem 1rem}.integration-features:where(.astro-545jo6ca) li:where(.astro-545jo6ca){font-size:1rem}.n8n-cta-button:where(.astro-545jo6ca){font-size:1rem;padding:.875rem 1.5rem}}@media(max-width:480px){.integration-content:where(.astro-545jo6ca),.workflows-content:where(.astro-545jo6ca){padding:0 .25rem}.workflow-card:where(.astro-545jo6ca){padding:1.25rem 1rem}}}