{"id":525,"date":"2025-09-29T11:36:11","date_gmt":"2025-09-29T11:36:11","guid":{"rendered":"https:\/\/restorequiet.com\/qp-landing-page\/?page_id=525"},"modified":"2025-10-06T13:03:19","modified_gmt":"2025-10-06T13:03:19","slug":"elementor-525","status":"publish","type":"page","link":"https:\/\/restorequiet.com\/qp-landing-page\/elementor-525\/","title":{"rendered":"Weight\u00a0Loss Quiz"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Weight Loss Reset Quiz - Find Your Personal Solution<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n background: linear-gradient(135deg, #E6F3FF 0%, #F0F4F8 100%);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 15px;\r\n line-height: 1.6;\r\n overscroll-behavior: none;\r\n }\r\n\r\n .quiz-container {\r\n background: white;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n max-width: 650px;\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n min-height: 500px;\r\n }\r\n\r\n .quiz-header {\r\n text-align: center;\r\n padding: 40px 30px 30px;\r\n background: linear-gradient(135deg, #4A90E2 0%, #5A67D8 100%);\r\n color: white;\r\n position: relative;\r\n }\r\n\r\n .quiz-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n padding: 8px 16px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 20px;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .quiz-content {\r\n padding: 40px 30px;\r\n text-align: center;\r\n }\r\n\r\n h1 {\r\n font-size: 2.2em;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n color: #2D3748;\r\n line-height: 1.3;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .subtitle {\r\n font-size: 1.1em;\r\n color: #4A5568;\r\n margin-bottom: 30px;\r\n line-height: 1.6;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .progress-container {\r\n background: #E2E8F0;\r\n height: 8px;\r\n border-radius: 4px;\r\n margin: 20px 30px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .progress-bar {\r\n background: linear-gradient(90deg, #4A90E2, #5A67D8);\r\n height: 100%;\r\n width: 0%;\r\n transition: width 0.5s ease;\r\n border-radius: 4px;\r\n position: relative;\r\n }\r\n\r\n .progress-bar::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 15px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2));\r\n animation: shimmer 2s infinite;\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% { transform: translateX(-15px); }\r\n 100% { transform: translateX(15px); }\r\n }\r\n\r\n .progress-text {\r\n text-align: center;\r\n margin: 15px 0;\r\n font-size: 14px;\r\n color: #718096;\r\n font-weight: 500;\r\n }\r\n\r\n .question-container {\r\n display: none;\r\n opacity: 0;\r\n transform: translateX(20px);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .question-container.active {\r\n display: block;\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .question-title {\r\n font-size: 1.7em;\r\n font-weight: 600;\r\n margin-bottom: 30px;\r\n color: #2D3748;\r\n line-height: 1.4;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .answers-grid {\r\n display: grid;\r\n gap: 15px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .answer-option {\r\n background: #F7FAFC;\r\n border: 2px solid #E2E8F0;\r\n border-radius: 12px;\r\n padding: 20px 16px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: left;\r\n font-size: 15px;\r\n color: #4A5568;\r\n font-weight: 400;\r\n position: relative;\r\n overflow: hidden;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n \/* Fixed: Better padding for checkmark *\/\r\n padding-right: 50px;\r\n }\r\n\r\n .answer-option::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(74, 144, 226, 0.05), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .answer-option:hover {\r\n border-color: #4A90E2;\r\n background: #F0F7FF;\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.1);\r\n }\r\n\r\n .answer-option:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .answer-option.selected {\r\n border-color: #4A90E2;\r\n background: linear-gradient(135deg, #F0F7FF 0%, #EBF4FF 100%);\r\n color: #2D3748;\r\n font-weight: 500;\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 16px rgba(74, 144, 226, 0.15);\r\n }\r\n\r\n \/* Fixed: Better positioned checkmark *\/\r\n .answer-option.selected::after {\r\n content: \"\u2713\";\r\n position: absolute;\r\n right: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #4A90E2;\r\n font-weight: bold;\r\n font-size: 20px;\r\n animation: checkmark 0.3s ease;\r\n line-height: 1;\r\n }\r\n\r\n @keyframes checkmark {\r\n 0% { opacity: 0; transform: translateY(-50%) scale(0.5); }\r\n 100% { opacity: 1; transform: translateY(-50%) scale(1); }\r\n }\r\n\r\n .btn {\r\n background: linear-gradient(135deg, #4A90E2 0%, #5A67D8 100%);\r\n color: white;\r\n border: none;\r\n padding: 16px 40px;\r\n border-radius: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 44px;\r\n width: 100%;\r\n max-width: 280px;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(74, 144, 226, 0.4);\r\n }\r\n\r\n .btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n transform: none;\r\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.15);\r\n }\r\n\r\n .btn:disabled:hover::before {\r\n left: -100%;\r\n }\r\n\r\n .popup-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.6);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .popup-overlay.show {\r\n display: flex;\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n .popup-content {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 40px 30px;\r\n max-width: 500px;\r\n width: 90%;\r\n text-align: center;\r\n position: relative;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n animation: popupSlide 0.4s ease;\r\n }\r\n\r\n @keyframes popupSlide {\r\n from { opacity: 0; transform: scale(0.9) translateY(20px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n .popup-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, #68D391, #48BB78);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n font-size: 28px;\r\n color: white;\r\n box-shadow: 0 6px 16px rgba(104, 211, 145, 0.2);\r\n }\r\n\r\n .popup-title {\r\n font-size: 1.7em;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n color: #2D3748;\r\n line-height: 1.4;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .popup-text {\r\n font-size: 1em;\r\n color: #4A5568;\r\n margin-bottom: 30px;\r\n line-height: 1.6;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .intro-screen {\r\n display: block;\r\n }\r\n\r\n .intro-screen.hidden {\r\n display: none;\r\n }\r\n\r\n .loading-dots {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-left: 8px;\r\n }\r\n\r\n .loading-dots span {\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: currentColor;\r\n margin: 0 1px;\r\n animation: loadingDots 1.4s infinite ease-in-out;\r\n }\r\n\r\n .loading-dots span:nth-child(1) { animation-delay: -0.32s; }\r\n .loading-dots span:nth-child(2) { animation-delay: -0.16s; }\r\n\r\n @keyframes loadingDots {\r\n 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }\r\n 40% { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n \/* Results Page 1 Styles *\/\r\n .results-page-1 {\r\n display: none;\r\n background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);\r\n min-height: 100vh;\r\n padding: 0;\r\n color: #2D3748;\r\n }\r\n\r\n .page1-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n background: white;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n }\r\n\r\n .page1-header {\r\n background: linear-gradient(135deg, #4A90E2 0%, #5A67D8 100%);\r\n color: white;\r\n padding: 40px 30px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .page1-header::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n animation: pulse 8s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 0.2; transform: scale(0.9) rotate(0deg); }\r\n 50% { opacity: 0.4; transform: scale(1.1) rotate(180deg); }\r\n }\r\n\r\n .page1-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n padding: 6px 14px;\r\n border-radius: 16px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n margin-bottom: 15px;\r\n backdrop-filter: blur(10px);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .page1-h1 {\r\n font-size: 2.3em;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .page1-h1 .highlight {\r\n color: #68D391;\r\n text-shadow: 0 1px 4px rgba(104, 211, 145, 0.2);\r\n }\r\n\r\n .page1-header-subtitle {\r\n font-size: 1.1em;\r\n opacity: 0.95;\r\n line-height: 1.6;\r\n position: relative;\r\n z-index: 1;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .page1-content {\r\n padding: 40px 30px;\r\n }\r\n\r\n .page1-section {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .page1-section-title {\r\n font-size: 1.6em;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n color: #2D3748;\r\n position: relative;\r\n padding-left: 16px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .page1-section-title::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 4px;\r\n height: 80%;\r\n background: linear-gradient(135deg, #4A90E2, #5A67D8);\r\n border-radius: 2px;\r\n }\r\n\r\n .insight-box {\r\n background: linear-gradient(135deg, #F0F7FF 0%, #F7FAFC 100%);\r\n border-left: 4px solid #4A90E2;\r\n padding: 20px;\r\n margin-bottom: 15px;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 8px rgba(74, 144, 226, 0.05);\r\n transition: all 0.3s ease;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .insight-box:hover {\r\n transform: translateX(3px);\r\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.1);\r\n }\r\n\r\n .insight-icon {\r\n font-size: 1.8em;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .insight-text {\r\n font-size: 1em;\r\n line-height: 1.6;\r\n color: #4A5568;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .recommendation-section {\r\n background: linear-gradient(135deg, #68D391 0%, #48BB78 100%);\r\n color: white;\r\n padding: 30px;\r\n border-radius: 12px;\r\n margin: 30px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .recommendation-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n border-radius: 50%;\r\n transform: translate(20%, -20%);\r\n }\r\n\r\n .recommendation-title {\r\n font-size: 1.8em;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .recommendation-intro {\r\n font-size: 1.1em;\r\n margin-bottom: 25px;\r\n opacity: 0.95;\r\n line-height: 1.6;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .feature-list {\r\n list-style: none;\r\n margin-bottom: 25px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .feature-item {\r\n background: rgba(255,255,255,0.1);\r\n padding: 16px;\r\n margin-bottom: 12px;\r\n border-radius: 8px;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.15);\r\n transition: all 0.3s ease;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .feature-item:hover {\r\n background: rgba(255,255,255,0.2);\r\n transform: translateX(3px);\r\n }\r\n\r\n .feature-title {\r\n font-weight: 600;\r\n font-size: 1em;\r\n margin-bottom: 6px;\r\n display: flex;\r\n align-items: flex-start;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .feature-title::before {\r\n content: \"\u2713\";\r\n margin-right: 10px;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feature-desc {\r\n opacity: 0.9;\r\n line-height: 1.5;\r\n padding-left: 28px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .lifestyle-section {\r\n background: #F7FAFC;\r\n padding: 30px;\r\n border-radius: 8px;\r\n border: 2px solid #E2E8F0;\r\n }\r\n\r\n .bullet-point {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 15px;\r\n padding: 12px;\r\n background: white;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .bullet-point:hover {\r\n background: #F8FAFC;\r\n transform: translateX(3px);\r\n }\r\n\r\n .bullet-icon {\r\n color: #4A90E2;\r\n font-size: 1.2em;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .bullet-text {\r\n font-size: 1em;\r\n line-height: 1.6;\r\n color: #4A5568;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .timeline-section {\r\n background: linear-gradient(135deg, #F0F7FF 0%, #F7FAFC 100%);\r\n padding: 30px;\r\n border-radius: 12px;\r\n margin: 30px 0;\r\n border: 2px solid #EBF4FF;\r\n }\r\n\r\n .timeline-item {\r\n display: flex;\r\n margin-bottom: 25px;\r\n position: relative;\r\n align-items: flex-start;\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Fixed: Better timeline marker positioning *\/\r\n .timeline-marker {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #4A90E2, #5A67D8);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 0.7em;\r\n flex-shrink: 0;\r\n box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2);\r\n position: relative;\r\n z-index: 1;\r\n text-align: center;\r\n line-height: 1.1;\r\n padding: 2px;\r\n }\r\n\r\n \/* Fixed: Better connecting line *\/\r\n .timeline-item:not(:last-child) .timeline-marker::after {\r\n content: '';\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 30px;\r\n background: linear-gradient(180deg, #4A90E2, #EBF4FF);\r\n }\r\n\r\n .timeline-content {\r\n flex: 1;\r\n margin-left: 20px;\r\n padding-top: 2px;\r\n }\r\n\r\n .timeline-title {\r\n font-weight: 600;\r\n font-size: 1.1em;\r\n color: #2D3748;\r\n margin-bottom: 6px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .timeline-desc {\r\n color: #4A5568;\r\n line-height: 1.6;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n font-size: 0.95em;\r\n }\r\n\r\n .testimonial {\r\n background: white;\r\n padding: 30px;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n margin: 30px 0;\r\n border-left: 4px solid #68D391;\r\n position: relative;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .testimonial::before {\r\n content: '\"';\r\n position: absolute;\r\n top: 15px;\r\n left: 15px;\r\n font-size: 3.5em;\r\n color: #E2E8F0;\r\n font-family: Georgia, serif;\r\n line-height: 1;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 1.1em;\r\n font-style: italic;\r\n color: #4A5568;\r\n line-height: 1.6;\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 600;\r\n color: #2D3748;\r\n display: flex;\r\n align-items: center;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .testimonial-author::before {\r\n content: '';\r\n width: 30px;\r\n height: 2px;\r\n background: #68D391;\r\n margin-right: 12px;\r\n }\r\n\r\n .cta-button {\r\n background: linear-gradient(135deg, #4A90E2 0%, #5A67D8 100%);\r\n color: white;\r\n border: none;\r\n padding: 18px 40px;\r\n border-radius: 40px;\r\n font-size: 1.1em;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 6px 16px rgba(74, 144, 226, 0.3);\r\n width: 100%;\r\n margin-top: 25px;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 44px;\r\n }\r\n\r\n .cta-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(74, 144, 226, 0.4);\r\n }\r\n\r\n .cta-button:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .sub-text {\r\n text-align: center;\r\n color: #718096;\r\n font-size: 0.9em;\r\n margin-top: 15px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n \/* Results Page 2 Styles *\/\r\n .results-page-2 {\r\n display: none;\r\n background: linear-gradient(135deg, #F0FFF4 0%, #F7FAFC 100%);\r\n min-height: 100vh;\r\n padding: 0;\r\n color: #2D3748;\r\n }\r\n\r\n .page2-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n background: white;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n }\r\n\r\n .page2-header {\r\n background: linear-gradient(135deg, #68D391 0%, #48BB78 100%);\r\n color: white;\r\n padding: 40px 30px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .page2-header::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n animation: rotate 25s linear infinite;\r\n }\r\n\r\n @keyframes rotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .page2-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n padding: 6px 14px;\r\n border-radius: 16px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n margin-bottom: 15px;\r\n backdrop-filter: blur(10px);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .page2-h1 {\r\n font-size: 2.1em;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .page2-header-subtitle {\r\n font-size: 1.1em;\r\n opacity: 0.95;\r\n line-height: 1.6;\r\n position: relative;\r\n z-index: 1;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .page2-content {\r\n padding: 40px 30px;\r\n }\r\n\r\n .intro-text {\r\n font-size: 1.1em;\r\n color: #4A5568;\r\n line-height: 1.6;\r\n margin-bottom: 30px;\r\n text-align: center;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .comparison-section {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin: 40px 0;\r\n }\r\n\r\n .comparison-box {\r\n padding: 30px 25px;\r\n border-radius: 12px;\r\n position: relative;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .comparison-left {\r\n background: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);\r\n border: 2px solid #FECACA;\r\n }\r\n\r\n .comparison-right {\r\n background: linear-gradient(135deg, #F0FFF4 0%, #C6F6D5 100%);\r\n border: 2px solid #9AE6B4;\r\n box-shadow: 0 4px 12px rgba(104, 211, 145, 0.1);\r\n }\r\n\r\n .comparison-title {\r\n font-size: 1.4em;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n text-align: center;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .comparison-left .comparison-title {\r\n color: #C53030;\r\n }\r\n\r\n .comparison-right .comparison-title {\r\n color: #2F855A;\r\n }\r\n\r\n .comparison-list {\r\n list-style: none;\r\n }\r\n\r\n .comparison-list li {\r\n padding: 10px 0;\r\n display: flex;\r\n align-items: flex-start;\r\n line-height: 1.5;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n font-size: 0.95em;\r\n }\r\n\r\n .comparison-left li::before {\r\n content: \"\u2717\";\r\n color: #C53030;\r\n font-weight: bold;\r\n margin-right: 10px;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n }\r\n\r\n .comparison-right li::before {\r\n content: \"\u2713\";\r\n color: #2F855A;\r\n font-weight: bold;\r\n margin-right: 10px;\r\n flex-shrink: 0;\r\n font-size: 1.1em;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8em;\r\n font-weight: 600;\r\n margin-bottom: 25px;\r\n color: #2D3748;\r\n text-align: center;\r\n position: relative;\r\n padding-bottom: 15px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #4A90E2, #5A67D8);\r\n border-radius: 2px;\r\n }\r\n\r\n .checklist-section {\r\n background: #F7FAFC;\r\n padding: 30px;\r\n border-radius: 12px;\r\n margin: 30px 0;\r\n border: 2px solid #E2E8F0;\r\n }\r\n\r\n .checklist-item {\r\n background: white;\r\n padding: 20px;\r\n margin-bottom: 15px;\r\n border-radius: 8px;\r\n border-left: 4px solid #4A90E2;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.03);\r\n transition: all 0.3s ease;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .checklist-item:hover {\r\n transform: translateX(3px);\r\n box-shadow: 0 2px 8px rgba(74, 144, 226, 0.05);\r\n }\r\n\r\n .checklist-title {\r\n font-weight: 600;\r\n font-size: 1.1em;\r\n color: #2D3748;\r\n margin-bottom: 6px;\r\n display: flex;\r\n align-items: flex-start;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .checklist-title::before {\r\n content: \"\ud83d\udccb\";\r\n margin-right: 10px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .checklist-desc {\r\n color: #4A5568;\r\n line-height: 1.6;\r\n padding-left: 28px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .faq-section {\r\n margin: 40px 0;\r\n }\r\n\r\n .faq-item {\r\n background: white;\r\n margin-bottom: 12px;\r\n border-radius: 8px;\r\n border: 1px solid #E2E8F0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: #4A90E2;\r\n box-shadow: 0 2px 8px rgba(74, 144, 226, 0.05);\r\n }\r\n\r\n \/* Fixed: Better FAQ layout for mobile *\/\r\n .faq-question {\r\n padding: 20px 16px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n font-size: 1em;\r\n color: #2D3748;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n user-select: none;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n line-height: 1.4;\r\n }\r\n\r\n .faq-question::after {\r\n content: \"+\";\r\n font-size: 1.5em;\r\n color: #4A90E2;\r\n transition: transform 0.3s ease;\r\n flex-shrink: 0;\r\n margin-left: 15px;\r\n line-height: 1;\r\n }\r\n\r\n .faq-item.active .faq-question::after {\r\n transform: rotate(45deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.4s ease;\r\n padding: 0 16px;\r\n color: #4A5568;\r\n line-height: 1.6;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n font-size: 0.95em;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 600px;\r\n padding: 0 16px 20px;\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n gap: 20px;\r\n margin: 30px 0;\r\n }\r\n\r\n .testimonial-card {\r\n background: white;\r\n padding: 25px;\r\n border-radius: 12px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n border-left: 4px solid #68D391;\r\n position: relative;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .testimonial-card::before {\r\n content: '\"';\r\n position: absolute;\r\n top: 12px;\r\n left: 15px;\r\n font-size: 2.8em;\r\n color: #E2E8F0;\r\n font-family: Georgia, serif;\r\n }\r\n\r\n .testimonial-card-text {\r\n font-style: italic;\r\n color: #4A5568;\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .testimonial-card-author {\r\n font-weight: 600;\r\n color: #2D3748;\r\n font-size: 0.9em;\r\n }\r\n\r\n .testimonial-result {\r\n color: #68D391;\r\n font-weight: 500;\r\n margin-top: 6px;\r\n }\r\n\r\n .urgency-banner {\r\n background: linear-gradient(135deg, #4A90E2 0%, #5A67D8 100%);\r\n color: white;\r\n padding: 20px;\r\n border-radius: 8px;\r\n text-align: center;\r\n margin: 30px 0;\r\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.2);\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .urgency-text {\r\n font-size: 1em;\r\n font-weight: 500;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .urgency-subtext {\r\n font-size: 0.9em;\r\n opacity: 0.9;\r\n }\r\n\r\n .guarantee-section {\r\n background: linear-gradient(135deg, #F0F7FF 0%, #F7FAFC 100%);\r\n padding: 30px;\r\n border-radius: 12px;\r\n margin: 30px 0;\r\n border: 2px solid #EBF4FF;\r\n text-align: center;\r\n }\r\n\r\n \/* Fixed: Better guarantee badge sizing *\/\r\n .guarantee-badge {\r\n width: 100px;\r\n height: 100px;\r\n background: linear-gradient(135deg, #4A90E2, #5A67D8);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.2);\r\n }\r\n\r\n .guarantee-badge-text {\r\n color: white;\r\n font-weight: 700;\r\n font-size: 0.9em;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n\r\n .guarantee-title {\r\n font-size: 1.6em;\r\n font-weight: 600;\r\n color: #2D3748;\r\n margin-bottom: 15px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .guarantee-text {\r\n font-size: 1em;\r\n color: #4A5568;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .cta-box {\r\n background: linear-gradient(135deg, #4A90E2 0%, #5A67D8 100%);\r\n color: white;\r\n padding: 40px 30px;\r\n border-radius: 16px;\r\n text-align: center;\r\n margin: 40px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-box::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n animation: pulse 5s ease-in-out infinite;\r\n }\r\n\r\n .cta-box-title {\r\n font-size: 1.8em;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .cta-box-text {\r\n font-size: 1.1em;\r\n margin-bottom: 30px;\r\n opacity: 0.95;\r\n line-height: 1.6;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .cta-button-large {\r\n background: linear-gradient(135deg, #68D391 0%, #48BB78 100%);\r\n color: white;\r\n border: none;\r\n padding: 20px 50px;\r\n border-radius: 40px;\r\n font-size: 1.2em;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 6px 16px rgba(104, 211, 145, 0.3);\r\n position: relative;\r\n z-index: 1;\r\n overflow: hidden;\r\n width: 100%;\r\n max-width: 450px;\r\n min-height: 44px;\r\n }\r\n\r\n .cta-button-large::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .cta-button-large:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(104, 211, 145, 0.4);\r\n }\r\n\r\n .cta-button-large:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cta-subtext {\r\n margin-top: 20px;\r\n font-size: 0.9em;\r\n opacity: 0.9;\r\n position: relative;\r\n z-index: 1;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .trust-badges {\r\n display: flex;\r\n justify-content: center;\r\n gap: 25px;\r\n margin-top: 25px;\r\n flex-wrap: wrap;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .trust-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 0.85em;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 768px) {\r\n body {\r\n padding: 10px;\r\n }\r\n \r\n .quiz-container, .page1-container, .page2-container {\r\n margin: 0;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n \r\n .quiz-content, .quiz-header, .page1-content, .page1-header, .page2-content, .page2-header {\r\n padding: 30px 20px;\r\n }\r\n \r\n h1, .page1-h1, .page2-h1 {\r\n font-size: 1.8em;\r\n line-height: 1.4;\r\n }\r\n \r\n .question-title {\r\n font-size: 1.5em;\r\n line-height: 1.4;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .popup-content {\r\n padding: 30px 20px;\r\n margin: 15px;\r\n width: calc(100% - 30px);\r\n }\r\n \r\n .btn, .cta-button, .cta-button-large {\r\n padding: 16px 30px;\r\n font-size: 15px;\r\n min-height: 50px;\r\n }\r\n\r\n .comparison-section {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .cta-box {\r\n padding: 30px 20px;\r\n }\r\n\r\n .cta-button-large {\r\n padding: 18px 25px;\r\n font-size: 1em;\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n \/* Fixed: Better timeline for mobile *\/\r\n .timeline-item {\r\n margin-bottom: 25px;\r\n align-items: flex-start;\r\n }\r\n\r\n .timeline-marker {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 0.65em;\r\n margin-top: 3px;\r\n }\r\n\r\n .timeline-content {\r\n margin-left: 15px;\r\n flex: 1;\r\n }\r\n\r\n .timeline-title {\r\n font-size: 1em;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .timeline-desc {\r\n font-size: 0.9em;\r\n line-height: 1.5;\r\n }\r\n\r\n .timeline-item:not(:last-child) .timeline-marker::after {\r\n height: 25px;\r\n }\r\n\r\n .feature-item, .insight-box, .checklist-item, .bullet-point {\r\n padding: 18px 15px;\r\n }\r\n\r\n .answer-option {\r\n padding: 18px 15px;\r\n padding-right: 50px;\r\n font-size: 14px;\r\n }\r\n\r\n .answer-option.selected::after {\r\n right: 18px;\r\n font-size: 18px;\r\n }\r\n\r\n .progress-container {\r\n margin: 15px 20px;\r\n }\r\n\r\n .guarantee-badge {\r\n width: 85px;\r\n height: 85px;\r\n }\r\n\r\n .guarantee-badge-text {\r\n font-size: 0.8em;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n body {\r\n padding: 8px;\r\n }\r\n\r\n .quiz-content, .quiz-header, .page1-content, .page1-header, .page2-content, .page2-header {\r\n padding: 25px 15px;\r\n }\r\n\r\n .progress-container {\r\n margin: 12px 15px;\r\n }\r\n\r\n h1, .page1-h1, .page2-h1 {\r\n font-size: 1.6em;\r\n line-height: 1.4;\r\n }\r\n\r\n .question-title {\r\n font-size: 1.3em;\r\n line-height: 1.4;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .subtitle, .popup-text, .insight-text, .timeline-desc, .feature-desc, .checklist-desc, .bullet-text, .testimonial-text, .intro-text, .guarantee-text, .cta-box-text {\r\n line-height: 1.5;\r\n font-size: 0.95em;\r\n }\r\n\r\n .popup-content {\r\n padding: 25px 15px;\r\n width: calc(100% - 16px);\r\n margin: 8px;\r\n }\r\n\r\n .btn, .cta-button, .cta-button-large {\r\n padding: 16px 20px;\r\n font-size: 14px;\r\n min-height: 50px;\r\n }\r\n\r\n .answer-option {\r\n padding: 16px 12px;\r\n padding-right: 45px;\r\n font-size: 14px;\r\n }\r\n\r\n .answer-option.selected::after {\r\n right: 15px;\r\n font-size: 16px;\r\n }\r\n\r\n .comparison-section {\r\n gap: 12px;\r\n }\r\n\r\n .comparison-box {\r\n padding: 25px 18px;\r\n }\r\n\r\n .page1-section-title, .recommendation-title, .section-title, .guarantee-title, .cta-box-title {\r\n font-size: 1.4em;\r\n line-height: 1.4;\r\n }\r\n\r\n .timeline-marker {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 0.6em;\r\n }\r\n\r\n .timeline-content {\r\n margin-left: 12px;\r\n }\r\n\r\n .timeline-title {\r\n font-size: 0.95em;\r\n }\r\n\r\n .timeline-desc {\r\n font-size: 0.85em;\r\n }\r\n\r\n .timeline-item:not(:last-child) .timeline-marker::after {\r\n height: 20px;\r\n }\r\n\r\n .progress-bar::after {\r\n display: none;\r\n }\r\n\r\n .insight-box:hover, .feature-item:hover, .bullet-point:hover, .checklist-item:hover, .testimonial-card:hover, .faq-item:hover {\r\n transform: none;\r\n }\r\n\r\n .trust-badges {\r\n gap: 15px;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .recommendation-section, .timeline-section, .checklist-section, .guarantee-section, .cta-box {\r\n padding: 25px 18px;\r\n }\r\n\r\n .testimonial, .urgency-banner {\r\n padding: 20px 15px;\r\n }\r\n\r\n .testimonials-grid {\r\n gap: 15px;\r\n }\r\n\r\n .faq-question {\r\n padding: 18px 15px;\r\n font-size: 0.9em;\r\n line-height: 1.4;\r\n }\r\n\r\n .faq-answer {\r\n font-size: 0.85em;\r\n line-height: 1.5;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n padding: 0 15px 18px;\r\n }\r\n\r\n .faq-question::after {\r\n font-size: 1.3em;\r\n margin-left: 10px;\r\n }\r\n\r\n .guarantee-badge {\r\n width: 80px;\r\n height: 80px;\r\n }\r\n\r\n .guarantee-badge-text {\r\n font-size: 0.75em;\r\n line-height: 1.1;\r\n }\r\n\r\n \/* Fixed: Better text wrapping for testimonial quotes *\/\r\n .testimonial::before, .testimonial-card::before {\r\n font-size: 2.5em;\r\n top: 10px;\r\n left: 12px;\r\n }\r\n\r\n .testimonial-text, .testimonial-card-text {\r\n padding-left: 8px;\r\n }\r\n }\r\n\r\n \/* Fix for very small screens *\/\r\n @media (max-width: 320px) {\r\n .quiz-content, .quiz-header, .page1-content, .page1-header, .page2-content, .page2-header {\r\n padding: 20px 12px;\r\n }\r\n\r\n h1, .page1-h1, .page2-h1 {\r\n font-size: 1.4em;\r\n }\r\n\r\n .question-title {\r\n font-size: 1.2em;\r\n }\r\n\r\n .timeline-marker {\r\n width: 35px;\r\n height: 35px;\r\n font-size: 0.55em;\r\n }\r\n\r\n .guarantee-badge {\r\n width: 70px;\r\n height: 70px;\r\n }\r\n\r\n .guarantee-badge-text {\r\n font-size: 0.7em;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"quiz-container\">\r\n <!-- Intro Screen -->\r\n <div class=\"intro-screen\" id=\"intro-screen\">\r\n <div class=\"quiz-header\">\r\n <div class=\"quiz-badge\">\u23f1\ufe0f 2-Minute Breakthrough Quiz<\/div>\r\n <\/div>\r\n <div class=\"quiz-content\">\r\n <h1>Why Haven't You Reached Your Weight Loss Goals Yet?<\/h1>\r\n <p class=\"subtitle\">Answer 8 personalized questions to discover what's secretly sabotaging your progress \u2014 then get your custom smoothie reset designed for your exact lifestyle, schedule, and cravings.<\/p>\r\n <button class=\"btn\" onclick=\"startQuiz()\">Discover What's Holding Me Back<\/button>\r\n <p style=\"margin-top: 20px; font-size: 13px; color: #718096; opacity: 0.8;\">\r\n \u2713 Takes 2 minutes \u2713 Personalized insights \u2713 No email required \u2713 Instant results\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Progress Bar -->\r\n <div class=\"progress-container\" id=\"progress-container\" style=\"display: none;\">\r\n <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\r\n <\/div>\r\n <div class=\"progress-text\" id=\"progress-text\" style=\"display: none;\"><\/div>\r\n\r\n <!-- Quiz Questions -->\r\n <div class=\"quiz-content\" id=\"quiz-content\" style=\"display: none;\">\r\n <div class=\"question-container active\" id=\"question-container\">\r\n <h2 class=\"question-title\" id=\"question-title\"><\/h2>\r\n <div class=\"answers-grid\" id=\"answers-grid\"><\/div>\r\n <button class=\"btn\" id=\"next-btn\" onclick=\"nextQuestion()\" disabled>\r\n Continue <span class=\"loading-dots\" id=\"loading-dots\" style=\"display: none;\"><span><\/span><span><\/span><span><\/span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Results Page 1 -->\r\n <div class=\"results-page-1\" id=\"results-page-1\">\r\n <div class=\"page1-container\">\r\n <div class=\"page1-header\">\r\n <div class=\"page1-badge\">\u2728 YOUR PERSONAL BREAKTHROUGH PLAN<\/div>\r\n <h1 class=\"page1-h1\">Your Answers Show You're Ready for a <span class=\"highlight\">Reset That Works<\/span> With Your Life \u2014 Not Against It<\/h1>\r\n <p class=\"page1-header-subtitle\">Based on your specific responses, here's what's been holding you back and exactly how to fix it.<\/p>\r\n <\/div>\r\n\r\n <div class=\"page1-content\">\r\n <div class=\"page1-section\">\r\n <h2 class=\"page1-section-title\">Here's what stood out from your quiz responses:<\/h2>\r\n \r\n <div class=\"insight-box\">\r\n <div class=\"insight-icon\">\u26a1<\/div>\r\n <div class=\"insight-text\">\r\n <strong>You're past the point of \"trying harder.\"<\/strong> Your body isn't responding to regular diets anymore because they're fighting against how your schedule, energy levels, and cravings actually work. You need a reset that finally addresses the root cause.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"insight-box\">\r\n <div class=\"insight-icon\">\ud83c\udfaf<\/div>\r\n <div class=\"insight-text\">\r\n <strong>You don't have time for complicated meal plans.<\/strong> The women who succeed aren't spending hours in the kitchen \u2014 they're using a simple morning ritual that takes 5 minutes and sets up their entire day for success.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"insight-box\">\r\n <div class=\"insight-icon\">\ud83d\udcaa<\/div>\r\n <div class=\"insight-text\">\r\n <strong>Your energy crashes aren't random.<\/strong> They happen at predictable times because of what (or what isn't) happening at breakfast. Fix the morning, fix the whole day \u2014 including those 3 PM sugar cravings.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"recommendation-section\">\r\n <h2 class=\"recommendation-title\">Here's what we recommend: A 21-day smoothie reset that works with your life<\/h2>\r\n <p class=\"recommendation-intro\">This isn't another restrictive diet. It's a strategic reset that fixes your metabolism, eliminates cravings, and gives you steady energy \u2014 all while fitting into your busiest mornings.<\/p>\r\n\r\n <ul class=\"feature-list\">\r\n <li class=\"feature-item\">\r\n <div class=\"feature-title\">5-Minute Morning Ritual<\/div>\r\n <div class=\"feature-desc\">Simple smoothie recipes that take less time than making coffee. No fancy ingredients, no cleanup chaos, no thinking required.<\/div>\r\n <\/li>\r\n <li class=\"feature-item\">\r\n <div class=\"feature-title\">Craving-Crusher Formula<\/div>\r\n <div class=\"feature-desc\">Specific nutrient combinations scientifically proven to shut down afternoon sugar cravings and eliminate the 3 PM energy crash.<\/div>\r\n <\/li>\r\n <li class=\"feature-item\">\r\n <div class=\"feature-title\">Energy-Boost Timeline<\/div>\r\n <div class=\"feature-desc\">Day-by-day breakdown showing exactly when you'll feel more energetic, when cravings disappear, and when weight starts dropping.<\/div>\r\n <\/li>\r\n <li class=\"feature-item\">\r\n <div class=\"feature-title\">Done-For-You Shopping Lists<\/div>\r\n <div class=\"feature-desc\">Pre-planned grocery lists for 3 full weeks. Just screenshot and shop \u2014 zero guesswork, zero overwhelm.<\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"page1-section lifestyle-section\">\r\n <h2 class=\"page1-section-title\">A reset designed around your real life:<\/h2>\r\n \r\n <div class=\"bullet-point\">\r\n <div class=\"bullet-icon\">\u2713<\/div>\r\n <div class=\"bullet-text\"><strong>For chaotic schedules:<\/strong> Everything is designed to work even on your most unpredictable days. No meal timing rules, no rigid requirements.<\/div>\r\n <\/div>\r\n\r\n <div class=\"bullet-point\">\r\n <div class=\"bullet-icon\">\u2713<\/div>\r\n <div class=\"bullet-text\"><strong>For busy mornings:<\/strong> Most recipes use 5 ingredients or less. Throw everything in a blender, press a button, and you're done.<\/div>\r\n <\/div>\r\n\r\n <div class=\"bullet-point\">\r\n <div class=\"bullet-icon\">\u2713<\/div>\r\n <div class=\"bullet-text\"><strong>For emotional eaters:<\/strong> The nutrient combinations naturally stabilize blood sugar and mood, making stress eating significantly easier to control.<\/div>\r\n <\/div>\r\n\r\n <div class=\"bullet-point\">\r\n <div class=\"bullet-icon\">\u2713<\/div>\r\n <div class=\"bullet-text\"><strong>For plateau breakers:<\/strong> This isn't calorie restriction \u2014 it's metabolic reset. Your body responds differently when you fix nutrition at the cellular level.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-section\">\r\n <h2 class=\"page1-section-title\">Your transformation timeline:<\/h2>\r\n \r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">DAY<br>1-3<\/div>\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-title\">The Foundation Phase<\/div>\r\n <div class=\"timeline-desc\">You'll establish your new morning routine and likely notice reduced bloating. Some women report better sleep within the first 48 hours as blood sugar stabilizes.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">DAY<br>4-7<\/div>\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-title\">Energy Breakthrough<\/div>\r\n <div class=\"timeline-desc\">This is when most women experience the \"aha moment\" \u2014 steady energy without caffeine crashes, fewer cravings, and noticeably clearer thinking. You'll start seeing the scale move.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">WEEK<br>2-3<\/div>\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-title\">Visible Results<\/div>\r\n <div class=\"timeline-desc\">Clothes fit better, people start noticing, and your body has adapted to running on premium fuel. Most women lose 8-12 pounds by the end of week 3 and feel like a completely different person.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial\">\r\n <p class=\"testimonial-text\">I thought I'd tried everything, but this was different. The smoothies actually kept me full, my cravings disappeared, and I lost 12 pounds in 3 weeks without feeling deprived. For the first time in years, I have energy that lasts all day.<\/p>\r\n <div class=\"testimonial-author\">Sarah M., working mom of 2<\/div>\r\n <\/div>\r\n\r\n <div class=\"page1-section\">\r\n <h2 class=\"page1-section-title\">Get Started With The 21-Day Plan That Works:<\/h2>\r\n <p style=\"font-size: 1em; color: #4A5568; margin-bottom: 15px; line-height: 1.6;\">\r\n You've seen what's possible. You've learned what's been holding you back. Now it's time to take action with a plan that actually fits your real life \u2014 busy schedule, unpredictable days, and all.\r\n <\/p>\r\n\r\n <button class=\"cta-button\" onclick=\"goToPage2()\">\r\n Show Me The Complete 21-Day Reset Plan \u2192\r\n <\/button>\r\n \r\n <p class=\"sub-text\">\u26a1 See exactly what's included \u2022 No credit card needed to preview<\/p>\r\n <\/div>\r\n\r\n <!-- Disclaimer -->\r\n <div style=\"background: #F7FAFC; border-top: 1px solid #E2E8F0; padding: 30px 20px; text-align: center; margin-top: 50px;\">\r\n <p style=\"font-size: 0.85em; color: #718096; line-height: 1.6; max-width: 800px; margin: 0 auto 15px;\">\r\n Individual results may vary. This site is not a part of the Facebook website or Facebook Inc. Additionally, this site is not endorsed by Facebook in any way. The information provided is for educational purposes only and is not intended as medical advice. Always consult with a healthcare professional before starting any weight loss program.\r\n <\/p>\r\n <div style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 15px;\">\r\n <a href=\"https:\/\/restorequiet.com\/qp-landing-page\/privacy-policy\/\" target=\"_blank\" style=\"color: #4A90E2; text-decoration: none; font-size: 0.85em; font-weight: 500;\">Privacy Policy<\/a>\r\n <span style=\"color: #CBD5E0;\">\u2022<\/span>\r\n <a href=\"https:\/\/restorequiet.com\/qp-landing-page\/privacy-policy\/\" target=\"_blank\" style=\"color: #4A90E2; text-decoration: none; font-size: 0.85em; font-weight: 500;\">Terms of Service<\/a>\r\n <span style=\"color: #CBD5E0;\">\u2022<\/span>\r\n <a href=\"https:\/\/restorequiet.com\/qp-landing-page\/privacy-policy\/\" target=\"_blank\" style=\"color: #4A90E2; text-decoration: none; font-size: 0.85em; font-weight: 500;\">Disclaimer<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Results Page 2 -->\r\n <div class=\"results-page-2\" id=\"results-page-2\">\r\n <div class=\"page2-container\">\r\n <div class=\"page2-header\">\r\n <div class=\"page2-badge\">STEP 2: SEE WHAT'S INCLUDED<\/div>\r\n <h1 class=\"page2-h1\">Your 21-Day Reset Is Ready \u2014 And It Pays for Itself Many Times Over<\/h1>\r\n <p class=\"page2-header-subtitle\">You're just one step away from the exact system that's helped thousands of women break through their weight loss plateau.<\/p>\r\n <\/div>\r\n\r\n <div class=\"page2-content\">\r\n <p class=\"intro-text\">\r\n You've seen how this works. You understand why other approaches haven't worked. Now let's talk about what happens when you finally do things differently.\r\n <\/p>\r\n\r\n <h2 class=\"section-title\">Why This Reset, Not Another Diet:<\/h2>\r\n\r\n <div class=\"comparison-section\">\r\n <div class=\"comparison-box comparison-left\">\r\n <div class=\"comparison-title\">Traditional Diets<\/div>\r\n <ul class=\"comparison-list\">\r\n <li>Require hours of meal prep weekly<\/li>\r\n <li>Leave you hungry and irritable<\/li>\r\n <li>Work against your schedule<\/li>\r\n <li>Stop working after initial water weight<\/li>\r\n <li>Increase cravings through restriction<\/li>\r\n <li>Require perfect compliance to work<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"comparison-box comparison-right\">\r\n <div class=\"comparison-title\">The 21-Day Reset<\/div>\r\n <ul class=\"comparison-list\">\r\n <li>5-minute morning ritual, done<\/li>\r\n <li>Keeps you satisfied with real nutrition<\/li>\r\n <li>Fits the busiest schedules<\/li>\r\n <li>Resets metabolism for lasting change<\/li>\r\n <li>Eliminates cravings naturally<\/li>\r\n <li>Works even on imperfect days<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">When you unlock the Reset, you get everything you need:<\/h2>\r\n\r\n <div class=\"checklist-section\">\r\n <div class=\"checklist-item\">\r\n <div class=\"checklist-title\">60+ Simple Smoothie Recipes<\/div>\r\n <div class=\"checklist-desc\">Every recipe takes 5 minutes or less. Strategically designed to control hunger, boost energy, and accelerate fat loss \u2014 without requiring exotic ingredients.<\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\">\r\n <div class=\"checklist-title\">3-Week Meal Plan<\/div>\r\n <div class=\"checklist-desc\">Done-for-you daily plan telling you exactly what smoothie to make each morning, when to drink it, and what to eat for the rest of the day. Zero guesswork required.<\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\">\r\n <div class=\"checklist-title\">Pre-Made Shopping Lists<\/div>\r\n <div class=\"checklist-desc\">Screenshot and shop \u2014 that's it. Organized by week so you're never overwhelmed or wasting money on ingredients you'll only use once.<\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\">\r\n <div class=\"checklist-title\">Smoothie Swaps Guide<\/div>\r\n <div class=\"checklist-desc\">Don't like an ingredient? Can't find something? This guide shows you how to swap while maintaining the metabolic benefits.<\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\">\r\n <div class=\"checklist-title\">Quick-Start Guide<\/div>\r\n <div class=\"checklist-desc\">Everything you need to know before Day 1: what to buy, how to prep, and how to set yourself up for success in under 20 minutes.<\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\">\r\n <div class=\"checklist-title\">Lifetime Access<\/div>\r\n <div class=\"checklist-desc\">Use it now, use it again in 6 months, share strategies with friends. This is yours forever, no recurring fees or subscriptions.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">30-Day Plan FAQ (From Women Who Asked):<\/h2>\r\n\r\n <div class=\"faq-section\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n Why will this work when other diets haven't?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Because it's not a diet \u2014 it's a metabolic reset. Traditional diets force you to fight against your biology: they restrict calories, increase hunger, and slow your metabolism. This approach works WITH your body by providing the exact nutrients needed to fix insulin resistance, balance hormones, and restore proper hunger signals. You're not white-knuckling through cravings \u2014 you're eliminating them at the source.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n I have a crazy schedule. Will I actually be able to do this?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Yes \u2014 that's exactly who this was designed for. The average smoothie takes 4-5 minutes to make. You can prep ingredients the night before if that helps. You can make double and save half for the next day. There are substitutions for when you can't find ingredients. This is built for real life, not perfect conditions.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n Will I be hungry all day if I only have smoothies?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n No \u2014 and this surprises most women. These aren't juice cleanses or tiny portions. Each smoothie is 300-400 calories of protein, healthy fats, and fiber that keeps you satisfied for hours. Plus, the plan includes guidance for lunch and dinner to keep your energy stable all day. Most women report feeling LESS hungry than on regular diets because their blood sugar is finally stable.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n What if I don't lose weight in 21 days?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Then you pay nothing. We offer a 60-day money-back guarantee because we've seen this work for thousands of women. If you follow the plan and don't see results, just email us and we'll refund every penny. No hoops, no hassle.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n Do I need expensive ingredients or special equipment?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n No special ingredients \u2014 everything is available at regular grocery stores. You need a blender (even a $20 one works), and that's it. The average woman spends $40-60 per week on groceries for the plan, which is often LESS than she was spending before because there's no food waste or impulse buying.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">What Real Women Are Saying:<\/h2>\r\n\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-card-text\">I was skeptical at first, but the results speak for themselves. Lost 14 pounds in 3 weeks, and I actually had MORE energy than before. The best part? No more 3 PM crashes where I'd raid the vending machine.<\/p>\r\n <div class=\"testimonial-card-author\">\u2014 Jennifer K., teacher<\/div>\r\n <div class=\"testimonial-result\">Lost 14 lbs in 21 days<\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-card-text\">As a working mom, I don't have time for complicated meal plans. These smoothies literally take 5 minutes, and they keep me full until lunch. My husband even started making them because he saw my results.<\/p>\r\n <div class=\"testimonial-card-author\">\u2014 Sarah M., working mom of 2<\/div>\r\n <div class=\"testimonial-result\">Lost 12 lbs + eliminated cravings<\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-card-text\">I've tried every diet out there. This was different because it wasn't restrictive \u2014 I was actually eating more nutrients than before. My skin cleared up, my sleep improved, and I dropped 11 pounds without feeling deprived once.<\/p>\r\n <div class=\"testimonial-card-author\">\u2014 Michelle R., nurse<\/div>\r\n <div class=\"testimonial-result\">Lost 11 lbs + better sleep & skin<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"guarantee-section\">\r\n <div class=\"guarantee-badge\">\r\n <div class=\"guarantee-badge-text\">60-DAY<br>GUARANTEE<\/div>\r\n <\/div>\r\n <h3 class=\"guarantee-title\">You're Protected by Our \"Better Than Promised\" Guarantee<\/h3>\r\n <p class=\"guarantee-text\">\r\n Try the full 21-Day Reset. If you don't see the energy boost, the craving elimination, and the weight loss we've described \u2014 or if you're unhappy for ANY reason \u2014 just email us within 60 days for a full refund. Keep everything, no questions asked. You risk absolutely nothing.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"urgency-banner\">\r\n <div class=\"urgency-text\">Instant Digital Access \u2014 Start in the Next 5 Minutes<\/div>\r\n <div class=\"urgency-subtext\">No waiting for shipping. Get immediate access to everything the moment you join.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-box\">\r\n <h3 class=\"cta-box-title\">Ready to See How Your Reset Works?<\/h3>\r\n <p class=\"cta-box-text\">\r\n Everything you need is waiting for you: the recipes, the meal plans, the shopping lists, and the exact blueprint that's helped thousands of women finally break through their plateau. Click below to get instant access.\r\n <\/p>\r\n \r\n <button class=\"cta-button-large\" onclick=\"goToOffer()\">\r\n YES! Get My Complete 21-Day Reset Now\r\n <\/button>\r\n \r\n <p class=\"cta-subtext\">Instant access \u2022 60-day money-back guarantee \u2022 One-time payment<\/p>\r\n \r\n <div class=\"trust-badges\">\r\n <div class=\"trust-badge\">\u2713 Secure Checkout<\/div>\r\n <div class=\"trust-badge\">\u2713 Instant Access<\/div>\r\n <div class=\"trust-badge\">\u2713 60-Day Guarantee<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p style=\"text-align: center; color: #718096; font-size: 0.9em; margin-top: 30px; line-height: 1.6;\">\r\n This is the same system used by thousands of women who were exactly where you are right now \u2014 frustrated with diets that don't work, tired of fighting cravings, and ready for something that finally fits their real life. The difference is, they took action. Will you?\r\n <\/p>\r\n\r\n <!-- Disclaimer -->\r\n <div style=\"background: #F7FAFC; border-top: 1px solid #E2E8F0; padding: 30px 20px; text-align: center; margin-top: 50px;\">\r\n <p style=\"font-size: 0.85em; color: #718096; line-height: 1.6; max-width: 800px; margin: 0 auto 15px;\">\r\n Individual results may vary. This site is not a part of the Facebook website or Facebook Inc. Additionally, this site is not endorsed by Facebook in any way. The information provided is for educational purposes only and is not intended as medical advice. Always consult with a healthcare professional before starting any weight loss program.\r\n <\/p>\r\n <div style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 15px;\">\r\n <a href=\"https:\/\/restorequiet.com\/qp-landing-page\/privacy-policy\/\" target=\"_blank\" style=\"color: #4A90E2; text-decoration: none; font-size: 0.85em; font-weight: 500;\">Privacy Policy<\/a>\r\n <span style=\"color: #CBD5E0;\">\u2022<\/span>\r\n <a href=\"https:\/\/restorequiet.com\/qp-landing-page\/privacy-policy\/\" target=\"_blank\" style=\"color: #4A90E2; text-decoration: none; font-size: 0.85em; font-weight: 500;\">Terms of Service<\/a>\r\n <span style=\"color: #CBD5E0;\">\u2022<\/span>\r\n <a href=\"https:\/\/restorequiet.com\/qp-landing-page\/privacy-policy\/\" target=\"_blank\" style=\"color: #4A90E2; text-decoration: none; font-size: 0.85em; font-weight: 500;\">Disclaimer<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Popup Overlay -->\r\n <div class=\"popup-overlay\" id=\"popup-overlay\">\r\n <div class=\"popup-content\">\r\n <div class=\"popup-icon\" id=\"popup-icon\">\ud83d\udca1<\/div>\r\n <h3 class=\"popup-title\" id=\"popup-title\"><\/h3>\r\n <p class=\"popup-text\" id=\"popup-text\"><\/p>\r\n <button class=\"btn\" onclick=\"closePopup()\">Continue My Quiz<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ===== EDITABLE CONTENT CONFIGURATION =====\r\n const quizData = {\r\n questions: [\r\n {\r\n title: \"What's your biggest frustration with your current weight loss efforts?\",\r\n answers: [\r\n \"I start strong but always lose motivation after a few days\",\r\n \"I'm too busy to meal prep or follow complicated plans\",\r\n \"I lose a few pounds then hit a plateau and give up\",\r\n \"I get intense cravings that sabotage my progress\"\r\n ]\r\n },\r\n {\r\n title: \"When do you struggle most with your eating choices?\",\r\n answers: [\r\n \"Mid-afternoon when my energy crashes (2-4 PM)\",\r\n \"Late evening when I'm stressed or tired\",\r\n \"Mornings when I'm rushing and skip breakfast\",\r\n \"All day \u2014 I feel like I'm constantly fighting cravings\"\r\n ]\r\n },\r\n {\r\n title: \"How much time can you realistically dedicate to meal preparation?\",\r\n answers: [\r\n \"5 minutes max \u2014 I need grab-and-go solutions\",\r\n \"10-15 minutes if it's really simple\",\r\n \"20-30 minutes on weekends for batch prep\",\r\n \"I prefer not to cook at all\"\r\n ]\r\n },\r\n {\r\n title: \"What describes your current energy levels?\",\r\n answers: [\r\n \"I'm exhausted by mid-afternoon every single day\",\r\n \"I rely on coffee\/caffeine to function\",\r\n \"My energy is unpredictable \u2014 good some days, terrible others\",\r\n \"I feel tired even after a full night's sleep\"\r\n ]\r\n },\r\n {\r\n title: \"Which statement best describes your relationship with food?\",\r\n answers: [\r\n \"I emotionally eat when stressed or overwhelmed\",\r\n \"I'm good all day then binge at night\",\r\n \"I skip meals then overeat because I'm starving\",\r\n \"I crave sugar and carbs constantly\"\r\n ]\r\n },\r\n {\r\n title: \"What's your primary weight loss goal right now?\",\r\n answers: [\r\n \"Lose 10-20 pounds for an upcoming event\",\r\n \"Break the cycle of losing and regaining the same weight\",\r\n \"Get my energy back and feel like myself again\",\r\n \"Fit into clothes that used to look great on me\"\r\n ]\r\n },\r\n {\r\n title: \"What's the biggest obstacle in your daily routine?\",\r\n answers: [\r\n \"My schedule is completely unpredictable\",\r\n \"I'm always putting everyone else's needs before my own\",\r\n \"I don't have time to shop for or prepare healthy food\",\r\n \"I travel frequently or eat out often\"\r\n ]\r\n },\r\n {\r\n title: \"What would make the biggest difference in your success?\",\r\n answers: [\r\n \"A plan that works even on my busiest days\",\r\n \"Something that controls my cravings naturally\",\r\n \"Quick results to keep me motivated\",\r\n \"Simple instructions I can actually follow long-term\"\r\n ]\r\n }\r\n ],\r\n \r\n popups: [\r\n {\r\n trigger: 3,\r\n icon: \"\u26a1\",\r\n title: \"Why 3 PM Energy Crashes Happen\",\r\n text: \"Your afternoon slumps aren't a willpower problem \u2014 they're blood sugar drops. The right morning nutrition can eliminate these crashes completely and stop the 3 PM snack attack before it starts.\"\r\n },\r\n {\r\n trigger: 6,\r\n icon: \"\ud83e\udde0\",\r\n title: \"The Real Reason Diets Fail\",\r\n text: \"Most plans fail because they don't account for your real life. The women who succeed use strategies that work even on chaotic days \u2014 that's exactly what this reset provides.\"\r\n }\r\n ]\r\n };\r\n\r\n \/\/ Quiz logic\r\n let currentQuestion = 0;\r\n let answers = [];\r\n let showingPopup = false;\r\n\r\n function startQuiz() {\r\n document.getElementById('intro-screen').classList.add('hidden');\r\n document.getElementById('progress-container').style.display = 'block';\r\n document.getElementById('progress-text').style.display = 'block';\r\n document.getElementById('quiz-content').style.display = 'block';\r\n \r\n showQuestion(0);\r\n updateProgress();\r\n }\r\n\r\n function showQuestion(questionIndex) {\r\n const question = quizData.questions[questionIndex];\r\n document.getElementById('question-title').textContent = question.title;\r\n \r\n const answersGrid = document.getElementById('answers-grid');\r\n answersGrid.innerHTML = '';\r\n \r\n question.answers.forEach((answer, index) => {\r\n const answerDiv = document.createElement('div');\r\n answerDiv.className = 'answer-option';\r\n answerDiv.textContent = answer;\r\n answerDiv.onclick = () => selectAnswer(index, answerDiv);\r\n answersGrid.appendChild(answerDiv);\r\n });\r\n \r\n document.getElementById('next-btn').disabled = true;\r\n }\r\n\r\n function selectAnswer(answerIndex, element) {\r\n document.querySelectorAll('.answer-option').forEach(el => {\r\n el.classList.remove('selected');\r\n });\r\n \r\n element.classList.add('selected');\r\n answers[currentQuestion] = answerIndex;\r\n document.getElementById('next-btn').disabled = false;\r\n }\r\n\r\n function nextQuestion() {\r\n \/\/ Show loading animation\r\n const loadingDots = document.getElementById('loading-dots');\r\n const nextBtn = document.getElementById('next-btn');\r\n loadingDots.style.display = 'inline-flex';\r\n nextBtn.disabled = true;\r\n \r\n setTimeout(() => {\r\n currentQuestion++;\r\n \r\n \/\/ Check for popup triggers\r\n const popup = quizData.popups.find(p => p.trigger === currentQuestion);\r\n if (popup) {\r\n showPopup(popup.icon, popup.title, popup.text);\r\n return;\r\n }\r\n \r\n loadingDots.style.display = 'none';\r\n nextBtn.disabled = false;\r\n \r\n if (currentQuestion < quizData.questions.length) {\r\n showQuestion(currentQuestion);\r\n updateProgress();\r\n } else {\r\n showPage1();\r\n }\r\n }, 800);\r\n }\r\n\r\n function updateProgress() {\r\n const progress = ((currentQuestion + 1) \/ quizData.questions.length) * 100;\r\n document.getElementById('progress-bar').style.width = progress + '%';\r\n document.getElementById('progress-text').textContent = `Question ${currentQuestion + 1} of ${quizData.questions.length} \u2022 ${Math.round(progress)}% Complete`;\r\n }\r\n\r\n function showPopup(icon, title, text) {\r\n document.getElementById('popup-icon').textContent = icon;\r\n document.getElementById('popup-title').textContent = title;\r\n document.getElementById('popup-text').textContent = text;\r\n document.getElementById('popup-overlay').classList.add('show');\r\n showingPopup = true;\r\n }\r\n\r\n function closePopup() {\r\n document.getElementById('popup-overlay').classList.remove('show');\r\n showingPopup = false;\r\n \r\n const loadingDots = document.getElementById('loading-dots');\r\n const nextBtn = document.getElementById('next-btn');\r\n loadingDots.style.display = 'none';\r\n nextBtn.disabled = false;\r\n \r\n if (currentQuestion < quizData.questions.length) {\r\n showQuestion(currentQuestion);\r\n updateProgress();\r\n } else {\r\n showPage1();\r\n }\r\n }\r\n\r\n function showPage1() {\r\n \/\/ Hide quiz container\r\n document.querySelector('.quiz-container').style.display = 'none';\r\n \r\n \/\/ Change body styling for full page layout\r\n document.body.style.background = 'linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%)';\r\n document.body.style.display = 'block';\r\n document.body.style.alignItems = 'unset';\r\n document.body.style.justifyContent = 'unset';\r\n document.body.style.padding = '0';\r\n \r\n \/\/ Show page 1\r\n document.getElementById('results-page-1').style.display = 'block';\r\n \r\n \/\/ Reset scroll position to top\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function goToPage2() {\r\n document.getElementById('results-page-1').style.display = 'none';\r\n document.getElementById('results-page-2').style.display = 'block';\r\n \r\n \/\/ Reset scroll position to top\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function toggleFAQ(element) {\r\n const faqItem = element.parentElement;\r\n const allFAQs = document.querySelectorAll('.faq-item');\r\n \r\n allFAQs.forEach(item => {\r\n if (item !== faqItem) {\r\n item.classList.remove('active');\r\n }\r\n });\r\n \r\n faqItem.classList.toggle('active');\r\n }\r\n\r\n function goToOffer() {\r\n window.location.href = 'https:\/\/go.smoothiediet.com\/?hopId=c484ad91-bf30-40b3-b00f-aab20492de01';\r\n }\r\n\r\n \/\/ Initialize\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.body.style.opacity = '0';\r\n setTimeout(() => {\r\n document.body.style.transition = 'opacity 0.5s ease';\r\n document.body.style.opacity = '1';\r\n }, 100);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Weight Loss Reset Quiz – Find Your Personal Solution \u23f1\ufe0f 2-Minute Breakthrough Quiz Why Haven’t You Reached Your Weight Loss Goals Yet? Answer 8 personalized questions to discover what’s secretly sabotaging your progress \u2014 then get your custom smoothie reset designed for your exact lifestyle, schedule, and cravings. Discover What’s Holding Me Back \u2713 Takes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-525","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/pages\/525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/comments?post=525"}],"version-history":[{"count":47,"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/pages\/525\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/pages\/525\/revisions\/594"}],"wp:attachment":[{"href":"https:\/\/restorequiet.com\/qp-landing-page\/wp-json\/wp\/v2\/media?parent=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}