:root{--p-color:var(--wa-color-brand-50);--s-color:var(--wa-color-success-70);--bg-inactive:var(--wa-color-gray-80);--text-main:var(--wa-color-gray-50);--text-muted:var(--wa-color-gray-70);--step-size:36px}@media (min-width:0px){body{display:flex}.stepper-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:600px;margin:2rem auto;margin-top:var(--wa-space-4xl);font-family:system-ui,-apple-system,sans-serif}.step-item{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}.step-item:not(:last-child)::after{content:"";position:absolute;top:calc(var(--step-size)/ 2);left:50%;width:100%;height:2px;background:var(--bg-inactive);z-index:1;transition:background .3s ease}.step-item.completed:not(:last-child)::after{background:var(--s-color)}.step-counter{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:var(--step-size);height:var(--step-size);border-radius:50%;background:#fff;border:2px solid var(--bg-inactive);font-weight:600;color:var(--text-muted);transition:all .3s ease}.step-label{margin-top:10px;font-size:.875rem;color:var(--text-muted);font-weight:500;text-align:center}.step-item.active .step-counter{color:var(--p-color);border-color:var(--p-color);box-shadow:0 0 0 4px rgba(79,70,229,.15)}.step-item.active .step-label{color:var(--p-color);font-weight:700}.step-item.completed .step-counter{background-color:var(--s-color);border-color:var(--s-color);color:#fff}.step-item.completed .step-label{color:var(--text-main)}.onboarding-page-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.setup-progress-container wa-progress-bar{width:100%;margin-bottom:var(--wa-space-m)}.onboarding-page-container .message-container{max-width:90%;box-shadow:var(--wa-shadow-l);border-style:solid;border-width:1px;border-color:var(--wa-color-gray-80);border-radius:var(--wa-border-radius-l);padding:var(--wa-space-2xl)}.onboarding-page-container .plans-container{display:flex;flex-direction:column;align-items:center}.onboarding-page-container .message-container>section{display:flex;flex-direction:column;align-items:center;justify-content:center}.onboarding-page-container .message-container>section>header{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-bottom:var(--wa-space-2xl);line-height:var(--wa-line-height-condensed);margin-top:0}.onboarding-page-container .message-container>section>header h1{font-size:var(--wa-font-size-2xl);margin:0;max-width:350px;text-align:center;margin-bottom:var(--wa-space-m)}.onboarding-page-container .message-container>section>header p{text-align:center;max-width:400px}.start-onboarding-container{display:flex;max-width:500px}.start-onboarding-container wa-button{margin-left:auto}.onboarding-page-container .plans-cards-container .card-container{margin-bottom:var(--wa-space-2xl)}}@media (orientation:landscape) and (min-width:970px){.onboarding-page-container .plans-cards-container{width:500px}.onboarding-page-container .plans-cards-container .card-container{margin-bottom:0}.onboarding-page-container .message-container>section>header h1{font-size:var(--wa-font-size-3xl);max-width:700px}}