Blog — The Human Design System | Authentic Human Design Articles

BG5 Career Design Jan 8, 2022 · 15 min read

Relating without Blame: Split Definitions and the Penta

The Human Design System Penta by JovianArchive In this article we'll be taking a look at relating with awareness. Functional relationships are at the core of what makes civilization work and what allo...

Advanced Human Design Jan 8, 2022 · 1 min read

Perceptual Attunement: Seeing Correctly Through your Aligned Human Design Viewpoint

Radical Transformations using the Human Design System Some inspiration from our Radical Transformations, which is also included in Professional Analyst Training Level 1, Year 1. Want to join in the le...

Human Design Classes Dec 31, 2021 · 9 min read

A Human Design Chart Reading Is Not About Mirror Gates

Do you know your Human Design Mirror Gates? There is an important relationship here between these circuits. What are they? Find out in Professional Training! Above is a fascinating image of deeper und...

Advanced Human Design Dec 28, 2021 · 9 min read

Analyst Student Keynoting for 1/3 Triple Split Emotional Manifestor Cross of Sphinx

1/3 Triple Split Emotional Manifestor Cross of Sphinx Advanced Keynoting for 1/3 Triple Split Emotional Manifestor The following article is another example from my PTL1 keynoting practice under Laveen...

Human Design Analyst Dec 26, 2021 · 9 min read

Awakening Human Design Analysts

The Professional Phone is Ringing. Will you answer the Call? IHDS Human Design Analyst Teacher Laveena Archers One of the most profound tools for awakening awareness, the poignant language Ra gave us ...

Personal Stories Dec 23, 2021 · 2 min read

Happy Human Design Holidays!

Dear Fellow Human Designers, Our entire HumanDesignLifeCoaching.com and HumanDesign.Live team wishes you all the very best this holiday season, however is correct for you to celebrate it! In these tim...

Advanced Human Design Dec 12, 2021 · 2 min read

The Third Radical Transformation: Perspective aka View

