Blog — The Human Design System | Authentic Human Design Articles

Planetary Transits Apr 11, 2022 · 1 min read

Human Design Transit Watch: Sun in Gate 42 Exaltation Line 2 and Earth in Gate 32 Line 2

Human Design Transit - April 11th, 2022 "> 42 - Increas...

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Apr 9, 2022 · 1 min read

Human Design Transit Watch: Sun in Gate 51 Exaltation Line 5 and Earth in Gate 57 Line 5

Human Design Transit - April 9th, 2022 "> 51 - The Arou...

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Apr 7, 2022 · 1 min read

Human Design Transit Watch: Sun in Gate 51 Exaltation Line 3 and Earth in Gate 57 Line 3

Human Design Transit - April 6th, 2022 "> 51 - The Arou...

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Apr 7, 2022 · 1 min read

Human Design Transit Watch: Sun in Gate 51 Line 4 and Earth in Gate 57 Line 4

Human Design Transit - April 7th, 2022 "> 51 - The Arou...

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Human Design Basics Apr 5, 2022 · 7 min read

Mastering your System

Projectors are here to master systems so that they can be successful guides for others. Understanding a system to the core cultivates in the Projector the ability to recognize what is going on in the ...

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Apr 5, 2022 · 1 min read

Human Design Transit Watch: Sun in Gate 51 Line 1 and Earth in Gate 57 in Detriment Line 1

Human Design Transit - April 5th, 2022 "> 51 - The Arou...

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Apr 4, 2022 · 2 min read

Human Design Transit Watch: Sun in Gate 21 Line 6 and Earth in Gate 48 Line 6

Human Design Transit - April 4th, 2022 "> 21 - Biting T...

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Apr 3, 2022 · 1 min read

Human Design Transit Watch: Sun in Gate 21 Line 5 and Earth in Gate 48 Line 5

Join Dr. LaVeena B. Archers for

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Apr 2, 2022 · 1 min read

Human Design Transit Watch: Sun Gate 21 Line 4 and Earth Detriment 48 Line 4

Join Dr. LaVeena B. Archers for an insightful

By Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine Read More →

Planetary Transits Mar 31, 2022 · 1 min read

Neutrino News: Sun in Gate 21 and Earth in Gate 48, Line 2

