.cf7m-onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(160deg, #f0f2fd 0%, #edf0fb 45%, #f5f5fb 100%);z-index:999999;display:flex;flex-direction:column;overflow-y:auto}.cf7m-onboarding-header{width:100%;flex-shrink:0;padding:14px 24px;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.cf7m-onboarding-header-inner{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.cf7m-onboarding-logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#111827;min-width:0;flex-shrink:0}.cf7m-onboarding-logo svg{flex-shrink:0}.cf7m-onboarding-logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf7m-onboarding-progress-wrap{flex:1;display:flex;justify-content:center;min-width:0;padding:0 12px}.cf7m-progress-bar{display:flex;align-items:center;flex-shrink:0;gap:0}.cf7m-progress-step{display:flex;align-items:center}.cf7m-progress-dot{width:28px;height:28px;border-radius:50%;background:#e5e7eb;transition:all .25s;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;border:2px solid rgba(0,0,0,0)}.cf7m-progress-dot.active{background:#3044d7;color:#fff;border-color:rgba(48,68,215,.25);box-shadow:0 0 0 3px rgba(48,68,215,.12)}.cf7m-progress-dot.completed{background:#3044d7;color:#fff}.cf7m-progress-dot.completed svg{stroke:#fff}.cf7m-progress-num{line-height:1}.cf7m-progress-line{width:36px;height:2px;background:#e5e7eb;transition:background .25s;flex-shrink:0}.cf7m-progress-line.completed{background:#3044d7}.cf7m-exit-setup{display:flex;align-items:center;gap:6px;padding:7px 14px;background:rgba(0,0,0,0);color:#6b7280;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:13px;font-family:inherit;font-weight:500}.cf7m-exit-setup:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.cf7m-exit-setup svg{width:13px;height:13px;flex-shrink:0}.cf7m-exit-setup-text{white-space:nowrap}@media(max-width: 640px){.cf7m-exit-setup-text{display:none}}.cf7m-onboarding-content-wrap{width:100%;max-width:720px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px 48px;overflow-y:auto}.cf7m-onboarding-card{width:100%;max-width:560px;max-height:calc(100vh - 160px);display:flex;flex-direction:column;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);overflow:hidden;box-shadow:0 8px 40px rgba(48,68,215,.1),0 2px 8px rgba(0,0,0,.07)}.cf7m-onboarding-content{flex:1;min-height:0;overflow-y:auto;padding:28px 32px 20px}.cf7m-onboarding-step{width:100%}.cf7m-step-header{margin-bottom:16px}.cf7m-step-label{display:inline-block;font-size:11px;font-weight:600;color:#3044d7;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.cf7m-onboarding-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.3;letter-spacing:-0.02em}.cf7m-onboarding-description{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.cf7m-onboarding-footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:16px 32px 24px;border-top:1px solid #e5e7eb;gap:12px;background:#fff}.cf7m-onboarding-footer-right{display:flex;align-items:center;gap:12px;margin-left:auto}.cf7m-onboarding-skip{padding:0;border:none;background:none;font-size:12px;color:#6b7280;cursor:pointer;text-decoration:none;font-family:inherit;transition:color .2s}.cf7m-onboarding-skip:hover{color:#374151;text-decoration:underline}.cf7m-onboarding-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;border:1px solid rgba(0,0,0,0);font-family:inherit;line-height:1}.cf7m-onboarding-btn-primary{background:#3044d7;color:#fff;border-color:#3044d7}.cf7m-onboarding-btn-primary:hover{background:#2538b8;border-color:#2538b8;box-shadow:0 2px 8px rgba(48,68,215,.3)}.cf7m-onboarding-btn-primary svg{order:1}.cf7m-onboarding-btn-back{background:rgba(0,0,0,0);color:#6b7280;border-color:rgba(0,0,0,0);padding:9px 10px}.cf7m-onboarding-btn-back:hover{background:#f3f4f6;color:#374151}.cf7m-step-welcome .cf7m-welcome-list{list-style:none;margin:0;padding:0}.cf7m-step-welcome .cf7m-welcome-list li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13.5px;color:#374151;line-height:1.45}.cf7m-step-welcome .cf7m-welcome-list li:first-child{padding-top:0}.cf7m-step-welcome .cf7m-check-icon{flex-shrink:0;margin-top:1px;width:17px;height:17px;background:#3044d7;border-radius:50%;display:flex;align-items:center;justify-content:center}.cf7m-step-welcome .cf7m-check-icon svg{width:10px;height:10px;stroke:#fff}.cf7m-step-welcome .cf7m-check-icon--pro{background:rgba(48,68,215,.1)}.cf7m-step-welcome .cf7m-check-icon--pro svg{stroke:#3044d7}.cf7m-step-welcome .cf7m-welcome-pro-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#3044d7;margin:16px 0 6px;padding:0;opacity:.75}.cf7m-step-welcome .cf7m-welcome-list--pro li{color:#6b7280;font-size:13px}.cf7m-step-features .cf7m-step-features__header{margin-bottom:10px}.cf7m-step-features .cf7m-step-features__header .cf7m-onboarding-title{font-size:17px;margin-bottom:2px}.cf7m-step-features .cf7m-step-features__sub{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.cf7m-step-features .cf7m-features-list{margin-top:0}.cf7m-step-features .cf7m-feature-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #f3f4f6}.cf7m-step-features .cf7m-feature-item:first-child{padding-top:0}.cf7m-step-features .cf7m-feature-item:last-child{border-bottom:none}.cf7m-step-features .cf7m-feature-item.cf7m-feature-locked .cf7m-feature-title,.cf7m-step-features .cf7m-feature-item.cf7m-feature-locked .cf7m-feature-short{opacity:.6}.cf7m-step-features .cf7m-feature-info{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:8px}.cf7m-step-features .cf7m-feature-title{font-size:12.5px;font-weight:500;color:#111827;margin:0;display:flex;align-items:center;gap:5px;flex-shrink:0}.cf7m-step-features .cf7m-feature-short{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf7m-step-features .cf7m-pro-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;background:rgba(48,68,215,.1);font-size:9px;font-weight:700;border-radius:3px;text-transform:uppercase;color:#3044d7;letter-spacing:.04em}.cf7m-step-features .cf7m-feature-toggle,.cf7m-step-features .cf7m-feature-locked-icon{flex-shrink:0}.cf7m-step-features .cf7m-feature-locked-icon{display:flex;align-items:center;justify-content:center;width:28px;height:18px;color:#9ca3af}.cf7m-step-features .cf7m-toggle{position:relative;display:inline-block;width:32px;height:18px;cursor:pointer;flex-shrink:0}.cf7m-step-features .cf7m-toggle input{position:absolute !important;opacity:0 !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;pointer-events:none !important}.cf7m-step-features .cf7m-toggle input:checked+.cf7m-toggle-slider{background:#3044d7;border-color:#3044d7}.cf7m-step-features .cf7m-toggle input:checked+.cf7m-toggle-slider:before{transform:translateY(-50%) translateX(14px);box-shadow:0 1px 3px rgba(0,0,0,.2)}.cf7m-step-features .cf7m-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#d1d5db;border:1.5px solid #d1d5db;border-radius:18px;transition:background .2s,border-color .2s}.cf7m-step-features .cf7m-toggle-slider:before{content:"";position:absolute;height:13px;width:13px;left:1.5px;top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,.05)}.cf7m-step-features .cf7m-features-divider{display:flex;align-items:center;gap:8px;padding:5px 0 3px;margin-top:0}.cf7m-step-features .cf7m-features-divider span{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.cf7m-step-features .cf7m-features-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.cf7m-step-features .cf7m-pro-upsell{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;padding:8px 12px;background:rgba(48,68,215,.04);border:1px solid rgba(48,68,215,.12);border-radius:6px}.cf7m-step-features .cf7m-pro-upsell-text{font-size:12px;color:#374151;margin:0;line-height:1.4}.cf7m-step-features .cf7m-pro-upsell-text .cf7m-pro-upsell-desc{opacity:.8}.cf7m-step-features .cf7m-pro-upsell-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cf7m-step-features .cf7m-discount-tag{padding:4px 9px;background:#fff;border:1.5px dashed rgba(48,68,215,.5);border-radius:4px;font-size:11px;font-weight:600;color:#3044d7;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}.cf7m-step-features .cf7m-discount-tag:hover{background:rgba(48,68,215,.05);border-color:#3044d7}.cf7m-step-features .cf7m-discount-tag .cf7m-copied{margin-left:4px;font-size:10px;color:#2538b8;font-weight:500}.cf7m-step-features .cf7m-upsell-btn{display:inline-block;padding:5px 12px;background:#3044d7;color:#fff;border:1px solid #3044d7;border-radius:6px;font-size:11.5px;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s}.cf7m-step-features .cf7m-upsell-btn:hover{background:#2538b8;box-shadow:0 2px 6px rgba(48,68,215,.25)}.cf7m-step-help .cf7m-help-list{display:flex;flex-direction:column;gap:8px;margin-top:14px;list-style:none;margin-left:0;padding:0}.cf7m-step-help .cf7m-help-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:inherit;transition:all .2s}.cf7m-step-help .cf7m-help-item:hover{border-color:#3044d7;background:rgba(48,68,215,.03);box-shadow:0 2px 8px rgba(48,68,215,.08)}.cf7m-step-help .cf7m-help-item:hover .cf7m-help-arrow{transform:translateX(3px);color:#3044d7}.cf7m-step-help .cf7m-help-icon{flex-shrink:0;width:32px;height:32px;background:rgba(48,68,215,.08);border-radius:8px;color:#3044d7;display:flex;align-items:center;justify-content:center}.cf7m-step-help .cf7m-help-icon svg{width:16px;height:16px}.cf7m-step-help .cf7m-help-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cf7m-step-help .cf7m-help-item-title{font-size:13.5px;font-weight:600;color:#111827}.cf7m-step-help .cf7m-help-item-desc{font-size:12px;color:#6b7280;margin-top:1px}.cf7m-step-help .cf7m-help-arrow{flex-shrink:0;color:#9ca3af;transition:all .2s}.cf7m-step-help .cf7m-help-arrow svg{width:14px;height:14px}.cf7m-step-finish{text-align:center}.cf7m-step-finish .cf7m-step-header{display:flex;flex-direction:column;align-items:center}.cf7m-step-finish .cf7m-finish-icon{width:52px;height:52px;background:linear-gradient(135deg, rgba(48, 68, 215, 0.12) 0%, rgba(48, 68, 215, 0.06) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:#3044d7;border:2px solid rgba(48,68,215,.15)}.cf7m-step-finish .cf7m-finish-icon svg{width:24px;height:24px}.cf7m-step-finish .cf7m-finish-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.cf7m-step-finish .cf7m-finish-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid rgba(0,0,0,0);font-family:inherit}.cf7m-step-finish .cf7m-finish-btn-primary{background:#3044d7;color:#fff;border-color:#3044d7}.cf7m-step-finish .cf7m-finish-btn-primary:hover{background:#2538b8;border-color:#2538b8;box-shadow:0 2px 8px rgba(48,68,215,.3)}.cf7m-step-finish .cf7m-finish-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.cf7m-step-finish .cf7m-finish-btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.cf7m-step-finish .cf7m-finish-what-now{margin-top:18px;text-align:left;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.cf7m-step-finish .cf7m-finish-what-now-title{margin:0 0 8px;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.cf7m-step-finish .cf7m-finish-what-now-list{margin:0;padding:0 0 0 18px;font-size:12.5px;color:#374151;line-height:1.6}.cf7m-step-finish .cf7m-finish-what-now-list li{margin-bottom:3px}.cf7m-step-finish .cf7m-finish-pro-teaser{margin-top:14px;padding:12px 16px;background:rgba(48,68,215,.04);border:1px solid rgba(48,68,215,.12);border-radius:10px;text-align:left}.cf7m-step-finish .cf7m-finish-pro-teaser-title{margin:0 0 4px;font-size:11px;font-weight:700;color:#3044d7;text-transform:uppercase;letter-spacing:.05em}.cf7m-step-finish .cf7m-finish-pro-teaser-text{margin:0;font-size:12.5px;color:#374151;line-height:1.5}.cf7m-step-finish .cf7m-finish-pro-teaser-text a{color:#3044d7;font-weight:600;text-decoration:none}.cf7m-step-finish .cf7m-finish-pro-teaser-text a:hover{text-decoration:underline}.cf7m-step-finish .cf7m-finish-close-guide{display:block;margin:14px auto 0;padding:0;border:none;background:none;font-size:12px;color:#6b7280;cursor:pointer;font-family:inherit;text-decoration:underline;transition:color .2s}.cf7m-step-finish .cf7m-finish-close-guide:hover{color:#374151}.cf7m-step-finish .cf7m-finish-upsell{margin:14px 0 0;padding-top:12px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280}.cf7m-step-finish .cf7m-finish-upsell a{color:#3044d7;font-weight:500;text-decoration:none}.cf7m-step-finish .cf7m-finish-upsell a:hover{text-decoration:underline}@media(max-width: 640px){.cf7m-onboarding-header{padding:12px 16px}.cf7m-onboarding-header-inner{gap:10px;max-width:100%}.cf7m-exit-setup{padding:7px;min-width:32px;justify-content:center}.cf7m-onboarding-logo{font-size:13px}.cf7m-onboarding-logo svg{width:24px;height:24px}.cf7m-onboarding-progress-wrap{padding:0 6px}.cf7m-progress-dot{width:22px;height:22px;font-size:11px}.cf7m-progress-line{width:18px}.cf7m-onboarding-content-wrap{padding:16px 12px 28px;max-width:100%}.cf7m-onboarding-card{max-width:100%;border-radius:10px}.cf7m-onboarding-content{padding:20px 18px 16px}.cf7m-onboarding-footer{padding:12px 18px 18px;flex-direction:column;gap:8px}.cf7m-onboarding-footer-right{flex-direction:column;margin-left:0;width:100%;gap:6px}.cf7m-onboarding-skip{order:1}.cf7m-onboarding-btn{width:100%;justify-content:center}.cf7m-onboarding-btn-primary{margin-left:0;order:0}.cf7m-onboarding-title{font-size:18px}.cf7m-step-finish .cf7m-finish-actions{flex-direction:column}.cf7m-step-finish .cf7m-finish-btn{width:100%;justify-content:center}}.cf7m-rebrand-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, #f0f2fd 0%, #ffffff 100%);display:flex;align-items:center;justify-content:center;padding:24px;z-index:999999}.cf7m-rebrand-card{position:relative;width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.03),0 12px 32px rgba(0,0,0,.08);overflow:visible}.cf7m-rebrand-close{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:rgba(0,0,0,.05);color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .15s,color .15s}.cf7m-rebrand-close:hover{background:rgba(0,0,0,.09);color:#111827}.cf7m-rebrand-header{position:relative;padding:40px 32px 24px;text-align:center;background:linear-gradient(180deg, rgba(48, 68, 215, 0.05) 0%, transparent 100%)}.cf7m-rebrand-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle, rgba(48, 68, 215, 0.15) 0%, transparent 70%);pointer-events:none}.cf7m-rebrand-logo{position:relative;display:inline-flex}.cf7m-rebrand-logo svg{filter:drop-shadow(0 4px 12px rgba(48, 68, 215, 0.3))}.cf7m-rebrand-body{padding:0 32px 32px}.cf7m-rebrand-intro{text-align:center;margin-bottom:24px}.cf7m-rebrand-eyebrow{display:block;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:4px;letter-spacing:.02em}.cf7m-rebrand-title{font-size:32px;line-height:1;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg, #3044D7 0%, #4f5fd9 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:-0.02em}.cf7m-rebrand-tagline{font-size:14px;color:#374151;margin:0;opacity:.7;line-height:1.5}.cf7m-rebrand-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cf7m-rebrand-divider span{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.cf7m-rebrand-divider::before,.cf7m-rebrand-divider::after{content:"";flex:1;height:1px;background:#e5e7eb}.cf7m-rebrand-changes{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.cf7m-rebrand-change{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#f9fafb;border-radius:10px;transition:background .2s}.cf7m-rebrand-change:hover{background:rgba(48,68,215,.04)}.cf7m-rebrand-change-icon{flex-shrink:0;width:28px;height:28px;background:rgba(48,68,215,.1);color:#3044d7;border-radius:8px;display:flex;align-items:center;justify-content:center}.cf7m-rebrand-change-text{flex:1;min-width:0}.cf7m-rebrand-change-text strong{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:2px}.cf7m-rebrand-change-text span{display:block;font-size:12px;color:#374151;opacity:.7;line-height:1.4}.cf7m-rebrand-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#3044d7;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.cf7m-rebrand-cta svg{transition:transform .2s}.cf7m-rebrand-cta:hover{background:#2538b8;box-shadow:0 4px 14px rgba(48,68,215,.3)}.cf7m-rebrand-cta:hover svg{transform:translateX(3px)}.cf7m-rebrand-cta:active{transform:scale(0.98)}.cf7m-onboarding-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(36,34,58,.05);border:none;border-radius:50%;font-size:18px;line-height:1;color:#6b7280;cursor:pointer;transition:all .2s;z-index:10}.cf7m-onboarding-close:hover{background:rgba(36,34,58,.1);color:#374151}@media(max-width: 480px){.cf7m-rebrand-screen{padding:16px}.cf7m-rebrand-card{border-radius:16px}.cf7m-rebrand-header{padding:32px 24px 20px}.cf7m-rebrand-body{padding:0 24px 24px}.cf7m-rebrand-title{font-size:28px}.cf7m-rebrand-change{padding:10px 12px}.cf7m-rebrand-change-icon{width:24px;height:24px}.cf7m-rebrand-change-icon svg{width:14px;height:14px}}
