.media-frame:where(.astro-ylizttvq){position:relative;border-radius:clamp(12px,1.5vw,20px);border:1px solid color-mix(in srgb,var(--sl-color-white) 9%,transparent);overflow:hidden;background:var(--sl-color-gray-7, #111);box-shadow:0 2px 8px #0000001f,0 8px 32px #0000001a,inset 0 1px color-mix(in srgb,var(--sl-color-white) 6%,transparent)}.media-frame:where(.astro-ylizttvq):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 5%,color-mix(in srgb,var(--sl-color-white) 18%,transparent) 50%,transparent 95%);z-index:2;pointer-events:none}.media-frame--desk:where(.astro-ylizttvq):after{content:"";position:absolute;bottom:-24px;left:10%;right:10%;height:48px;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-primary) 20%,transparent) 0%,transparent 70%);z-index:-1;pointer-events:none;filter:blur(8px)}.media-frame:where(.astro-ylizttvq)>*{position:relative;z-index:1}:root[data-theme=light] .media-frame:where(.astro-ylizttvq){border-color:color-mix(in srgb,var(--sl-color-black) 9%,transparent);background:var(--sl-color-gray-7, #f6f6f6);box-shadow:0 2px 8px #0000000d,0 8px 32px #0000000a,inset 0 1px color-mix(in srgb,var(--sl-color-black) 4%,transparent)}:root[data-theme=light] .media-frame:where(.astro-ylizttvq):before{background:linear-gradient(to right,transparent 5%,color-mix(in srgb,var(--sl-color-black) 10%,transparent) 50%,transparent 95%)}.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:var(--radius-none);border:1px solid var(--border-subtle);transition:border-color var(--ease-ui)}.step-item:where(.astro-qzg4l2je):hover{border-color:var(--border-mid)}.step-number:where(.astro-qzg4l2je){font-size:var(--text-sm);font-weight:500;font-family:var(--font-heading);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);width:3rem;height:3rem;border-radius:var(--radius-none);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:var(--radius-none);border:1px solid var(--border-subtle)}.secondary-illustration:where(.astro-qzg4l2je){margin-top:0}.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:var(--sp-1) var(--sp-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-none);font-size:var(--text-sm);font-family:var(--font-heading);font-weight:400;color:var(--sl-color-gray-2);transition:border-color var(--ease-ui)}.capability-badge:where(.astro-qzg4l2je):hover{border-color:var(--border-mid)}@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-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}.capabilities-badges:where(.astro-qzg4l2je){padding:0}.capability-badge:where(.astro-qzg4l2je){font-size:.8125rem;padding:.4rem .875rem}}