Embed

<div id="fhl-mobile" style="max-width: 500px; margin: 0 auto; font-family: 'Outfit', sans-serif;">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap');
    
    * { box-sizing: border-box; margin: 0; padding: 0; }
    
    html {
      scroll-behavior: smooth;
    }
    
    #fhl-mobile {
      color: #fff;
      padding: 0 16px 40px;
    }
    
    .fhl-gradient {
      background: linear-gradient(135deg, #00d4aa 0%, #00a8cc 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    /* ===== HEADER ===== */
    .fhl-header {
      text-align: center;
      padding: 24px 0 20px;
      border-bottom: 1px solid rgba(0,212,170,0.15);
      margin-bottom: 28px;
    }
    
    .fhl-logo {
      font-size: 14px;
      font-weight: 700;
      color: #00d4aa;
      letter-spacing: 1px;
      margin-bottom: 4px;
    }
    
    .fhl-location {
      font-size: 12px;
      color: rgba(255,255,255,0.5);
    }
    
    /* ===== HERO ===== */
    .fhl-hero {
      text-align: center;
      margin-bottom: 28px;
    }
    
    .fhl-hero-image {
      width: 100%;
      height: 280px;
      object-fit: cover;
      border-radius: 16px;
      margin-bottom: 24px;
      border: 1px solid rgba(0,212,170,0.15);
    }
    
    .fhl-badge {
      display: inline-block;
      padding: 6px 14px;
      background: rgba(0,212,170,0.15);
      border: 1px solid rgba(0,212,170,0.3);
      border-radius: 20px;
      font-size: 11px;
      color: #00d4aa;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-bottom: 16px;
    }
    
    .fhl-hero h1 {
      font-size: 32px;
      font-weight: 800;
      line-height: 1.15;
      margin-bottom: 12px;
    }
    
    .fhl-hero p {
      font-size: 16px;
      color: rgba(255,255,255,0.75);
      line-height: 1.5;
      margin-bottom: 20px;
    }
    
    /* ===== PRICE ===== */
    .fhl-price {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      margin-bottom: 12px;
    }
    
    .fhl-price-old {
      font-size: 20px;
      color: rgba(255,255,255,0.35);
      text-decoration: line-through;
    }
    
    .fhl-price-new {
      font-size: 56px;
      font-weight: 800;
      letter-spacing: -1px;
      line-height: 1;
      padding: 8px 0;
    }
    
    .fhl-price-note {
      font-size: 14px;
      color: rgba(255,255,255,0.6);
      margin-bottom: 24px;
    }
    
    .fhl-price-note strong {
      color: #00d4aa;
    }
    
    /* ===== CTA BUTTON ===== */
    .fhl-cta {
      display: block;
      width: 100%;
      padding: 18px 24px;
      background: linear-gradient(135deg, #00d4aa 0%, #00a8cc 100%);
      border: none;
      border-radius: 60px;
      font-size: 17px;
      font-weight: 700;
      color: #0a0f1a;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      font-family: 'Outfit', sans-serif;
      box-shadow: 0 8px 25px rgba(0,212,170,0.35), 0 0 15px rgba(0,212,170,0.2);
      min-height: 56px;
    }
    
    .fhl-cta:active {
      transform: scale(0.98);
    }
    
    /* ===== URGENCY ===== */
    .fhl-urgency {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 16px;
      margin: 24px 0;
      background: rgba(0,0,0,0.3);
      border: 1px solid rgba(0,212,170,0.15);
      border-radius: 14px;
    }
    
    .fhl-dot {
      width: 10px;
      height: 10px;
      background: #00d4aa;
      border-radius: 50%;
      box-shadow: 0 0 10px #00d4aa;
      animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    
    .fhl-urgency span {
      font-size: 15px;
      color: rgba(255,255,255,0.9);
    }
    
    .fhl-urgency strong {
      font-weight: 800;
      font-size: 18px;
    }
    
    /* ===== WHAT YOU GET ===== */
    .fhl-benefits {
      margin: 32px 0;
    }
    
    .fhl-benefits h2 {
      font-size: 18px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 16px;
      color: rgba(255,255,255,0.9);
    }
    
    .fhl-benefit {
      display: flex;
      flex-direction: column;
      gap: 0;
      background: rgba(0,212,170,0.05);
      border: 1px solid rgba(0,212,170,0.1);
      border-radius: 14px;
      margin-bottom: 12px;
      overflow: hidden;
    }
    
    .fhl-benefit-image {
      width: 100%;
      height: 140px;
      object-fit: cover;
    }
    
    .fhl-benefit-content {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 16px;
    }
    
    .fhl-benefit-icon {
      font-size: 24px;
      flex-shrink: 0;
      width: 32px;
      text-align: center;
    }
    
    .fhl-benefit h3 {
      font-size: 15px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 2px;
    }
    
    .fhl-benefit p {
      font-size: 13px;
      color: rgba(255,255,255,0.6);
      line-height: 1.4;
    }
    
    /* ===== WHY ===== */
    .fhl-why {
      text-align: center;
      background: rgba(0,0,0,0.2);
      border-radius: 16px;
      margin: 28px 0;
      overflow: hidden;
    }
    
    .fhl-why-image {
      width: 100%;
      height: 140px;
      object-fit: cover;
    }
    
    .fhl-why-content {
      padding: 24px 16px;
    }
    
    .fhl-why h2 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 8px;
    }
    
    .fhl-why p {
      font-size: 14px;
      color: rgba(255,255,255,0.65);
      line-height: 1.5;
    }
    
    .fhl-why strong {
      color: #00d4aa;
    }
    
    /* ===== QUOTE ===== */
    .fhl-quote {
      text-align: center;
      padding: 24px 20px;
      background: rgba(0,212,170,0.05);
      border: 1px solid rgba(0,212,170,0.1);
      border-radius: 16px;
      margin: 28px 0;
    }
    
    .fhl-quote blockquote {
      font-size: 18px;
      font-style: italic;
      color: rgba(255,255,255,0.85);
      line-height: 1.4;
      margin-bottom: 10px;
    }
    
    .fhl-quote cite {
      font-size: 13px;
      color: #00d4aa;
      font-style: normal;
    }
    
    /* ===== SECOND CTA ===== */
    .fhl-cta-section {
      margin: 32px 0;
      text-align: center;
    }
    
    .fhl-cta-note {
      font-size: 12px;
      color: rgba(255,255,255,0.5);
      margin-top: 12px;
    }
    
    /* ===== FOOTER ===== */
    .fhl-footer {
      text-align: center;
      padding-top: 24px;
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-top: 32px;
    }
    
    .fhl-footer-brand {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 4px;
    }
    
    .fhl-footer-sub {
      font-size: 12px;
      color: rgba(255,255,255,0.4);
    }
  </style>
  
  
  <header class="fhl-header">
    <div class="fhl-logo">FOUR HORSEMEN LONGEVITY</div>
    <div class="fhl-location">Temecula, CA • Opening Summer 2026</div>
  </header>
  
  
  <section class="fhl-hero">
    <img src="https://i.imgur.com/1itbwi5.png" alt="DEXA Body Scanner" class="fhl-hero-image">
    
    <div class="fhl-badge">Founding Member Offer</div>
    
    <h1>Know Your Body.<br><span class="fhl-gradient">Live Longer.</span></h1>
    
    <p>Get the exact data on your fat, muscle, and metabolism. No more guessing.</p>
    
    <div class="fhl-price">
      <span class="fhl-price-old">$299</span>
      <span class="fhl-price-new fhl-gradient">$199</span>
    </div>
    <div class="fhl-price-note">One-time price. <strong>Locked in forever.</strong></div>
    
    <a href="#fhl-form" class="fhl-cta">Reserve My Spot →</a>
  </section>
  
  
  <div class="fhl-urgency">
    <div class="fhl-dot"></div>
    <span>Only <strong class="fhl-gradient">47 spots</strong> left</span>
  </div>
  
  
  <section class="fhl-benefits">
    <h2>What You Get</h2>
    
    <div class="fhl-benefit">
      <img src="https://i.imgur.com/rhjkw8I.png" alt="DEXA Body Scan" class="fhl-benefit-image">
      <div class="fhl-benefit-content">
        <div class="fhl-benefit-icon">🦴</div>
        <div>
          <h3>DEXA Body Scan</h3>
          <p>See your body fat, muscle, and bone health. Find hidden belly fat.</p>
        </div>
      </div>
    </div>
    
    <div class="fhl-benefit">
      <img src="https://i.imgur.com/30kmu7Q.png" alt="VO2 Max Test" class="fhl-benefit-image">
      <div class="fhl-benefit-content">
        <div class="fhl-benefit-icon">🫁</div>
        <div>
          <h3>VO2 Max Test</h3>
          <p>The #1 test that predicts how long you'll live.</p>
        </div>
      </div>
    </div>
    
    <div class="fhl-benefit">
      <img src="https://i.imgur.com/YP49IHq.png" alt="Metabolism Test" class="fhl-benefit-image">
      <div class="fhl-benefit-content">
        <div class="fhl-benefit-icon">🔥</div>
        <div>
          <h3>Metabolism Test</h3>
          <p>Know exactly how many calories your body burns.</p>
        </div>
      </div>
    </div>
  </section>
  
  
  <section class="fhl-why">
    <img src="https://i.imgur.com/OvYAqCb.png" alt="Temecula Wine Country" class="fhl-why-image">
    <div class="fhl-why-content">
      <h2>Why We're Building This</h2>
      <p>Right now you have to drive <strong>60+ miles</strong> to get these tests. We're bringing them to Temecula.</p>
    </div>
  </section>
  
  
  <section class="fhl-quote">
    <blockquote>"Muscle is the organ of longevity."</blockquote>
    <cite>— Dr. Peter Attia, MD</cite>
  </section>
  
  
  <section class="fhl-cta-section">
    
    <div id="fhl-form" style="padding-top: 20px;"></div>
  </section>
  
  
  <footer class="fhl-footer">
    <div class="fhl-footer-brand fhl-gradient">Four Horsemen Longevity</div>
    <div class="fhl-footer-sub">A DexaFit Partner • Temecula, CA</div>
  </footer>
</div>

Contact form

<h3>Join the Founding 100</h3>
<p>Reserve your spot and lock in $199 pricing (regularly $299) — forever. No payment required today.<br /> </p>

name

email

message

Dexafit Temecula

DexaFit Temecula - Medical-grade body composition and performance testing lab offering DEXA scans, VO2 max testing, and metabolic analysis for athletes and health-conscious individuals in Temecula Wine Country, California

Mulish

Outfit

Merriweather

Know Your Body.Live Longer.

What You Get

DEXA Body Scan

VO2 Max Test

Metabolism Test

Why We're Building This

Join the Founding 100

Know Your Body.
Live Longer.