Advanced Human Design — Blog — ICONIC Human Design Education, PMA

Advanced Human Design Jun 22, 2024 · 3 min read

Video documentation: The change in Frequency of a 3/5 Martyr Heretic

2016: 2024: True Profiles $850.00 Subject: The Evolution of Frequency: My 12-Year Deconditioning Journey in Human Design Dearest Gentle Reader, ;-) I hope this email finds you well and thriving on you...

By Dr. LaVeena B. Archers Read More →

Advanced Human Design Nov 21, 2022 · 1 min read

When Does a Human Design Storyline Develop in the Human Design System?

Your Human Design Storyline is a weaving of the unconscious and conscious lunar nodes in your Human Design Chart. In this video, it is explained that between the ages of 29 and 49 your Human Design st...

By Dr. LaVeena B. Archers Read More →

Advanced Human Design Oct 27, 2022 · 1 min read

Do you hold the Genetic Keys to the Crumbling Cycle of Planning Era?

In this insightful session, Dr. LaVe

By Dr. LaVeena B. Archers Read More →

Advanced Human Design Sep 6, 2022 · 1 min read

How are we designed to See? An Introduction to Human Design's Personality Nodes of the Moon

In this insightful session, Dr. LaVeena B

By Dr. LaVeena B. Archers Read More →

Advanced Human Design Sep 5, 2022 · 1 min read

What are the Arrows on my Human Design Chart?

In this insightful video, Dr. LaVeena B.

By Dr. LaVeena B. Archers Read More →

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...

