<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tidal Wave Institute | Performance Longevity Education</title>
  <meta name="description" content="Tidal Wave Institute — The premier continuing education platform for performance medicine and longevity practitioners. Home of the Performance Longevity Practitioner certification.">

  <!-- Open Graph -->
  <meta property="og:title" content="Tidal Wave Institute | Performance Longevity Education">
  <meta property="og:description" content="The premier CE platform for performance medicine and longevity practitioners. Home of the PLP certification.">
  <meta property="og:type" content="website">

  <!-- Fonts — same family as TWW for brand connection -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Work+Sans:wght@300..700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="./base.css">
  <link rel="stylesheet" href="./style.css">
</head>
<body>

  <!-- ========== HEADER ========== -->
  <header class="header" id="header">
    <div class="header__inner">
      <!-- Logo -->
      <a href="./" class="header__logo">
        <svg class="header__logo-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Tidal Wave Institute logo">
          <!-- Outer ring -->
          <circle cx="20" cy="20" r="18" stroke="url(#twi-grad)" stroke-width="2.5" fill="none"/>
          <!-- Wave form -->
          <path d="M8 20 C11 14, 15 14, 18 20 S25 26, 28 20 S31 14, 33 20" stroke="url(#twi-grad)" stroke-width="2" fill="none" stroke-linecap="round"/>
          <!-- Top accent — book/knowledge motif -->
          <path d="M16 10 L20 7 L24 10" stroke="#C4A052" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
          <!-- Bottom dot -->
          <circle cx="20" cy="33" r="1.5" fill="#C4A052"/>
          <defs>
            <linearGradient id="twi-grad" x1="0" y1="0" x2="40" y2="40">
              <stop offset="0%" stop-color="#0D1B3E"/>
              <stop offset="100%" stop-color="#5C2D91"/>
            </linearGradient>
          </defs>
        </svg>
        <span class="header__logo-text">
          <span class="header__logo-name">Tidal Wave Institute</span>
          <span class="header__logo-tagline">Performance Longevity Education</span>
        </span>
      </a>

      <!-- Desktop Navigation -->
      <nav class="nav" aria-label="Main navigation">
        <!-- Home -->
        <a href="./" class="nav__item nav__item--active">Home</a>

        <!-- About -->
        <div class="nav__item nav__item--has-dropdown" tabindex="0">
          About
          <div class="dropdown">
            <a href="./about-mission.html" class="dropdown__link">Our Mission</a>
            <a href="./about-faculty.html" class="dropdown__link">Faculty &amp; Leadership</a>
            <a href="./about-accreditation.html" class="dropdown__link">Accreditation &amp; CE</a>
            <div class="dropdown__divider"></div>
            <a href="./contact.html" class="dropdown__link">Contact Us</a>
          </div>
        </div>

        <!-- Programs (Mega Menu) -->
        <div class="nav__item nav__item--has-dropdown" tabindex="0">
          Programs
          <div class="mega-menu">
            <div class="mega-menu__grid">
              <!-- Business Track -->
              <div class="mega-menu__track">
                <div class="mega-menu__track-header">
                  <div class="mega-menu__track-icon mega-menu__track-icon--business">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
                  </div>
                  <div>
                    <div class="mega-menu__track-title">Business Track</div>
                    <div class="mega-menu__track-hours">5 Courses &middot; 34 CE Hours</div>
                  </div>
                </div>
                <a href="./course-twi-101.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 101</span> Building a Cash-Based Practice
                </a>
                <a href="./course-twi-102.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 102</span> Practice Growth &amp; Scaling
                </a>
                <a href="./course-twi-103.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 103</span> Revenue Diversification
                </a>
                <a href="./course-twi-104.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 104</span> Leadership &amp; Team Building
                </a>
                <a href="./course-twi-105.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 105</span> AI for Practice Operations
                </a>
              </div>

              <!-- Clinical Track -->
              <div class="mega-menu__track">
                <div class="mega-menu__track-header">
                  <div class="mega-menu__track-icon mega-menu__track-icon--clinical">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
                  </div>
                  <div>
                    <div class="mega-menu__track-title">Clinical Track</div>
                    <div class="mega-menu__track-hours">8 Courses &middot; 84 CE Hours</div>
                  </div>
                </div>
                <a href="./course-twi-201.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 201</span> Peptide Therapy Foundations
                </a>
                <a href="./course-twi-202.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 202</span> Regenerative Biology
                </a>
                <a href="./course-twi-203.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 203</span> Body Composition Science
                </a>
                <a href="./course-twi-204.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 204</span> Recovery Science
                </a>
                <a href="./course-twi-301.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 301</span> MSK Ultrasound Intensive
                </a>
                <a href="./course-twi-302.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 302</span> Genomic Testing
                </a>
                <a href="./course-twi-303.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 303</span> Private Label Supplements
                </a>
                <a href="./course-twi-304.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 304</span> Orthobiologic Medicine Intensive
                </a>
              </div>

              <!-- Integration & Leadership Track -->
              <div class="mega-menu__track">
                <div class="mega-menu__track-header">
                  <div class="mega-menu__track-icon mega-menu__track-icon--leadership">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                  </div>
                  <div>
                    <div class="mega-menu__track-title">Integration &amp; Leadership</div>
                    <div class="mega-menu__track-hours">3 Courses &middot; 22 CE Hours</div>
                  </div>
                </div>
                <a href="./course-twi-401.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 401</span> Integrative Practice Design
                </a>
                <a href="./course-twi-402.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 402</span> Clinical Leadership
                </a>
                <a href="./course-twi-403.html" class="mega-menu__course">
                  <span class="mega-menu__course-code">TWI 403</span> The Performance Longevity Model
                </a>
              </div>
            </div>

            <div class="mega-menu__footer">
              <span class="mega-menu__footer-text">16 courses &middot; 140 total CE hours &middot; 3 tracks</span>
              <a href="./programs.html" class="mega-menu__footer-link">
                View Full Catalog
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg>
              </a>
            </div>
          </div>
        </div>

        <!-- PLP Certification — Flagship -->
        <a href="./plp.html" class="nav__item nav__item--flagship">PLP Certification</a>

        <!-- Resources -->
        <div class="nav__item nav__item--has-dropdown" tabindex="0">
          Resources
          <div class="dropdown">
            <a href="./blog.html" class="dropdown__link">Blog &amp; Insights</a>
            <a href="./ce-info.html" class="dropdown__link">CE Information</a>
            <a href="./portal.html" class="dropdown__link">Student Portal</a>
            <a href="./faq.html" class="dropdown__link">FAQ</a>
          </div>
        </div>
      </nav>

      <!-- Actions -->
      <div class="header__actions">
        <button class="theme-toggle" data-theme-toggle aria-label="Switch to dark mode">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
        </button>
        <a href="./programs.html" class="btn btn--primary" style="display:none">Enroll Now</a>
        <a href="./programs.html" class="btn btn--primary btn--desktop-only">Enroll Now</a>
        <button class="hamburger" id="hamburger" aria-label="Open menu">
          <span class="hamburger__line"></span>
          <span class="hamburger__line"></span>
          <span class="hamburger__line"></span>
        </button>
      </div>
    </div>
  </header>

  <!-- Mobile Nav -->
  <div class="mobile-nav" id="mobileNav">
    <div class="mobile-nav__section">
      <a href="./" class="mobile-nav__link">Home</a>
      <a href="./plp.html" class="mobile-nav__link mobile-nav__link--flagship">PLP Certification</a>
    </div>
    <div class="mobile-nav__section">
      <div class="mobile-nav__label">About</div>
      <a href="./about-mission.html" class="mobile-nav__link">Our Mission</a>
      <a href="./about-faculty.html" class="mobile-nav__link">Faculty &amp; Leadership</a>
      <a href="./about-accreditation.html" class="mobile-nav__link">Accreditation &amp; CE</a>
    </div>
    <div class="mobile-nav__section">
      <div class="mobile-nav__label">Business Track &middot; 5 Courses</div>
      <a href="./course-twi-101.html" class="mobile-nav__course">TWI 101 — Building a Cash-Based Practice</a>
      <a href="./course-twi-102.html" class="mobile-nav__course">TWI 102 — Practice Growth &amp; Scaling</a>
      <a href="./course-twi-103.html" class="mobile-nav__course">TWI 103 — Revenue Diversification</a>
      <a href="./course-twi-104.html" class="mobile-nav__course">TWI 104 — Leadership &amp; Team Building</a>
      <a href="./course-twi-105.html" class="mobile-nav__course">TWI 105 — AI for Practice Operations</a>
    </div>
    <div class="mobile-nav__section">
      <div class="mobile-nav__label">Clinical Track &middot; 8 Courses</div>
      <a href="./course-twi-201.html" class="mobile-nav__course">TWI 201 — Peptide Therapy Foundations</a>
      <a href="./course-twi-202.html" class="mobile-nav__course">TWI 202 — Regenerative Biology</a>
      <a href="./course-twi-203.html" class="mobile-nav__course">TWI 203 — Body Composition Science</a>
      <a href="./course-twi-204.html" class="mobile-nav__course">TWI 204 — Recovery Science</a>
      <a href="./course-twi-301.html" class="mobile-nav__course">TWI 301 — MSK Ultrasound Intensive</a>
      <a href="./course-twi-302.html" class="mobile-nav__course">TWI 302 — Genomic Testing</a>
      <a href="./course-twi-303.html" class="mobile-nav__course">TWI 303 — Private Label Supplements</a>
      <a href="./course-twi-304.html" class="mobile-nav__course">TWI 304 — Orthobiologic Medicine Intensive</a>
    </div>
    <div class="mobile-nav__section">
      <div class="mobile-nav__label">Integration &amp; Leadership &middot; 3 Courses</div>
      <a href="./course-twi-401.html" class="mobile-nav__course">TWI 401 — Integrative Practice Design</a>
      <a href="./course-twi-402.html" class="mobile-nav__course">TWI 402 — Clinical Leadership</a>
      <a href="./course-twi-403.html" class="mobile-nav__course">TWI 403 — The Performance Longevity Model</a>
    </div>
    <div class="mobile-nav__section">
      <div class="mobile-nav__label">Resources</div>
      <a href="./blog.html" class="mobile-nav__link">Blog &amp; Insights</a>
      <a href="./ce-info.html" class="mobile-nav__link">CE Information</a>
      <a href="./portal.html" class="mobile-nav__link">Student Portal</a>
      <a href="./faq.html" class="mobile-nav__link">FAQ</a>
    </div>
    <div class="mobile-nav__section" style="padding-top: var(--space-4);">
      <a href="./programs.html" class="btn btn--primary btn--lg" style="width:100%; text-align:center;">Enroll Now</a>
    </div>
  </div>

  <!-- ========== HERO ========== -->
  <section class="hero">
    <div class="hero__content">
      <div class="hero__text">
        <div class="hero__badge">
          <span class="hero__badge-dot"></span>
          Now Enrolling — Class of 2027
        </div>
        <h1 class="hero__title">
          Where Clinical Excellence<br>Meets <em>Longevity Science</em>
        </h1>
        <p class="hero__subtitle">
          Tidal Wave Institute is the premier continuing education platform for practitioners 
          who refuse to choose between clinical mastery and business acumen. Master the science 
          of performance medicine and longevity — and build the practice to deliver it.
        </p>
        <div class="hero__actions">
          <a href="./programs.html" class="btn btn--gold btn--lg">Explore Programs</a>
          <a href="./plp.html" class="btn btn--outline btn--lg" style="color:#fff; border-color: oklch(1 0 0 / 0.25);">PLP Certification →</a>
        </div>
      </div>

      <div class="hero__visual">
        <div class="hero__card">
          <div class="hero__card-badge">Flagship Certification</div>
          <div class="hero__card-title">Performance Longevity Practitioner</div>
          <p class="hero__card-desc">
            The credential that defines the future of integrative performance medicine.
          </p>
          <div class="hero__card-stats">
            <div class="hero__card-stat">
              <div class="hero__card-stat-value">140</div>
              <div class="hero__card-stat-label">CE Hours</div>
            </div>
            <div class="hero__card-stat">
              <div class="hero__card-stat-value">16</div>
              <div class="hero__card-stat-label">Courses</div>
            </div>
            <div class="hero__card-stat">
              <div class="hero__card-stat-value">3</div>
              <div class="hero__card-stat-label">Tracks</div>
            </div>
            <div class="hero__card-stat">
              <div class="hero__card-stat-value">1</div>
              <div class="hero__card-stat-label">Credential</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== STATS BAR ========== -->
  <section class="stats-bar">
    <div class="stats-bar__inner">
      <div class="stats-bar__item">
        <div class="stats-bar__value">16</div>
        <div class="stats-bar__label">Expert-Led Courses</div>
      </div>
      <div class="stats-bar__item">
        <div class="stats-bar__value">140</div>
        <div class="stats-bar__label">CE Contact Hours</div>
      </div>
      <div class="stats-bar__item">
        <div class="stats-bar__value">3</div>
        <div class="stats-bar__label">Specialization Tracks</div>
      </div>
      <div class="stats-bar__item">
        <div class="stats-bar__value">1</div>
        <div class="stats-bar__label">Flagship Credential</div>
      </div>
    </div>
  </section>

  <!-- ========== PLP FLAGSHIP ========== -->
  <section class="flagship" id="plp">
    <div class="flagship__inner">
      <div class="flagship__content fade-in">
        <div class="flagship__overline">The Flagship of TWI</div>
        <h2 class="flagship__title">Performance Longevity Practitioner</h2>
        <p class="flagship__desc">
          The PLP certification is the culmination of Tidal Wave Institute's entire curriculum — 
          a credential built for practitioners who want to lead the convergence of MSK medicine, 
          regenerative biology, and longevity science. This isn't another weekend certificate. 
          It's a comprehensive pathway to clinical and business mastery.
        </p>

        <div class="flagship__features">
          <div class="flagship__feature">
            <div class="flagship__feature-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>
            </div>
            <div>
              <strong>Complete the full 140 CE-hour curriculum</strong> across all three tracks — 
              business, clinical, and integration
            </div>
          </div>
          <div class="flagship__feature">
            <div class="flagship__feature-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>
            </div>
            <div>
              <strong>Evidence-based clinical protocols</strong> in peptide therapy, regenerative biology, 
              genomic testing, and orthobiologic medicine
            </div>
          </div>
          <div class="flagship__feature">
            <div class="flagship__feature-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>
            </div>
            <div>
              <strong>Business mastery</strong> — build, scale, and diversify a cash-based practice 
              with proven frameworks
            </div>
          </div>
          <div class="flagship__feature">
            <div class="flagship__feature-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>
            </div>
            <div>
              <strong>Pathway to TWW franchise candidacy</strong> — PLP-credentialed practitioners 
              gain priority consideration for Tidal Wave Wellness franchise opportunities
            </div>
          </div>
        </div>

        <a href="./plp.html" class="btn btn--gold btn--lg">Learn About the PLP →</a>
      </div>

      <div class="flagship__visual fade-in">
        <div class="flagship__card">
          <div class="flagship__card-inner">
            <div class="flagship__card-badge">PLP Credential</div>
            <div class="flagship__card-title">
              Performance<br>Longevity<br>Practitioner
            </div>
            <div class="flagship__card-grid">
              <div class="flagship__card-item">
                <div class="flagship__card-item-value">16</div>
                <div class="flagship__card-item-label">Courses</div>
              </div>
              <div class="flagship__card-item">
                <div class="flagship__card-item-value">140</div>
                <div class="flagship__card-item-label">CE Hours</div>
              </div>
              <div class="flagship__card-item">
                <div class="flagship__card-item-value">3</div>
                <div class="flagship__card-item-label">Tracks</div>
              </div>
              <div class="flagship__card-item">
                <div class="flagship__card-item-value">∞</div>
                <div class="flagship__card-item-label">Impact</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== TRACKS ========== -->
  <section class="tracks" id="programs">
    <div class="section-header">
      <div class="section-overline">Curriculum</div>
      <h2 class="section-title">Three Tracks. One Mission.</h2>
      <p class="section-desc">
        Each track is designed to stand alone as a powerful CE experience — or combine 
        all three to earn the Performance Longevity Practitioner credential.
      </p>
    </div>

    <div class="tracks__grid">
      <!-- Business Track -->
      <div class="track-card fade-in">
        <div class="track-card__header">
          <div class="track-card__icon track-card__icon--business">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
          </div>
          <div>
            <div class="track-card__title">Business Track</div>
            <div class="track-card__meta">5 Courses &middot; 34 CE Hours</div>
          </div>
        </div>
        <p class="track-card__desc">
          Master the business of performance medicine. From launching a cash-based 
          practice to scaling and diversifying revenue streams.
        </p>
        <ul class="track-card__courses" role="list">
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 101</span>
            <span class="track-card__course-name">Building a Cash-Based Practice</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 102</span>
            <span class="track-card__course-name">Practice Growth &amp; Scaling</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 103</span>
            <span class="track-card__course-name">Revenue Diversification</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 104</span>
            <span class="track-card__course-name">Leadership &amp; Team Building</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 105</span>
            <span class="track-card__course-name">AI for Practice Operations</span>
          </li>
        </ul>
        <div class="track-card__footer">
          <a href="./track-business.html" class="track-card__link">
            Explore Track
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg>
          </a>
        </div>
      </div>

      <!-- Clinical Track -->
      <div class="track-card fade-in">
        <div class="track-card__header">
          <div class="track-card__icon track-card__icon--clinical">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
          </div>
          <div>
            <div class="track-card__title">Clinical Track</div>
            <div class="track-card__meta">8 Courses &middot; 84 CE Hours</div>
          </div>
        </div>
        <p class="track-card__desc">
          Deep clinical mastery — from peptide therapy and regenerative biology to 
          MSK ultrasound and orthobiologic medicine.
        </p>
        <ul class="track-card__courses" role="list">
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 201</span>
            <span class="track-card__course-name">Peptide Therapy Foundations</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 202</span>
            <span class="track-card__course-name">Regenerative Biology</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 203</span>
            <span class="track-card__course-name">Body Composition Science</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 204</span>
            <span class="track-card__course-name">Recovery Science</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 301</span>
            <span class="track-card__course-name">MSK Ultrasound Intensive</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 302</span>
            <span class="track-card__course-name">Genomic Testing</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 303</span>
            <span class="track-card__course-name">Private Label Supplements</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 304</span>
            <span class="track-card__course-name">Orthobiologic Medicine Intensive</span>
          </li>
        </ul>
        <div class="track-card__footer">
          <a href="./track-clinical.html" class="track-card__link">
            Explore Track
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg>
          </a>
        </div>
      </div>

      <!-- Integration & Leadership Track -->
      <div class="track-card fade-in">
        <div class="track-card__header">
          <div class="track-card__icon track-card__icon--leadership">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <div>
            <div class="track-card__title">Integration &amp; Leadership</div>
            <div class="track-card__meta">3 Courses &middot; 22 CE Hours</div>
          </div>
        </div>
        <p class="track-card__desc">
          Bring it all together. Design your integrative practice model 
          and lead with the Performance Longevity framework.
        </p>
        <ul class="track-card__courses" role="list">
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 401</span>
            <span class="track-card__course-name">Integrative Practice Design</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 402</span>
            <span class="track-card__course-name">Clinical Leadership</span>
          </li>
          <li class="track-card__course">
            <span class="track-card__course-code">TWI 403</span>
            <span class="track-card__course-name">The Performance Longevity Model</span>
          </li>
        </ul>
        <div class="track-card__footer">
          <a href="./track-leadership.html" class="track-card__link">
            Explore Track
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg>
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== WHY TWI ========== -->
  <section class="why">
    <div class="section-header">
      <div class="section-overline">Why Tidal Wave Institute</div>
      <h2 class="section-title">Built by Practitioners, for Practitioners</h2>
      <p class="section-desc">
        Every course is designed by clinicians who have built the practices they teach about — 
        not theorists who've never treated a patient.
      </p>
    </div>

    <div class="why__grid">
      <div class="why-card fade-in">
        <div class="why-card__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
        </div>
        <div>
          <div class="why-card__title">Clinical Depth, Not Surface Surveys</div>
          <p class="why-card__desc">
            Our clinical track goes deep — MSK ultrasound intensives, peptide therapy protocols, 
            orthobiologic medicine. Real clinical skills, not checkbox CE.
          </p>
        </div>
      </div>

      <div class="why-card fade-in">
        <div class="why-card__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
        </div>
        <div>
          <div class="why-card__title">Business Mastery Included</div>
          <p class="why-card__desc">
            Most CE programs ignore the business side entirely. TWI's Business Track teaches 
            you to build, scale, and sustain the practice your clinical skills deserve.
          </p>
        </div>
      </div>

      <div class="why-card fade-in">
        <div class="why-card__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
        </div>
        <div>
          <div class="why-card__title">Connected to a Living Practice</div>
          <p class="why-card__desc">
            TWI is backed by Tidal Wave Wellness — a real performance medicine and longevity 
            practice. Our curriculum is tested in the clinic, not just the classroom.
          </p>
        </div>
      </div>

      <div class="why-card fade-in">
        <div class="why-card__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
        </div>
        <div>
          <div class="why-card__title">Franchise Pathway</div>
          <p class="why-card__desc">
            PLP-credentialed practitioners gain priority access to TWW franchise opportunities — 
            the ecosystem feeds itself, and your credential is the key.
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== TWW CONNECTION ========== -->
  <section class="tww-banner">
    <div class="tww-banner__inner">
      <div class="tww-banner__label">Part of the Tidal Wave Ecosystem</div>
      <h2 class="tww-banner__title">Powered by Tidal Wave Wellness</h2>
      <p class="tww-banner__desc">
        Tidal Wave Institute is the educational arm of Tidal Wave Wellness — 
        North Atlanta's premier performance medicine and longevity practice. 
        Our curriculum is built from the same protocols we use every day.
      </p>
      <a href="https://tidalwavewellness.net" target="_blank" rel="noopener noreferrer" class="tww-banner__link">
        Visit Tidal Wave Wellness
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
      </a>
    </div>
  </section>

  <!-- ========== CTA ========== -->
  <section class="cta">
    <div class="cta__inner">
      <div class="section-overline">Start Your Journey</div>
      <h2 class="cta__title">Ready to Redefine Your Practice?</h2>
      <p class="cta__desc">
        Join the next generation of performance longevity practitioners. 
        Explore our curriculum, start with a single course, or commit to the full PLP credential.
      </p>
      <div class="cta__actions">
        <a href="./programs.html" class="btn btn--primary btn--lg">Enroll Now</a>
        <a href="./contact.html" class="btn btn--outline btn--lg">Request Information</a>
      </div>
    </div>
  </section>

  <!-- ========== FOOTER ========== -->
  <footer class="footer">
    <div class="footer__inner">
      <div class="footer__grid">
        <!-- Brand -->
        <div class="footer__brand">
          <a href="./" class="footer__logo">
            <svg class="footer__logo-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
              <circle cx="20" cy="20" r="18" stroke="url(#twi-grad-f)" stroke-width="2.5" fill="none"/>
              <path d="M8 20 C11 14, 15 14, 18 20 S25 26, 28 20 S31 14, 33 20" stroke="url(#twi-grad-f)" stroke-width="2" fill="none" stroke-linecap="round"/>
              <path d="M16 10 L20 7 L24 10" stroke="#C4A052" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
              <circle cx="20" cy="33" r="1.5" fill="#C4A052"/>
              <defs>
                <linearGradient id="twi-grad-f" x1="0" y1="0" x2="40" y2="40">
                  <stop offset="0%" stop-color="#8B9CC8"/>
                  <stop offset="100%" stop-color="#A87FD4"/>
                </linearGradient>
              </defs>
            </svg>
            Tidal Wave Institute
          </a>
          <p class="footer__brand-desc">
            The premier continuing education platform for performance medicine and longevity practitioners.
          </p>
          <a href="https://tidalwavewellness.net" target="_blank" rel="noopener noreferrer" class="footer__tww-link">
            ← Part of Tidal Wave Wellness
          </a>
        </div>

        <!-- Programs -->
        <div>
          <div class="footer__col-title">Programs</div>
          <div class="footer__links">
            <a href="./track-business.html" class="footer__link">Business Track</a>
            <a href="./track-clinical.html" class="footer__link">Clinical Track</a>
            <a href="./track-leadership.html" class="footer__link">Integration &amp; Leadership</a>
            <a href="./plp.html" class="footer__link">PLP Certification</a>
            <a href="./programs.html" class="footer__link">Full Course Catalog</a>
          </div>
        </div>

        <!-- Resources -->
        <div>
          <div class="footer__col-title">Resources</div>
          <div class="footer__links">
            <a href="./blog.html" class="footer__link">Blog &amp; Insights</a>
            <a href="./ce-info.html" class="footer__link">CE Information</a>
            <a href="./portal.html" class="footer__link">Student Portal</a>
            <a href="./faq.html" class="footer__link">FAQ</a>
          </div>
        </div>

        <!-- Company -->
        <div>
          <div class="footer__col-title">Company</div>
          <div class="footer__links">
            <a href="./about-mission.html" class="footer__link">About TWI</a>
            <a href="./about-faculty.html" class="footer__link">Faculty</a>
            <a href="./contact.html" class="footer__link">Contact</a>
            <a href="https://tidalwavewellness.net" target="_blank" rel="noopener noreferrer" class="footer__link">Tidal Wave Wellness ↗</a>
          </div>
        </div>
      </div>

      
  <!-- Family of Companies -->
  <div class="family-bar">
    <div class="family-bar__inner">
      <span class="family-bar__label">Our Family of Companies</span>
      <div class="family-bar__links">
        <a href="https://advancedmanualtherapies.com" class="family-bar__link" target="_blank" rel="noopener noreferrer">
          <span class="family-bar__name">Advanced Manual Therapies</span>
          <span class="family-bar__desc">Physical Therapy &amp; Medical Massage</span>
        </a>
        <span class="family-bar__sep" aria-hidden="true"></span>
        <a href="https://tidalwavewellness.net" class="family-bar__link" target="_blank" rel="noopener noreferrer">
          <span class="family-bar__name">Tidal Wave Wellness</span>
          <span class="family-bar__desc">Longevity &amp; Performance Medicine</span>
        </a>
        <span class="family-bar__sep" aria-hidden="true"></span>
        <a href="https://tidalwaveinstitute.com" class="family-bar__link family-bar__link--current" target="_blank" rel="noopener noreferrer">
          <span class="family-bar__name">Tidal Wave Institute</span>
          <span class="family-bar__desc">Continuing Education for Clinicians</span>
        </a>
      </div>
    </div>
  </div>

      <div class="footer__bottom">
        <span>© 2026 Tidal Wave Institute. All rights reserved.</span>
        <span>
          <a href="#" class="footer__link">Privacy Policy</a> &middot; 
          <a href="#" class="footer__link">Terms of Service</a>
        </span>
      </div>
    </div>
  </footer>

  <script>
    // Theme toggle
    (function() {
      const t = document.querySelector('[data-theme-toggle]');
      const r = document.documentElement;
      let d = matchMedia('(prefers-color-scheme:dark)').matches ? 'dark' : 'light';
      r.setAttribute('data-theme', d);
      t && t.addEventListener('click', () => {
        d = d === 'dark' ? 'light' : 'dark';
        r.setAttribute('data-theme', d);
        t.setAttribute('aria-label', 'Switch to ' + (d === 'dark' ? 'light' : 'dark') + ' mode');
        t.innerHTML = d === 'dark'
          ? '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>'
          : '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>';
      });
    })();

    // Header scroll behavior
    (function() {
      const header = document.getElementById('header');
      let lastScroll = 0;
      window.addEventListener('scroll', () => {
        const curr = window.scrollY;
        if (curr > 50) {
          header.classList.add('header--scrolled');
        } else {
          header.classList.remove('header--scrolled');
        }
        lastScroll = curr;
      }, { passive: true });
    })();

    // Mobile nav toggle
    (function() {
      const hamburger = document.getElementById('hamburger');
      const mobileNav = document.getElementById('mobileNav');
      hamburger && hamburger.addEventListener('click', () => {
        hamburger.classList.toggle('hamburger--active');
        mobileNav.classList.toggle('mobile-nav--open');
        document.body.style.overflow = mobileNav.classList.contains('mobile-nav--open') ? 'hidden' : '';
      });
    })();

    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(a => {
      a.addEventListener('click', e => {
        const id = a.getAttribute('href');
        if (id.length > 1) {
          const target = document.querySelector(id);
          if (target) {
            e.preventDefault();
            target.scrollIntoView({ behavior: 'smooth' });
            // Close mobile nav if open
            const mobileNav = document.getElementById('mobileNav');
            const hamburger = document.getElementById('hamburger');
            if (mobileNav && mobileNav.classList.contains('mobile-nav--open')) {
              mobileNav.classList.remove('mobile-nav--open');
              hamburger.classList.remove('hamburger--active');
              document.body.style.overflow = '';
            }
          }
        }
      });
    });

    // Scroll reveal (IntersectionObserver)
    (function() {
      const revealObserver = new IntersectionObserver(entries => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add('visible');
            revealObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });

      document.querySelectorAll('.fade-in').forEach(el => {
        revealObserver.observe(el);
      });
    })();

    // Number animation on scroll
    (function() {
      const observer = new IntersectionObserver(entries => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            const el = entry.target;
            const value = el.textContent;
            if (/^\d+$/.test(value)) {
              const target = parseInt(value);
              const duration = 800;
              const start = performance.now();
              el.textContent = '0';
              const animate = (now) => {
                const progress = Math.min((now - start) / duration, 1);
                const eased = 1 - Math.pow(1 - progress, 3);
                el.textContent = Math.round(eased * target);
                if (progress < 1) requestAnimationFrame(animate);
              };
              requestAnimationFrame(animate);
            }
            observer.unobserve(el);
          }
        });
      }, { threshold: 0.5 });

      document.querySelectorAll('.stats-bar__value, .hero__card-stat-value, .flagship__card-item-value').forEach(el => {
        observer.observe(el);
      });
    })();
  </script>

  <style>
    /* Hide desktop-only CTA on mobile */
    .btn--desktop-only { display: none; }
    @media (min-width: 1024px) {
      .btn--desktop-only { display: inline-flex; }
    }
  </style>
</body>
</html>
