.integration-steps.svelte-h8l8c6{align-items:center;background:var(--background-secondary);border-radius:var(--size-2xl);display:flex;flex-direction:column;gap:var(--size-xl);overflow-x:clip;padding:var(--size-xl) var(--size-2xs)}.integration-steps.svelte-h8l8c6 h2:where(.svelte-h8l8c6){color:var(--content-primary);max-width:828px;padding:0 var(--size-md);text-align:center}.integration-steps.svelte-h8l8c6 .layout:where(.svelte-h8l8c6){align-items:flex-start;display:grid;gap:var(--size-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.integration-steps.svelte-h8l8c6 .steps-column:where(.svelte-h8l8c6){display:flex;flex-direction:column;min-width:0;position:relative}.integration-steps.svelte-h8l8c6 .sticky-step:where(.svelte-h8l8c6){display:grid;height:80vh;position:sticky;top:10vh;z-index:2}.integration-steps.svelte-h8l8c6 .scroll-scenes:where(.svelte-h8l8c6){display:flex;flex-direction:column;margin-top:-80vh}.integration-steps.svelte-h8l8c6 .scroll-marker:where(.svelte-h8l8c6){height:100vh;pointer-events:none;visibility:hidden}.integration-steps.svelte-h8l8c6 .step-card:where(.svelte-h8l8c6){background:var(--grey-001);border-radius:var(--size-lm);display:flex;flex-direction:column;gap:var(--size-md);justify-content:flex-start;padding:var(--size-md)}.integration-steps.svelte-h8l8c6 .sticky-step:where(.svelte-h8l8c6) .step-card:where(.svelte-h8l8c6){grid-column:1;grid-row:1;height:100%;overflow:auto}.integration-steps.svelte-h8l8c6 .step-caption:where(.svelte-h8l8c6){align-items:center;align-self:flex-start;background:var(--grey-003);border-radius:var(--size-md);display:inline-flex;justify-content:center;min-height:42px;padding:var(--size-2xs) var(--size-sm) var(--size-2xs) var(--size-s)}:is(.integration-steps:where(.svelte-h8l8c6) .step-caption:where(.svelte-h8l8c6)) span.svelte-h8l8c6{color:var(--content-primary);white-space:pre}.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6){color:var(--content-secondary);font-weight:500}:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) p{margin:0 0 var(--size-2xs) 0;white-space:pre-line}.svelte-h8l8c6:is(:is(.integration-steps:where(.svelte-h8l8c6) .step-body:where(.svelte-h8l8c6)) p):last-child{margin-bottom:0}:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) ol,:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) ul{margin:var(--size-2xs) 0;padding-left:var(--size-md)}:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) ul{list-style:disc}:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) ol{list-style:decimal}:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) li{margin-bottom:var(--size-3xs)}.svelte-h8l8c6:is(:is(.integration-steps:where(.svelte-h8l8c6) .step-body:where(.svelte-h8l8c6)) li):last-child{margin-bottom:0}:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) a{color:var(--content-primary);-webkit-text-decoration:underline;text-decoration:underline}:is(.integration-steps.svelte-h8l8c6 .step-body:where(.svelte-h8l8c6)) strong{color:var(--content-primary)}.integration-steps.svelte-h8l8c6 .step-button:where(.svelte-h8l8c6){display:flex}.integration-steps.svelte-h8l8c6 .fallback-stack:where(.svelte-h8l8c6){display:none}.integration-steps.svelte-h8l8c6 .visual-column:where(.svelte-h8l8c6){align-self:stretch;min-height:0;min-width:0}.integration-steps.svelte-h8l8c6 .visual-sticky:where(.svelte-h8l8c6){background:var(--grey-005);border-radius:var(--size-2xl);height:80vh;overflow:hidden;position:sticky;top:10vh;width:100%}:is(.integration-steps.svelte-h8l8c6 .visual-sticky:where(.svelte-h8l8c6)) .visual-loader,:is(.integration-steps.svelte-h8l8c6 .visual-sticky:where(.svelte-h8l8c6)) img,:is(.integration-steps.svelte-h8l8c6 .visual-sticky:where(.svelte-h8l8c6)) video{display:block;height:100%;object-fit:cover;width:100%}@media(max-width:1024px){.integration-steps.svelte-h8l8c6{border-radius:var(--size-xl);gap:var(--size-lg)}.integration-steps.svelte-h8l8c6 .layout:where(.svelte-h8l8c6){gap:var(--size-sm);grid-template-columns:minmax(0,1fr)}.integration-steps.svelte-h8l8c6 .visual-column:where(.svelte-h8l8c6){order:-1}.integration-steps.svelte-h8l8c6 .visual-sticky:where(.svelte-h8l8c6){aspect-ratio:16/10;height:auto;position:static;width:100%}.integration-steps.svelte-h8l8c6 .scroll-scenes:where(.svelte-h8l8c6),.integration-steps.svelte-h8l8c6 .sticky-step:where(.svelte-h8l8c6){display:none}.integration-steps.svelte-h8l8c6 .fallback-stack:where(.svelte-h8l8c6){display:flex;flex-direction:column;gap:var(--size-sm)}}@media(max-width:640px){.integration-steps.svelte-h8l8c6{padding:var(--size-lg) var(--size-3xs)}.integration-steps.svelte-h8l8c6 h2:where(.svelte-h8l8c6){padding:0 var(--size-sm)}.integration-steps.svelte-h8l8c6 .step-card:where(.svelte-h8l8c6){border-radius:var(--size-md);padding:var(--size-sm)}.integration-steps.svelte-h8l8c6 .step-caption:where(.svelte-h8l8c6){min-height:auto;padding:var(--size-3xs) var(--size-xs)}:is(.integration-steps:where(.svelte-h8l8c6) .step-caption:where(.svelte-h8l8c6)) span.svelte-h8l8c6{white-space:normal}}.integration.svelte-8qktth{position:relative}.integration.svelte-8qktth .yellow-gradient:where(.svelte-8qktth){background:radial-gradient(ellipse 60% 50% at 50% 35%,var(--yellow-010) 0,#0000 70%);height:900px;left:0;opacity:.35;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.integration.svelte-8qktth .hero-button-row:where(.svelte-8qktth){padding-bottom:var(--size-xl)}:is(.integration:where(.svelte-8qktth) .hero-button-row:where(.svelte-8qktth)) .hero-button-wrapper.svelte-8qktth{display:flex;grid-column:3/span 8;justify-content:center}.integration.svelte-8qktth .hero-visual-row:where(.svelte-8qktth){padding-bottom:var(--size-2xl)}:is(.integration:where(.svelte-8qktth) .hero-visual-row:where(.svelte-8qktth)) .hero-visual.svelte-8qktth{aspect-ratio:16/9;background:var(--grey-003);border-radius:var(--size-3xl);grid-column:2/span 10;overflow:hidden}:is(:is(.integration:where(.svelte-8qktth) .hero-visual-row:where(.svelte-8qktth)) .hero-visual.svelte-8qktth) .visual-loader,:is(:is(.integration:where(.svelte-8qktth) .hero-visual-row:where(.svelte-8qktth)) .hero-visual.svelte-8qktth) img,:is(:is(.integration:where(.svelte-8qktth) .hero-visual-row:where(.svelte-8qktth)) .hero-visual.svelte-8qktth) video{display:block;height:100%;object-fit:cover;width:100%}.integration.svelte-8qktth .steps-row:where(.svelte-8qktth){padding:var(--size-xl) 0}:is(.integration:where(.svelte-8qktth) .steps-row:where(.svelte-8qktth)) .steps-wrapper.svelte-8qktth{grid-column:2/span 10}.integration.svelte-8qktth .banner-row:where(.svelte-8qktth){padding-bottom:var(--size-2xl)}@media(max-width:1024px){.integration.svelte-8qktth .hero-button-row:where(.svelte-8qktth) .hero-button-wrapper:where(.svelte-8qktth){grid-column:1/span 8}.integration.svelte-8qktth .hero-visual-row:where(.svelte-8qktth) .hero-visual:where(.svelte-8qktth){border-radius:var(--size-2xl);grid-column:1/span 8}.integration.svelte-8qktth .steps-row:where(.svelte-8qktth) .steps-wrapper:where(.svelte-8qktth){grid-column:1/span 8}}@media(max-width:640px){.integration.svelte-8qktth .hero-button-row:where(.svelte-8qktth) .hero-button-wrapper:where(.svelte-8qktth){grid-column:1/span 6}.integration.svelte-8qktth .hero-visual-row:where(.svelte-8qktth) .hero-visual:where(.svelte-8qktth){border-radius:var(--size-xl);grid-column:1/span 6}.integration.svelte-8qktth .steps-row:where(.svelte-8qktth){padding:var(--size-lg) 0}:is(.integration:where(.svelte-8qktth) .steps-row:where(.svelte-8qktth)) .steps-wrapper.svelte-8qktth{grid-column:1/span 6}}