By Dr. LaVeena B. Archers Read More →

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"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <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"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Jul 21, 2021</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2021/7/20/human-design-profit-potential-analysis-excerpt-mental-projector-profiting-by-being-you">Human Design Profit Potential Analysis Excerpt - Mental Projector Profiting By Being You</a></h2> <p class="blog-card-excerpt">In this insightful excerpt from a Human Design Profit Potential Analysis</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2021/7/20/human-design-profit-potential-analysis-excerpt-mental-projector-profiting-by-being-you" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Dec 30, 2020</span> <span class="blog-card-readtime">· 4 min read</span> </div> <h2><a href="/blog/2020/12/30/a-question-about-the-human-design-nodes-and-perspectivetransference">A question about the Human Design Nodes and Perspective/Transference</a></h2> <p class="blog-card-excerpt">This is a question from a student in one of my Human Design professional certification classes. "Quick question about the Nodes. I always assumed that once we're aligned, we see through that particula...</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2020/12/30/a-question-about-the-human-design-nodes-and-perspectivetransference" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Dec 17, 2020</span> <span class="blog-card-readtime">· 2 min read</span> </div> <h2><a href="/blog/2020/12/17/what-is-a-chiron-kiron-return-human-design-system-analysis">What is a Chiron (Kiron) Return Human Design System Analysis?</a></h2> <p class="blog-card-excerpt">SMITE Chiron by Scebiqu</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2020/12/17/what-is-a-chiron-kiron-return-human-design-system-analysis" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Oct 20, 2020</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2020/10/15/breakdown-of-the-global-cross-of-planning-cycle">Breakdown of the Global Cross of Planning Cycle</a></h2> <p class="blog-card-excerpt">In this insightful presentation, Dr. LaVeena</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2020/10/15/breakdown-of-the-global-cross-of-planning-cycle" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Dec 16, 2018</span> <span class="blog-card-readtime">· 8 min read</span> </div> <h2><a href="/blog/2018/12/15/an-introduction-to-hexagram-line-substructure-color">An Introduction to Hexagram Line Substructure: Color</a></h2> <p class="blog-card-excerpt">Photo via JovianArchive.com "Very few people have a connection to this system at a level below the Hexagram line. Below the line is where the science is—the verification of Human Design at its deepest...</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2018/12/15/an-introduction-to-hexagram-line-substructure-color" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Nov 8, 2018</span> <span class="blog-card-readtime">· 11 min read</span> </div> <h2><a href="/blog/2018/11/8/the-human-design-system-dreamrave-design">The Human Design System DreamRave Design</a></h2> <p class="blog-card-excerpt">What is your DreamRave Design? Image via JovianArchive.com Mine’s a Reflector Most likely, you are too, as almost 70% of humans are. Notice in the above image that the Design of a dreamer is much simp...</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2018/11/8/the-human-design-system-dreamrave-design" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Jun 8, 2018</span> <span class="blog-card-readtime">· 13 min read</span> </div> <h2><a href="/blog/2017/3/11/the-four-transformations-of-human-design-determination-environment-perspective-motivation">Human Design System Four Transformations: Determination - Environment - Perspective - Motivation</a></h2> <p class="blog-card-excerpt">Human Design System Four Radical Transformations Photo via JovianArchive.com What are the Four Transformations of Human Design? In a previous blog post, we introduced you to Variable, an advanced area...</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2017/3/11/the-four-transformations-of-human-design-determination-environment-perspective-motivation" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <span class="blog-card-cat">Advanced Human Design</span> <span class="blog-card-date">Jun 1, 2018</span> <span class="blog-card-readtime">· 8 min read</span> </div> <h2><a href="/blog/2017/3/11/human-design-variable-practical-transformation">Human Design Variable - Practical Transformation</a></h2> <p class="blog-card-excerpt">What is Variable according to Human Design? Variable is an advanced area of the Human Design System which offers you an in-depth look at your cognitive design and uniqueness. It provides you with a cl...</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2017/3/11/human-design-variable-practical-transformation" class="blog-read-more">Read More →</a> </div> </div></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 cat-active"><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/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><a href="/blog/2026/3/11/the-mechanical-difference-that-defines-everything-generator-pure-manifesting-generator-vs-generator-with-manifesting-potential-vs-pure-generator" class="recent-post"><span class="recent-title">The Mechanical Difference That Defines Everything Generator: Pure Manifesting Generator vs Generator with Manifesting Potential vs Pure Generator</span><span class="recent-date">Mar 12, 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> <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(4, 1fr); gap: 2rem 3rem; } @media (max-width: 900px) { .mf-main { grid-template-columns: repeat(2, 1fr); gap: 2rem 2rem; } } @media (max-width: 560px) { .mf-main { grid-template-columns: 1fr; gap: 1.5rem; padding: 2rem 1.5rem 1.5rem; } } /* ── 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; } </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">Learn Human Design</h4> <ul> <li><a href="/start-here">Start Here <span class="mf-badge">New</span></a></li> <li><a href="/free-design-kit">Free Design Kit</a></li> <li><a href="/about-the-system">What is Human Design?</a></li> <li><a href="/types">The 4 Types</a></li> <li><a href="/centers">The 9 Centers</a></li> <li><a href="/dictionary/gates">The 64 Gates</a></li> <li><a href="/dictionary/channels">The 36 Channels</a></li> <li><a href="/strategy-and-authority">Strategy & Authority</a></li> <li><a href="/profiles">Profiles</a></li> <li><a href="/incarnation-crosses">Incarnation Crosses</a></li> <li><a href="/dictionary">Dictionary</a></li> </ul> </div>  <div class="mf-col"> <h4 class="mf-col-title">Education</h4> <ul> <li><a href="/classes">Classes Marketplace</a></li> <li><a href="/courses">Courses</a></li> <li><a href="/course-catalog">Course Catalog</a></li> <li><a href="/lessons">Lessons Hub</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/podcast">Podcast</a></li> <li><a href="/community">Community</a></li> </ul> </div>  <div class="mf-col"> <h4 class="mf-col-title">Services</h4> <ul> <li><a href="https://app.oncehub.com/iconicoracle" target="_blank" rel="noopener noreferrer">Book a Reading</a></li> <li><a href="/professional-hd-leader-mentoring-package">HD Leader Package</a></li> <li><a href="/practitioners">Find a Practitioner</a></li> <li><a href="/list-your-practice">List Your Practice</a></li> <li><a href="/store/charts">Chart Store</a></li> </ul> </div>  <div class="mf-col"> <h4 class="mf-col-title">About & Resources</h4> <ul> <li><a href="/about-us">About ICONIC Human Design Education, PMA</a></li> <li><a href="/about-the-system">The 2027 Shift</a></li> <li><a href="/become-an-affiliate">Become an Affiliate</a></li> <li><a href="/contact">Contact</a></li> <li><a href="/support">Support</a></li> <li><a href="/terms">Terms & Conditions</a></li> <li><a href="/privacy-policy">Privacy Policy</a></li> </ul> </div> </div> <hr class="mf-hr">  <div class="mf-bottom">  <a href="/" class="mf-logo" aria-label="ICONIC Human Design Education, PMA home"> <div class="mf-logo-mark" aria-hidden="true">✦</div> <div> <div class="mf-logo-text">ICONIC Human Design Education, PMA</div> <span class="mf-logo-sub">humandesign.school</span> </div> </a>  <div class="mf-copy-wrap"> <div class="mf-copy">© 2026 ICONIC Human Design Education, PMA. 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> </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> </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="/js/theme-toggle.js"></script><link rel="stylesheet" href="/css/mobile-nav.css"><link rel="stylesheet" href="/css/desktop-nav.css"><script src="/js/mobile-nav.js" defer></script><script src="/js/desktop-nav.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:#E8E6E1;align-self:flex-end;border-bottom-right-radius:4px} .lav-msg.bot{background:#1A1A2E;color:#E8E6E1;align-self:flex-start;border-bottom-left-radius:4px;border:1px solid rgba(99,58,133,0.2)} .lav-msg.bot.thinking{color:rgba(232,230,225,0.45);font-style:italic} .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="/community/signup">Join ICONIC membership →</a>  ·  <a href="/free-design-kit">Get your free design kit</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" 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 ICONIC Human Design Education, PMA. Ask me about your Type, Strategy, Authority, or what makes ICONIC different from other HD platforms. I can also help you get your free design kit 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();}); 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> <script src="/js/inline-editor.js" defer></script> <script src="/js/announcement-bar.js" defer></script> </body> </html>