<div class="landing-bg-grid" aria-hidden="true"></div>

  <header class="landing-nav">
    <a class="landing-brand" href="/">ERMOStrategy</a>
    <nav class="landing-links">
      <a class="landing-link landing-link-primary" href="/login">Log in</a>
    </nav>
  </header>

  <main class="landing-shell landing-shell-stacked">
    <section class="landing-hero landing-card">
      <div class="landing-hero-grid">
        <div>
          <h1 id="landing-headline">A focused analysis workspace for disciplined equity decisions</h1>
          <p id="landing-subheadline">Build, track, and share your assumptions and portfolio in a community for serious, long term investors.</p>
          <div class="landing-hero-cta">
            <a id="landing-primary-cta" class="landing-link landing-link-primary" href="/dashboard">Dashboard</a>
          </div>
        </div>
        <div class="landing-preview-wrap">
          <img id="landing-preview-img" class="landing-preview-img" src="/app2.jpg" alt="Product preview">
        </div>
      </div>
      <div class="landing-hero-benefits">
        <h2 id="landing-benefits-title">Why ERMOStrategy</h2>
        <div id="landing-benefits-cards" class="landing-benefits-grid"></div>
      </div>
    </section>

    <div class="landing-lower-zone">
      <section class="landing-card">
        <h2 id="landing-how-title">How It Works</h2>
        <div id="landing-how-steps" class="landing-how-grid"></div>
      </section>

      <section class="landing-card">
        <h2 id="landing-videos-title">Instruction Videos</h2>
        <div id="landing-videos" class="landing-video-grid"></div>
      </section>

      <section class="landing-card landing-final-cta">
        <h2 id="landing-final-cta-title"></h2>
        <p id="landing-final-cta-text"></p>
        <a id="landing-final-cta-button" class="landing-link landing-link-primary" href="https://www.patreon.com/retirewitheric">Get Started</a>
      </section>
    </div>
  </main>

  <footer class="landing-footer">
    <p id="landing-community-blurb">Follow creator channels for proven strategies fresh ideas and market insights</p>
    <div class="landing-social-row">
      <a id="youtube-link" class="landing-link landing-social-link" href="https://www.youtube.com/@RetireWithEricInvesting" target="_blank" rel="noreferrer" aria-label="YouTube">
        <img class="landing-social-icon" src="./icon-youtube.svg" alt="">
        <span class="sr-only">YouTube</span>
      </a>
      <a id="patreon-link" class="landing-link landing-social-link" href="https://www.patreon.com/retirewitheric" target="_blank" rel="noreferrer" aria-label="Patreon">
        <img class="landing-social-icon" src="./icon-patreon.svg" alt="">
        <span class="sr-only">Patreon</span>
      </a>
    </div>
    <p id="landing-footer-disclaimer">Disclaimer: All content, analysis, data, and model outputs on this platform are provided for educational and informational purposes only and should NOT be considered FINANCIAL or INVESTMENT ADVICE. Investing involves risk and you may lose some or all of your capital. Conduct your own research and seek qualified professional guidance before making investment decisions. The operator is not responsible for financial losses. Data and models may contain inaccuracies or errors and are used at your own risk.</p>
    <div class="landing-footer-legal-links" aria-label="Legal links">
      <a id="landing-footer-terms-link" class="landing-footer-legal-link" href="/terms-of-use">Terms of Use</a>
      <a id="landing-footer-privacy-link" class="landing-footer-legal-link" href="/privacy-policy">Privacy Policy</a>
    </div>
    <p id="landing-footer-extra-text">(c) 2026 ERMOStrategy. All rights reserved.</p>
    <div id="landing-footer-links" class="landing-links landing-footer-links"></div>
  </footer>