@layer components{.steps-section[data-scroll-steps=true] .steps-content{top:var(--steps-top);position:sticky}.steps-section[data-scroll-steps=true] .steps-stage{height:var(--steps-height);overflow:hidden}.steps-section[data-scroll-steps=true] .steps-panel{height:var(--steps-height);position:sticky;top:0}.steps-stage{isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);scrollbar-width:none;height:auto;position:relative;overflow:visible}.steps-stage::-webkit-scrollbar{display:none}.steps-panel{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);grid-template-columns:1fr 1fr;gap:2rem;min-height:440px;padding:1.5rem;display:grid;position:relative;overflow:hidden}.steps-panel:nth-child(2){background:color-mix(in srgb, var(--primary) 5%, var(--card))}.steps-copy{flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.steps-number{color:var(--primary-pressed);font-size:.9375rem;font-weight:600}.steps-copy h3{color:var(--card-foreground);margin-top:1.5rem;font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:600;line-height:1.25}.steps-copy p{color:var(--muted-foreground);font-size:var(--body-size);line-height:var(--body-line);margin-top:1.5rem}.steps-start{min-height:2.75rem;color:var(--primary-pressed);font-size:var(--body-size);text-underline-offset:.3125rem;align-self:flex-start;align-items:center;gap:.625rem;margin-top:2.5rem;font-weight:600;text-decoration:underline;display:inline-flex}.steps-start:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.steps-visual{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);min-height:0;overflow:hidden}.steps-panel:nth-child(2) .steps-visual{background:var(--card)}.steps-panel:nth-child(2) .steps-visual img{object-fit:contain}.steps-visual img{object-fit:cover;width:100%;height:100%}@media (width<=767px){.steps-panel{grid-template-rows:auto minmax(11.25rem,15rem);grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.25rem}.steps-copy{padding:0}.steps-copy h3{margin-top:.75rem;font-size:1.5rem}.steps-copy p{font-size:var(--body-sm-size);line-height:var(--body-sm-line);margin-top:.75rem}.steps-start{margin-top:1.25rem}}@media (prefers-reduced-motion:reduce),(height<=600px){.steps-stage{background:0 0;border:0;gap:1.5rem;height:auto;display:grid;overflow:visible}.steps-panel{height:auto;min-height:440px;position:relative;top:auto}}}