.app-onboarding-demo.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0}.app-onboarding-demo.compact.svelte-145vr79.svelte-145vr79{padding:0;gap:0}.phone-frame.svelte-145vr79.svelte-145vr79{position:relative;width:280px;height:560px;background:#1a1a1a;border-radius:3rem;padding:.5rem;box-shadow:0 25px 50px -12px #00000040}.phone-notch.svelte-145vr79.svelte-145vr79{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:120px;height:28px;background:#1a1a1a;border-radius:0 0 1rem 1rem;z-index:10}.phone-screen.svelte-145vr79.svelte-145vr79{width:100%;height:100%;background:#f9fafb;border-radius:2.5rem;overflow:hidden}.home-indicator.svelte-145vr79.svelte-145vr79{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:100px;height:4px;background:#666;border-radius:2px}.browser-frame.svelte-145vr79.svelte-145vr79{position:relative;width:min(320px,100%);height:560px;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000026;border:1px solid #E5E7EB;overflow:hidden;display:flex;flex-direction:column}.browser-toolbar.svelte-145vr79.svelte-145vr79{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:#f9fafb;border-bottom:1px solid #E5E7EB;flex-shrink:0}.browser-dots.svelte-145vr79.svelte-145vr79{display:flex;gap:.375rem}.browser-dots.svelte-145vr79 .dot.svelte-145vr79{width:10px;height:10px;border-radius:50%}.browser-dots.svelte-145vr79 .dot.red.svelte-145vr79{background:#ff5f57}.browser-dots.svelte-145vr79 .dot.yellow.svelte-145vr79{background:#ffbd2e}.browser-dots.svelte-145vr79 .dot.green.svelte-145vr79{background:#28ca41}.browser-address-bar.svelte-145vr79.svelte-145vr79{flex:1;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff;border:1px solid #E5E7EB;border-radius:.375rem;font-size:.75rem;color:#6b7280}.lock-icon.svelte-145vr79.svelte-145vr79{width:12px;height:12px;color:#059669}.browser-content.svelte-145vr79.svelte-145vr79{flex:1;overflow:hidden;background:#f9fafb}.screen-content.svelte-145vr79.svelte-145vr79{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem}.wa-screen.svelte-145vr79.svelte-145vr79{background:#ece5dd;justify-content:flex-start;padding:0}.wa-header.svelte-145vr79.svelte-145vr79{width:100%;padding:2.5rem .75rem .625rem;background:#008069;display:flex;align-items:center;gap:.625rem;flex-shrink:0}.wa-header-back.svelte-145vr79.svelte-145vr79{color:#fff;font-size:1.125rem;font-weight:300}.wa-header-avatar.svelte-145vr79.svelte-145vr79{width:32px;height:32px;background:#00a884;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-header-logo.svelte-145vr79.svelte-145vr79{width:18px;height:auto}.wa-header-info.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;gap:.0625rem}.wa-header-name.svelte-145vr79.svelte-145vr79{font-size:.875rem;font-weight:600;color:#fff}.wa-header-status.svelte-145vr79.svelte-145vr79{font-size:.6875rem;color:#fffc}.wa-body.svelte-145vr79.svelte-145vr79{flex:1;width:100%;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.wa-bubble-incoming.svelte-145vr79.svelte-145vr79{align-self:flex-start;max-width:88%;padding:.5rem .625rem;background:#fff;border-radius:0 .5rem .5rem;box-shadow:0 1px 1px #00000014;position:relative}.wa-bubble-outgoing.svelte-145vr79.svelte-145vr79{align-self:flex-end;max-width:85%;padding:.5rem .625rem;background:#dcf8c6;border-radius:.5rem 0 .5rem .5rem;box-shadow:0 1px 1px #00000014;position:relative}.wa-bubble-text.svelte-145vr79.svelte-145vr79{font-size:.8125rem;color:#111827;margin:0;line-height:1.4;white-space:pre-line}.wa-bubble-source.svelte-145vr79.svelte-145vr79{font-size:.6875rem;color:#6b7280;margin:.25rem 0 0}.wa-bubble-time.svelte-145vr79.svelte-145vr79{display:block;font-size:.625rem;color:#8696a0;text-align:right;margin-top:.125rem}.wa-typing.svelte-145vr79.svelte-145vr79{align-self:flex-start;background:#fff;border-radius:0 .5rem .5rem;padding:.625rem .875rem;box-shadow:0 1px 1px #00000014}.wa-typing-dots.svelte-145vr79.svelte-145vr79{display:flex;gap:.25rem}.wa-typing-dots.svelte-145vr79 span.svelte-145vr79{width:7px;height:7px;background:#8696a0;border-radius:50%;animation:svelte-145vr79-wa-typing-bounce 1.4s ease-in-out infinite}.wa-typing-dots.svelte-145vr79 span.svelte-145vr79:nth-child(2){animation-delay:.2s}.wa-typing-dots.svelte-145vr79 span.svelte-145vr79:nth-child(3){animation-delay:.4s}@keyframes svelte-145vr79-wa-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.wa-input-bar.svelte-145vr79.svelte-145vr79{width:100%;padding:.5rem .625rem;background:#f0f2f5;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.wa-input-placeholder.svelte-145vr79.svelte-145vr79{flex:1;padding:.5rem .75rem;background:#fff;border-radius:1.5rem;font-size:.8125rem;color:#8696a0}.wa-mic-btn.svelte-145vr79.svelte-145vr79{width:36px;height:36px;background:#008069;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.wa-mic-btn.svelte-145vr79 svg.svelte-145vr79{width:18px;height:18px}.share-screen.svelte-145vr79.svelte-145vr79{background:#fff;justify-content:flex-start;padding:0}.share-content.svelte-145vr79.svelte-145vr79{flex:1;width:100%;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.wa-share-header.svelte-145vr79.svelte-145vr79{display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .4s ease-out}.wa-share-header.visible.svelte-145vr79.svelte-145vr79{opacity:1;transform:translateY(0)}.wa-icon.svelte-145vr79.svelte-145vr79{width:28px;height:28px;flex-shrink:0}.wa-share-header.svelte-145vr79 h4.svelte-145vr79{font-size:.9375rem;font-weight:600;color:#111827;margin:0}.wa-input-group.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;gap:.25rem;opacity:0;transform:translateY(10px);transition:all .4s ease-out .15s}.wa-input-group.visible.svelte-145vr79.svelte-145vr79{opacity:1;transform:translateY(0)}.wa-input-group.svelte-145vr79 label.svelte-145vr79{font-size:.75rem;font-weight:500;color:#374151}.wa-input-wrapper.svelte-145vr79.svelte-145vr79{position:relative;display:flex;align-items:center}.wa-input-icon.svelte-145vr79.svelte-145vr79{position:absolute;left:.625rem;font-size:.875rem}.wa-input-group.svelte-145vr79 input.svelte-145vr79{width:100%;padding:.5rem .625rem .5rem 2rem;border:1px solid #D1D5DB;border-radius:.375rem;font-size:.8125rem;color:#111827;background:#fff}.wa-add-btn.svelte-145vr79.svelte-145vr79{width:100%;padding:.625rem;background:#25d366;color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .4s ease-out .3s}.wa-add-btn.visible.svelte-145vr79.svelte-145vr79{opacity:1;transform:translateY(0)}.wa-add-btn.sending.svelte-145vr79.svelte-145vr79{background:#1da851;opacity:.8}.wa-add-btn.sent.svelte-145vr79.svelte-145vr79{background:#059669}.wa-check.svelte-145vr79.svelte-145vr79{font-size:1rem}.verify-screen.svelte-145vr79.svelte-145vr79{background:#fff;justify-content:flex-start;padding:0}.verify-top-bar.svelte-145vr79.svelte-145vr79{width:100%;padding:3rem 1rem .75rem;background:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;gap:.75rem}.verify-top-bar.svelte-145vr79 h2.svelte-145vr79{font-size:1rem;font-weight:600;color:#111827;margin:0}.back-arrow.svelte-145vr79.svelte-145vr79{font-size:1.25rem;color:#3b82f6}.verify-content.svelte-145vr79.svelte-145vr79{flex:1;width:100%;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.branding-card.svelte-145vr79.svelte-145vr79{background:#eff6ff;border-radius:.75rem;padding:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-circle.svelte-145vr79.svelte-145vr79{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.widget-name.svelte-145vr79.svelte-145vr79{font-size:1rem;font-weight:600;color:#111827;margin:0}.trust-message.svelte-145vr79.svelte-145vr79{font-size:.75rem;color:#6b7280;margin:0;line-height:1.4}.sent-card.svelte-145vr79.svelte-145vr79{background:#eff6ff;border-radius:.75rem;padding:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.icon-circle.svelte-145vr79.svelte-145vr79{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.5rem}.sent-card.svelte-145vr79 h3.svelte-145vr79{font-size:.875rem;font-weight:600;color:#111827;margin:0}.sent-description.svelte-145vr79.svelte-145vr79{font-size:.75rem;color:#6b7280;margin:0}.sent-email.svelte-145vr79.svelte-145vr79{font-size:.8125rem;font-family:Courier New,monospace;color:#111827;font-weight:500;margin:0}.input-group.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;gap:.375rem}.input-group.svelte-145vr79 label.svelte-145vr79{font-size:.8125rem;font-weight:500;color:#374151}.input-wrapper.svelte-145vr79.svelte-145vr79{position:relative;display:flex;align-items:center}.input-icon.svelte-145vr79.svelte-145vr79{position:absolute;left:.75rem;font-size:1rem}.verify-screen.svelte-145vr79 input.svelte-145vr79{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1px solid #D1D5DB;border-radius:.5rem;font-size:.875rem;color:#111827;background:#fff}.code-input.svelte-145vr79.svelte-145vr79{padding-left:.75rem!important;text-align:center;font-size:1.25rem;font-family:Courier New,monospace;letter-spacing:.375rem;font-weight:600}.helper-text.svelte-145vr79.svelte-145vr79{font-size:.6875rem;color:#6b7280;margin:0}.primary-button.svelte-145vr79.svelte-145vr79{width:100%;padding:.75rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.primary-button.loading.svelte-145vr79.svelte-145vr79{opacity:.7}.spinner.svelte-145vr79.svelte-145vr79{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-145vr79-spin .8s linear infinite}@keyframes svelte-145vr79-spin{to{transform:rotate(360deg)}}.info-text.svelte-145vr79.svelte-145vr79{font-size:.6875rem;color:#6b7280;text-align:center;margin:auto 0 0}.success-screen.svelte-145vr79.svelte-145vr79{background:#fff}.success-content.svelte-145vr79.svelte-145vr79{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.success-icon.svelte-145vr79.svelte-145vr79{width:64px;height:64px;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;animation:svelte-145vr79-scaleIn .5s ease-out}@keyframes svelte-145vr79-scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-content.svelte-145vr79 h2.svelte-145vr79{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.success-content.svelte-145vr79 p.svelte-145vr79{font-size:.875rem;color:#6b7280;margin:0}.loading-dots.svelte-145vr79.svelte-145vr79{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;font-size:.75rem;color:#6b7280}.step-indicators.svelte-145vr79.svelte-145vr79{display:flex;gap:.5rem;align-items:center}.step-dot.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s}.step-dot.svelte-145vr79.svelte-145vr79:before{content:"";width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:all .2s}.step-dot.active.svelte-145vr79.svelte-145vr79{opacity:1}.step-dot.active.svelte-145vr79.svelte-145vr79:before{background:#3b82f6;transform:scale(1.25)}.step-dot.completed.svelte-145vr79.svelte-145vr79:before{background:#059669}.step-label.svelte-145vr79.svelte-145vr79{font-size:.625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.restart-btn.svelte-145vr79.svelte-145vr79{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:2rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.restart-btn.svelte-145vr79.svelte-145vr79:hover{background:#e5e7eb}.demo-cta-group.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;align-items:center;gap:.75rem}.demo-cta-btn.svelte-145vr79.svelte-145vr79{display:inline-block;background:#f97316;color:#fff;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;box-shadow:0 1px 3px #f973164d;transition:all .2s;text-align:center}.demo-cta-btn.svelte-145vr79.svelte-145vr79:hover{background:#ea580c;box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.upload-screen.svelte-145vr79.svelte-145vr79{background:#fff;justify-content:flex-start;padding:0}.upload-header.svelte-145vr79.svelte-145vr79{width:100%;padding:1rem 1rem .75rem;background:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;gap:.5rem}.upload-logo.svelte-145vr79.svelte-145vr79{width:20px;height:auto}.upload-header.svelte-145vr79 h3.svelte-145vr79{font-size:1rem;font-weight:600;color:#111827;margin:0}.upload-content.svelte-145vr79.svelte-145vr79{flex:1;width:100%;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.upload-title.svelte-145vr79.svelte-145vr79{font-size:.875rem;font-weight:600;color:#374151;margin:0}.upload-docs.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;gap:.5rem}.upload-doc.svelte-145vr79.svelte-145vr79{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #E5E7EB;border-radius:.5rem;transition:all .3s}.upload-doc.done.svelte-145vr79.svelte-145vr79{background:#f0fdf4;border-color:#bbf7d0}.doc-icon.svelte-145vr79.svelte-145vr79{font-size:1.25rem}.doc-info.svelte-145vr79.svelte-145vr79{flex:1;display:flex;flex-direction:column}.doc-name.svelte-145vr79.svelte-145vr79{font-size:.75rem;font-weight:500;color:#111827}.doc-status.svelte-145vr79.svelte-145vr79{font-size:.625rem;color:#6b7280}.upload-doc.done.svelte-145vr79 .doc-status.svelte-145vr79{color:#059669}.doc-spinner.svelte-145vr79.svelte-145vr79{width:14px;height:14px;border:2px solid #D1D5DB;border-top-color:#3b82f6;border-radius:50%;animation:svelte-145vr79-spin .8s linear infinite}.doc-check.svelte-145vr79.svelte-145vr79{color:#059669;font-weight:600;font-size:.875rem}.upload-progress-bar.svelte-145vr79.svelte-145vr79{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-top:.5rem}.upload-progress-fill.svelte-145vr79.svelte-145vr79{height:100%;background:#3b82f6;border-radius:2px;transition:width .3s}.upload-status-text.svelte-145vr79.svelte-145vr79{font-size:.75rem;color:#6b7280;text-align:center;margin:0}.step-indicators-wrapper.svelte-145vr79.svelte-145vr79{display:flex;align-items:flex-end;gap:1.5rem}@media (max-width: 639px){.step-indicators-wrapper.svelte-145vr79.svelte-145vr79{gap:0}.role-group.svelte-145vr79.svelte-145vr79:not(.active-role){display:none}.role-divider.svelte-145vr79.svelte-145vr79{display:none}}.role-group.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.625rem .875rem .5rem;background:#fff;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000a}.role-label.svelte-145vr79.svelte-145vr79{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.1875rem .625rem;border-radius:1rem;line-height:1.3}.role-group.svelte-145vr79:first-child .role-label.svelte-145vr79{background:#eff6ff;color:#2563eb}.role-group.svelte-145vr79:last-child .role-label.svelte-145vr79{background:#f0fdf4;color:#16a34a}.role-divider.svelte-145vr79.svelte-145vr79{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-bottom:.5rem;align-self:center}.role-divider.svelte-145vr79 svg.svelte-145vr79{width:18px;height:18px;color:#9ca3af}