```html
<!-- GLOBAL STYLES FOR THIS SECTION -->
<style>
  :root {
    --cp-primary: #ff4500; /* High energy orange/red */
    --cp-dark: #1a1a1a;
    --cp-light: #ffffff;
    --cp-gray: #f4f4f4;
  }
  
  .cp-container {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--cp-dark);
    line-height: 1.6;
  }

  /* HERO SECTION */
  .cp-hero {
    position: relative;
    height: 80vh;
    min-height: 500px;
    background-image: url('https://images.unsplash.com/photo-1626246947537-8b8941656872?q=80&w=1920&auto=format&fit=crop'); /* Placeholder Action Shot */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--cp-light);
  }
  
  .cp-hero-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* 40% Opacity Overlay */
    z-index: 1;
  }
  
  .cp-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 20px;
  }
  
  .cp-hero h1 {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  
  .cp-hero h2 {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 2rem;
    opacity: 0.9;
  }
  
  .cp-btn {
    display: inline-block;
    background-color: var(--cp-primary);
    color: var(--cp-light);
    padding: 15px 35px;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    transition: transform 0.2s ease, background 0.2s;
  }
  
  .cp-btn:hover {
    transform: scale(1.05);
    background-color: #e03e00;
  }

  /* WHY CARDIO GRID */
  .cp-features {
    padding: 80px 20px;
    background-color: var(--cp-light);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .cp-feature-card {
    text-align: left;
    padding: 20px;
    border-left: 4px solid var(--cp-primary);
  }
  
  .cp-feature-card h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 700;
  }

  /* INSPIRATION SECTION */
  .cp-hook {
    background-color: var(--cp-dark);
    color: var(--cp-light);
    padding: 80px 20px;
    text-align: center;
  }
  
  .cp-hook-content {
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 40px;
  }

  .cp-hook h2 {
    color: var(--cp-primary);
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  /* MOBILE RESPONSIVENESS */
  @media (max-width: 768px) {
    .cp-hero h1 { font-size: 2.2rem; }
    .cp-features { grid-template-columns: 1fr; }
  }
</style>

<div class="cp-container">

  <!-- 1. HERO SECTION -->
  <div class="cp-hero">
    <div class="cp-hero-overlay"></div>
    <div class="cp-hero-content">
      <h1>Elevate Your Game.<br>Boost Your Heart.</h1>
      <h2>Experience Cardio Pickleball: The high-energy, fast-paced fitness evolution for athletes who refuse to slow down.</h2>
      <a href="/class-schedule" class="cp-btn">View Class Schedule</a>
    </div>
  </div>

  <!-- 2. WHY CARDIO SECTION -->
  <div class="cp-features">
    <div style="grid-column: 1 / -1; text-align: center; margin-bottom: 40px;">
      <h2 style="font-size: 2.5rem; margin-bottom: 1rem;">Why Cardio?</h2>
      <p style="font-size: 1.2rem; color: #666;">Cardio Pickleball isn't just a game—it's a high-intensity interval workout.</p>
    </div>

    <div class="cp-feature-card">
      <h3>Burn More Calories</h3>
      <p>Constant movement and agility drills. We combine the strategy of the court with the heart-pumping benefits of a gym session.</p>
    </div>

    <div class="cp-feature-card">
      <h3>Sharpen Your Reflexes</h3>
      <p>Fast-paced exchanges to keep the mind and eyes quick. React faster, think sharper.</p>
    </div>

    <div class="cp-feature-card">
      <h3>Social Fitness</h3>
      <p>Build your community while you build your endurance. Sweat together, win together.</p>
    </div>
  </div>

  <!-- 3. INSPIRATION HOOK -->
  <div class="cp-hook">
    <div class="cp-hook-content">
      <h2>If I Can Do It, You Can Too.</h2>
      <p style="font-size: 1.3rem; font-style: italic;">"At 78 years old and managing ocular MG, I know the power of staying active. Cardio Pickleball keeps me fit, focused, and on the move. Let’s hit the court together."</p>
    </div>
  </div>

</div>
```