{"id":37,"date":"2026-09-23T11:04:41","date_gmt":"2026-09-23T10:04:41","guid":{"rendered":"https:\/\/ruthreads.store\/?page_id=37"},"modified":"2026-09-23T13:41:35","modified_gmt":"2026-09-23T12:41:35","slug":"so-what-are-we-sale-page","status":"publish","type":"page","link":"https:\/\/ruthreads.store\/?page_id=37","title":{"rendered":"So what are we? Sale Page"},"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 SO, WHAT ARE WE? | The Relationship Clarity Workbook<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* ==========================================================================\r\n COLOR PALETTE & CSS VARIABLES (Warm Blush, Soft Rose Gold & Crisp Contrast)\r\n ========================================================================== *\/\r\n :root {\r\n --bg-outer: #FFF0F5; \/* Soft Lavender Blush \/ Pink Outer BG *\/\r\n --bg-card-light: #FFFFFF; \/* Pure White Content Cards *\/\r\n --bg-card-pink: #FFF7F9; \/* Delicate Pink Card Tint *\/\r\n --bg-dark-accent: #4A1525; \/* Deep Rosewood \/ Burgundy Accent *\/\r\n \r\n --primary-rose: #D85A7F; \/* Vibrant Rose Coral for Primary CTA *\/\r\n --primary-rose-hover: #C04268;\/* Hover State Rose *\/\r\n --secondary-pink: #FCDDEC; \/* Light Pink Accent Borders & Highlights *\/\r\n \r\n --gold-accent: #B8860B; \/* Warm Gold for Badges & Highlights *\/\r\n --gold-bg: #FFFDF0; \/* Soft Cream Tint for Gold Badges *\/\r\n \r\n --text-heading: #2D0F18; \/* Deep Wine Charcoal for High Contrast Headings *\/\r\n --text-body: #4A3E43; \/* Soft Warm Charcoal for Body Text *\/\r\n --text-muted: #7A6970; \/* Muted Text *\/\r\n \r\n --border-light: #F3D0DF; \/* Soft Pink Border Lines *\/\r\n --border-gold: rgba(212, 175, 55, 0.4);\r\n \r\n --font-heading: 'Playfair Display', serif;\r\n --font-body: 'Plus Jakarta Sans', sans-serif;\r\n }\r\n\r\n \/* Universal Reset *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n min-height: 100vh;\r\n background-color: var(--bg-outer);\r\n color: var(--text-body);\r\n font-family: var(--font-body);\r\n line-height: 1.65;\r\n font-size: 16px;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* ==========================================================================\r\n LAYOUT STRUCTURE & WRAPPERS (Full-Bleed Desktop Spacing Fix)\r\n ========================================================================== *\/\r\n .page-wrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 20px 0 80px 0;\r\n }\r\n\r\n .container {\r\n width: 92%;\r\n max-width: 950px;\r\n margin: 0 auto;\r\n }\r\n\r\n .container-narrow {\r\n width: 92%;\r\n max-width: 780px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Section Base Utilities *\/\r\n .section-card {\r\n background-color: var(--bg-card-light);\r\n border-radius: 20px;\r\n border: 1px solid var(--border-light);\r\n box-shadow: 0 10px 30px rgba(216, 90, 127, 0.06);\r\n padding: 3rem 2.5rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n \/* Typography *\/\r\n h1, h2, h3, h4, .serif {\r\n font-family: var(--font-heading);\r\n letter-spacing: 0.2px;\r\n }\r\n\r\n h1 {\r\n font-size: clamp(2.2rem, 4.5vw, 3.5rem);\r\n line-height: 1.25;\r\n color: var(--text-heading);\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n h2 {\r\n font-size: clamp(1.7rem, 3.2vw, 2.5rem);\r\n text-align: center;\r\n margin-bottom: 0.8rem;\r\n font-weight: 700;\r\n color: var(--text-heading);\r\n }\r\n\r\n .subtitle {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 2rem;\r\n font-size: 1.08rem;\r\n color: var(--text-muted);\r\n }\r\n\r\n .badge-tag {\r\n display: inline-block;\r\n background-color: var(--secondary-pink);\r\n color: var(--text-heading);\r\n font-weight: 700;\r\n font-size: 0.78rem;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 50px;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .badge-tag-center {\r\n text-align: center;\r\n display: table;\r\n margin: 0 auto 1rem;\r\n }\r\n\r\n \/* Top Sticky Bar *\/\r\n .top-bar {\r\n background-color: var(--bg-dark-accent);\r\n color: #FFFFFF;\r\n padding: 0.75rem 1rem;\r\n text-align: center;\r\n font-size: 0.88rem;\r\n font-weight: 600;\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1.2rem;\r\n flex-wrap: wrap;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .timer-badge {\r\n background: var(--gold-bg);\r\n padding: 0.3rem 0.8rem;\r\n border-radius: 20px;\r\n border: 1px solid var(--gold-accent);\r\n color: var(--gold-accent);\r\n font-family: monospace;\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Call To Action Buttons *\/\r\n .btn-primary {\r\n display: inline-block;\r\n background-color: var(--primary-rose);\r\n color: #FFFFFF;\r\n font-weight: 700;\r\n font-size: 1.05rem;\r\n padding: 1.15rem 2.5rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n box-shadow: 0 8px 20px rgba(216, 90, 127, 0.3);\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n text-align: center;\r\n width: 100%;\r\n max-width: 460px;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n background-color: var(--primary-rose-hover);\r\n box-shadow: 0 12px 25px rgba(216, 90, 127, 0.4);\r\n }\r\n\r\n .cta-wrapper {\r\n text-align: center;\r\n margin: 2rem 0 1rem;\r\n }\r\n\r\n .trust-badges {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin-top: 0.8rem;\r\n font-size: 0.85rem;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* HERO SECTION *\/\r\n .hero {\r\n text-align: center;\r\n padding: 3rem 2rem;\r\n }\r\n\r\n .hero-sub {\r\n font-size: clamp(1.1rem, 2vw, 1.35rem);\r\n color: var(--text-body);\r\n max-width: 780px;\r\n margin: 1rem auto 2rem;\r\n font-style: italic;\r\n line-height: 1.5;\r\n }\r\n\r\n .sound-familiar-card {\r\n background: var(--bg-card-pink);\r\n border: 1px solid var(--border-light);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n text-align: left;\r\n position: relative;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .sound-familiar-tag {\r\n position: absolute;\r\n top: -14px;\r\n right: 25px;\r\n background: var(--gold-accent);\r\n color: #FFFFFF;\r\n font-weight: 700;\r\n font-size: 0.75rem;\r\n padding: 0.3rem 1rem;\r\n border-radius: 20px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .quote-box {\r\n background: #FFFFFF;\r\n border-left: 3px solid var(--primary-rose);\r\n padding: 1.2rem 1.5rem;\r\n border-radius: 0 12px 12px 0;\r\n margin-top: 1.5rem;\r\n font-style: italic;\r\n color: var(--text-heading);\r\n }\r\n\r\n \/* INTERACTIVE QUIZ SECTION *\/\r\n .quiz-card {\r\n background: var(--bg-card-pink);\r\n border: 1px solid var(--border-light);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .quiz-progress-bar {\r\n height: 6px;\r\n background: #EFE8E9;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .quiz-progress-fill {\r\n height: 100%;\r\n background: var(--primary-rose);\r\n width: 25%;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .quiz-question-title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--text-heading);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .quiz-options {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n }\r\n\r\n .quiz-option-btn {\r\n background: #FFFFFF;\r\n border: 1px solid var(--border-light);\r\n border-radius: 12px;\r\n padding: 1.1rem 1.4rem;\r\n text-align: left;\r\n font-size: 0.98rem;\r\n color: var(--text-body);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .quiz-option-btn:hover {\r\n border-color: var(--primary-rose);\r\n transform: translateX(4px);\r\n }\r\n\r\n .radio-circle {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n border: 2px solid var(--border-light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .quiz-result-box {\r\n display: none;\r\n text-align: center;\r\n padding: 1rem 0;\r\n }\r\n\r\n .score-badge {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: var(--primary-rose);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n \/* STORY CASE STUDY SECTION *\/\r\n .story-card {\r\n background: var(--bg-card-pink);\r\n border: 1px solid var(--border-light);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n }\r\n\r\n .story-timeline-item {\r\n display: flex;\r\n gap: 1.2rem;\r\n margin-bottom: 2rem;\r\n align-items: flex-start;\r\n }\r\n\r\n .timeline-badge {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: var(--bg-dark-accent);\r\n color: var(--gold-accent);\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.9rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .story-timeline-content h4 {\r\n color: var(--text-heading);\r\n font-size: 1.15rem;\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .story-timeline-content p {\r\n color: var(--text-body);\r\n font-size: 0.98rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .story-highlight-box {\r\n background: #FFFFFF;\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n margin-top: 1rem;\r\n border-left: 3px solid var(--primary-rose);\r\n border: 1px solid var(--border-light);\r\n border-left-width: 4px;\r\n }\r\n\r\n .toggle-story-btn {\r\n display: block;\r\n margin: 1.5rem auto 0;\r\n background: none;\r\n border: none;\r\n color: var(--primary-rose);\r\n font-weight: 700;\r\n cursor: pointer;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* 5-STAGE CLARITY SYSTEM *\/\r\n .stage-tabs {\r\n display: flex;\r\n gap: 0.8rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .stage-tab-btn {\r\n background: #FFFFFF;\r\n border: 1px solid var(--border-light);\r\n color: var(--text-body);\r\n padding: 0.75rem 1.4rem;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .stage-tab-btn.active {\r\n background: var(--primary-rose);\r\n color: #FFFFFF;\r\n border-color: var(--primary-rose);\r\n }\r\n\r\n .stage-panel {\r\n background: var(--bg-card-pink);\r\n border: 1px solid var(--border-light);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n display: none;\r\n }\r\n\r\n .stage-panel.active {\r\n display: block;\r\n }\r\n\r\n .stage-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .stage-card-stop {\r\n background: #FFF5F5;\r\n border: 1px solid #FFD0D0;\r\n padding: 1.2rem 1.5rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .stage-card-doc {\r\n background: #F2F9F4;\r\n border: 1px solid #C3E6CB;\r\n padding: 1.2rem 1.5rem;\r\n border-radius: 12px;\r\n }\r\n\r\n \/* IMAGINE HOW IT WOULD FEEL *\/\r\n .imagine-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .imagine-item {\r\n background: var(--bg-card-pink);\r\n border-left: 4px solid var(--primary-rose);\r\n padding: 1.5rem;\r\n border-radius: 0 14px 14px 0;\r\n border-top: 1px solid var(--border-light);\r\n border-right: 1px solid var(--border-light);\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n\r\n .imagine-item h4 {\r\n color: var(--text-heading);\r\n margin-bottom: 0.5rem;\r\n font-size: 1.05rem;\r\n }\r\n\r\n \/* TRANSFORMATION GRID *\/\r\n .trans-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .trans-box {\r\n border-radius: 18px;\r\n padding: 2rem;\r\n }\r\n\r\n .trans-from {\r\n background: #FFF5F5;\r\n border: 1px solid #FFD0D0;\r\n }\r\n\r\n .trans-to {\r\n background: #F2F9F4;\r\n border: 1px solid #C3E6CB;\r\n }\r\n\r\n .trans-title {\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .trans-list {\r\n list-style: none;\r\n }\r\n\r\n .trans-list li {\r\n margin-bottom: 1rem;\r\n position: relative;\r\n padding-left: 1.8rem;\r\n font-size: 0.96rem;\r\n }\r\n\r\n .trans-from li::before {\r\n content: \"\u2715\";\r\n color: #DC3545;\r\n position: absolute;\r\n left: 0;\r\n font-weight: bold;\r\n }\r\n\r\n .trans-to li::before {\r\n content: \"\u2713\";\r\n color: #28A745;\r\n position: absolute;\r\n left: 0;\r\n font-weight: bold;\r\n }\r\n\r\n \/* PRO AT SECTION *\/\r\n .pro-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .pro-card {\r\n background: var(--bg-card-pink);\r\n border: 1px solid var(--border-light);\r\n padding: 1.5rem;\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1.2rem;\r\n }\r\n\r\n .pro-icon {\r\n font-size: 1.5rem;\r\n line-height: 1;\r\n }\r\n\r\n .pro-card strong {\r\n color: var(--text-heading);\r\n display: block;\r\n margin-bottom: 0.3rem;\r\n font-size: 1.05rem;\r\n }\r\n\r\n \/* ACCORDIONS (CHAPTERS & DOUBTS) *\/\r\n .chapter-list, .doubt-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.9rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .chapter-item, .doubt-item {\r\n background: #FFFFFF;\r\n border: 1px solid var(--border-light);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n }\r\n\r\n .chapter-header, .doubt-header {\r\n padding: 1.2rem 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 700;\r\n color: var(--text-heading);\r\n }\r\n\r\n .chapter-header::after, .doubt-header::after {\r\n content: \"+\";\r\n font-size: 1.4rem;\r\n color: var(--primary-rose);\r\n }\r\n\r\n .chapter-item.active .chapter-header::after, \r\n .doubt-item.active .doubt-header::after {\r\n content: \"\u2212\";\r\n }\r\n\r\n .chapter-body, .doubt-body {\r\n padding: 0 1.5rem 1.2rem;\r\n display: none;\r\n color: var(--text-body);\r\n border-top: 1px solid var(--border-light);\r\n margin-top: 0.5rem;\r\n padding-top: 1rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .chapter-item.active .chapter-body, \r\n .doubt-item.active .doubt-body {\r\n display: block;\r\n }\r\n\r\n \/* JUICY BONUSES SECTION *\/\r\n .bonus-card {\r\n background: var(--bg-card-pink);\r\n border: 2px dashed var(--primary-rose);\r\n border-radius: 18px;\r\n padding: 2rem;\r\n margin-bottom: 1.8rem;\r\n }\r\n\r\n .bonus-badge {\r\n background: var(--primary-rose);\r\n color: #FFFFFF;\r\n font-weight: 800;\r\n font-size: 0.78rem;\r\n padding: 0.35rem 1rem;\r\n border-radius: 20px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n \/* VALUE STACK TABLE *\/\r\n .value-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin: 2rem 0;\r\n }\r\n\r\n .value-table td {\r\n padding: 1.1rem;\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n\r\n .value-table tr:last-child td {\r\n border-bottom: none;\r\n }\r\n\r\n .value-price {\r\n text-align: right;\r\n font-weight: 700;\r\n color: var(--primary-rose);\r\n }\r\n\r\n \/* AUTHOR BOX *\/\r\n .author-box {\r\n background: var(--bg-card-pink);\r\n border: 1px solid var(--border-light);\r\n border-radius: 20px;\r\n padding: 2.5rem;\r\n display: flex;\r\n gap: 2rem;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .author-avatar {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50%;\r\n background: var(--bg-dark-accent);\r\n border: 2px solid var(--gold-accent);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2.2rem;\r\n color: var(--gold-accent);\r\n font-family: var(--font-heading);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* TESTIMONIALS GRID *\/\r\n .testi-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .testi-card {\r\n background: var(--bg-card-pink);\r\n border: 1px solid var(--border-light);\r\n border-radius: 16px;\r\n padding: 1.8rem;\r\n }\r\n\r\n .stars {\r\n color: #FFB800;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .testi-author {\r\n margin-top: 1rem;\r\n font-weight: 700;\r\n color: var(--text-heading);\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* SOCIAL PROOF MESSAGES SECTION *\/\r\n .social-proof-section {\r\n background: var(--bg-dark-accent);\r\n color: #FFFFFF;\r\n padding: 4rem 1.5rem;\r\n border-radius: 20px;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .social-messages-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n max-width: 560px;\r\n margin: 2.5rem auto 0;\r\n }\r\n\r\n .whatsapp-bubble {\r\n background: #075E54;\r\n color: #FFFFFF;\r\n padding: 1.2rem 1.5rem;\r\n border-radius: 18px 18px 18px 2px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n font-size: 0.95rem;\r\n line-height: 1.55;\r\n }\r\n\r\n .instagram-bubble {\r\n background: linear-gradient(135deg, #262626 0%, #1A1A1A 100%);\r\n border: 1px solid #3A3A3A;\r\n color: #F5F5F5;\r\n padding: 1.2rem 1.5rem;\r\n border-radius: 20px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n font-size: 0.95rem;\r\n line-height: 1.55;\r\n }\r\n\r\n .imessage-bubble {\r\n background: #0B84FF;\r\n color: #FFFFFF;\r\n padding: 1.2rem 1.5rem;\r\n border-radius: 20px 20px 4px 20px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.2);\r\n font-size: 0.95rem;\r\n line-height: 1.55;\r\n }\r\n\r\n .bubble-time {\r\n display: block;\r\n font-size: 0.75rem;\r\n opacity: 0.75;\r\n text-align: right;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n \/* STICKY BOTTOM BAR *\/\r\n .sticky-buy-bar {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(255, 255, 255, 0.96);\r\n border-top: 1px solid var(--border-light);\r\n padding: 0.9rem 1.5rem;\r\n z-index: 999;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 -5px 20px rgba(0,0,0,0.05);\r\n }\r\n\r\n @media (max-width: 650px) {\r\n .sticky-buy-bar {\r\n flex-direction: column;\r\n gap: 0.6rem;\r\n text-align: center;\r\n }\r\n .section-card {\r\n padding: 2rem 1.2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Top Announcement Bar -->\r\n <div class=\"top-bar\">\r\n <span>\ud83d\udd25 SPECIAL LAUNCH OFFER: <strong>\u20a63,500<\/strong> (Planned Price: \u20a612,900)<\/span>\r\n <div class=\"timer-badge\">\r\n Ends In: <span id=\"timer\">23:59:59<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"page-wrapper\">\r\n <div class=\"container\">\r\n\r\n <!-- HERO SECTION -->\r\n <section class=\"section-card hero\">\r\n <span class=\"badge-tag\">THE RELATIONSHIP CLARITY WORKBOOK<\/span>\r\n <h1>SO, WHAT ARE WE?<\/h1>\r\n <p class=\"hero-sub\">\r\n Know where you stand, understand what he's actually offering, and decide whether this relationship deserves more of your time, energy, and heart.\r\n <\/p>\r\n\r\n <div class=\"sound-familiar-card\">\r\n <span class=\"sound-familiar-tag\">SOUND FAMILIAR?<\/span>\r\n <p style=\"font-size: 1.08rem; color: var(--text-heading); margin-bottom: 1rem; font-weight: 600;\">\r\n You know you're emotionally invested. You just don't know what you're investing in.\r\n <\/p>\r\n <p style=\"font-size: 0.98rem; color: var(--text-body); margin-bottom: 0;\">\r\n You've been seeing him for a while. Maybe 3 months. Maybe 5. Maybe you're already past the point where calling it \"just talking\" feels ridiculous, but calling him your boyfriend still feels like you're saying something he hasn't actually said.\r\n <\/p>\r\n <div class=\"quote-box\">\r\n \"When your friend asks, 'So what's going on with you and this guy?' \u2014 you suddenly realize you don't actually know what to say...\"\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-wrapper\">\r\n <a href=\"#order-section\" class=\"btn-primary\">GET INSTANT ACCESS NOW \u2014 \u20a63,500<\/a>\r\n <div class=\"trust-badges\">\r\n <span>\ud83d\udd12 Secure Checkout<\/span>\r\n <span>\u26a1 Instant Digital Download<\/span>\r\n <span>\ud83d\udd10 Discreet Billing<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- INTERACTIVE DIAGNOSTIC TOOL -->\r\n <section class=\"section-card\">\r\n <span class=\"badge-tag badge-tag-center\">INTERACTIVE TOOL<\/span>\r\n <h2>Where Do You Stand Today?<\/h2>\r\n <p class=\"subtitle\">Answer these 4 rapid questions to evaluate the level of clarity in your current relationship.<\/p>\r\n\r\n <div class=\"quiz-card\">\r\n <div class=\"quiz-progress-bar\">\r\n <div class=\"quiz-progress-fill\" id=\"quiz-progress\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"quiz-question-container\">\r\n <div class=\"quiz-question-title\" id=\"quiz-title\">1. How long have you been seeing each other without an official label?<\/div>\r\n <div class=\"quiz-options\" id=\"quiz-options\">\r\n <button class=\"quiz-option-btn\" onclick=\"answerQuiz(1)\">\r\n <span>Less than 2 months<\/span>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/button>\r\n <button class=\"quiz-option-btn\" onclick=\"answerQuiz(2)\">\r\n <span>3 to 5 months<\/span>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/button>\r\n <button class=\"quiz-option-btn\" onclick=\"answerQuiz(3)\">\r\n <span>6+ months (or \"talking\" off-and-on)<\/span>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"quiz-result-box\" id=\"quiz-result\">\r\n <div class=\"score-badge\">CLARITY GAP DETECTED<\/div>\r\n <h3 style=\"color: var(--text-heading); margin-bottom: 0.8rem;\">High Ambiguity Zone<\/h3>\r\n <p style=\"color: var(--text-body); margin-bottom: 1.5rem;\">\r\n Based on your answers, you are currently filling in the blanks with assumptions and hope rather than concrete facts. The workbook will give you immediate relief.\r\n <\/p>\r\n <a href=\"#order-section\" class=\"btn-primary\" style=\"display: inline-block;\">Get Your Custom Clarity Plan Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- STORY CASE STUDY SECTION -->\r\n <section class=\"section-card\">\r\n <span class=\"badge-tag badge-tag-center\">REAL CASE STUDY<\/span>\r\n <h2>\"I asked him twice. And somehow, I was still asking myself the same question.\"<\/h2>\r\n <p class=\"subtitle\">A composite story of Ruth & John reflecting the reality thousands of women face.<\/p>\r\n\r\n <div class=\"story-card\">\r\n <div class=\"story-timeline-item\">\r\n <div class=\"timeline-badge\">R<\/div>\r\n <div class=\"story-timeline-content\">\r\n <h4>The 2-Month Mark<\/h4>\r\n <p>\"We met on Bumble. Soon, it became a weekly routine\u2014dinners, late talks, flowers. Around 2 months in, I casually asked: <em>'So what are we?'<\/em> He smiled, said he really liked me, but wanted to 'take things slowly' because of a past breakup. I went home feeling reassured enough, telling myself: <em>'He just needs time.'<\/em>\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-timeline-item\">\r\n <div class=\"timeline-badge\">5M<\/div>\r\n <div class=\"story-timeline-content\">\r\n <h4>The 5-Month Restaurant Incident<\/h4>\r\n <p>\"Five months in, we ran into his coworker at a restaurant. The coworker asked: <em>'Are you guys official?'<\/em> John laughed awkwardly for a few seconds. He didn't say no, but he didn't say yes. On the drive home, I asked again: <em>'So... what are we?'<\/em> He said: <em>'We're seeing each other and all... and I don't want you seeing anyone else.'<\/em>\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"story-extra\" style=\"display: none;\">\r\n <div class=\"story-highlight-box\">\r\n <p style=\"color: var(--text-heading); margin-bottom: 0.8rem;\">\r\n <strong>The Exhausting Investigation:<\/strong> \"I spent weeks decoding messages, scrolling back months in WhatsApp, asking four different friends who gave four totally different opinions. One said <em>'leave him'<\/em>, another said <em>'don't pressure a man'<\/em>. I was watching relationship advice videos until I had more rules than answers.\"\r\n <\/p>\r\n <p style=\"color: var(--text-heading); margin-bottom: 0;\">\r\n <strong>The Turning Point:<\/strong> \"I realized I didn't need to read John's mind. I needed to look at what he actually offered versus what I wanted. Instead of asking <em>'Does he want me?'<\/em>, I asked: <em>'Is what he is offering enough for me?'<\/em> That single shift changed everything.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"toggle-story-btn\" id=\"story-btn\" onclick=\"toggleStory()\">Show More \u2193<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 5-STAGE CLARITY SYSTEM -->\r\n <section class=\"section-card\">\r\n <h2>The 5-Stage Clarity System<\/h2>\r\n <p class=\"subtitle\">You don't need another list of \"signs he's secretly in love with you.\" You need a proven, objective process.<\/p>\r\n\r\n <div class=\"stage-tabs\">\r\n <button class=\"stage-tab-btn active\" onclick=\"switchStage(1)\">Stage 1: Reality<\/button>\r\n <button class=\"stage-tab-btn\" onclick=\"switchStage(2)\">Stage 2: Intention<\/button>\r\n <button class=\"stage-tab-btn\" onclick=\"switchStage(3)\">Stage 3: Pattern<\/button>\r\n <button class=\"stage-tab-btn\" onclick=\"switchStage(4)\">Stage 4: Alignment<\/button>\r\n <button class=\"stage-tab-btn\" onclick=\"switchStage(5)\">Stage 5: Decision<\/button>\r\n <\/div>\r\n\r\n <div class=\"stage-panel active\" id=\"stage-panel-1\">\r\n <h3 style=\"color: var(--primary-rose); margin-bottom: 0.8rem;\">1. The Reality Check<\/h3>\r\n <p>Before asking what his behavior means, write down what has actually happened. Separate cold facts from warm assumptions.<\/p>\r\n <div class=\"stage-grid\">\r\n <div class=\"stage-card-stop\">\r\n <strong style=\"color: #DC3545;\">\u2715 Stop Thinking:<\/strong>\r\n <p style=\"margin-top: 0.4rem; color: var(--text-body);\">\"He treats me like his girlfriend, so he must be serious.\"<\/p>\r\n <\/div>\r\n <div class=\"stage-card-doc\">\r\n <strong style=\"color: #28A745;\">\u2713 Document Reality:<\/strong>\r\n <p style=\"margin-top: 0.4rem; color: var(--text-body);\">\"We see each other once a week and talk on WhatsApp.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stage-panel\" id=\"stage-panel-2\">\r\n <h3 style=\"color: var(--primary-rose); margin-bottom: 0.8rem;\">2. The Intention Check<\/h3>\r\n <p>Examine what he has explicitly communicated. What has he stated he wants or isn't ready for? Examine the information you've actually received.<\/p>\r\n <\/div>\r\n\r\n <div class=\"stage-panel\" id=\"stage-panel-3\">\r\n <h3 style=\"color: var(--primary-rose); margin-bottom: 0.8rem;\">3. The Pattern Check<\/h3>\r\n <p>One romantic gesture or bad day tells you nothing. Look at repeated behavior over time. Does what he says match what he consistently does?<\/p>\r\n <\/div>\r\n\r\n <div class=\"stage-panel\" id=\"stage-panel-4\">\r\n <h3 style=\"color: var(--primary-rose); margin-bottom: 0.8rem;\">4. The Alignment Check<\/h3>\r\n <p>Turn the camera toward yourself: Is the relationship being offered actually compatible with what you genuinely want?<\/p>\r\n <\/div>\r\n\r\n <div class=\"stage-panel\" id=\"stage-panel-5\">\r\n <h3 style=\"color: var(--primary-rose); margin-bottom: 0.8rem;\">5. The Investment Decision<\/h3>\r\n <p>Ask the counterfactual: \"If this relationship looked exactly like this six months from now, would I still willingly choose it?\"<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- IMAGINE HOW IT WOULD FEEL -->\r\n <section class=\"section-card\">\r\n <h2>Imagine How It Would Feel...<\/h2>\r\n <p class=\"subtitle\">Picture navigating your love life with absolute emotional certainty, completely free from anxiety and guessing games.<\/p>\r\n\r\n <div class=\"imagine-grid\">\r\n <div class=\"imagine-item\">\r\n <h4>No More Over-Analyzing His Distance<\/h4>\r\n <p>No longer spending months trying to decode what \u201cI just need space\u201d really means because now you can instantly tell whether it\u2019s a genuine emotional reset or an exit strategy.<\/p>\r\n <\/div>\r\n <div class=\"imagine-item\">\r\n <h4>Unshakeable Inner Calm<\/h4>\r\n <p>Feeling completely chill because you can recognize when a man\u2019s pulling away due to stress, versus when he\u2019s creating distance because he never planned to stay.<\/p>\r\n <\/div>\r\n <div class=\"imagine-item\">\r\n <h4>Spotting Avoidant Traps Early<\/h4>\r\n <p>Knowing which avoidant behaviors stem from temporary fear, and which are toxic red flags that will drain years of your life.<\/p>\r\n <\/div>\r\n <div class=\"imagine-item\">\r\n <h4>Predictable Emotional Security<\/h4>\r\n <p>Feeling grounded and secure in your relationship because you understand why your partner or date is acting the way they are.<\/p>\r\n <\/div>\r\n <div class=\"imagine-item\">\r\n <h4>Total Trust In Your Instincts<\/h4>\r\n <p>Trusting your gut about someone's genuine capacity for intimacy from the very first date\u2014or after years of being together.<\/p>\r\n <\/div>\r\n <div class=\"imagine-item\">\r\n <h4>Attracting Safe, Ready Partners<\/h4>\r\n <p>Choosing partners who are truly ready for deep connection, bringing out the best in your current partner while naturally repelling non-committal options.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TRANSFORMATION GRID -->\r\n <section class=\"section-card\">\r\n <h2>Here\u2019s What Changes When You Have Clarity<\/h2>\r\n <p class=\"subtitle\">Shift your relationship dynamic from anxiety and uncertainty to power and self-worth.<\/p>\r\n\r\n <div class=\"trans-grid\">\r\n <div class=\"trans-box trans-from\">\r\n <div class=\"trans-title\" style=\"color: #DC3545;\">GO FROM THIS...<\/div>\r\n <ul class=\"trans-list\">\r\n <li>Constantly asking \"What does his silence mean?\" every time he takes hours to reply.<\/li>\r\n <li>Wondering \"Does he even like me?\" while analyzing every single late-night text.<\/li>\r\n <li>Asking yourself \"Should I wait longer?\" while months slip away without progress.<\/li>\r\n <li>Gaslighting yourself with \"Am I just overthinking and being needy?\"<\/li>\r\n <li>Building your understanding of the relationship entirely on assumptions and hope.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"trans-box trans-to\">\r\n <div class=\"trans-title\" style=\"color: #28A745;\">TO THIS...<\/div>\r\n <ul class=\"trans-list\">\r\n <li>Asking \"What do I actually know based on his concrete actions?\"<\/li>\r\n <li>Evaluating \"What is he actually offering me right now?\"<\/li>\r\n <li>Deciding \"Is waiting compatible with my long-term life goals?\"<\/li>\r\n <li>Identifying \"What crucial information am I missing here?\"<\/li>\r\n <li>Standing firm in total clarity: \"I know where I stand, and I know what to do next.\"<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PRO AT SECTION -->\r\n <section class=\"section-card\">\r\n <h2>In Just One Afternoon, You'll Be A Pro At...<\/h2>\r\n <p class=\"subtitle\">Master these crucial relationship decoding skills in a single sitting.<\/p>\r\n\r\n <div class=\"pro-list\">\r\n <div class=\"pro-card\">\r\n <div class=\"pro-icon\">\ud83d\udc49<\/div>\r\n <div>\r\n <strong>Decoding Communication Signals (From Avoidant to Available):<\/strong>\r\n <p>Spot the difference between a partner who is temporarily overwhelmed vs. someone dodging emotional closeness.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pro-card\">\r\n <div class=\"pro-icon\">\ud83d\udc49<\/div>\r\n <div>\r\n <strong>Navigating Needs for Personal Space:<\/strong>\r\n <p>Understand how much space is healthy versus when \"needing space\" is a slow exit, helping you set firm personal boundaries.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pro-card\">\r\n <div class=\"pro-icon\">\ud83d\udc49<\/div>\r\n <div>\r\n <strong>Identifying Breaks vs. Breakdowns:<\/strong>\r\n <p>Determine whether he is just recharging his social energy or silently pulling out of the relationship altogether.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pro-card\">\r\n <div class=\"pro-icon\">\ud83d\udc49<\/div>\r\n <div>\r\n <strong>Selecting Compatible Partners:<\/strong>\r\n <p>Filter for partners who naturally match your standards for commitment, openness, and deep emotional intimacy.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- INSIDE THE GUIDE ACCORDION -->\r\n <section class=\"section-card\">\r\n <h2>Inside the Guide, You\u2019re Getting...<\/h2>\r\n <p class=\"subtitle\">A complete, step-by-step breakdown of every section in the workbook.<\/p>\r\n\r\n <div class=\"chapter-list\">\r\n <div class=\"chapter-item active\">\r\n <div class=\"chapter-header\">1. THE 15-MINUTE CLARITY RESET<\/div>\r\n <div class=\"chapter-body\">The first practical exercise designed to halt anxiety and stabilize your emotions immediately.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">2. THE CLARITY GAP<\/div>\r\n <div class=\"chapter-body\">Explains the mechanism behind relationship confusion across 4 layers: 1. What happened, 2. What he said, 3. What you think it means, 4. What you want it to mean.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">3. THE REALITY CHECK<\/div>\r\n <div class=\"chapter-body\">Evidence gathering: How long seeing each other? How frequently? What activities? Stated boundaries vs actual commitments made.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">4. THE INTENTION CHECK<\/div>\r\n <div class=\"chapter-body\">Focuses on: \"What has he actually told me?\" examining direct statements vs assumptions.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">5. THE PATTERN CHECK<\/div>\r\n <div class=\"chapter-body\">Teaches you not to overinterpret individual romantic or cold events, focusing on larger repeated behavior.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">6. HOW TO READ TEXTS WITHOUT MIND-READING<\/div>\r\n <div class=\"chapter-body\">Addresses your text message obsession\u2014how to analyze communication without losing your sanity over timestamps.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">7. THE ALIGNMENT CHECK<\/div>\r\n <div class=\"chapter-body\">Turns the investigation toward you: comparing your desires with what is currently being offered.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">8. THE \"WHAT ARE WE?\" CONVERSATION<\/div>\r\n <div class=\"chapter-body\">Teaches how to have the conversation gracefully. Explains why inner preparation matters before speaking.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">9. HOW TO PROCESS HIS ANSWER<\/div>\r\n <div class=\"chapter-body\">Classifies the information quality of his answer rather than relying on simplistic rules.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">10. THE INVESTMENT AUDIT & DECISION<\/div>\r\n <div class=\"chapter-body\">Examines what you are investing: Time, emotional energy, attention, intimacy, exclusivity, and opportunity cost.<\/div>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <div class=\"chapter-header\">11. THE 21-DAY CLARITY PLAN<\/div>\r\n <div class=\"chapter-body\">A realistic 3-week roadmap without false guarantees to guide your emotional decision-making.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- JUICY BONUSES SECTION -->\r\n <section class=\"section-card\">\r\n <h2>Plus, You Get These 2 Juicy Bonuses FREE!<\/h2>\r\n <p class=\"subtitle\">Designed to accelerate your clarity and make hard conversations effortless.<\/p>\r\n\r\n <div class=\"bonus-card\">\r\n <span class=\"bonus-badge\">BONUS #1 (VALUE: \u20a65,900)<\/span>\r\n <h3 style=\"color: var(--text-heading); margin-bottom: 0.5rem;\">The \"What Are We?\" Conversation Guide<\/h3>\r\n <p style=\"color: var(--text-body); font-size: 0.96rem;\">\r\n Knowing you need clarity is one thing\u2014actually having the conversation is another. This guide gives you word-for-word scripts, practical starters, and follow-ups so you never sound desperate or needy.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bonus-card\">\r\n <span class=\"bonus-badge\">BONUS #2 (VALUE: \u20a66,900)<\/span>\r\n <h3 style=\"color: var(--text-heading); margin-bottom: 0.5rem;\">The Situationship Reality Check Assessment<\/h3>\r\n <p style=\"color: var(--text-body); font-size: 0.96rem;\">\r\n A printable diagnostic tool covering Communication, Consistency, Intimacy, Exclusivity, Effort, Progression, and Expectations. Organize months of facts on paper in minutes.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PRICING STACK & ORDER SECTION -->\r\n <section id=\"order-section\" class=\"section-card\" style=\"border: 2px solid var(--primary-rose);\">\r\n <div class=\"container-narrow\">\r\n <h2 style=\"color: var(--primary-rose);\">EVERYTHING YOU GET TODAY<\/h2>\r\n \r\n <table class=\"value-table\">\r\n <tr>\r\n <td><strong>SO, WHAT ARE WE?<\/strong> Relationship Clarity Workbook<\/td>\r\n <td class=\"value-price\">\u20a615,900<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>Bonus #1:<\/strong> The \"What Are We?\" Conversation Guide<\/td>\r\n <td class=\"value-price\">\u20a65,900<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>Bonus #2:<\/strong> The Situationship Reality Check Assessment<\/td>\r\n <td class=\"value-price\">\u20a66,900<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>TOTAL STATED VALUE<\/strong><\/td>\r\n <td class=\"value-price\"><s style=\"opacity: 0.6;\">\u20a628,700<\/s><\/td>\r\n <\/tr>\r\n <tr style=\"font-size: 1.25rem;\">\r\n <td><strong style=\"color: var(--text-heading);\">YOUR LAUNCH PRICE TODAY:<\/strong><\/td>\r\n <td class=\"value-price\" style=\"font-size: 1.8rem; color: #28A745;\">\u20a63,500<\/td>\r\n <\/tr>\r\n <\/table>\r\n\r\n <p style=\"text-align: center; font-size: 0.88rem; color: var(--text-muted); margin-bottom: 1.5rem;\">\r\n *Note: This launch price of \u20a63,500 is reserved for the first 100 women today. Price increases to \u20a612,900 afterward.\r\n <\/p>\r\n\r\n <div class=\"cta-wrapper\">\r\n <a href=\"#\" class=\"btn-primary\" onclick=\"alert('Redirecting to secure payment checkout...'); return false;\">GET INSTANT ACCESS NOW \u2014 \u20a63,500<\/a>\r\n <\/div>\r\n\r\n <div style=\"border-top: 1px solid var(--border-light); padding-top: 1.5rem; margin-top: 1.5rem; text-align: center;\">\r\n <h4 style=\"color: var(--text-heading); margin-bottom: 0.4rem;\">30-DAY CLARITY GUARANTEE<\/h4>\r\n <p style=\"font-size: 0.88rem; color: var(--text-body); margin-bottom: 0;\">\r\n Try the workbook. If you've genuinely gone through the exercises and don't find it useful for helping you understand your situation clearly, request your money back within 30 days.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WHAT IF YOU'RE THINKING ACCORDION -->\r\n <section class=\"section-card\">\r\n <span class=\"badge-tag badge-tag-center\">COMMON DOUBTS<\/span>\r\n <h2>What If You're Thinking...<\/h2>\r\n <p class=\"subtitle\">Addressing the doubts holding you back right now.<\/p>\r\n\r\n <div class=\"doubt-list\">\r\n <div class=\"doubt-item\">\r\n <div class=\"doubt-header\">\"What if he really does like me?\"<\/div>\r\n <div class=\"doubt-body\">\r\n That's possible. And the workbook isn't designed to convince you otherwise. A man can genuinely like you and still not want the same type of relationship you want. Both things can be true.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"doubt-item\">\r\n <div class=\"doubt-header\">\"What if I'm just overthinking?\"<\/div>\r\n <div class=\"doubt-body\">\r\n The Reality Check helps you separate facts from fears so you can stop second-guessing yourself.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"doubt-item\">\r\n <div class=\"doubt-header\">\"What if I don't want to pressure him?\"<\/div>\r\n <div class=\"doubt-body\">\r\n Asking for clarity isn't the same thing as demanding an outcome. The Conversation Guide is designed around understanding, not forcing.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"doubt-item\">\r\n <div class=\"doubt-header\">\"What if his answer isn't what I want to hear?\"<\/div>\r\n <div class=\"doubt-body\">\r\n Not knowing doesn't make the answer disappear. It only means you're making life decisions without having all the information.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VERIFIED CUSTOMER TESTIMONIALS -->\r\n <section class=\"section-card\">\r\n <h2>What Early Readers Are Saying<\/h2>\r\n <p class=\"subtitle\">Real experiences from women who applied the clarity system.<\/p>\r\n\r\n <div class=\"testi-grid\">\r\n <div class=\"testi-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"I was going crazy overanalyzing every single text. Doing the Reality Check exercise showed me on paper what he was actually offering vs what I was dreaming up. Saved me another 6 months of wasting time!\"<\/p>\r\n <div class=\"testi-author\">Sofia \u2014 Lagos, Nigeria<\/div>\r\n <\/div>\r\n\r\n <div class=\"testi-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"The Conversation Guide gave me the exact words to use without sounding like I was giving an ultimatum or begging. We finally had an honest talk and I feel so at peace now.\"<\/p>\r\n <div class=\"testi-author\">Chioma \u2014 Enugu, Nigeria<\/div>\r\n <\/div>\r\n\r\n <div class=\"testi-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"I used to think he was just 'busy' or 'taking things slow.' The Pattern Check opened my eyes to the real situation. Every woman in a situationship needs this workbook.\"<\/p>\r\n <div class=\"testi-author\">Beatrice \u2014 Port Harcourt, Nigeria<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- AUTHOR SECTION -->\r\n <section class=\"section-card\">\r\n <div class=\"author-box\">\r\n <div class=\"author-avatar\">R<\/div>\r\n <div style=\"flex: 1; min-width: 260px;\">\r\n <h3 style=\"color: var(--text-heading); margin-bottom: 0.5rem;\">ABOUT THE AUTHOR<\/h3>\r\n <p style=\"color: var(--text-body); font-size: 0.98rem; margin-bottom: 0;\">\r\n \"I\u2019m <strong>Ruth<\/strong>, obsessed with attachment styles & creator of <em>The 'So, What Are We?' Clarity System<\/em>. I created this system after spending months trying to decode relationship signals myself, only to realize that clarity isn't something you wait for a man to give you\u2014it's something you create for yourself.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SOCIAL MEDIA PROOF SECTION -->\r\n <section class=\"social-proof-section\">\r\n <h2 style=\"font-size: 1.5rem; text-align: center; color: #FFFFFF;\">REAL MESSAGES FROM WOMEN WHO GOT CLARITY<\/h2>\r\n <p style=\"text-align: center; font-size: 0.9rem; color: var(--secondary-pink); margin-bottom: 1.5rem;\">Direct social media messages from women who used the workbook:<\/p>\r\n\r\n <div class=\"social-messages-grid\">\r\n <div class=\"whatsapp-bubble\">\r\n I completed the workbook yesterday night. I won't lie, seeing my reality written down on paper hit me hard, but for the first time in 5 months the anxiety in my chest is gone. Thank you so much Ruth \u2764\ufe0f\r\n <span class=\"bubble-time\">11:42 PM<\/span>\r\n <\/div>\r\n\r\n <div class=\"instagram-bubble\">\r\n Ruth! The conversation guide is a lifesaver!! Used the exact script this evening over dinner. He actually opened up about why he was pulling back without me feeling like I was forcing him or being needy \ud83d\ude2d\ud83d\ude4f\r\n <span class=\"bubble-time\">8:15 PM<\/span>\r\n <\/div>\r\n\r\n <div class=\"imessage-bubble\">\r\n Best \u20a63,500 I've spent this year hands down. I realized I was holding on to potential instead of what was actually in front of me. I feel so free and back in control of my life.\r\n <span class=\"bubble-time\">09:04 AM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- STICKY BOTTOM BAR -->\r\n <div class=\"sticky-buy-bar\">\r\n <div>\r\n <span style=\"color: var(--text-heading); font-weight: 700;\">SO, WHAT ARE WE?<\/span>\r\n <span style=\"font-size: 0.82rem; color: var(--text-muted); display: block;\">Relationship Clarity Workbook + 2 Bonuses (\u20a63,500)<\/span>\r\n <\/div>\r\n <a href=\"#order-section\" class=\"btn-primary\" style=\"padding: 0.75rem 1.4rem; font-size: 0.9rem; max-width: 200px;\">GET CLARITY NOW<\/a>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Timer Logic\r\n function startTimer(duration) {\r\n let timer = duration;\r\n const display = document.getElementById('timer');\r\n setInterval(function () {\r\n let hours = parseInt(timer \/ 3600, 10);\r\n let minutes = parseInt((timer % 3600) \/ 60, 10);\r\n let seconds = parseInt(timer % 60, 10);\r\n\r\n hours = hours < 10 ? \"0\" + hours : hours;\r\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\r\n seconds = seconds < 10 ? \"0\" + seconds : seconds;\r\n\r\n display.textContent = hours + \":\" + minutes + \":\" + seconds;\r\n if (--timer < 0) timer = 86400;\r\n }, 1000);\r\n }\r\n\r\n \/\/ Diagnostic Quiz Logic\r\n let currentQuizStep = 1;\r\n const quizQuestions = [\r\n {\r\n title: \"1. How long have you been seeing each other without an official label?\",\r\n options: [\"Less than 2 months\", \"3 to 5 months\", \"6+ months (or \\\"talking\\\" off-and-on)\"]\r\n },\r\n {\r\n title: \"2. How would you describe his text communication?\",\r\n options: [\"Consistent every day\", \"Inconsistent - disappears for days\", \"Only texts late at night or when free\"]\r\n },\r\n {\r\n title: \"3. What happens when you try to bring up where things are going?\",\r\n options: [\"He avoids the topic or changes subject\", \"Says he wants to 'take things slow'\", \"We haven't talked about it yet\"]\r\n },\r\n {\r\n title: \"4. Do you feel emotionally secure in this relationship right now?\",\r\n options: [\"Yes, completely\", \"Sometimes, but mostly anxious\", \"No, I'm constantly overanalyzing\"]\r\n }\r\n ];\r\n\r\n function answerQuiz(optionIndex) {\r\n if (currentQuizStep < quizQuestions.length) {\r\n currentQuizStep++;\r\n document.getElementById('quiz-progress').style.width = (currentQuizStep \/ quizQuestions.length * 100) + '%';\r\n const q = quizQuestions[currentQuizStep - 1];\r\n document.getElementById('quiz-title').textContent = q.title;\r\n const optionsContainer = document.getElementById('quiz-options');\r\n optionsContainer.innerHTML = '';\r\n q.options.forEach((opt, idx) => {\r\n optionsContainer.innerHTML += `\r\n <button class=\"quiz-option-btn\" onclick=\"answerQuiz(${idx + 1})\">\r\n <span>${opt}<\/span>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/button>\r\n `;\r\n });\r\n } else {\r\n document.getElementById('quiz-question-container').style.display = 'none';\r\n document.getElementById('quiz-result').style.display = 'block';\r\n document.getElementById('quiz-progress').style.width = '100%';\r\n }\r\n }\r\n\r\n \/\/ Toggle Story Text\r\n function toggleStory() {\r\n const extra = document.getElementById('story-extra');\r\n const btn = document.getElementById('story-btn');\r\n if (extra.style.display === 'none') {\r\n extra.style.display = 'block';\r\n btn.textContent = 'Show Less \u2191';\r\n } else {\r\n extra.style.display = 'none';\r\n btn.textContent = 'Show More \u2193';\r\n }\r\n }\r\n\r\n \/\/ Stage Tabs Switcher\r\n function switchStage(stageNum) {\r\n document.querySelectorAll('.stage-tab-btn').forEach((btn, idx) => {\r\n btn.classList.toggle('active', idx === stageNum - 1);\r\n });\r\n document.querySelectorAll('.stage-panel').forEach((panel, idx) => {\r\n panel.classList.toggle('active', idx === stageNum - 1);\r\n });\r\n }\r\n\r\n \/\/ Accordions Toggle\r\n document.querySelectorAll('.chapter-header, .doubt-header').forEach(header => {\r\n header.addEventListener('click', () => {\r\n header.parentElement.classList.toggle('active');\r\n });\r\n });\r\n\r\n window.onload = function () {\r\n startTimer(86400); \/\/ 24 Hours\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>SO, WHAT ARE WE? | The Relationship Clarity Workbook \ud83d\udd25 SPECIAL LAUNCH OFFER: \u20a63,500 (Planned Price: \u20a612,900) Ends In: 23:59:59 THE RELATIONSHIP CLARITY WORKBOOK SO, WHAT ARE WE? Know where you stand, understand what he’s actually offering, and decide whether this relationship deserves more of your time, energy, and heart. SOUND FAMILIAR? You know you’re […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruthreads.store\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruthreads.store\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruthreads.store\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruthreads.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruthreads.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":4,"href":"https:\/\/ruthreads.store\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/ruthreads.store\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/ruthreads.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}