@layer ui.components{.ui-step-card{gap:var(--space-xxl);padding:40px var(--space-xl);background-color:var(--surface);color:var(--text-primary);border-radius:32px;display:grid}.ui-step-card__copy{max-width:500px}.ui-step-card__step{letter-spacing:-.01em;text-transform:uppercase;color:var(--text-muted);margin:0 0 clamp(.75rem,.6739rem + .3478vw,1rem);font-size:clamp(.875rem,.7989rem + .3478vw,1.125rem);font-weight:500;line-height:18px}.ui-step-card__title{letter-spacing:-.04em;color:var(--brand-text);margin:0 0 clamp(1rem,.8478rem + .6957vw,1.5rem);font-size:clamp(1.5rem,1.1957rem + 1.3913vw,2.5rem);font-weight:600;line-height:1.2}.ui-step-card__text{letter-spacing:-.01em;color:var(--text-subtle);margin:0;font-size:clamp(1rem,.962rem + .1739vw,1.125rem);line-height:1.6}.ui-step-card__action{margin-top:var(--space-xxl);display:none}.ui-step-card__media{border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.ui-step-card__media>picture{display:contents}.ui-step-card__media img{object-fit:contain;width:auto;height:100%}.ui-step-card__media[data-fit=wide] img{width:120%}.ui-step-card__media[data-fit=full] img{width:100%}@media (min-width:768px){.ui-step-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:48px}.ui-step-card__step{letter-spacing:0;line-height:24px}.ui-step-card__title{letter-spacing:-.03em;line-height:1.1}.ui-step-card__text{letter-spacing:-.03em;line-height:1}.ui-step-card__action{display:block}.ui-step-card__media{max-height:390px}}}