Human Design System Transit Watch "> <span class="author-byline author-byline--tier1" data-author-byline="1" itemscope itemtype="https://schema.org/Person"><span class="author-byline__prefix">By </span><a href="/credentials" class="author-byline__link" itemprop="url" title="View Rev. Dr. LaVeena B. Archers credentials" rel="author"><span itemprop="name">Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine</span></a></span> <a href="/blog/2022/3/31/neutrino-news-sun-in-gate-21-and-earth-in-gate-48-line-2" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/human-design-classes" class="blog-card-cat">Human Design Classes</a> <span class="blog-card-date">Mar 26, 2022</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2022/3/26/human-design-gate-6-creates-the-emotional-awareness-wave-frequency-resonance">Human Design Gate 6 Creates the Emotional Awareness Wave Frequency Resonance</a></h2> <p class="blog-card-excerpt">In this insightful video, Dr. LaVeena B.</p> <div class="blog-card-footer"> <span class="author-byline author-byline--tier1" data-author-byline="1" itemscope itemtype="https://schema.org/Person"><span class="author-byline__prefix">By </span><a href="/credentials" class="author-byline__link" itemprop="url" title="View Rev. Dr. LaVeena B. Archers credentials" rel="author"><span itemprop="name">Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine</span></a></span> <a href="/blog/2022/3/26/human-design-gate-6-creates-the-emotional-awareness-wave-frequency-resonance" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/human-design-basics" class="blog-card-cat">Human Design Basics</a> <span class="blog-card-date">Mar 15, 2022</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2022/3/15/a-human-design-fairytale-for-children">A Human Design Fairytale for Children</a></h2> <p class="blog-card-excerpt">Join Dr. LaVeena B. Archers for a</p> <div class="blog-card-footer"> <span class="author-byline author-byline--tier1" data-author-byline="1" itemscope itemtype="https://schema.org/Person"><span class="author-byline__prefix">By </span><a href="/credentials" class="author-byline__link" itemprop="url" title="View Rev. Dr. LaVeena B. Archers credentials" rel="author"><span itemprop="name">Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine</span></a></span> <a href="/blog/2022/3/15/a-human-design-fairytale-for-children" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/human-design-analyst" class="blog-card-cat">Human Design Analyst</a> <span class="blog-card-date">Mar 13, 2022</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2022/3/13/esther-hicks-human-design-chart-professionals-in-training-study-group">Esther Hicks' Human Design Chart - Professionals In Training Study Group</a></h2> <p class="blog-card-excerpt">Recorded LIVE, a Guided study group for Human Design Analysts in Training to look at Famous Raves. <iframe src="//www.youtube.com/embed/t4VtHIFiYDQ?wmode=opaque" height="480" width="854" scrolling="no...</p> <div class="blog-card-footer"> <span class="author-byline author-byline--tier1" data-author-byline="1" itemscope itemtype="https://schema.org/Person"><span class="author-byline__prefix">By </span><a href="/credentials" class="author-byline__link" itemprop="url" title="View Rev. Dr. LaVeena B. Archers credentials" rel="author"><span itemprop="name">Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine</span></a></span> <a href="/blog/2022/3/13/esther-hicks-human-design-chart-professionals-in-training-study-group" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/planetary-transits" class="blog-card-cat">Planetary Transits</a> <span class="blog-card-date">Mar 13, 2022</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2022/3/13/video-2027-global-cycles-and-the-great-mutation">[VIDEO] 2027 Global Cycles and the Great Mutation</a></h2> <p class="blog-card-excerpt">Join Dr. LaVeena B. Archers for an illuminating</p> <div class="blog-card-footer"> <span class="author-byline author-byline--tier1" data-author-byline="1" itemscope itemtype="https://schema.org/Person"><span class="author-byline__prefix">By </span><a href="/credentials" class="author-byline__link" itemprop="url" title="View Rev. Dr. LaVeena B. Archers credentials" rel="author"><span itemprop="name">Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine</span></a></span> <a href="/blog/2022/3/13/video-2027-global-cycles-and-the-great-mutation" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/human-design-basics" class="blog-card-cat">Human Design Basics</a> <span class="blog-card-date">Mar 9, 2022</span> <span class="blog-card-readtime">· 21 min read</span> </div> <h2><a href="/blog/2022/3/9/the-science-of-differentiation-being-a-human-design-scientist-part-2">The 'Science' of Differentiation - Being a Human Design 'Scientist' (Part 2)</a></h2> <p class="blog-card-excerpt">This article is a continuation of an exploration into what it means to practice Human Design as a science. Part 1 can be found here: https://www.humandesignlifecoaching.com/blog/2022/3/9/the-science-o...</p> <div class="blog-card-footer"> <span class="author-byline author-byline--tier1" data-author-byline="1" itemscope itemtype="https://schema.org/Person"><span class="author-byline__prefix">By </span><a href="/credentials" class="author-byline__link" itemprop="url" title="View Rev. Dr. LaVeena B. Archers credentials" rel="author"><span itemprop="name">Rev. Dr. LaVeena B. Archers, PhD, DNM — Education Director, Jovian Archive | Differentiation Degree Practitioner | Board-Certified Holistic Functional Medicine</span></a></span> <a href="/blog/2022/3/9/the-science-of-differentiation-being-a-human-design-scientist-part-2" class="blog-read-more">Read More →</a> </div> </div></div> <div class="blog-pagination"> <a href="/blog?page=7" class="page-btn page-btn-text">← Prev</a> <a href="/blog?page=1" class="page-btn">1</a><a href="/blog?page=2" class="page-btn">2</a><a href="/blog?page=3" class="page-btn">3</a><a href="/blog?page=4" class="page-btn">4</a><a href="/blog?page=5" class="page-btn">5</a><a href="/blog?page=6" class="page-btn">6</a><a href="/blog?page=7" class="page-btn">7</a><a href="/blog?page=8" class="page-btn active">8</a><a href="/blog?page=9" class="page-btn">9</a><a href="/blog?page=10" class="page-btn">10</a> <a href="/blog?page=9" class="page-btn page-btn-text">Next →</a> </div> </main> <aside class="blog-sidebar"> <div class="sidebar-widget"> <h3 class="sidebar-heading">Categories</h3> <div class="cat-list"><a href="/blog/category/human-design-basics" class="cat-link"><span class="cat-name">Human Design Basics</span><span class="cat-count">70</span></a><a href="/blog/category/video" class="cat-link"><span class="cat-name">Video</span><span class="cat-count">49</span></a><a href="/blog/category/human-design-classes" class="cat-link"><span class="cat-name">Human Design Classes</span><span class="cat-count">37</span></a><a href="/blog/category/human-design-analyst" class="cat-link"><span class="cat-name">Human Design Analyst</span><span class="cat-count">34</span></a><a href="/blog/category/personal-stories" class="cat-link"><span class="cat-name">Personal Stories</span><span class="cat-count">24</span></a><a href="/blog/category/planetary-transits" class="cat-link"><span class="cat-name">Planetary Transits</span><span class="cat-count">24</span></a><a href="/blog/category/human-design-projector" class="cat-link"><span class="cat-name">Human Design Projector</span><span class="cat-count">19</span></a><a href="/blog/category/advanced-human-design" class="cat-link"><span class="cat-name">Advanced Human Design</span><span class="cat-count">17</span></a><a href="/blog/category/living-your-design-guide" class="cat-link"><span class="cat-name">Living Your Design Guide</span><span class="cat-count">15</span></a><a href="/blog/category/famous-human-designs" class="cat-link"><span class="cat-name">Famous Human Designs</span><span class="cat-count">13</span></a><a href="/blog/category/rave-cosmology" class="cat-link"><span class="cat-name">Rave Cosmology</span><span class="cat-count">13</span></a><a href="/blog/category/bg5-career-coaching" class="cat-link"><span class="cat-name">BG5 Career Coaching</span><span class="cat-count">11</span></a><a href="/blog/category/human-design-generator" class="cat-link"><span class="cat-name">Human Design Generator</span><span class="cat-count">8</span></a><a href="/blog/category/teaching-human-design" class="cat-link"><span class="cat-name">Teaching Human Design</span><span class="cat-count">8</span></a><a href="/blog/category/bg5-career-design" class="cat-link"><span class="cat-name">BG5 Career Design</span><span class="cat-count">7</span></a><a href="/blog/category/rave-psychology" class="cat-link"><span class="cat-name">Rave Psychology</span><span class="cat-count">6</span></a><a href="/blog/category/bg5-class" class="cat-link"><span class="cat-name">BG5 Class</span><span class="cat-count">5</span></a><a href="/blog/category/human-design-and-money" class="cat-link"><span class="cat-name">Human Design and Money</span><span class="cat-count">4</span></a><a href="/blog/category/human-design-study-group" class="cat-link"><span class="cat-name">Human Design Study Group</span><span class="cat-count">3</span></a><a href="/blog/category/financial-human-design" class="cat-link"><span class="cat-name">Financial Human Design</span><span class="cat-count">2</span></a><a href="/blog/category/human-design-cartography" class="cat-link"><span class="cat-name">Human Design Cartography</span><span class="cat-count">2</span></a><a href="/blog/category/human-design-parenting" class="cat-link"><span class="cat-name">Human Design Parenting</span><span class="cat-count">2</span></a><a href="/blog/category/human-design-variable" class="cat-link"><span class="cat-name">Human Design Variable</span><span class="cat-count">2</span></a><a href="/blog/category/famous-human-design-chart" class="cat-link"><span class="cat-name">Famous Human Design Chart</span><span class="cat-count">1</span></a><a href="/blog/category/human-design-relationship" class="cat-link"><span class="cat-name">Human Design Relationship</span><span class="cat-count">1</span></a></div> </div> <div class="sidebar-widget"> <h3 class="sidebar-heading">Recent Posts</h3> <div class="recent-list"><a href="/blog/when-to-get-human-design-cycles-analysis" class="recent-post"><span class="recent-title">When to Get a Human Design Cycles Analysis: The Precise Mechanical Moments Ra Uru Hu Designed for Your Greatest Transformation</span><span class="recent-date">Mar 18, 2026</span></a><a href="/blog/human-design-oc16-ruler-ceo-45-21-channel-money-voice-of-wa" class="recent-post"><span class="recent-title">The 45-21 Channel of Money Is Not Tribal – It’s the Voice of the WA (Hidden Secret That Changes Everything)</span><span class="recent-date">Mar 14, 2026</span></a><a href="/blog/steve-jobs-human-design-mystery-3-minutes-changed-everything-birth-time-reliability-exposed" class="recent-post"><span class="recent-title">Steve Jobs Human Design Mystery: 3 Minutes Changed EVERYTHING? Birth Time Reliability Exposed</span><span class="recent-date">Mar 14, 2026</span></a><a href="/blog/2026/3/13/steve-jobs-human-design-mystery-3-minutes-changed-everything-birth-time-reliability-exposed" class="recent-post"><span class="recent-title">Steve Jobs Human Design Mystery: 3 Minutes Changed EVERYTHING? Birth Time Reliability Exposed</span><span class="recent-date">Mar 13, 2026</span></a><a href="/blog/sacral-response-not-gut-feeling-human-design-ra-uru-hu" class="recent-post"><span class="recent-title">The Sacral Response Is NOT a “Gut Feeling” – Ra Uru Hu’s Mechanical Truth Every Generator Must Know</span><span class="recent-date">Mar 13, 2026</span></a></div> </div> <div class="sidebar-widget"> <h3 class="sidebar-heading">Tags</h3> <div class="tag-cloud"><a href="/blog/tag/human-design-system-training" class="tag-chip" style="font-size:1.25rem">human design system training <span class="tag-count">54</span></a> <a href="/blog/tag/human-design-classes" class="tag-chip" style="font-size:0.95rem">human design classes <span class="tag-count">25</span></a> <a href="/blog/tag/human-design-nodes" class="tag-chip" style="font-size:0.86rem">human design nodes <span class="tag-count">16</span></a> <a href="/blog/tag/human-design-transit" class="tag-chip" style="font-size:0.85rem">human design transit <span class="tag-count">15</span></a> <a href="/blog/tag/human-design-projector" class="tag-chip" style="font-size:0.82rem">human design projector <span class="tag-count">12</span></a> <a href="/blog/tag/human-design-system-education" class="tag-chip" style="font-size:0.81rem">human design system education <span class="tag-count">11</span></a> <a href="/blog/tag/human-design-generator" class="tag-chip" style="font-size:0.78rem">human design generator <span class="tag-count">8</span></a> <a href="/blog/tag/human-design-system" class="tag-chip" style="font-size:0.77rem">human design system <span class="tag-count">7</span></a> <a href="/blog/tag/human-design-system-article" class="tag-chip" style="font-size:0.77rem">human design system article <span class="tag-count">7</span></a> <a href="/blog/tag/free-human-design-classes" class="tag-chip" style="font-size:0.76rem">free human design classes <span class="tag-count">6</span></a> <a href="/blog/tag/living-your-human-design-training" class="tag-chip" style="font-size:0.75rem">living your human design training <span class="tag-count">5</span></a> <a href="/blog/tag/human-design-system-projector" class="tag-chip" style="font-size:0.74rem">human design system projector <span class="tag-count">4</span></a> <a href="/blog/tag/human-design-awakening" class="tag-chip" style="font-size:0.74rem">human design awakening <span class="tag-count">4</span></a> <a href="/blog/tag/rave-abc" class="tag-chip" style="font-size:0.74rem">rave abc <span class="tag-count">4</span></a> <a href="/blog/tag/living-your-design" class="tag-chip" style="font-size:0.74rem">living your design <span class="tag-count">4</span></a> <a href="/blog/tag/human-design-system-rave-psychology" class="tag-chip" style="font-size:0.74rem">human design system rave psychology <span class="tag-count">4</span></a> <a href="/blog/tag/emotional-projector" class="tag-chip" style="font-size:0.74rem">Emotional Projector <span class="tag-count">4</span></a> <a href="/blog/tag/human-design-relationships" class="tag-chip" style="font-size:0.74rem">human design relationships <span class="tag-count">4</span></a> <a href="/blog/tag/human-design-not-self" class="tag-chip" style="font-size:0.74rem">Human Design Not-Self <span class="tag-count">4</span></a> <a href="/blog/tag/human-design-community" class="tag-chip" style="font-size:0.74rem">Human Design Community <span class="tag-count">4</span></a> <a href="/blog/tag/human-design-types" class="tag-chip" style="font-size:0.73rem">human design types <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-manifesting-generator" class="tag-chip" style="font-size:0.73rem">human design manifesting generator <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-free-article" class="tag-chip" style="font-size:0.73rem">human design free article <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-analyst" class="tag-chip" style="font-size:0.73rem">Human Design analyst <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-experience" class="tag-chip" style="font-size:0.73rem">human design experience <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-evolution" class="tag-chip" style="font-size:0.73rem">human design evolution <span class="tag-count">3</span></a> <a href="/blog/tag/fixed-stars" class="tag-chip" style="font-size:0.73rem">fixed stars <span class="tag-count">3</span></a> <a href="/blog/tag/parenting-by-human-design" class="tag-chip" style="font-size:0.73rem">parenting by Human Design <span class="tag-count">3</span></a> <a href="/blog/tag/free-human-design-system-webinar" class="tag-chip" style="font-size:0.73rem">free human design system webinar <span class="tag-count">3</span></a> <a href="/blog/tag/ra-uru-hu" class="tag-chip" style="font-size:0.73rem">ra uru hu <span class="tag-count">3</span></a> <a href="/blog/tag/professional-human-design-certification" class="tag-chip" style="font-size:0.73rem">professional Human Design Certification <span class="tag-count">3</span></a> <a href="/blog/tag/generator-aura-type" class="tag-chip" style="font-size:0.73rem">generator aura type <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-life-coach" class="tag-chip" style="font-size:0.73rem">human design life coach <span class="tag-count">3</span></a> <a href="/blog/tag/advanced-human-design-concepts" class="tag-chip" style="font-size:0.73rem">advanced human design concepts <span class="tag-count">3</span></a> <a href="/blog/tag/rave-cosmology" class="tag-chip" style="font-size:0.73rem">rave cosmology <span class="tag-count">3</span></a> <a href="/blog/tag/global-cycles" class="tag-chip" style="font-size:0.73rem">Global Cycles <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-g-center" class="tag-chip" style="font-size:0.73rem">human design g center <span class="tag-count">3</span></a> <a href="/blog/tag/human-design-experiment" class="tag-chip" style="font-size:0.73rem">human design experiment <span class="tag-count">3</span></a> <a href="/blog/tag/how-we-communicate-and-act" class="tag-chip" style="font-size:0.72rem">How we communicate and act <span class="tag-count">2</span></a> <a href="/blog/tag/throat-center" class="tag-chip" style="font-size:0.72rem">Throat Center <span class="tag-count">2</span></a></div> </div> </aside> </div> <div class="cosmic-stars" aria-hidden="true"></div><div class="cosmic-nebula" aria-hidden="true"></div> <style> /* ── Mega Footer ─────────────────────────────────────────── */ .mf { background: #06060a; border-top: 1px solid rgba(99,58,133,0.3); font-family: 'Barlow', system-ui, -apple-system, sans-serif; color: #A89FA0; } /* Light mode overrides */ [data-theme="light"] .mf { background: #f7f3ef; border-top-color: rgba(99,58,133,0.2); color: #5a4e6a; } /* ── Newsletter band at top ─── */ .mf-nl-band { background: linear-gradient(135deg, rgba(99,58,133,0.18) 0%, rgba(52,210,226,0.08) 100%); border-bottom: 1px solid rgba(99,58,133,0.18); padding: 2rem 1.5rem; text-align: center; } [data-theme="light"] .mf-nl-band { background: linear-gradient(135deg, rgba(99,58,133,0.08) 0%, rgba(52,210,226,0.04) 100%); border-bottom-color: rgba(99,58,133,0.12); } .mf-nl-band h3 { font-family: 'Rubik', system-ui, sans-serif; font-size: 1rem; font-weight: 700; color: #ffffff; margin: 0 0 0.3rem; } [data-theme="light"] .mf-nl-band h3 { color: #3d2452; } .mf-nl-band p { font-size: 0.82rem; color: #A89FA0; margin: 0 0 1rem; } [data-theme="light"] .mf-nl-band p { color: #5a4e6a; } .mf-nl-form { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; max-width: 480px; margin: 0 auto; } .mf-nl-input { flex: 1; min-width: 200px; max-width: 280px; padding: 0.6rem 1.1rem; background: rgba(255,255,255,0.06); border: 1px solid rgba(99,58,133,0.35); border-radius: 100px; color: #ffffff; font-size: 0.82rem; outline: none; font-family: inherit; } [data-theme="light"] .mf-nl-input { background: rgba(255,255,255,0.85); color: #1a1218; border-color: rgba(99,58,133,0.3); } .mf-nl-input::placeholder { color: #5a4e6a; } [data-theme="light"] .mf-nl-input::placeholder { color: #9a8aaa; } .mf-nl-input:focus { border-color: #633a85; background: rgba(255,255,255,0.09); } [data-theme="light"] .mf-nl-input:focus { background: #ffffff; } .mf-nl-btn { padding: 0.6rem 1.4rem; background: #633a85; border: none; border-radius: 100px; color: #ffffff; font-size: 0.82rem; font-weight: 600; cursor: pointer; transition: background 0.15s, box-shadow 0.15s; font-family: inherit; white-space: nowrap; } .mf-nl-btn:hover { background: #7a4d9e; box-shadow: 0 0 18px rgba(99,58,133,0.45); } .mf-nl-msg { font-size: 0.78rem; color: #34d2e2; margin-top: 0.6rem; min-height: 1.2em; } /* ── Main columns grid ─── */ .mf-main { max-width: 1200px; margin: 0 auto; padding: 3rem 2rem 2.5rem; display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem 2rem; } @media (max-width: 1050px) { .mf-main { grid-template-columns: repeat(3, 1fr); gap: 2rem 2rem; } } @media (max-width: 700px) { .mf-main { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 1.5rem; padding: 2rem 1.5rem 1.5rem; } } @media (max-width: 420px) { .mf-main { grid-template-columns: 1fr; gap: 1.25rem; padding: 1.8rem 1.25rem 1.25rem; } } /* ── Column styles ─── */ .mf-col-title { font-family: 'Rubik', system-ui, sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #633a85; margin: 0 0 1rem; padding-bottom: 0.6rem; border-bottom: 1px solid rgba(99,58,133,0.2); } [data-theme="light"] .mf-col-title { color: #633a85; border-bottom-color: rgba(99,58,133,0.2); } .mf-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.45rem; } .mf-col ul li a { color: #8a7a96; text-decoration: none; font-size: 0.84rem; transition: color 0.15s, padding-left 0.15s; display: block; line-height: 1.4; } [data-theme="light"] .mf-col ul li a { color: #5a4e6a; } .mf-col ul li a:hover { color: #34d2e2; padding-left: 4px; } [data-theme="light"] .mf-col ul li a:hover { color: #633a85; } /* Badge for special links */ .mf-badge { display: inline-block; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; background: rgba(52,210,226,0.15); color: #34d2e2; border: 1px solid rgba(52,210,226,0.3); border-radius: 100px; padding: 0.1em 0.5em; margin-left: 0.35rem; vertical-align: middle; position: relative; top: -1px; } .mf-badge-gold { background: rgba(201,168,76,0.15); color: #C9A84C; border-color: rgba(201,168,76,0.3); } /* ── Divider ─── */ .mf-hr { border: none; border-top: 1px solid rgba(99,58,133,0.14); margin: 0 2rem; } [data-theme="light"] .mf-hr { border-top-color: rgba(99,58,133,0.15); } @media (max-width: 560px) { .mf-hr { margin: 0 1.5rem; } } /* ── Bottom bar ─── */ .mf-bottom { max-width: 1200px; margin: 0 auto; padding: 1.5rem 2rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; } @media (max-width: 640px) { .mf-bottom { flex-direction: column; text-align: center; align-items: center; padding: 1.25rem 1.5rem; } .mf-socials { justify-content: center; max-width: 220px; } } .mf-logo { display: flex; align-items: center; gap: 0.55rem; text-decoration: none; } .mf-logo-mark { width: 32px; height: 32px; background: linear-gradient(135deg, #633a85 0%, #34d2e2 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; color: #fff; flex-shrink: 0; } .mf-logo-text { font-family: 'Rubik', system-ui, sans-serif; font-size: 0.92rem; font-weight: 700; color: #ffffff; line-height: 1.2; } [data-theme="light"] .mf-logo-text { color: #1a1218; } .mf-logo-sub { font-size: 0.65rem; color: #5a4e6a; letter-spacing: 0.05em; font-weight: 400; display: block; } [data-theme="light"] .mf-logo-sub { color: #8a7a96; } .mf-copy-wrap { text-align: center; } .mf-copy { font-size: 0.72rem; color: #A89FA0; line-height: 1.6; } [data-theme="light"] .mf-copy { color: #5a4e6a; } .mf-copy a { color: #8a7a96; text-decoration: none; transition: color 0.15s; } [data-theme="light"] .mf-copy a { color: #633a85; } .mf-copy a:hover { color: #A89FA0; } [data-theme="light"] .mf-copy a:hover { color: #7a4d9e; } .mf-legal-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem 1rem; margin-top: 0.4rem; } .mf-legal-row a { color: #6a5e72; font-size: 0.7rem; text-decoration: none; transition: color 0.15s; } [data-theme="light"] .mf-legal-row a { color: #5a4e6a; } .mf-legal-row a:hover { color: #A89FA0; } [data-theme="light"] .mf-legal-row a:hover { color: #633a85; } .mf-socials { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; justify-content: flex-end; max-width: 200px; } .mf-social-link { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid rgba(99,58,133,0.25); border-radius: 50%; color: #6a5e72; text-decoration: none; transition: all 0.15s; } .mf-social-link:hover { border-color: rgba(99,58,133,0.6); color: #ffffff; background: rgba(99,58,133,0.2); } [data-theme="light"] .mf-social-link { border-color: rgba(99,58,133,0.3); color: #8a7a96; } [data-theme="light"] .mf-social-link:hover { color: #ffffff; } /* PMA Disclaimer */ .mf-pma-disclaimer { border-top: 1px solid rgba(99,58,133,0.12); padding: 1.25rem 2rem 0.5rem; text-align: center; max-width: 860px; margin: 0 auto; } .mf-pma-disclaimer p { font-size: 0.72rem; color: #6a5e72; line-height: 1.65; margin-bottom: 0.4rem; } [data-theme="light"] .mf-pma-disclaimer p { color: #7a6a8a; } .mf-pma-entity { font-size: 0.7rem !important; color: #5a4e6a !important; font-style: italic; letter-spacing: 0.02em; } </style> <footer class="mf" aria-label="Site footer">  <div class="mf-nl-band"> <h3>✦ Stay Connected to Your Design</h3> <p>Weekly Human Design insights, free resources & course updates — straight to your inbox.</p> <div class="mf-nl-form"> <input class="mf-nl-input" type="email" id="mf-email" placeholder="your@email.com" autocomplete="email"> <button class="mf-nl-btn" onclick="mfSubscribe()" type="button">Subscribe Free</button> </div> <div class="mf-nl-msg" id="mf-nl-msg"></div> </div>  <div class="mf-main" role="navigation" aria-label="Footer links">  <div class="mf-col"> <h4 class="mf-col-title">Free Chart</h4> <ul> <li><a href="/free-design-kit">Free Human Design Chart</a></li> <li><a href="/start-here">Start Here</a></li> <li><a href="/types">The 4 Types</a></li> <li><a href="/strategy-and-authority">Strategy & Authority</a></li> <li><a href="/centers">The 9 Centers</a></li> <li><a href="/profiles">Profiles</a></li> <li><a href="/dictionary">HD Dictionary</a></li> <li><a href="/famous-designs">Famous Human Design Charts</a></li> <li><a href="https://mybodygraph.com/?ref=iconic&fp_sid=yt&bg_ref=DWfrspTm8L" target="_blank" rel="noopener sponsored">myBodyGraph ↗</a></li> </ul> </div>  <div class="mf-col"> <h4 class="mf-col-title">Practitioners</h4> <ul> <li><a href="/human-design-professionals">Find a Practitioner</a></li> <li><a href="/list-your-practice">List Your Practice</a></li> <li><a href="/human-design-certification">Certification Programs</a></li> <li><a href="/professional-education">Professional Education</a></li> <li><a href="/education">IHDS Education Programs</a></li> <li><a href="https://HumanDesignBusiness.com" target="_blank" rel="noopener noreferrer">HD Business Classes ↗</a></li> <li><a href="/classifieds">Classifieds & Jobs</a></li> <li><a href="https://app.oncehub.com/iconicoracle" target="_blank" rel="noopener noreferrer">Book a Reading ↗</a></li> </ul> </div>  <div class="mf-col"> <h4 class="mf-col-title">Membership</h4> <ul> <li><a href="/member-home">Member Home</a></li> <li><a href="/community">Community Forum</a></li> <li><a href="/publishing-guidelines">Publishing Guidelines</a></li> <li><a href="/events">HD Events</a></li> <li><a href="/live-events">Live Sessions <span class="mf-badge-gold mf-badge">Members</span></a></li> <li><a href="/free-human-design-courses">Courses</a></li> <li><a href="/study-circles">Study Circles</a></li> <li><a href="/dashboard/transits">My Transits</a></li> <li><a href="/laveena-ai">LaVeena AI</a></li> </ul> </div>  <div class="mf-col"> <h4 class="mf-col-title">Ra’s Transmission</h4> <ul> <li><a href="/ra-uru-hu-courses">Ra Uru Hu Classes</a></li> <li><a href="/about-the-system">About the System</a></li> <li><a href="/the-2027-shift">The 2027 Shift</a></li> <li><a href="/incarnation-crosses">Incarnation Crosses</a></li> <li><a href="/gate-of-the-day">Gate of the Day</a></li> <li><a href="https://jovianarchive.com/?bg_ref=DWfrspTm8L" target="_blank" rel="noopener sponsored">Jovian Archive ↗</a></li> <li><a href="https://maiamechanics.com" target="_blank" rel="noopener noreferrer">MaiaMechanics ↗</a></li> </ul> </div>  <div class="mf-col"> <h4 class="mf-col-title">Privacy / Terms</h4> <ul> <li><a href="/privacy-policy">Privacy Policy</a></li> <li><a href="/terms">Terms & Conditions</a></li> <li><a href="/become-an-affiliate">Affiliate Program</a></li> <li><a href="/contact">Contact</a></li> <li><a href="/support">Support</a></li> <li><a href="/about-dr-laveena">About Dr. LaVeena</a></li> <li><a href="/credentials">Dr. LaVeena's Credentials</a></li> <li><a href="/about-us">About Us</a></li> </ul> </div> </div> <hr class="mf-hr">  <div class="mf-bottom">  <a href="/" class="mf-logo" aria-label="The Human Design System home"> <div class="mf-logo-mark" aria-hidden="true">✦</div> <div> <div class="mf-logo-text">The Human Design System</div> <span class="mf-logo-sub">thehumandesignsystem.com</span> </div> </a>  <div class="mf-copy-wrap"> <div class="mf-copy">© 2026 The Human Design System. All rights reserved.<br>Human Design is a Revelation, not channeled.</div> <div class="mf-legal-row"> <a href="/privacy-policy">Privacy Policy</a> <a href="/terms">Terms</a> <a href="/become-an-affiliate">Affiliate Program</a> <a href="/contact">Contact</a> <a href="/report">Report an Issue</a> </div> </div>  <div class="mf-socials"> <a href="https://twitter.com/LAVEENA" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Follow on X (Twitter)"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> </a> <a href="https://www.instagram.com/iconichumandesign" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Follow on Instagram"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> </a> <a href="https://www.facebook.com/Laveena.B.Archers/" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Follow on Facebook"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> </a> <a href="https://www.facebook.com/groups/HumanDesignSystem/" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Join Facebook Group"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg> </a> <a href="https://www.linkedin.com/in/humandesignsystem/" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Connect on LinkedIn"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> </a> <a href="https://vimeo.com/humandesignsystem" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Watch on Vimeo"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.17 0-.763.36-1.78 1.07L0 7.116c1.114-.98 2.209-1.96 3.074-2.94 1.39-1.209 2.428-1.85 3.116-1.91 1.63-.16 2.637.956 3.02 3.348.406 2.594.686 4.21.84 4.846.468 2.128.98 3.188 1.536 3.188.434 0 1.09-.687 1.96-2.066.871-1.38 1.328-2.425 1.375-3.144.122-1.194-.347-1.791-1.375-1.791-.49 0-.99.112-1.52.338 1.01-3.328 2.94-4.948 5.77-4.86 2.1.06 3.09 1.423 2.96 4.09z"/></svg> </a> <a href="https://www.youtube.com/c/HumanDesignSystem" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Watch on YouTube"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg> </a> <a href="https://soundcloud.com/humandesignsystem" target="_blank" rel="noopener noreferrer" class="mf-social-link" aria-label="Listen on SoundCloud"> <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M11.56 8.87V17h8.76c.97 0 1.68-.66 1.68-1.56 0-.9-.71-1.56-1.68-1.56-.14 0-.28.02-.41.06.03-.17.05-.35.05-.53 0-1.66-1.39-3.01-3.1-3.01-.56 0-1.09.15-1.55.42-.2-1.27-1.29-2.24-2.61-2.24-.56 0-1.08.17-1.14.29zm-1.79 1.23c-.35 0-.68.1-.96.26C8.44 9.09 7.44 8.38 6.27 8.38c-1.81 0-3.27 1.46-3.27 3.27 0 .1.01.2.02.3C1.26 12.38 0 13.79 0 15.44 0 17.2 1.44 18.64 3.2 18.64h7.37V10.1c-.27-.62-.86-1-.8-1z"/></svg> </a> </div> </div>  <div class="mf-pma-disclaimer" role="contentinfo" aria-label="Private Membership Association notice"> <p>Free Human Design charts and introductory teachings are available publicly. All deeper education, memberships, certifications, community, marketplace services, AI tools, and full platform access are offered exclusively to Members in good standing of ICONIC Human Design Education, PMA under private spiritual covenant. Mandatory digital Member Agreement required before any paid or member-only content is unlocked. All services are spiritual in nature and not medical, psychological, or licensed advice.</p> <p class="mf-pma-entity">ICONIC Human Design, LLC dba ICONIC Human Design Education, PMA</p> </div> </footer> <script> (function(){ function mfSubscribe(){ var emailEl=document.getElementById('mf-email'),msgEl=document.getElementById('mf-nl-msg'); if(!emailEl||!msgEl)return; var email=emailEl.value.trim(); if(!/^[^s@]+@[^s@]+.[^s@]+$/.test(email)){msgEl.textContent='Please enter a valid email.';return;} msgEl.textContent='Subscribing…'; fetch('/api/subscribe',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:email,source:'footer_newsletter'})}) .then(function(r){return r.json();}) .then(function(d){msgEl.textContent=d.success?'You're in! ✦ Check your inbox.':(d.error||'Something went wrong.');if(d.success)emailEl.value='';}) .catch(function(){msgEl.textContent='Something went wrong. Please try again.';}); } window.mfSubscribe=mfSubscribe; })(); </script> <script src="/site-config.js"></script><script src="/js/theme-toggle.js"></script><script src="/js/galaxy-starfield.js" defer></script><link rel="stylesheet" href="/css/mobile-nav.css"><link rel="stylesheet" href="/css/desktop-nav.css"><link rel="stylesheet" href="/css/breadcrumbs.css"><link rel="stylesheet" href="/css/global-search.css"><script src="/js/mobile-nav.js" defer></script><script src="/js/desktop-nav.js" defer></script><script src="/js/breadcrumbs.js" defer></script><script src="/js/global-search.js" defer></script> <script> (function() { if (window.location.pathname.startsWith('/admin')) return; function isFormInput(el) { if (!el) return false; var tag = el.tagName ? el.tagName.toUpperCase() : ''; return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || el.isContentEditable || el.contentEditable === 'true'; } document.addEventListener('contextmenu', function(e) { if (isFormInput(e.target)) return; e.preventDefault(); var msg = document.createElement('div'); msg.textContent = 'Content protected by Dr. LaVeena B. Archers'; msg.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(10,10,15,0.92);color:#633a85;font-family:inherit,sans-serif;font-size:13px;padding:10px 22px;border-radius:6px;border:1px solid rgba(99,58,133,0.35);z-index:999999;pointer-events:none;opacity:1;transition:opacity 0.4s ease'; document.body.appendChild(msg); setTimeout(function() { msg.style.opacity = '0'; setTimeout(function() { if (msg.parentNode) msg.parentNode.removeChild(msg); }, 420); }, 2200); return false; }); document.addEventListener('keydown', function(e) { if (isFormInput(e.target)) return; var key = e.key ? e.key.toLowerCase() : ''; if ((e.ctrlKey || e.metaKey) && (key === 'c' || key === 'a' || key === 'u' || key === 's')) { e.preventDefault(); return false; } }); document.addEventListener('copy', function(e) { if (isFormInput(document.activeElement)) return; e.preventDefault(); }); document.addEventListener('dragstart', function(e) { if (e.target && e.target.tagName && e.target.tagName.toUpperCase() === 'IMG') { e.preventDefault(); return false; } }); document.addEventListener('selectstart', function(e) { if (isFormInput(e.target)) return; e.preventDefault(); return false; }); })(); </script> <style> *:not(input):not(textarea):not([contenteditable="true"]):not([contenteditable=""]) { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-touch-callout: none !important; } input, textarea, [contenteditable] { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } img { -webkit-user-drag: none; user-drag: none; pointer-events: auto; } </style> <style> #lav-chat-bubble{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:'Barlow',sans-serif;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:auto!important;isolation:isolate} #lav-chat-toggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#633a85,#34d2e2);border:none;cursor:pointer;box-shadow:0 4px 20px rgba(99,58,133,0.5);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;letter-spacing:-0.02em;transition:transform 0.2s,box-shadow 0.2s;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:rgba(99,58,133,0.3);pointer-events:auto!important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none} #lav-chat-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(52,210,226,0.45)} #lav-chat-window{width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);background:#0E0E18;border:1px solid rgba(99,58,133,0.4);border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.6);display:none;flex-direction:column;overflow:hidden;position:relative} #lav-chat-window.open{display:flex} .lav-chat-header{background:linear-gradient(135deg,#633a85,#2a9eb0);padding:14px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0} .lav-chat-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0} .lav-chat-title{flex:1;min-width:0}.lav-chat-title strong{color:#fff;font-size:0.92rem;display:block;font-weight:600} .lav-chat-title span{color:rgba(255,255,255,0.7);font-size:0.74rem} #lav-chat-close{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;font-size:18px;padding:0;line-height:1;flex-shrink:0} #lav-chat-close:hover{color:#fff} .lav-chat-quota{padding:6px 16px;background:#0A0A14;border-bottom:1px solid rgba(99,58,133,0.2);display:flex;align-items:center;gap:8px;flex-shrink:0} .lav-quota-dots{display:flex;gap:4px}.lav-quota-dot{width:8px;height:8px;border-radius:50%;background:rgba(99,58,133,0.3);transition:background 0.3s} .lav-quota-dot.used{background:linear-gradient(135deg,#633a85,#34d2e2)} .lav-quota-label{font-size:0.72rem;color:rgba(232,230,225,0.5)} #lav-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px} #lav-chat-messages::-webkit-scrollbar{width:4px}#lav-chat-messages::-webkit-scrollbar-track{background:transparent} #lav-chat-messages::-webkit-scrollbar-thumb{background:rgba(99,58,133,0.4);border-radius:2px} .lav-msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:0.875rem;line-height:1.55;animation:lavFadeIn 0.25s ease} @keyframes lavFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} .lav-msg.user{background:linear-gradient(135deg,rgba(99,58,133,0.35),rgba(52,210,226,0.2));color:#F5F0E9;align-self:flex-end;border-bottom-right-radius:4px} .lav-msg.bot{background:linear-gradient(135deg,rgba(0,191,165,0.1),rgba(0,150,136,0.06));color:#F5F0E9;align-self:flex-start;border-bottom-left-radius:4px;border:1px solid rgba(0,191,165,0.2)} .lav-msg.bot.thinking{color:rgba(245,240,233,0.45);font-style:italic} #lav-chat-input:focus{border-color:rgba(0,191,165,0.5)} #lav-chat-send{background:linear-gradient(135deg,#00BFA5,#009688)!important} .lav-quota-dot.used{background:linear-gradient(135deg,#00BFA5,#D4AF37)} .lav-upgrade-banner{margin:0 12px 12px;background:linear-gradient(135deg,rgba(99,58,133,0.2),rgba(52,210,226,0.1));border:1px solid rgba(99,58,133,0.35);border-radius:10px;padding:12px 14px;font-size:0.8rem;color:#E8E6E1;text-align:center;display:none} .lav-upgrade-banner a{color:#34d2e2;font-weight:600;text-decoration:none} .lav-chat-input-row{padding:12px;border-top:1px solid rgba(99,58,133,0.2);display:flex;gap:8px;flex-shrink:0;background:#0A0A14} #lav-chat-input{flex:1;background:#1A1A2E;border:1px solid rgba(99,58,133,0.3);border-radius:8px;padding:9px 12px;color:#E8E6E1;font-size:0.875rem;font-family:inherit;resize:none;outline:none;max-height:80px;min-height:38px;line-height:1.45} #lav-chat-input:focus{border-color:rgba(52,210,226,0.5)} #lav-chat-input::placeholder{color:rgba(232,230,225,0.35)} #lav-chat-send{background:linear-gradient(135deg,#633a85,#34d2e2);border:none;border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity 0.2s} #lav-chat-send:hover{opacity:0.85}#lav-chat-send svg{width:16px;height:16px;fill:#fff} @media(max-width:480px){#lav-chat-window{width:calc(100vw - 24px);right:0;bottom:0;border-radius:16px 16px 0 0;height:480px;max-height:70vh}#lav-chat-bubble{bottom:16px;right:12px}} </style> <div id="lav-chat-bubble"> <div id="lav-chat-window"> <div class="lav-chat-header"> <div class="lav-chat-avatar">LV.ai</div> <div class="lav-chat-title"><strong>LaVeena AI</strong><span>Human Design Guide</span></div> <button id="lav-chat-close" aria-label="Close chat">×</button> </div> <div class="lav-chat-quota"> <div class="lav-quota-dots"> <div class="lav-quota-dot" id="lav-dot-1"></div> <div class="lav-quota-dot" id="lav-dot-2"></div> <div class="lav-quota-dot" id="lav-dot-3"></div> <div class="lav-quota-dot" id="lav-dot-4"></div> <div class="lav-quota-dot" id="lav-dot-5"></div> </div> <span class="lav-quota-label" id="lav-quota-label">5 free questions today</span> </div> <div id="lav-chat-messages"></div> <div class="lav-upgrade-banner" id="lav-upgrade-banner"> You've used your 5 free questions today.<br> <a href="https://theHumanDesignSystem.com" target="_blank" rel="noopener">Join Private PMA →</a>  ·  <a href="/free-design-kit">Get your free Human Design chart</a> </div> <div class="lav-chat-input-row"> <textarea id="lav-chat-input" placeholder="Ask about your Human Design…" rows="1" maxlength="500"></textarea> <button id="lav-chat-send" aria-label="Send message"> <svg viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg> </button> </div> </div> <button id="lav-chat-toggle" onclick="window._lavToggle&&window._lavToggle()" aria-label="Open Human Design chat">LV.ai</button> </div> <script> (function(){ var QUOTA=5,DELAY=12000; var win=document.getElementById('lav-chat-window'); var toggle=document.getElementById('lav-chat-toggle'); var close=document.getElementById('lav-chat-close'); var msgs=document.getElementById('lav-chat-messages'); var input=document.getElementById('lav-chat-input'); var send=document.getElementById('lav-chat-send'); var banner=document.getElementById('lav-upgrade-banner'); var quotaLabel=document.getElementById('lav-quota-label'); // Safe storage wrappers (Brave Shields / Safari private mode can throw SecurityError) function safeGet(store,key){try{return store.getItem(key);}catch(e){return null;}} function safeSet(store,key,val){try{store.setItem(key,val);}catch(e){}} // Session ID (persists tab session) var sid=safeGet(sessionStorage,'lav_sid'); if(!sid){sid=Math.random().toString(36).slice(2)+Date.now().toString(36);safeSet(sessionStorage,'lav_sid',sid);} // Conversation history for context var history=[]; // Usage tracking function getUsed(){return parseInt(safeGet(localStorage,'lav_used_'+new Date().toDateString())||'0',10);} function setUsed(n){safeSet(localStorage,'lav_used_'+new Date().toDateString(),n);} function updateQuotaUI(){ var used=getUsed(); var rem=Math.max(0,QUOTA-used); for(var i=1;i<=5;i++){ var dot=document.getElementById('lav-dot-'+i); if(dot) dot.classList.toggle('used',i<=used); } if(rem===0){quotaLabel.textContent='No questions remaining today';banner.style.display='block';} else{quotaLabel.textContent=rem+' question'+(rem===1?'':'s')+' remaining today';banner.style.display='none';} } // Open/close state persisted in sessionStorage function isOpen(){return safeGet(sessionStorage,'lav_open')==='1';} function openChat(){win.classList.add('open');safeSet(sessionStorage,'lav_open','1');if(msgs.children.length===0)addWelcome();} function closeChat(){win.classList.remove('open');safeSet(sessionStorage,'lav_open','0');} // Expose toggle globally — used by inline onclick on the button (iOS Brave fallback) window._lavToggle=function(){if(isOpen())closeChat();else openChat();}; function addWelcome(){ addMsg('bot','Hi! I'm LV.ai — your guide to Human Design at The Human Design System. Ask me about your Type, Strategy, Authority, or what makes ICONIC different from other HD platforms. I can also help you get your free Human Design chart or find the right membership. What would you like to know?'); } function addMsg(role,text){ var el=document.createElement('div'); el.className='lav-msg '+role; el.textContent=text; msgs.appendChild(el); msgs.scrollTop=msgs.scrollHeight; return el; } function sendMessage(){ var text=input.value.trim(); if(!text)return; var used=getUsed(); if(used>=QUOTA){banner.style.display='block';return;} input.value=''; input.style.height=''; addMsg('user',text); var thinking=addMsg('bot thinking','Thinking…'); history.push({role:'user',content:text}); send.disabled=true; fetch('/api/chatbot/message',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({message:text,sessionId:sid,history:history.slice(-10),botType:'public'}) }).then(function(r){return r.json();}).then(function(d){ thinking.remove(); if(d.reply){ addMsg('bot',d.reply); history.push({role:'assistant',content:d.reply}); var newUsed=used+1; setUsed(newUsed); updateQuotaUI(); } else { addMsg('bot','Sorry, I encountered an issue. Please try again.'); } }).catch(function(){ thinking.remove(); addMsg('bot','Connection error. Please try again in a moment.'); }).finally(function(){send.disabled=false;}); } toggle.addEventListener('click',function(){if(isOpen())closeChat();else openChat();}); // touchend fallback: iOS Safari + Brave with user-select:none can suppress click events on buttons toggle.addEventListener('touchend',function(e){e.preventDefault();if(isOpen())closeChat();else openChat();},{passive:false}); close.addEventListener('click',closeChat); send.addEventListener('click',sendMessage); input.addEventListener('keydown',function(e){if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();sendMessage();}}); input.addEventListener('input',function(){this.style.height='';this.style.height=Math.min(this.scrollHeight,80)+'px';}); // Auto-open after delay on first visit if(isOpen()){openChat();} else if(!safeGet(localStorage,'lav_visited')){ safeSet(localStorage,'lav_visited','1'); setTimeout(function(){if(!isOpen())openChat();},DELAY); } updateQuotaUI(); })(); </script> <style> /* ── Social Share: Desktop Sidebar ───────────────────────── */ .ss-sidebar { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9990; display: flex; flex-direction: column; gap: 3px; padding: 10px 6px; background: rgba(13,13,13,0.92); border: 1px solid rgba(99,58,133,0.35); border-right: none; border-radius: 14px 0 0 14px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: -3px 0 20px rgba(0,0,0,0.4); transition: opacity 0.2s; } [data-theme="light"] .ss-sidebar { background: rgba(255,255,255,0.95); border-color: rgba(99,58,133,0.25); box-shadow: -3px 0 20px rgba(99,58,133,0.1); } .ss-btn { width: 40px; height: 40px; border: none; background: transparent; cursor: pointer; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #A89FA0; transition: background 0.18s, color 0.18s, transform 0.18s; position: relative; } .ss-btn:hover { background: rgba(99,58,133,0.2); color: #34d2e2; transform: scale(1.08); } .ss-btn[data-ss-platform="twitter"]:hover { color: #1DA1F2; } .ss-btn[data-ss-platform="facebook"]:hover { color: #4267B2; } .ss-btn[data-ss-platform="linkedin"]:hover { color: #0A66C2; } .ss-btn[data-ss-platform="email"]:hover { color: #34d2e2; } .ss-btn[data-ss-platform="copy"]:hover { color: #a855f7; } .ss-btn.ss-copied { color: #22c55e !important; } /* Tooltip to the left of sidebar */ .ss-btn::before { content: attr(data-tooltip); position: absolute; right: calc(100% + 10px); top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.88); color: #fff; font-size: 12px; font-family: 'Barlow',sans-serif; font-weight: 500; padding: 4px 9px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.15s; } .ss-btn:hover::before { opacity: 1; } /* ── Social Share: Mobile FAB ─────────────────────────────── */ .ss-mobile-fab { position: fixed; bottom: 90px; right: 16px; z-index: 9990; display: none; flex-direction: column; align-items: flex-end; gap: 8px; } .ss-fab-toggle { width: 46px; height: 46px; border-radius: 50%; background: rgba(99,58,133,0.92); border: 1px solid rgba(99,58,133,0.5); cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 4px 14px rgba(99,58,133,0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: background 0.18s, transform 0.18s; } .ss-fab-toggle:hover { background: #7a4d9e; transform: scale(1.05); } .ss-fab-panel { display: none; flex-direction: column; gap: 6px; align-items: flex-end; } .ss-fab-panel.ss-open { display: flex; } .ss-fab-btn { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 24px; border: 1px solid rgba(99,58,133,0.3); cursor: pointer; font-size: 13px; font-family: 'Barlow',sans-serif; font-weight: 500; background: rgba(13,13,13,0.96); color: #fcfcfc; box-shadow: 0 2px 10px rgba(0,0,0,0.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: background 0.15s, transform 0.12s; white-space: nowrap; } [data-theme="light"] .ss-fab-btn { background: rgba(247,243,239,0.97); color: #1a1218; } .ss-fab-btn:hover { background: rgba(99,58,133,0.85); color: #fff; transform: translateX(-2px); } .ss-fab-btn.ss-copied { color: #22c55e !important; border-color: #22c55e; } /* ── Social Share: Inline Section (content pages) ─────────── */ .ss-inline { display: flex; flex-direction: column; gap: 14px; padding: 28px 0 12px; margin-top: 48px; border-top: 1px solid rgba(99,58,133,0.18); } [data-theme="light"] .ss-inline { border-color: rgba(99,58,133,0.15); } .ss-inline-label { font-size: 11px; font-family: 'Barlow',sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: #A89FA0; } .ss-inline-buttons { display: flex; flex-wrap: wrap; gap: 8px; } .ss-inline-btn { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border-radius: 8px; border: 1px solid rgba(99,58,133,0.3); background: transparent; cursor: pointer; font-family: 'Barlow',sans-serif; font-size: 14px; font-weight: 500; color: #A89FA0; transition: background 0.18s, color 0.18s, border-color 0.18s; } .ss-inline-btn:hover { background: rgba(99,58,133,0.15); color: #fff; border-color: #633a85; } [data-theme="light"] .ss-inline-btn:hover { color: #1a1218; } .ss-inline-btn.ss-copied { color: #22c55e; border-color: #22c55e; } .ss-inline-btn .ss-icon { display: flex; align-items: center; } /* ── Responsive ───────────────────────────────────────────── */ @media (max-width: 768px) { .ss-sidebar { display: none !important; } .ss-mobile-fab { display: flex; } } @media (min-width: 769px) { .ss-mobile-fab { display: none !important; } } </style>  <div id="ss-sidebar" class="ss-sidebar" role="complementary" aria-label="Share this page"> <button class="ss-btn" data-ss-platform="twitter" data-tooltip="Share on X" type="button" aria-label="Share on X"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></button> <button class="ss-btn" data-ss-platform="facebook" data-tooltip="Share on Facebook" type="button" aria-label="Share on Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></button> <button class="ss-btn" data-ss-platform="linkedin" data-tooltip="Share on LinkedIn" type="button" aria-label="Share on LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></button> <button class="ss-btn" data-ss-platform="email" data-tooltip="Share via Email" type="button" aria-label="Share via Email"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg></button> <button class="ss-btn" data-ss-platform="copy" data-tooltip="Copy link" type="button" aria-label="Copy page link"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg></button> </div>  <div id="ss-mobile-fab" class="ss-mobile-fab" role="complementary" aria-label="Share this page"> <div id="ss-fab-panel" class="ss-fab-panel"> <button class="ss-fab-btn" data-ss-platform="twitter" type="button" aria-label="Share on X"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg><span>Twitter / X</span></button> <button class="ss-fab-btn" data-ss-platform="facebook" type="button" aria-label="Share on Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg><span>Facebook</span></button> <button class="ss-fab-btn" data-ss-platform="linkedin" type="button" aria-label="Share on LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg><span>LinkedIn</span></button> <button class="ss-fab-btn" data-ss-platform="email" type="button" aria-label="Share via Email"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg><span>Email</span></button> <button class="ss-fab-btn" data-ss-platform="copy" type="button" aria-label="Copy page link"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg><span>Copy Link</span></button> </div> <button class="ss-fab-toggle" data-ss-platform="native" type="button" aria-label="Share this page"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg> </button> </div> <script src="/js/social-share.js" defer></script> <script src="/js/section-styles.js" defer></script> <script src="/js/inline-editor.js" defer></script> <script> (function(){ // Open all external links in new tab with security attributes document.addEventListener('DOMContentLoaded', function() { var host = location.hostname; document.querySelectorAll('a[href]').forEach(function(a) { var href = a.getAttribute('href') || ''; if (href.startsWith('http') && !href.includes(host) && !a.getAttribute('target')) { a.setAttribute('target', '_blank'); a.setAttribute('rel', 'noopener noreferrer'); } }); }); })(); </script> <script>(function(){try{var w=screen.width,h=screen.height;if(w&&h){var x=new XMLHttpRequest();x.open('POST','/api/pv-screen',true);x.setRequestHeader('Content-Type','application/json');x.send(JSON.stringify({w:w,h:h}));}}catch(e){}}());</script> <script src="/js/announcement-bar.js" defer></script> </body> </html>

The The Human Design System Blog