human design system training — Blog — ICONIC Human Design Education, PMA

BG5 Career Design Mar 7, 2025 · 2 min read

Human Design Solopreneur Masterclass

Unlocking Business Success through Unlocking Your Genetic Potential Unlock the power of Human Design in your business! This masterclass is perfect for solopreneurs and entrepreneurs looking to align h...

By Dr. LaVeena B. Archers Read More →

Human Design Analyst Jun 8, 2024 · 1 min read

Human Design "True Profiles" Rave Cosmology

In this illuminating session, Dr. LaVeena B.

By Dr. LaVeena B. Archers Read More →

Human Design Basics Jun 3, 2024 · 1 min read

Learn to Read Human Design Charts

Rave Abc’s Open House, join us for learning about Human Design! Sale Human Design ABC's - Diving Into the Matrix Sale Price: $399.00 Original Price: $450.00

By Dr. LaVeena B. Archers Read More →

Human Design Cartography Nov 2, 2023 · 2 min read

Discover Solutions to your Communication Problems with the Human Design System!

Would you like to know how to describe the voices your client has in the simplest and most accurate way possible? Course name: Communication Problems: Source and Solutions Description: Communication i...

By Dr. LaVeena B. Archers Read More →

BG5 Class Jan 4, 2023 · 2 min read

Why Human Design is the Must-Have Skill for Coaches and Consultants in 2023

Human Design has been named one of the top "IN" trends for 2023 by the Washington Post, and it's no surprise to me as a Differentiation Degree Practitioner. I have personally seen the profound impact ...

By Dr. LaVeena B. Archers Read More →

Rave Psychology Nov 18, 2022 · 1 min read

Laveena's Personal Storyline Part 1 - Link Nodes, the Cognitive Potential

The Unconscious North Node, aka “Rahu” on the body side, is the Body’s link node to the personality. It is also the point of imprinting that shows your Human Design Fixed Star. My Link Nodes are Uncon...

By Dr. LaVeena B. Archers Read More →

Rave Cosmology Nov 14, 2022 · 1 min read

What is the Importance of the Unconscious North Node in Human Design?

In this insightful session, Dr. LaVeena B.

By Dr. LaVeena B. Archers Read More →

Planetary Transits Oct 31, 2022 · 1 min read

How to Read Human Design Planetary Transits and Neutrino Feed

By Dr. LaVeena B. Archers Read More →

Planetary Transits Oct 29, 2022 · 1 min read

How to read the daily Line Quality of the Human Design Transiting Energies

Join Dr. LaVeena B. Archers for an

By Dr. LaVeena B. Archers Read More →

Planetary Transits Oct 29, 2022 · 1 min read

How to Read the Daily Human Design Transit Energies on a 5th line day

In this insightful session, Dr. LaVeena B

By Dr. LaVeena B. Archers Read More →

Rave Cosmology 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 →

Human Design Classes Oct 22, 2022 · 1 min read

The Channel of Money, Design of a Materialist 21-45 isn't really Part of the Tribal Circuitry in Human Design

Separate and Alone: Did You Know the Human Design Channel 21-45 isn't really Tribal? #RaSaid <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2022/10/22/the-channel-of-money-design-of-a-materialist-21-45-isnt-really-part-of-the-tribal-circuitry-in-human-design" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/advanced-human-design" class="blog-card-cat">Advanced Human Design</a> <span class="blog-card-date">Sep 6, 2022</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2022/9/6/how-are-we-designed-to-see-an-introduction-to-human-designs-personality-nodes-of-the-moon">How are we designed to See? An Introduction to Human Design's Personality Nodes of the Moon</a></h2> <p class="blog-card-excerpt">In this insightful session, Dr. LaVeena B</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2022/9/6/how-are-we-designed-to-see-an-introduction-to-human-designs-personality-nodes-of-the-moon" class="blog-read-more">Read More →</a> </div> </div> <div class="blog-card"> <div class="blog-card-meta"> <a href="/blog/category/advanced-human-design" class="blog-card-cat">Advanced Human Design</a> <span class="blog-card-date">Sep 5, 2022</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2022/9/5/what-are-the-arrows-on-my-human-design-chart">What are the Arrows on my Human Design Chart? </a></h2> <p class="blog-card-excerpt">In this insightful video, Dr. LaVeena B.</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2022/9/5/what-are-the-arrows-on-my-human-design-chart" 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">Apr 25, 2022</span> <span class="blog-card-readtime">· 1 min read</span> </div> <h2><a href="/blog/2022/4/25/the-importance-of-yesno-questions-for-generators-and-manifesting-generators">The Importance of Yes/No Questions for Generators and Manifesting Generators</a></h2> <p class="blog-card-excerpt">In this educational video, Dr. LaVeena B</p> <div class="blog-card-footer"> <span class="blog-card-author">By Dr. LaVeena B. Archers</span> <a href="/blog/2022/4/25/the-importance-of-yesno-questions-for-generators-and-manifesting-generators" class="blog-read-more">Read More →</a> </div> </div></div> <div class="blog-pagination"> <a href="/blog/tag/human-design-system-training?page=1" class="page-btn active">1</a><a href="/blog/tag/human-design-system-training?page=2" class="page-btn">2</a><a href="/blog/tag/human-design-system-training?page=3" class="page-btn">3</a><a href="/blog/tag/human-design-system-training?page=4" class="page-btn">4</a> <a href="/blog/tag/human-design-system-training?page=2" 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/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 tag-active" 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>