  <!-- FLOATING CHAT BUTTON -->
  <div class="chat-widget" id="chatWidget">
    <button class="chat-fab" id="chatFab" aria-label="Chat with us">
      <svg class="chat-fab-icon chat-open-icon" width="22" height="22" viewBox="0 0 22 22" fill="none">
        <path d="M11 2C6.03 2 2 5.82 2 10.5c0 2.02.76 3.87 2.02 5.3L3 20l4.47-1.4A9.3 9.3 0 0011 19c4.97 0 9-3.82 9-8.5S15.97 2 11 2z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
        <path d="M7 10.5h8M7 13.5h5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
      </svg>
      <svg class="chat-fab-icon chat-close-icon" width="18" height="18" viewBox="0 0 18 18" fill="none" style="display:none">
        <path d="M2 2l14 14M16 2L2 16" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
      </svg>
      <span class="chat-fab-label">Chat with us</span>
      <span class="chat-fab-dot"></span>
    </button>
    <div class="chat-panel" id="chatPanel">
      <div class="chat-panel-header">
        <div class="chat-panel-avatar">
          <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
            <circle cx="10" cy="10" r="9" stroke="rgba(255,255,255,0.3)" stroke-width="1"/>
            <path d="M5 10C5 7.24 7.24 5 10 5s5 2.24 5 5-2.24 5-5 5" stroke="#4ade80" stroke-width="1.4" stroke-linecap="round"/>
            <circle cx="10" cy="10" r="1.5" fill="#4ade80"/>
          </svg>
        </div>
        <div class="chat-panel-info">
          <div class="chat-panel-name">Ecobe Academy</div>
          <div class="chat-panel-status"><span class="chat-online-dot"></span>Online · Typically replies instantly</div>
        </div>
        <button class="chat-panel-close" id="chatClose" aria-label="Close chat">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
            <path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
          </svg>
        </button>
      </div>
      <div class="chat-panel-body" id="chatBody">
        <div class="chat-msg chat-msg-bot">
          <div class="chat-bubble">
            Hello! I'm here to help you with questions about our programs, pricing, or how Ecobe Academy works. What's on your mind?
          </div>
          <div class="chat-time">Just now</div>
        </div>
      </div>
      <div class="chat-panel-footer">
        <div class="chat-quick-btns" id="chatQuickBtns">
          <button class="chat-quick-btn" data-msg="Tell me about your programs">Our Programs</button>
          <button class="chat-quick-btn" data-msg="What does it cost?">Pricing</button>
          <button class="chat-quick-btn" data-msg="How do I get started?">Get Started</button>
          <button class="chat-quick-btn" data-msg="Book a free call">Free Call</button>
        </div>
        <div class="chat-input-row">
          <input type="text" class="chat-input" id="chatInput" placeholder="Ask anything…" autocomplete="off">
          <button class="chat-send" id="chatSend" aria-label="Send">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
              <path d="M14 8L2 2l2.5 6L2 14l12-6z" fill="currentColor"/>
            </svg>
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- Footer -->
  <footer class="footer">
    <div class="footer-top">
      <div class="footer-brand">
        <a href="/" class="footer-logo">
          <svg width="22" height="22" viewBox="0 0 22 22" fill="none">
            <circle cx="11" cy="11" r="10" stroke="rgba(255,255,255,0.3)" stroke-width="1"/>
            <path d="M5.5 11C5.5 8.015 7.96 5.5 11 5.5s5.5 2.515 5.5 5.5-2.46 5.5-5.5 5.5" stroke="#4ade80" stroke-width="1.4" stroke-linecap="round"/>
            <circle cx="11" cy="11" r="1.8" fill="#4ade80"/>
          </svg>
          <span>ecobe<em>academy</em></span>
        </a>
        <p class="footer-tagline">Helping professionals in Europe land their dream job — faster.</p>
        <p class="footer-eco"><span class="material-icons" style="font-size:15px;vertical-align:middle;">eco</span> Every hire. One tree planted in the Amazon.</p>
        <div class="footer-social">
          <a href="https://www.instagram.com/ecobeacademy" target="_blank" aria-label="Instagram">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.5" fill="currentColor" stroke="none"/></svg>
          </a>
          <a href="https://www.linkedin.com/company/ecobe-academy" target="_blank" aria-label="LinkedIn">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="2" width="20" height="20" rx="3"/><path d="M7 17V10M7 7v.01M12 17v-4c0-1.5 1-2 2-2s2 .5 2 2v4M12 13v4"/></svg>
          </a>
          <a href="https://www.youtube.com/@ecobeacademy" target="_blank" aria-label="YouTube">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="5" width="20" height="14" rx="4"/><polygon points="10,9 15,12 10,15" fill="currentColor" stroke="none"/></svg>
          </a>
          <a href="https://www.tiktok.com/@ecobeacademy" target="_blank" aria-label="TikTok">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5"/></svg>
          </a>
        </div>
      </div>
      <div class="footer-nav">
        <div class="footer-col">
          <h4>Navigate</h4>
          <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/our-programs">Our Programs</a></li>
            <li><a href="/meet-your-mentors">Meet the Team</a></li>
            <li><a href="/sustainability-promise">Sustainability</a></li>
            <li><a href="/resources">Resources</a></li>
            <li><a href="/contact-us">Contact</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Programs</h4>
          <ul>
            <li><a href="/our-programs#silver">Silver — CHF 1,980</a></li>
            <li><a href="/our-programs#gold">Gold — CHF 3,980</a></li>
            <li><a href="/our-programs#platinum">Platinum — CHF 5,980</a></li>
            <li><a href="https://calendly.com/miriamscioratto/30min" target="_blank">Book a Free Call →</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Connect</h4>
          <ul>
            <li><a href="mailto:ecobe@ecobeacademy.com">ecobe@ecobeacademy.com</a></li>
            <li><a href="https://www.linkedin.com/company/ecobe-academy" target="_blank">LinkedIn</a></li>
            <li><a href="https://www.youtube.com/@ecobeacademy" target="_blank">YouTube</a></li>
            <li><a href="https://calendly.com/miriamscioratto/30min" target="_blank">Calendly</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2025 Ecobe Academy. All rights reserved.</p>
      <p class="footer-bottom-right">Invest in yourself. Invest in the planet.</p>
    </div>
  </footer>

  <script src="/js/main.js"></script>
</body>
</html>