Human Design System Lunar Nodes and Our Life's Direction, Path and Seeing <div class="blog-card-footer"> <a href="/blog/2021/12/12/the-third-radical-transformation-perspective-aka-view" 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">Dec 12, 2021</span> <span class="blog-card-readtime">· 7 min read</span> </div> <h2><a href="/blog/2021/12/12/inner-authority-material-willpower">Inner Authority: Material Willpower</a></h2> <p class="blog-card-excerpt">Ego Authority: The Will To Do Something "Ego authority is very limited in the way it can occur because of the hierarchy of the authorities. In order for the ego to be the authority the chart CANNOT ha...</p> <div class="blog-card-footer"> <a href="/blog/2021/12/12/inner-authority-material-willpower" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/personal-stories" class="blog-card-cat">Personal Stories</a> <span class="blog-card-date">Dec 6, 2021</span> <span class="blog-card-readtime">· 6 min read</span> </div> <h2><a href="/blog/2021/12/6/living-your-human-design-isnt-always-easy">Living Your Human Design Isn't Always Easy</a></h2> <p class="blog-card-excerpt">Living Your Design Isn't Always Easy During a profound shattering it may seem like you're never going to come out on the other side. Each of us have layers and layers of past conditioning that is neut...</p> <div class="blog-card-footer"> <a href="/blog/2021/12/6/living-your-human-design-isnt-always-easy" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/personal-stories" class="blog-card-cat">Personal Stories</a> <span class="blog-card-date">Dec 6, 2021</span> <span class="blog-card-readtime">· 11 min read</span> </div> <h2><a href="/blog/2021/12/6/the-mysterious-difference-which-makes-a-difference">The Mysterious Difference which Makes a Difference</a></h2> <p class="blog-card-excerpt">This article is a response to a question from the humandesign.live community: “As a 6/2 MG with emotional authority, waiting is extremely difficult… Almost painfully difficult. If one is in a difficul...</p> <div class="blog-card-footer"> <a href="/blog/2021/12/6/the-mysterious-difference-which-makes-a-difference" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/personal-stories" class="blog-card-cat">Personal Stories</a> <span class="blog-card-date">Nov 28, 2021</span> <span class="blog-card-readtime">· 6 min read</span> </div> <h2><a href="/blog/2021/11/28/a-fresh-start-coming-back-to-your-senses">A Fresh Start - Coming Back to Your Senses</a></h2> <p class="blog-card-excerpt">Thoughts from a 2/5 Splenic Projector in the Human Design Experiment The great thing about being Splenic is that any moment you can just start over. I’ve been ‘in the experiment’ with Strategy and Aut...</p> <div class="blog-card-footer"> <a href="/blog/2021/11/28/a-fresh-start-coming-back-to-your-senses" 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">Nov 21, 2021</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2021/11/21/learning-the-lingo-of-the-human-design-system">Learning the Lingo of the Human Design System</a></h2> <p class="blog-card-excerpt">Join Dr. LaVeena B. Archers in this essential</p> <div class="blog-card-footer"> <a href="/blog/2021/11/21/learning-the-lingo-of-the-human-design-system" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/financial-human-design" class="blog-card-cat">Financial Human Design</a> <span class="blog-card-date">Nov 17, 2021</span> <span class="blog-card-readtime">· 5 min read</span> </div> <h2><a href="/blog/2021/11/16/we-now-accept-cryptocurrency">We Now Accept Cryptocurrency!</a></h2> <p class="blog-card-excerpt">Are you into Crypto? Last summer I began using crypto to move money, and to invest earnings from my Human Design work into the blockchain world. It began slowly at first, a little here, a little there...</p> <div class="blog-card-footer"> <a href="/blog/2021/11/16/we-now-accept-cryptocurrency" 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">Nov 16, 2021</span> <span class="blog-card-readtime">· 2 min read</span> </div> <h2><a href="/blog/2021/11/16/want-to-learn-to-read-human-design-charts">Want to Learn to Read Human Design Charts?</a></h2> <p class="blog-card-excerpt">Learn your Human Design. System ABC’s Have you completed the Living Your Design Awakening Experience? Here is the next step in both a solid foundation in Human Design System knowledge for both persona...</p> <div class="blog-card-footer"> <a href="/blog/2021/11/16/want-to-learn-to-read-human-design-charts" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/personal-stories" class="blog-card-cat">Personal Stories</a> <span class="blog-card-date">Nov 16, 2021</span> <span class="blog-card-readtime">· 10 min read</span> </div> <h2><a href="/blog/2021/11/16/-melancholy-waiting-art-and-noticing">幽玄, Melancholy, Waiting, Art and Noticing</a></h2> <p class="blog-card-excerpt">photo by Mitchell Hartley For me, following Strategy & Authority is not the Main Stream, it is not the highway everyone uses to get most efficiently from point A to point B. It's that little path off ...</p> <div class="blog-card-footer"> <a href="/blog/2021/11/16/-melancholy-waiting-art-and-noticing" class="blog-read-more">Read More →</a> </div> </div></div> <div class="blog-pagination"> <a href="/blog?page=10" 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">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=12" 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/what-is-oc16-human-design" class="recent-post"><span class="recent-title">What Is the OC16 in Human Design? Understanding Large Organization Mechanics</span><span class="recent-date">Apr 7, 2026</span></a><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></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">HD Intelligence</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-us">About Us</a></li> <li><a href="/about-the-system">About the System</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 TheHumanDesignSystem.com 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">TheHumanDesignSystem.com</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:7px 16px;background:#0A0A14;border-bottom:1px solid rgba(99,58,133,0.2);display:flex;align-items:center;gap:10px;flex-shrink:0} .lav-quota-bar{flex:1;height:3px;background:rgba(99,58,133,0.2);border-radius:2px;overflow:hidden} .lav-quota-fill{height:100%;background:linear-gradient(90deg,#633a85,#34d2e2);border-radius:2px;transition:width 0.3s ease;width:100%} .lav-quota-label{font-size:0.72rem;color:rgba(232,230,225,0.5);white-space:nowrap} #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}} /* ── Starter prompt chips ─── */ #lav-prompt-chips{padding:6px 14px 12px;display:flex;flex-wrap:wrap;gap:7px;flex-shrink:0} .lav-chip{background:rgba(99,58,133,0.15);border:1px solid rgba(99,58,133,0.4);border-radius:100px;padding:6px 14px;color:#d4c8e8;font-size:0.78rem;cursor:pointer;transition:all 0.2s;font-family:inherit;line-height:1.3;text-align:left;white-space:nowrap} .lav-chip:hover{background:rgba(99,58,133,0.3);border-color:#633a85;color:#fff} .lav-chip.lav-chip-assess{background:linear-gradient(135deg,rgba(99,58,133,0.25),rgba(52,210,226,0.15));border-color:rgba(52,210,226,0.5);color:#9ee8f0;font-weight:600} .lav-chip.lav-chip-assess:hover{background:linear-gradient(135deg,rgba(99,58,133,0.45),rgba(52,210,226,0.3));color:#fff} /* ── Assessment answer buttons ─── */ #lav-answer-btns{padding:0 14px 10px;display:none;flex-direction:column;gap:6px;flex-shrink:0} .lav-ans-btn{background:rgba(52,210,226,0.08);border:1px solid rgba(52,210,226,0.3);border-radius:10px;padding:9px 14px;color:#9ee8f0;font-size:0.82rem;cursor:pointer;transition:all 0.2s;font-family:inherit;text-align:left;line-height:1.4} .lav-ans-btn:hover{background:rgba(52,210,226,0.2);border-color:#34d2e2;color:#fff} /* ── Recommendation card ─── */ .lav-rec-card{margin:0 14px 10px;background:linear-gradient(135deg,rgba(99,58,133,0.18),rgba(52,210,226,0.08));border:1px solid rgba(52,210,226,0.35);border-radius:12px;padding:14px;animation:lavFadeIn 0.3s ease;flex-shrink:0} .lav-rec-label{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#34d2e2;margin:0 0 6px} .lav-rec-title{font-size:0.9rem;font-weight:700;color:#fff;margin:0 0 3px} .lav-rec-price{font-size:0.78rem;color:#D4AF37;font-weight:600;margin:0 0 8px} .lav-rec-why{font-size:0.8rem;color:#c8c0d8;line-height:1.55;margin:0 0 10px} .lav-rec-cta{display:inline-block;background:linear-gradient(135deg,#633a85,#2a9eb0);color:#fff!important;text-decoration:none!important;padding:7px 16px;border-radius:100px;font-size:0.78rem;font-weight:700;transition:opacity 0.2s} .lav-rec-cta:hover{opacity:0.85} .lav-rec-also{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.08);font-size:0.78rem;color:#8a7a96} .lav-rec-also a{color:#34d2e2;text-decoration:none;font-weight:600} .lav-rec-restart{background:none;border:none;color:rgba(232,230,225,0.4);font-size:0.74rem;cursor:pointer;padding:8px 0 0;display:block;font-family:inherit;text-align:left} .lav-rec-restart:hover{color:#d4c8e8} </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-bar"><div class="lav-quota-fill" id="lav-quota-fill"></div></div> <span class="lav-quota-label" id="lav-quota-label">20 messages this session</span> </div> <div id="lav-chat-messages"></div> <div id="lav-prompt-chips" style="display:none"></div> <div id="lav-answer-btns"></div> <div class="lav-upgrade-banner" id="lav-upgrade-banner"> You've used your 20 session messages.<br> Start a new tab to continue, or <a href="/free-design-kit">get your free Human Design chart</a>  ·  <a href="https://humandesign.school" target="_blank" rel="noopener">Explore our courses →</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=20,DELAY=8000; 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 (persisted across page navigation) var history=[]; try{var _h=safeGet(sessionStorage,'lav_history');if(_h)history=JSON.parse(_h);}catch(e){} // Usage tracking — per session (sessionStorage resets on new tab/window) function getUsed(){return parseInt(safeGet(sessionStorage,'lav_used')||'0',10);} function setUsed(n){safeSet(sessionStorage,'lav_used',n);} function updateQuotaUI(){ var used=getUsed(); var rem=Math.max(0,QUOTA-used); var fill=document.getElementById('lav-quota-fill'); if(fill)fill.style.width=Math.max(0,Math.round((rem/QUOTA)*100))+'%'; if(rem===0){quotaLabel.textContent='Session limit reached';banner.style.display='block';} else{quotaLabel.textContent=rem+' message'+(rem===1?'':'s')+' remaining this session';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(){ // If there's a saved history from this session, restore the last few exchanges if(history.length>0){ var toRestore=history.slice(-6); for(var i=0;i<toRestore.length;i++){ addMsg(toRestore[i].role==='user'?'user':'bot',toRestore[i].content); } addMsg('bot','Welcome back! You can continue asking questions below.'); return; } addMsg('bot','Hi! I'm LV.ai — your Human Design guide at humandesign.school. I can answer questions about Human Design education, our courses, the chart calculator, practitioners, certification, and more. What would you like to explore?'); showStarterChips(); } 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=''; // If user types while in assessment, clear it gracefully if(assessmentState){ assessmentState=null; document.getElementById('lav-answer-btns').innerHTML=''; document.getElementById('lav-answer-btns').style.display='none'; } document.getElementById('lav-prompt-chips').style.display='none'; 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}); // Persist history to sessionStorage for cross-page persistence try{safeSet(sessionStorage,'lav_history',JSON.stringify(history.slice(-20)));}catch(e){} 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 this session if(isOpen()){openChat();} else if(!safeGet(sessionStorage,'lav_session_greeted')){ safeSet(sessionStorage,'lav_session_greeted','1'); setTimeout(function(){if(!isOpen())openChat();},DELAY); } updateQuotaUI(); // ── Assessment / Advisor flow ──────────────────────────────── var chipsEl=document.getElementById('lav-prompt-chips'); var answerBtns=document.getElementById('lav-answer-btns'); var assessmentState=null; // null | { step, answers } var STARTER_CHIPS=[ {label:'What is Human Design?', msg:'What is Human Design and where does it come from?'}, {label:'What courses do you offer?', msg:'What courses and educational programs does humandesign.school offer?'}, {label:'How does the chart calculator work?', msg:'How does the Human Design chart calculator work and what information do I need?'}, {label:'Which service is right for me? ✦', isAssessment:true}, ]; function showStarterChips(){ chipsEl.innerHTML=''; STARTER_CHIPS.forEach(function(c){ var btn=document.createElement('button'); btn.className='lav-chip'+(c.isAssessment?' lav-chip-assess':''); btn.textContent=c.label; btn.addEventListener('click',function(){ chipsEl.style.display='none'; if(c.isAssessment){startAssessment();} else if(c.link){window.open(c.link,'_self');} else{ var used=getUsed(); if(used>=QUOTA){banner.style.display='block';return;} addMsg('user',c.msg); history.push({role:'user',content:c.msg}); var thinking=addMsg('bot thinking','Thinking…'); send.disabled=true; fetch('/api/chatbot/message',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({message:c.msg,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});try{safeSet(sessionStorage,'lav_history',JSON.stringify(history.slice(-20)));}catch(e){}setUsed(used+1);updateQuotaUI();}else{addMsg('bot','Sorry, I encountered an issue. Please try again.');}}).catch(function(){thinking.remove();addMsg('bot','Connection error. Please try again.');}).finally(function(){send.disabled=false;}); } }); chipsEl.appendChild(btn); }); chipsEl.style.display='flex'; } var ASSESSMENT_Qs=[ {key:'experience',q:'To find the right fit — are you brand new to Human Design, or do you already know your Type?',opts:['Brand new to Human Design','I know my Type & the basics','Experienced practitioner / studying certification']}, {key:'goal',q:'What brought you here today?',opts:['Learn about myself & my design','Find a professional reading or session','Become a certified practitioner','Use Human Design in my business or team','Understand my child or family's design']}, {key:'budget',q:'Are you looking for something free to start, or ready to invest in deeper learning?',opts:['Free resources first','One-time course or package ($49–$495)','Ongoing education & professional certification']} ]; // Optional 4th question — set dynamically based on goal var EXTRA_Q_BUSINESS={key:'interest',q:'For business, are you focused on:',opts:['My own leadership & career development','Team dynamics & organizational culture']}; var EXTRA_Q_CERT={key:'interest',q:'Which certification level interests you?',opts:['Foundation entry-level (Living Your Design)','Advanced / Teacher-level certification']}; function startAssessment(){ assessmentState={step:0,answers:{}}; askQ(0); } function askQ(stepIdx){ var q=ASSESSMENT_Qs[stepIdx]; if(!q){finishAssessment();return;} addMsg('bot',q.q); showAnswerBtns(q.opts,function(opt){ addMsg('user',opt); history.push({role:'user',content:opt}); assessmentState.answers[q.key]=opt; assessmentState.step++; // After goal question, check for conditional 4th question if(assessmentState.step===2){ askQ(2); } else if(assessmentState.step===3){ var goal=(assessmentState.answers.goal||'').toLowerCase(); var needExtra=false; if(goal.indexOf('business')!==-1||goal.indexOf('team')!==-1){ ASSESSMENT_Qs[3]=EXTRA_Q_BUSINESS;needExtra=true; } else if(goal.indexOf('certified')!==-1||goal.indexOf('certification')!==-1||goal.indexOf('practitioner')!==-1){ ASSESSMENT_Qs[3]=EXTRA_Q_CERT;needExtra=true; } if(needExtra){askQ(3);}else{finishAssessment();} } else if(assessmentState.step<3){ askQ(assessmentState.step); } else { finishAssessment(); } }); } function showAnswerBtns(opts,cb){ answerBtns.innerHTML=''; opts.forEach(function(opt){ var btn=document.createElement('button'); btn.className='lav-ans-btn'; btn.textContent=opt; btn.addEventListener('click',function(){ answerBtns.innerHTML=''; answerBtns.style.display='none'; cb(opt); msgs.scrollTop=msgs.scrollHeight; }); answerBtns.appendChild(btn); }); answerBtns.style.display='flex'; msgs.scrollTop=msgs.scrollHeight; } function escHtml(s){return String(s||'').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');} function finishAssessment(){ answerBtns.innerHTML=''; answerBtns.style.display='none'; var thinking=addMsg('bot thinking','Finding your perfect fit…'); fetch('/api/chatbot/advisor',{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({answers:assessmentState.answers,sessionId:sid}) }).then(function(r){return r.json();}).then(function(d){ thinking.remove(); assessmentState=null; if(d.success&&d.recommendation){ var rec=d.recommendation; addMsg('bot','Based on what you shared, here's my recommendation:'); var card=document.createElement('div'); card.className='lav-rec-card'; var html='<div class="lav-rec-label">✦ Your Best Match</div>'; html+='<div class="lav-rec-title">'+escHtml(rec.title)+'</div>'; if(rec.price)html+='<div class="lav-rec-price">'+escHtml(rec.price)+'</div>'; html+='<div class="lav-rec-why">'+escHtml(rec.why)+'</div>'; html+='<a href="'+escHtml(rec.url)+'" class="lav-rec-cta" target="_blank" rel="noopener">'+escHtml(rec.cta||'Explore Now →')+'</a>'; if(rec.secondary){ html+='<div class="lav-rec-also">Also worth exploring: <a href="'+escHtml(rec.secondary.url)+'">'+escHtml(rec.secondary.title)+'</a></div>'; } html+='<button class="lav-rec-restart" onclick="window._lavRestart&&window._lavRestart()">↺ Try the assessment again</button>'; card.innerHTML=html; msgs.appendChild(card); msgs.scrollTop=msgs.scrollHeight; addMsg('bot','Feel free to ask me anything else about Human Design — I'm here to help!'); } else { addMsg('bot','I couldn't narrow it down perfectly, but I'd love to help you directly. What specific questions do you have about getting started with Human Design?'); } }).catch(function(){ thinking.remove(); assessmentState=null; addMsg('bot','Something went wrong on my end. Ask me anything directly and I'll point you in the right direction!'); }); } window._lavRestart=function(){ startAssessment(); }; })(); </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>