LifeStyle – Tabat wa Nabat Program

Click Me</button></div> <p>‘<br /> style=”width:100%; border: none; aspect-ratio: 16/9;”<br /> loading=”lazy”></p> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,900&family=Playfair+Display:wght@700;900&display=swap" rel="stylesheet"> <style> :root { --gold-dark: #7A5502; --gold-main: #C9920A; --gold-light: #E8B845; --gold-pale: #FDF3DC; --burg-dark: #3D0B28; --burg-main: #6B1438; --burg-light: #9E1F52; --burg-pale: #FDF0F5; --teal-dark: #004D4D; --teal-main: #0A7B6E; --teal-light: #1AA696; --teal-pale: #F0FAF9; --cream: #F9F4E8; --cream-dark: #EFE6D0; --parchment: #F5EDD8; --dark-brown: #1A0A08; --text-main: #2C1810; --text-mid: #5A3728; --text-light: #8B6550; --border-light: #E8D9C0; --shadow-sm: 0 2px 10px rgba(42,8,8,0.07); --shadow: 0 4px 24px rgba(42,8,8,0.10); } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', sans-serif; background: var(--cream); color: var(--text-main); line-height: 1.6; overflow-x: hidden; } body::before { content: ''; position: fixed; inset: 0; background-image: repeating-linear-gradient(45deg, transparent, transparent 24px, rgba(201,146,10,0.03) 24px, rgba(201,146,10,0.03) 25px); pointer-events: none; z-index: 0; } /* header */ #site-header { background: linear-gradient(135deg, var(--burg-dark) 0%, #5A1030 60%, var(--burg-dark) 100%); color: #fff; position: relative; overflow: hidden; } .header-inner { max-width: 1200px; margin: 0 auto; padding: 28px 24px 0; display: flex; align-items: center; gap: 20px; } .logo-emblem { width: 64px; height: 64px; background: linear-gradient(135deg, var(--gold-main), var(--gold-light)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: var(--burg-dark); box-shadow: 0 4px 20px rgba(201,146,10,0.4); border: 2px solid var(--gold-light); } .header-text h1 { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 4vw, 2.2rem); font-weight: 900; color: var(--gold-light); } .header-text .tagline { font-size: 0.85rem; color: rgba(255,255,255,0.75); } .motto-strip { text-align: center; padding: 12px 20px 20px; font-family: 'Playfair Display', serif; font-size: clamp(0.9rem, 2.5vw, 1.1rem); color: var(--gold-pale); } /* tab navigation */ #nav-tabs { background: var(--burg-dark); border-bottom: 3px solid var(--gold-main); position: sticky; top: 0; z-index: 100; box-shadow: 0 4px 16px rgba(26,10,8,0.3); } .tabs-inner { max-width: 1200px; margin: 0 auto; display: flex; overflow-x: auto; scrollbar-width: none; } .tabs-inner::-webkit-scrollbar { display: none; } .tab-btn { background: none; border: none; color: rgba(255,255,255,0.7); font-weight: 600; padding: 14px 24px; cursor: pointer; transition: 0.2s; white-space: nowrap; border-bottom: 3px solid transparent; margin-bottom: -3px; display: flex; gap: 8px; font-size: 0.9rem; } .tab-btn:hover { color: var(--gold-light); } .tab-btn.active { color: var(--gold-light); border-bottom-color: var(--gold-main); background: rgba(201,146,10,0.08); } /* main */ main { max-width: 1200px; margin: 0 auto; padding: 32px 24px 60px; position: relative; z-index: 1; } .doc-section { display: none; } .doc-section.active { display: block; animation: fadeIn 0.4s ease; } @keyframes fadeIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } } /* cards */ .doc-card { background: #fff; border-radius: 16px; margin-bottom: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); overflow: hidden; } .card-header { padding: 18px 24px; display: flex; align-items: center; gap: 14px; cursor: pointer; transition: background 0.2s; } .card-header:hover { background: rgba(201,146,10,0.04); } .card-number { width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.9rem; flex-shrink: 0; } .blueprint .card-number { background: var(--gold-pale); color: var(--gold-dark); } .whitepaper .card-number { background: var(--teal-pale); color: var(--teal-dark); } .execplan .card-number { background: var(--burg-pale); color: var(--burg-dark); } .card-title { font-weight: 700; font-size: 1rem; flex:1; } .card-toggle { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s; } .blueprint .card-toggle { background: var(--gold-pale); color: var(--gold-main); } .whitepaper .card-toggle { background: var(--teal-pale); color: var(--teal-main); } .execplan .card-toggle { background: var(--burg-pale); color: var(--burg-main); } .card-header.open .card-toggle { transform: rotate(180deg); } .card-body { padding: 0 24px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease, padding 0.3s; } .card-body.open { max-height: 3000px; padding: 4px 24px 28px; } /* typography */ h2.section-h2 { font-family: 'Playfair Display', serif; font-size: clamp(1.5rem, 4vw, 2rem); margin-bottom: 8px; } .blueprint h2.section-h2 { color: var(--gold-dark); } .whitepaper h2.section-h2 { color: var(--teal-dark); } .execplan h2.section-h2 { color: var(--burg-dark); } .section-intro { color: var(--text-mid); margin-bottom: 28px; padding-bottom: 16px; border-bottom: 1px solid var(--border-light); } h3.sub-h3 { font-weight: 700; margin: 24px 0 12px; font-size: 1rem; } h4.sub-h4 { font-weight: 700; margin: 16px 0 8px; color: var(--text-mid); } p { margin-bottom: 12px; font-size: 0.95rem; } ul.styled, ol.styled { padding-left: 24px; margin-bottom: 16px; } ul.styled li, ol.styled li { margin-bottom: 6px; } /* callouts */ .callout { padding: 16px 20px; margin: 20px 0; border-radius: 12px; border-left: 4px solid; } .callout-gold { background: var(--gold-pale); border-color: var(--gold-main); } .callout-teal { background: var(--teal-pale); border-color: var(--teal-main); } .callout-burg { background: var(--burg-pale); border-color: var(--burg-main); } /* data grids, bars */ .data-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin: 20px 0; } .data-card { background: var(--parchment); border-radius: 12px; padding: 18px; text-align: center; border: 1px solid var(--border-light); } .data-number { font-size: 2rem; font-weight: 800; color: var(--gold-dark); line-height: 1.2; } .data-label { font-size: 0.8rem; color: var(--text-light); font-weight: 600; } .bar-row { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .bar-label { min-width: 140px; font-size: 0.85rem; font-weight: 600; } .bar-track { flex:1; height: 8px; background: var(--cream-dark); border-radius: 99px; overflow: hidden; } .bar-fill { height: 100%; background: linear-gradient(90deg, var(--gold-main), var(--gold-light)); border-radius: 99px; } .bar-fill.teal { background: linear-gradient(90deg, var(--teal-main), var(--teal-light)); } .bar-fill.burg { background: linear-gradient(90deg, var(--burg-main), var(--burg-light)); } .bar-val { min-width: 45px; font-weight: 700; font-size: 0.8rem; } /* pillars, timeline */ .pillars-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; margin: 24px 0; } .pillar-card { background: #fff; border: 1px solid var(--border-light); border-radius: 16px; padding: 20px 12px; text-align: center; transition: transform 0.2s; } .pillar-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); } .pillar-icon { font-size: 2rem; margin-bottom: 10px; } .pillar-name { font-weight: 800; margin-bottom: 6px; } .pillar-desc { font-size: 0.8rem; color: var(--text-light); } .timeline { position: relative; padding-left: 28px; margin: 24px 0; } .timeline::before { content: ''; position: absolute; left: 8px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--gold-main), var(--gold-light)); } .timeline-item { position: relative; background: #fff; border: 1px solid var(--border-light); border-radius: 12px; padding: 16px 20px; margin-bottom: 20px; } .timeline-item::before { content: ''; position: absolute; left: -23px; top: 20px; width: 12px; height: 12px; background: var(--gold-main); border-radius: 50%; border: 2px solid var(--cream); box-shadow: 0 0 0 2px rgba(201,146,10,0.2); } .tl-phase { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; color: var(--gold-dark); } .tl-title { font-weight: 800; font-size: 1rem; margin: 4px 0 8px; } /* risk table */ .risk-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; margin: 16px 0; } .risk-table th { background: var(--burg-dark); color: var(--gold-light); padding: 10px 12px; text-align: left; } .risk-table td { padding: 10px 12px; border-bottom: 1px solid var(--border-light); } .risk-badge { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: 0.7rem; font-weight: 700; } .risk-high { background: #FFE4E4; color: #C0392B; } .risk-mid { background: #FFF3E0; color: #E67E22; } .risk-low { background: #E8F8F5; color: #1A8C7E; } /* hero banners */ .doc-hero { border-radius: 20px; padding: 32px 28px; margin-bottom: 32px; color: white; } .blueprint .doc-hero { background: linear-gradient(135deg, var(--gold-dark), #9A6A00); } .whitepaper .doc-hero { background: linear-gradient(135deg, var(--teal-dark), #0D6B5E); } .execplan .doc-hero { background: linear-gradient(135deg, var(--burg-dark), #5A1030); } .hero-label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.8; } .hero-title { font-family: 'Playfair Display', serif; font-size: clamp(1.4rem, 4vw, 2rem); margin: 12px 0; } .hero-sub { font-size: 0.9rem; opacity: 0.9; max-width: 700px; } /* tags */ .tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; } .tag { padding: 4px 12px; border-radius: 30px; font-size: 0.7rem; font-weight: 600; } .tag-teal { background: var(--teal-pale); color: var(--teal-dark); border: 1px solid var(--teal-main); } .tag-gold { background: var(--gold-pale); color: var(--gold-dark); } .tag-burg { background: var(--burg-pale); color: var(--burg-dark); } .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0; } @media (max-width: 700px) { .two-col { grid-template-columns: 1fr; } } .col-card { background: var(--parchment); border-radius: 12px; padding: 18px; } footer { background: var(--dark-brown); color: rgba(255,255,255,0.6); text-align: center; padding: 32px 20px; font-size: 0.8rem; } .footer-logo { font-family: 'Playfair Display', serif; font-size: 1.2rem; color: var(--gold-light); margin-bottom: 8px; } .notice { background: #FFFBF0; border: 1px solid #E8C84A; border-radius: 8px; padding: 12px; font-size: 0.8rem; margin: 16px 0; } .divider { height: 1px; background: linear-gradient(to right, transparent, var(--gold-main), transparent); margin: 24px 0; } .arabic-quote { font-family: 'Playfair Display', serif; background: var(--parchment); border: 1px solid var(--gold-main); border-radius: 16px; padding: 20px; text-align: center; font-size: 1.1rem; margin: 20px 0; position: relative; } .quote-source { display: block; font-size: 0.7rem; margin-top: 8px; color: var(--text-light); } </style> <header id="site-header"> <div class="header-inner"> <div class="logo-emblem">🌿</div> <div class="header-text"> <h1>Tabat wa Nabat System</h1> <div class="tagline">Integrated Social-Health Program | Strategic Documents</div> </p></div> </p></div> <div class="motto-strip">“Unite in marriage, flourish in health” — towards balanced physical, mental & sexual wellbeing</div> </header> <nav id="nav-tabs"> <div class="tabs-inner"> <button class="tab-btn active" data-target="blueprint" onclick="switchTab('blueprint')">📐 Strategic Blueprint</button><br /> <button class="tab-btn" data-target="whitepaper" onclick="switchTab('whitepaper')">📖 Technical Whitepaper</button><br /> <button class="tab-btn" data-target="execplan" onclick="switchTab('execplan')">🗂 Executive Plan</button> </div> </nav> <p><main><br /> </p> <section id="blueprint" class="doc-section blueprint active"> <div class="doc-hero"> <div class="hero-label">Strategic Blueprint</div> <div class="hero-title">Tabat wa Nabat System<br />Comprehensive Strategic Framework</div> <div class="hero-sub">A culturally intelligent, science‑driven program that reconnects Arab and Muslim societies with holistic health – integrating physical, mental and sexual wellbeing.</div> </p></div> <p> </p> <div class="doc-card"> <div class="card-header open" onclick="toggleCard(this)"> <div class="card-number">1</div> <div class="card-title">Executive Summary</div> <div class="card-toggle">▾</div> </div> <div class="card-body open"> <p>Tabat wa Nabat is an innovative health-social program bridging the gap between dry, clinical discourse and living popular culture. Built on robust evidence: improved lifestyle leads to hormonal balance, which enhances energy, mood, and sexual health – ultimately elevating overall quality of life.</p> <div class="data-grid"> <div class="data-card"> <div class="data-number">+35%</div> <div class="data-label">Obesity rate (GCC, WHO estimates)</div> </div> <div class="data-card"> <div class="data-number">~1-2%</div> <div class="data-label">Annual testosterone decline after 30</div> </div> <div class="data-card"> <div class="data-number">$500B+</div> <div class="data-label">Global wellness market</div> </div> <div class="data-card"> <div class="data-number">400M+</div> <div class="data-label">Direct target – Arabic speakers 35-60</div> </div> </div> <div class="callout callout-gold"><strong>Core Proposition</strong> “Your balanced body renews your energy and zest for life. Sexual health is not a luxury — it is a vital indicator of general health.”</div> </p></div> </div> <p> </p> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">2</div> <div class="card-title">Vision, Mission & Values</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="two-col"> <div class="col-card"> <h4>🎯 Vision</h4> <p>An Arab-Islamic society adopting comprehensive health – physical, mental, sexual – as a natural part of its civilisational values.</p> </div> <div class="col-card"> <h4>🌿 Mission</h4> <p>Deliver a science‑based, culturally grounded program that restores the individual’s connection to their body and healthy relationships.</p> </div> </div> <h3 class="sub-h3">⚖️ Core Values</h3> <ul class="styled"> <li><strong>Cultural authenticity</strong> – rooted in Islamic medical heritage.</li> <li><strong>Accessible science</strong> – clear, relatable language.</li> <li><strong>Gender inclusivity</strong> – for men and women together.</li> <li><strong>Calculated boldness</strong> – speaking about real concerns with respect.</li> <li><strong>Sustainability</strong> – gradual, deep change.</li> </ul></div> </div> <p> </p> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">3</div> <div class="card-title">Problem Statement & Market Opportunity</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="bar-row"> <div class="bar-label">Obesity – KSA</div> <div class="bar-track"> <div class="bar-fill" style="width:37%"></div> </div> <div class="bar-val">37%</div> </div> <div class="bar-row"> <div class="bar-label">Obesity – Kuwait</div> <div class="bar-track"> <div class="bar-fill" style="width:40%"></div> </div> <div class="bar-val">40%</div> </div> <div class="bar-row"> <div class="bar-label">Anxiety/depression (40+)</div> <div class="bar-track"> <div class="bar-fill burg" style="width:45%"></div> </div> <div class="bar-val">~45%</div> </div> <div class="bar-row"> <div class="bar-label">Low sexual desire (45+)</div> <div class="bar-track"> <div class="bar-fill teal" style="width:52%"></div> </div> <div class="bar-val">52%</div> </div> <div class="callout callout-teal"><strong>Strategic gap</strong> No Arabic health program explicitly connects general health and sexual health with an authentic Islamic/cultural framework. A clear blue ocean.</div> </p></div> </div> <p> </p> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">4</div> <div class="card-title">Scientific Core Hypothesis</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div style="background:var(--parchment); border-radius:16px; padding:20px; text-align:center;"><span style="background:var(--gold-pale);padding:6px 12px;border-radius:8px;">Improved nutrition, movement, sleep</span> → <span style="background:#E8F8F5;padding:6px 12px;">Hormonal balance</span> → <span style="background:var(--burg-pale);padding:6px 12px;">Energy, mood & healthy desire</span> → <span style="background:var(--gold-pale);padding:6px 12px;">Higher quality of life</span></div> <ul class="styled"> <li>Resistance training: +15–25% testosterone (meta-analyses).</li> <li>Sleep 7-8h: direct effect on sex hormones.</li> <li>Mediterranean diet: improved sexual function.</li> <li>Stress reduction: cortisol inversely related to testosterone.</li> </ul></div> </div> <p> </p> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">5</div> <div class="card-title">Target Market & Segments</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="pillars-grid"> <div class="pillar-card"><span class="pillar-icon">🧑‍🤝‍🧑</span></p> <div class="pillar-name">Core segment</div> <div class="pillar-desc">Married 35-55, low energy & balance issues</div> </div> <div class="pillar-card"><span class="pillar-icon">💍</span></p> <div class="pillar-name">Pre-marriage</div> <div class="pillar-desc">25-35, building healthy foundations</div> </div> <div class="pillar-card"><span class="pillar-icon">👩‍⚕️</span></p> <div class="pillar-name">Professionals</div> <div class="pillar-desc">Doctors, coaches seeking evidence‑based program</div> </div> <div class="pillar-card"><span class="pillar-icon">📱</span></p> <div class="pillar-name">Digital natives</div> <div class="pillar-desc">30s, open to digital health content</div> </div> </div></div> </div> <p> </p> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">6</div> <div class="card-title">Program Architecture – Five Pillars</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="pillars-grid"> <div class="pillar-card"><span class="pillar-icon">🥗</span></p> <div class="pillar-name">Nutrition</div> <div class="pillar-desc">hormonal support, low sugar, healthy fats</div> </div> <div class="pillar-card"><span class="pillar-icon">🏋️</span></p> <div class="pillar-name">Movement</div> <div class="pillar-desc">resistance training + daily activity</div> </div> <div class="pillar-card"><span class="pillar-icon">🌙</span></p> <div class="pillar-name">Sleep</div> <div class="pillar-desc">7-8h quality – the hormonal factory</div> </div> <div class="pillar-card"><span class="pillar-icon">🧘</span></p> <div class="pillar-name">Mental health</div> <div class="pillar-desc">stress reduction, positive self‑image</div> </div> <div class="pillar-card"><span class="pillar-icon">❤️</span></p> <div class="pillar-name">Sexual culture</div> <div class="pillar-desc">scientific literacy, removing stigma</div> </div> </div> <div class="timeline"> <div class="timeline-item"> <div class="tl-phase">Weeks 1-2</div> <div class="tl-title">Assessment & foundation</div> <div class="tl-body">Health check, optional hormone panel, personal goals.</div> </div> <div class="timeline-item"> <div class="tl-phase">Weeks 3-5</div> <div class="tl-title">Habit building</div> <div class="tl-body">Dietary shifts, sleep protocol, first workouts.</div> </div> <div class="timeline-item"> <div class="tl-phase">Weeks 6-8</div> <div class="tl-title">Education & deepening</div> <div class="tl-body">Sexual health modules, stress management.</div> </div> <div class="timeline-item"> <div class="tl-phase">Weeks 9-12</div> <div class="tl-title">Maintenance & community</div> <div class="tl-body">Results assessment, community support, advanced track.</div> </div> </div></div> </div> <p> </p> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">7</div> <div class="card-title">Brand & Slogan Strategy</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="arabic-quote">تَناكَحوا تَصِحّوا <span class="quote-source">Rooted in classical Arabic (nikah = marriage/sexual union) – a bold, authentic revival</span></div> <div class="two-col"> <div class="col-card"> <h4>✅ Strengths</h4> <ul> <li>Qur’anic/hadith origin</li> <li>Memorable, viral potential</li> <li>Breaks cultural silence</li> </ul> </div> <div class="col-card"> <h4>⚠️ Caution</h4> <ul> <li>Context needed for conservative settings</li> <li>May limit institutional partnerships initially</li> </ul> </div> </div> <h3 class="sub-h3">Three‑layer communication model</h3> <ul> <li><strong>Layer 1 (viral):</strong> “Unite in marriage, thrive in health” – bold hooks.</li> <li><strong>Layer 2 (education):</strong> “Your body speaks… do you hear it?” – podcasts, long‑form.</li> <li><strong>Layer 3 (institutional):</strong> “Holistic balance – your health in all dimensions” – partnerships, corporate.</li> </ul></div> </div> <p> </p> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">8</div> <div class="card-title">Go‑to‑Market Roadmap</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="timeline"> <div class="timeline-item"> <div class="tl-phase">Months 1-3</div> <div class="tl-title">Ignite & build awareness</div> <div class="tl-body">Viral campaign, podcast launch, influencer seeding.</div> </div> <div class="timeline-item"> <div class="tl-phase">Months 4-6</div> <div class="tl-title">MVP launch</div> <div class="tl-body">12‑week online program, professional training, clinic partnerships (3 countries).</div> </div> <div class="timeline-item"> <div class="tl-phase">Months 7-12</div> <div class="tl-title">Scaling</div> <div class="tl-body">Corporate wellness, Zawaj al‑Ta’aruf initiative, annual conference.</div> </div> </div></div> </div> </section> <p> </p> <section id="whitepaper" class="doc-section whitepaper"> <div class="doc-hero"> <div class="hero-label">Technical Whitepaper</div> <div class="hero-title">Sexual Health in Heritage & Modern Science</div> <div class="hero-sub">Evidence that Islamic civilisation, Asian wisdom, and contemporary endocrinology all support an integrated view of sexual health as a pillar of wellbeing.</div> </div> <div class="doc-card"> <div class="card-header open" onclick="toggleCard(this)"> <div class="card-number">1</div> <div class="card-title">Abstract</div> <div class="card-toggle">▾</div> </div> <div class="card-body open"> <p>This paper demonstrates that open, balanced engagement with sexual health is not foreign to Arab-Islamic tradition – it is classical. Victorian colonial morality reshaped local norms; reclaiming this heritage is both cultural decolonisation and public health reform.</p> <div class="tags"><span class="tag-teal">Islamic medicine</span><span class="tag-teal">Anthropology</span><span class="tag-teal">Endocrinology</span><span class="tag-teal">Postcolonial studies</span></div> </p></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">2</div> <div class="card-title">Islamic Civilisation & Sexual Health</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="arabic-quote">“O young men, whoever among you can afford marriage, let him marry, for it lowers the gaze and protects the private parts.” <span class="quote-source">Hadith (Bukhari & Muslim)</span></div> <p>Classical scholars like Ibn Sina (Canon of Medicine) and Al-Razi devoted extensive sections to sexual health, linking diet, humours, and vitality. The existence of books like “The Perfumed Garden” proves open scientific discourse was normal.</p> </p></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">3</div> <div class="card-title">Asian Traditions – Tantra & Taoism</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <p>Tantra (Shakti energy, Kundalini) and Daoist “Fangzhongshu” view sexual energy as a sacred life force. The goal: vitality, longevity, balance – not repression. Japanese Shunga art was openly shared as wedding gifts and health guides.</p> <div class="callout callout-teal">Shared insight: conscious sexual health is not shameful – it is part of a wise, integrated life.</div> </p></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">4</div> <div class="card-title">Colonial Disruption & the Victorian Imprint</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <p>European colonisers imposed Victorian sexual ethics (e.g., Section 377 in India) on societies that had been comparatively open. Post‑independence, many Arab nations retained these imported taboos – even as the West underwent its own sexual revolution. The result: a self‑censorship that is not authentically “traditional”.</p> </p></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">5</div> <div class="card-title">Modern Science – Hormones & Lifestyle</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="bar-row"> <div class="bar-label">Resistance training</div> <div class="bar-track"> <div class="bar-fill teal" style="width:75%"></div> </div> <div class="bar-val">+15-25%</div> </div> <div class="bar-row"> <div class="bar-label">Sleep improvement</div> <div class="bar-track"> <div class="bar-fill teal" style="width:60%"></div> </div> <div class="bar-val">+10-15%</div> </div> <div class="bar-row"> <div class="bar-label">Stress reduction</div> <div class="bar-track"> <div class="bar-fill teal" style="width:65%"></div> </div> <div class="bar-val">direct effect</div> </div> <p>Sexual health is a vital sign: it correlates with cardiovascular health, mental wellbeing, and relationship satisfaction.</p> </p></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">6</div> <div class="card-title">Zawaj al-Ta’aruf – A Proposed Social Innovation</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="callout callout-teal"><strong>Definition</strong> A legally and religiously framed “acquaintance marriage” – a fixed-term contract (6–12 months) allowing deep personal, emotional, and sexual compatibility assessment before permanent marriage or amicable separation. Designed to reduce divorce rates and promote honest premarital dialogue.</div> <div class="notice">This is a proposal for academic and juristic discussion, not a fatwa. It requires scholarly engagement and legal refinement.</div> </p></div> </div> </section> <p> </p> <section id="execplan" class="doc-section execplan"> <div class="doc-hero"> <div class="hero-label">Executive Plan</div> <div class="hero-title">24‑Month Implementation Roadmap</div> <div class="hero-sub">From concept to regional rollout – with KPIs, risk matrix, and financial model.</div> </div> <div class="doc-card"> <div class="card-header open" onclick="toggleCard(this)"> <div class="card-number">1</div> <div class="card-title">Phased Execution</div> <div class="card-toggle">▾</div> </div> <div class="card-body open"> <div class="timeline"> <div class="timeline-item"> <div class="tl-phase">Months 1-2</div> <div class="tl-title">Foundation</div> <div class="tl-body">Legal entity, core team (CEO, medical advisor, content lead), 3 pilot videos, landing page.</div> </div> <div class="timeline-item"> <div class="tl-phase">Months 3-5</div> <div class="tl-title">Pilot & feedback</div> <div class="tl-body">Free pilot with 50‑100 participants, collect testimonials, refine content.</div> </div> <div class="timeline-item"> <div class="tl-phase">Months 6-9</div> <div class="tl-title">Commercial launch</div> <div class="tl-body">Paid 12‑week program, professional certification, first B2B partner.</div> </div> <div class="timeline-item"> <div class="tl-phase">Months 10-15</div> <div class="tl-title">Regional scaling</div> <div class="tl-body">Expand to Egypt, KSA, UAE; mobile app; “Zawaj al-Ta’aruf” pilot discussion.</div> </div> <div class="timeline-item"> <div class="tl-phase">Months 16-24</div> <div class="tl-title">Institutionalisation</div> <div class="tl-body">Series A funding, training academy, licensing for clinics, diaspora expansion.</div> </div> </div></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">2</div> <div class="card-title">Team & Operations</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="pillars-grid"> <div class="pillar-card"><span class="pillar-icon">🎯</span></p> <div class="pillar-name">CEO</div> </div> <div class="pillar-card"><span class="pillar-icon">🩺</span></p> <div class="pillar-name">Medical advisor</div> </div> <div class="pillar-card"><span class="pillar-icon">📝</span></p> <div class="pillar-name">Content director</div> </div> <div class="pillar-card"><span class="pillar-icon">📊</span></p> <div class="pillar-name">Marketing lead</div> </div> </div> <p>Digital‑first model: main product = online platform + group coaching. Later hybrid: in‑person workshops, clinic licensing.</p> </p></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">3</div> <div class="card-title">Financial Model</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="data-grid"> <div class="data-card"> <div class="data-number">$29-79/m</div> <div class="data-label">B2C subscription</div> </div> <div class="data-card teal"> <div class="data-number">$500-5k</div> <div class="data-label">Corporate programs / year</div> </div> <div class="data-card burg"> <div class="data-number">$200-800</div> <div class="data-label">Pro certification</div> </div> </div> <div class="bar-row"> <div class="bar-label">Year 1 subscribers</div> <div class="bar-track"> <div class="bar-fill burg" style="width:15%"></div> </div> <div class="bar-val">500-1k</div> </div> <div class="bar-row"> <div class="bar-label">Year 2 subscribers</div> <div class="bar-track"> <div class="bar-fill burg" style="width:35%"></div> </div> <div class="bar-val">5-10k</div> </div> <div class="bar-row"> <div class="bar-label">Year 3 subscribers</div> <div class="bar-track"> <div class="bar-fill burg" style="width:65%"></div> </div> <div class="bar-val">25-50k</div> </div></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">4</div> <div class="card-title">Risk Matrix</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <table class="risk-table"> <thead> <tr> <th>Risk</th> <th>Level</th> <th>Mitigation</th> </tr> </thead> <tbody> <tr> <td>Social/religious backlash</td> <td><span class="risk-badge risk-high">High</span></td> <td>Three‑layer messaging, early partnership with open-minded scholar</td> </tr> <tr> <td>Platform content restrictions</td> <td><span class="risk-badge risk-mid">Medium</span></td> <td>Independent email list, own learning platform</td> </tr> <tr> <td>Resistance to Zawaj al-Ta’aruf</td> <td><span class="risk-badge risk-high">High</span></td> <td>Frame as academic proposal, engage jurists first</td> </tr> </tbody> </table></div> </div> <div class="doc-card"> <div class="card-header" onclick="toggleCard(this)"> <div class="card-number">5</div> <div class="card-title">Investor Brief</div> <div class="card-toggle">▾</div> </div> <div class="card-body"> <div class="callout callout-burg"><strong>Why invest?</strong> Uncontested market gap, authentic cultural positioning, scalable digital model, and a team with deep regional insight.</div> <div class="two-col"> <div class="col-card"> <h4>Use of funds (Year 1)</h4> <ul> <li>Platform dev: 35%</li> <li>Content production: 25%</li> <li>Launch marketing: 25%</li> <li>Team & operations: 15%</li> </ul> </div> <div class="col-card"> <h4>Next steps</h4> <ul> <li>Build pilot with 100 users</li> <li>Secure first medical endorser</li> <li>Develop pitch deck with real data</li> <li>Approach impact & healthtech VCs</li> </ul> </div> </div></div> </div> </section> <p></main></p> <footer> <div class="footer-logo">🌿 Tabat wa Nabat System</div> <p>“Unite in marriage, thrive in health” — for physical, mental & sexual wellness</p> <p style="margin-top:8px; opacity:0.5;">Strategic internal document · All rights reserved 2026</p> </footer> <p><script> function switchTab(target) { document.querySelectorAll('.doc-section').forEach(s => s.classList.remove('active')); document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active')); document.getElementById(target).classList.add('active'); document.querySelector(`[data-target="${target}"]`).classList.add('active'); window.scrollTo({ top: 0, behavior: 'smooth' }); } function toggleCard(header) { const body = header.nextElementSibling; const isOpen = header.classList.contains('open'); if (isOpen) { header.classList.remove('open'); body.classList.remove('open'); } else { header.classList.add('open'); body.classList.add('open'); } } document.querySelectorAll('.bar-fill').forEach(bar => { const w = bar.style.width; bar.style.width = '0'; setTimeout(() => { bar.style.width = w; }, 100); }); </script><br />