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