.demo:where(.astro-yekmtnli){box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:720px;margin:0 auto;padding:72px 32px 96px;display:flex}.demo-head:where(.astro-yekmtnli){text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.demo-head:where(.astro-yekmtnli) h1:where(.astro-yekmtnli){font-family:var(--font-sans);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:pretty;margin:0;font-size:40px;line-height:1.1}.demo-head:where(.astro-yekmtnli) p:where(.astro-yekmtnli){font-family:var(--font-sans);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:520px;margin:0}.wizard:where(.astro-yekmtnli){flex-direction:column;gap:0;display:flex}.progress:where(.astro-yekmtnli){flex-direction:column;gap:14px;display:flex}.progress-bars:where(.astro-yekmtnli){align-items:center;gap:10px;display:flex}.bar:where(.astro-yekmtnli){border-radius:var(--radius-pill);background:var(--border);height:4px;transition:background var(--duration-base) var(--ease-standard);flex:1}.bar:where(.astro-yekmtnli).is-done{background:var(--color-primary)}.progress-meta:where(.astro-yekmtnli){justify-content:space-between;align-items:baseline;gap:16px;display:flex}.step-label:where(.astro-yekmtnli){font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-primary)}.step-hint:where(.astro-yekmtnli){font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted)}.panels:where(.astro-yekmtnli){padding-top:28px}.panel:where(.astro-yekmtnli){flex-direction:column;gap:20px;display:flex}.panel:where(.astro-yekmtnli)[hidden]{display:none}.grid-2:where(.astro-yekmtnli){grid-template-columns:1fr 1fr;gap:20px;display:grid}.field:where(.astro-yekmtnli){flex-direction:column;gap:8px;min-width:0;display:flex}.field:where(.astro-yekmtnli) label:where(.astro-yekmtnli),.group-label:where(.astro-yekmtnli){font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong)}.field:where(.astro-yekmtnli) input:where(.astro-yekmtnli)[type=text],.field:where(.astro-yekmtnli) input:where(.astro-yekmtnli)[type=email],.field:where(.astro-yekmtnli) input:where(.astro-yekmtnli)[type=tel],.field:where(.astro-yekmtnli) textarea:where(.astro-yekmtnli){box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-page);width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-strong);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);padding:12px 14px}.field:where(.astro-yekmtnli) input:where(.astro-yekmtnli){height:46px}.field:where(.astro-yekmtnli) textarea:where(.astro-yekmtnli){resize:vertical;min-height:96px;line-height:var(--leading-relaxed)}.field:where(.astro-yekmtnli) input:where(.astro-yekmtnli)::placeholder,.field:where(.astro-yekmtnli) textarea:where(.astro-yekmtnli)::placeholder{color:var(--text-muted)}.field:where(.astro-yekmtnli) input:where(.astro-yekmtnli):focus,.field:where(.astro-yekmtnli) textarea:where(.astro-yekmtnli):focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.pill-group:where(.astro-yekmtnli){gap:10px;display:grid}.pill-group:where(.astro-yekmtnli).cols-2{grid-template-columns:1fr 1fr}.pill-group:where(.astro-yekmtnli).cols-4{grid-template-columns:repeat(4,1fr)}.pill:where(.astro-yekmtnli){appearance:none;cursor:pointer;box-sizing:border-box;text-align:left;border:1px solid var(--border);background:var(--surface-page);width:100%;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-pill);transition:all var(--duration-fast) var(--ease-standard);align-items:center;gap:10px;padding:10px 16px 10px 12px;display:flex}.pill:where(.astro-yekmtnli):hover{border-color:var(--border)}.pill:where(.astro-yekmtnli).is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--weight-semibold)}.pill-dot:where(.astro-yekmtnli){border:1.5px solid var(--border);width:16px;height:16px;color:var(--text-on-primary);transition:all var(--duration-fast) var(--ease-standard);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.pill:where(.astro-yekmtnli).is-active .pill-dot:where(.astro-yekmtnli){border-color:var(--color-primary);background:var(--color-primary)}.pill-check:where(.astro-yekmtnli){display:none}.pill:where(.astro-yekmtnli).is-active .pill-check:where(.astro-yekmtnli){display:inline-flex}.error:where(.astro-yekmtnli){font-family:var(--font-sans);font-size:var(--text-xs);color:var(--danger-600)}.field:where(.astro-yekmtnli).invalid input:where(.astro-yekmtnli),.field:where(.astro-yekmtnli).invalid textarea:where(.astro-yekmtnli){border-color:var(--danger-500)}.form-error:where(.astro-yekmtnli){font-family:var(--font-sans);font-size:var(--text-sm);color:var(--danger-600);text-align:center;margin:12px 0 0}.nav-row:where(.astro-yekmtnli){align-items:center;gap:12px;margin-top:32px;display:flex}.nav-spacer:where(.astro-yekmtnli){flex:1}.btn:where(.astro-yekmtnli){border-radius:var(--radius-lg);height:50px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);border:none;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn-primary:where(.astro-yekmtnli){background:var(--color-primary);color:var(--text-on-primary)}.btn-primary:where(.astro-yekmtnli):hover{background:var(--color-primary-hover);text-decoration:none}.btn-primary:where(.astro-yekmtnli):disabled{opacity:.6;cursor:not-allowed}.btn-ghost:where(.astro-yekmtnli){color:var(--color-primary);background:0 0}.btn-ghost:where(.astro-yekmtnli):hover{background:var(--color-primary-soft);text-decoration:none}.btn-outline:where(.astro-yekmtnli){border:1px solid var(--border);color:var(--text-strong);background:0 0}.btn-outline:where(.astro-yekmtnli):hover{background:var(--surface-muted);text-decoration:none}.done-card:where(.astro-yekmtnli){background:var(--surface-page);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:56px 40px;display:flex}.done-icon:where(.astro-yekmtnli){background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.done-card:where(.astro-yekmtnli) h2:where(.astro-yekmtnli){font-family:var(--font-sans);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0;font-size:28px}.done-card:where(.astro-yekmtnli) p:where(.astro-yekmtnli){font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:460px;margin:0}.done-actions:where(.astro-yekmtnli){flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.done-actions:where(.astro-yekmtnli) .btn:where(.astro-yekmtnli){height:48px;padding:0 22px}@media (width<=899px){.demo:where(.astro-yekmtnli){padding:48px 24px 64px}.demo-head:where(.astro-yekmtnli) h1:where(.astro-yekmtnli){font-size:var(--text-h1)}.grid-2:where(.astro-yekmtnli){grid-template-columns:1fr}.pill-group:where(.astro-yekmtnli).cols-4{grid-template-columns:1fr 1fr}}