<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>PharmaVault — The Patent Cliff Tracker for the Pharmaceutical Industry</title>
  <meta name="description" content="Track when every FDA-approved drug loses exclusivity, where it's approved globally, and whether the research field is hot or dead. Built for generic manufacturers, biotech investors, IP lawyers, and regulatory affairs." />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Merriweather:wght@400;700&display=swap" rel="stylesheet" />
  <style>
    :root {
      --navy: #0D1B2A;
      --navy-mid: #1a2f45;
      --steel: #4E83C5;
      --steel-light: #7eb8e8;
      --teal: #007A8A;
      --teal-light: #e0f4f6;
      --green: #1a7a4a;
      --green-light: #e8f2e8;
      --gold: #b8860b;
      --gold-light: #fef9e7;
      --red: #C0392B;
      --red-light: #fce8e8;
      --purple: #8e44ad;
      --purple-light: #f3edf8;
      --cream: #F8F6F1;
      --cream-dark: #EDE9E0;
      --border: #d8d4cc;
      --text: #1a1a2e;
      --text-mid: #4a4a6a;
      --text-light: #7a7a9a;
      --white: #ffffff;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: 'Inter', system-ui, sans-serif; background: var(--cream); color: var(--text); line-height: 1.6; }
    a { color: var(--steel); text-decoration: none; }
    a:hover { text-decoration: underline; }

    /* ── NAV ─────────────────────────────────────── */
    .nav { background: var(--navy); padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--navy-mid); position: sticky; top: 0; z-index: 100; }
    .nav-logo { color: var(--white); font-weight: 700; font-size: 1.1rem; text-decoration: none; }
    .nav-logo strong { color: var(--steel-light); }
    .nav-links { display: flex; gap: 24px; }
    .nav-links a { color: rgba(255,255,255,0.7); font-size: 0.85rem; font-weight: 500; }
    .nav-links a:hover { color: var(--white); text-decoration: none; }

    /* ── HERO ─────────────────────────────────────── */
    .hero { background: linear-gradient(180deg, var(--navy) 0%, var(--navy-mid) 100%); color: var(--white); padding: 80px 24px 60px; text-align: center; }
    .hero-eyebrow { display: inline-block; background: rgba(78,131,197,0.2); border: 1px solid rgba(78,131,197,0.4); color: var(--steel-light); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; margin-bottom: 20px; }
    .hero h1 { font-family: 'Merriweather', Georgia, serif; font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 700; line-height: 1.2; margin-bottom: 16px; }
    .hero h1 em { color: var(--steel-light); font-style: normal; }
    .hero-sub { font-size: 1.05rem; color: rgba(255,255,255,0.75); max-width: 700px; margin: 0 auto 36px; }
    .hero-cta-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .hero-cta { display: inline-flex; align-items: center; gap: 8px; padding: 14px 24px; border-radius: 8px; font-weight: 600; font-size: 0.95rem; text-decoration: none; border: none; cursor: pointer; }
    .hero-cta.primary { background: var(--teal); color: var(--white); }
    .hero-cta.primary:hover { background: #005f6b; text-decoration: none; }
    .hero-cta.secondary { background: rgba(255,255,255,0.1); color: var(--white); border: 1px solid rgba(255,255,255,0.3); }
    .hero-cta.secondary:hover { background: rgba(255,255,255,0.15); text-decoration: none; }

    /* ── SECTION ────────────────────────────────── */
    .section { padding: 64px 24px; }
    .section-inner { max-width: 1100px; margin: 0 auto; }
    .section-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--steel); margin-bottom: 8px; text-align: center; }
    .section-title { font-family: 'Merriweather', Georgia, serif; font-size: 1.8rem; font-weight: 700; color: var(--navy); margin-bottom: 12px; text-align: center; }
    .section-sub { font-size: 0.95rem; color: var(--text-mid); max-width: 720px; margin: 0 auto 40px; text-align: center; }

    /* ── WHO IT'S FOR ──────────────────────────── */
    .audience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
    .audience-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 24px; transition: all 0.2s; }
    .audience-card:hover { border-color: var(--steel); box-shadow: 0 4px 16px rgba(78,131,197,0.08); transform: translateY(-2px); }
    .audience-icon { font-size: 1.8rem; margin-bottom: 12px; }
    .audience-name { font-weight: 700; font-size: 1rem; color: var(--navy); margin-bottom: 6px; }
    .audience-desc { font-size: 0.85rem; color: var(--text-mid); line-height: 1.5; }
    .audience-pain { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--cream-dark); font-size: 0.78rem; color: var(--red); }
    .audience-pain strong { color: var(--red); }

    /* ── WHAT IT TRACKS ─────────────────────────── */
    .track-section { background: var(--white); border-top: 1px solid var(--border); }
    .track-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
    .track-card { background: var(--cream); border: 1px solid var(--border); border-radius: 12px; padding: 24px; }
    .track-icon { font-size: 1.6rem; margin-bottom: 8px; }
    .track-name { font-weight: 700; font-size: 0.95rem; color: var(--navy); margin-bottom: 6px; }
    .track-desc { font-size: 0.85rem; color: var(--text-mid); line-height: 1.5; }
    .track-count { display: inline-block; margin-top: 10px; padding: 2px 8px; background: var(--steel); color: var(--white); font-size: 0.7rem; font-weight: 700; border-radius: 10px; }

    /* ── THE 7 DRUGS SECTION ────────────────────── */
    .drugs-section { background: var(--cream); border-top: 1px solid var(--border); }
    .drugs-table { width: 100%; border-collapse: collapse; background: var(--white); border-radius: 12px; overflow: hidden; border: 1px solid var(--border); font-size: 0.85rem; }
    .drugs-table thead { background: var(--navy); color: var(--white); }
    .drugs-table th { text-align: left; padding: 12px 16px; font-weight: 700; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; }
    .drugs-table td { padding: 12px 16px; border-top: 1px solid var(--border); }
    .drugs-table tr:hover td { background: var(--cream); }
    .drugs-table .cliff-cell { font-weight: 700; color: var(--navy); }
    .drugs-table .cliff-cell.imminent { color: var(--red); }
    .drugs-table .cliff-cell.approaching { color: var(--gold); }
    .drugs-table .cliff-cell.distant { color: var(--green); }
    .drugs-table .pill { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 0.7rem; font-weight: 600; }
    .pill.active { background: var(--green-light); color: var(--green); }
    .pill.generic { background: var(--gold-light); color: var(--gold); }
    .pill.research { background: var(--red-light); color: var(--red); }

    /* ── FOR INVESTORS ─────────────────────────── */
    .investor-section { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%); color: var(--white); padding: 64px 24px; text-align: center; }
    .investor-section h2 { font-family: 'Merriweather', Georgia, serif; font-size: 1.8rem; margin-bottom: 12px; color: var(--white); }
    .investor-section p { color: rgba(255,255,255,0.75); margin-bottom: 24px; max-width: 600px; margin-left: auto; margin-right: auto; }
    .investor-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; max-width: 720px; margin: 0 auto 32px; }
    .investor-stat { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); border-radius: 10px; padding: 20px; }
    .investor-stat-num { font-size: 2.2rem; font-weight: 800; color: var(--steel-light); }
    .investor-stat-label { font-size: 0.85rem; color: rgba(255,255,255,0.6); margin-top: 4px; }

    /* ── CTA ─────────────────────────────────────── */
    .cta-section { background: var(--white); border-top: 1px solid var(--border); padding: 64px 24px; text-align: center; }
    .cta-section h2 { font-family: 'Merriweather', Georgia, serif; font-size: 1.8rem; margin-bottom: 12px; }
    .cta-section p { color: var(--text-mid); margin-bottom: 28px; max-width: 540px; margin-left: auto; margin-right: auto; }
    .cta-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .cta-btn { display: inline-flex; padding: 14px 24px; border-radius: 8px; font-weight: 600; font-size: 0.95rem; text-decoration: none; }
    .cta-btn.primary { background: var(--teal); color: var(--white); }
    .cta-btn.primary:hover { background: #005f6b; text-decoration: none; }
    .cta-btn.secondary { background: transparent; color: var(--steel); border: 1px solid var(--steel); }

    /* ── FOOTER ─────────────────────────────────── */
    footer { background: #0a1620; color: rgba(255,255,255,0.4); padding: 32px 24px; font-size: 0.8rem; text-align: center; }
    footer a { color: rgba(255,255,255,0.6); }
    footer a:hover { color: var(--white); }

    @media (max-width: 768px) {
      .drugs-table { font-size: 0.75rem; }
      .drugs-table th, .drugs-table td { padding: 8px 10px; }
    }
  </style>
</head>
<body>

<!-- NAV -->
<nav class="nav">
  <a href="/" class="nav-logo">Pharma<strong>Vault</strong></a>
  <div class="nav-links">
    <a href="#who">Who It's For</a>
    <a href="#tracks">What We Track</a>
    <a href="#drugs">The Cliff</a>
    <a href="#investors">For Investors</a>
  </div>
</nav>

<!-- HERO -->
<section class="hero">
  <div class="hero-eyebrow">Patent Cliff Tracker for the Pharmaceutical Industry</div>
  <h1>Every FDA-approved drug.<br>Every exclusivity date. <em>Every country.</em></h1>
  <p class="hero-sub">When does Semaglutide's patent expire? Is Tirzepatide approved in China? Is the BPC-157 research field still hot? PharmaVault answers the questions that decide billion-dollar moves — patent cliff timelines, global approvals, Paragraph IV litigation, REMS programs, and live research activity.</p>
  <div class="hero-cta-row">
    <a href="#drugs" class="hero-cta primary">View the Cliff Timeline</a>
    <a href="#who" class="hero-cta secondary">Who Uses This</a>
  </div>
</section>

<!-- WHO IT'S FOR -->
<section class="section" id="who">
  <div class="section-inner">
    <div class="section-label">Who This Is For</div>
    <h2 class="section-title">Built for the people who bet on pharmaceutical timelines</h2>
    <p class="section-sub">Five verticals. One platform. Each one is making decisions on incomplete data that this product fixes.</p>

    <div class="audience-grid">
      <div class="audience-card">
        <div class="audience-icon">🏭</div>
        <div class="audience-name">Generic Manufacturers</div>
        <div class="audience-desc">When a drug's patent cliff hits, you have 180 days of exclusivity to launch first-to-file. We surface the cliff date, the existing ANDAs, the active Paragraph IV litigation, and the Orange Book patent details.</div>
        <div class="audience-pain"><strong>The pain:</strong> Orange Book is opaque. 180-day exclusivity is hard to track. We make it visible.</div>
      </div>

      <div class="audience-card">
        <div class="audience-icon">💰</div>
        <div class="audience-name">Biotech Investors</div>
        <div class="audience-desc">Originator revenue cliffs determine stock price. We track patent expirations across 9+ major drugs, plus research pipeline activity (Phase 2/3 trial counts, recruiting status, hot/dead/paradox signals).</div>
        <div class="audience-pain"><strong>The pain:</strong> 18-month cliff visibility is buried in 10-Ks. We make it instant.</div>
      </div>

      <div class="audience-card">
        <div class="audience-icon">⚖️</div>
        <div class="audience-name">IP Lawyers & Hatch-Waxman Specialists</div>
        <div class="audience-desc">Paragraph IV litigation tracking. First-to-file exclusivity, 30-month stay calculations, settlement outcomes. We surface 11+ active PIV cases with the structured data you need.</div>
        <div class="audience-pain"><strong>The pain:</strong> Court records are scattered. We aggregate them.</div>
      </div>

      <div class="audience-card">
        <div class="audience-icon">🏛️</div>
        <div class="audience-name">Regulatory Affairs</div>
        <div class="audience-desc">iPLEDGE REMS programs. DEA scheduling. NDA vs ANDA approval pathways. We have 6+ REMS programs documented with full participant counts and compliance mechanisms.</div>
        <div class="audience-pain"><strong>The pain:</strong> FDA REMS pages are 50-page PDFs. We make them queryable.</div>
      </div>

      <div class="audience-card">
        <div class="audience-icon">🔬</div>
        <div class="audience-name">Pharma Compliance / Sunshine Act</div>
        <div class="audience-desc">Open Payments compliance requires HCP credential verification before payment. We integrate with the same Verify engine that powers our directory family.</div>
        <div class="audience-pain"><strong>The pain:</strong> Manual NPI lookups before every payment. We automate it.</div>
      </div>

      <div class="audience-card">
        <div class="audience-icon">📊</div>
        <div class="audience-name">Pharma Consultants & Analysts</div>
        <div class="audience-desc">Sell-side research, buy-side due diligence, consulting decks. We give you the structured data that goes straight into your model — patent cliff years, ANDA filings, REMS programs, global approvals.</div>
        <div class="audience-pain"><strong>The pain:</strong> Manual data wrangling. We make it instant.</div>
      </div>
    </div>
  </div>
</section>

<!-- WHAT IT TRACKS -->
<section class="section track-section" id="tracks">
  <div class="section-inner">
    <div class="section-label">What We Track</div>
    <h2 class="section-title">8 dimensions of pharmaceutical intelligence</h2>
    <p class="section-sub">Each track is a separate structured data product. Together they form the complete picture of a drug's lifecycle.</p>

    <div class="track-grid">
      <div class="track-card">
        <div class="track-icon">📅</div>
        <div class="track-name">Patent Cliff Timeline</div>
        <div class="track-desc">For every drug: when the last patent expires. Visual Gantt-chart timeline 2025-2040. Color-coded by urgency.</div>
        <div class="track-count">9 drugs</div>
      </div>

      <div class="track-card">
        <div class="track-icon">🌍</div>
        <div class="track-name">Global Approvals</div>
        <div class="track-desc">Where each drug is approved, in what indication, in what year. US, EU, UK, Canada, Japan, China, India, Australia.</div>
        <div class="track-count">32 country-drug combos</div>
      </div>

      <div class="track-card">
        <div class="track-icon">📋</div>
        <div class="track-name">Paragraph IV Litigation</div>
        <div class="track-desc">ANDA filings, first-to-file, 180-day exclusivity, settlement outcomes. The legal battlefield before the cliff.</div>
        <div class="track-count">11 cases tracked</div>
      </div>

      <div class="track-card">
        <div class="track-icon">⚠️</div>
        <div class="track-name">REMS Programs</div>
        <div class="track-desc">Risk Evaluation and Mitigation Strategy programs. iPLEDGE, TIRF, Vyleesi, Qsymia, Suboxone, Testosterone class REMS. Full enrolled-participant counts.</div>
        <div class="track-count">6 programs</div>
      </div>

      <div class="track-card">
        <div class="track-icon">🔬</div>
        <div class="track-name">Research Activity Radar</div>
        <div class="track-desc">Live ClinicalTrials.gov data. Hot/Active/Quiet/Stale/Paradox signals. For every drug, every indication, the pipeline is visible.</div>
        <div class="track-count">27 drug-indication combos</div>
      </div>

      <div class="track-card">
        <div class="track-icon">🏭</div>
        <div class="track-name">API Manufacturers</div>
        <div class="track-desc">Who makes the active pharmaceutical ingredient. Indian, Chinese, US, EU suppliers. DMF filings, FDA inspections.</div>
        <div class="track-count">18 records</div>
      </div>

      <div class="track-card">
        <div class="track-icon">💊</div>
        <div class="track-name">Drug Master Files</div>
        <div class="track-desc">DMF tracking, including Type II API DMFs and Type IV excipient DMFs. FDA inspection history, 483 observations where public.</div>
        <div class="track-count">Coming Q4</div>
      </div>

      <div class="track-card">
        <div class="track-icon">⚕️</div>
        <div class="track-name">Medical Device Cliffs</div>
        <div class="track-desc">Extending beyond drugs: 510(k) and PMA patent cliffs for insulin pumps, CGMs, pacemakers, MitraClip, WATCHMAN.</div>
        <div class="track-count">10 devices tracked</div>
      </div>
    </div>
  </div>
</section>

<!-- THE 7 DRUGS -->
<section class="section drugs-section" id="drugs">
  <div class="section-inner">
    <div class="section-label">Sample View</div>
    <h2 class="section-title">The patent cliff at a glance</h2>
    <p class="section-sub">Sample of our 9-drug coverage. Live data on global approvals, NDA exclusivity, and research activity.</p>

    <div style="overflow-x:auto">
      <table class="drugs-table">
        <thead>
          <tr>
            <th>Drug</th>
            <th>Indication</th>
            <th>Approved</th>
            <th>Patent Cliff</th>
            <th>Status</th>
            <th>Research</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Semaglutide</strong></td>
            <td>T2D / Obesity</td>
            <td>2017</td>
            <td class="cliff-cell approaching">2033</td>
            <td><span class="pill active">Originator</span></td>
            <td>🔴 92 recruiting (hot)</td>
          </tr>
          <tr>
            <td><strong>Tirzepatide</strong></td>
            <td>T2D / Obesity</td>
            <td>2022</td>
            <td class="cliff-cell distant">2039</td>
            <td><span class="pill active">Originator</span></td>
            <td>🔴 93 recruiting (hot)</td>
          </tr>
          <tr>
            <td><strong>Sildenafil</strong></td>
            <td>ED / PAH</td>
            <td>1998</td>
            <td class="cliff-cell imminent">2019 (passed)</span></td>
            <td><span class="pill generic">Generic</span></td>
            <td>🟡 17 recruiting (active)</td>
          </tr>
          <tr>
            <td><strong>Finasteride</strong></td>
            <td>BPH / Hair Loss</td>
            <td>1992</td>
            <td class="cliff-cell imminent">2013 (passed)</span></td>
            <td><span class="pill generic">Generic</span></td>
            <td>🟡 8 recruiting (active)</td>
          </tr>
          <tr>
            <td><strong>Enclomiphene</strong></td>
            <td>Hypogonadism</td>
            <td>Not approved</td>
            <td class="cliff-cell distant">N/A</td>
            <td><span class="pill research">Not approved</span></td>
            <td>🔵 0 active (paradox)</td>
          </tr>
          <tr>
            <td><strong>Isotretinoin</strong></td>
            <td>Severe Acne</td>
            <td>1982</td>
            <td class="cliff-cell imminent">2002 (passed)</span></td>
            <td><span class="pill generic">Generic + iPLEDGE</span></td>
            <td>🟡 14 recruiting</td>
          </tr>
          <tr>
            <td><strong>Testosterone Cyp</strong></td>
            <td>Hypogonadism / TRT</td>
            <td>1979</td>
            <td class="cliff-cell imminent">No patent</span></td>
            <td><span class="pill generic">Generic (Sched III)</span></td>
            <td>🔴 43 recruiting (hot)</td>
          </tr>
          <tr>
            <td><strong>Bremelanotide</strong></td>
            <td>HSDD (Women)</td>
            <td>2019</td>
            <td class="cliff-cell approaching">2036</td>
            <td><span class="pill active">Originator (Women)</span></td>
            <td>⚪ 0 (stale)</td>
          </tr>
        </tbody>
      </table>
    </div>

    <p style="text-align:center;margin-top:24px;font-size:0.85rem;color:var(--text-mid)">
      Plus 1 more drug (Clomiphene Citrate, 1967-approved, fully generic, $0.10-$0.30/pill). <a href="/">View all 9 →</a>
    </p>
  </div>
</section>

<!-- FOR INVESTORS -->
<section class="investor-section" id="investors">
  <h2>The numbers behind PharmaVault</h2>
  <p>We started with ourselves. PharmaVault runs in production across our directory family and consulting work.</p>

  <div class="investor-stats">
    <div class="investor-stat">
      <div class="investor-stat-num">9</div>
      <div class="investor-stat-label">Drugs tracked end-to-end</div>
    </div>
    <div class="investor-stat">
      <div class="investor-stat-num">32</div>
      <div class="investor-stat-label">Country-drug combinations</div>
    </div>
    <div class="investor-stat">
      <div class="investor-stat-num">11</div>
      <div class="investor-stat-label">Active PIV cases</div>
    </div>
    <div class="investor-stat">
      <div class="investor-stat-num">27</div>
      <div class="investor-stat-label">Research activity records</div>
    </div>
  </div>

  <p style="color:rgba(255,255,255,0.6);font-size:0.85rem;max-width:560px;margin:0 auto">
    Every data point is sourced from public records (FDA Orange Book, ClinicalTrials.gov, openFDA, state boards) and timestamped with a SHA-256 evidence hash. We're built to be auditable.
  </p>
</section>

<!-- CTA -->
<section class="cta-section">
  <h2>Get in touch</h2>
  <p>PharmaVault is currently in private beta. We're working with a small group of generic manufacturers, biotech investors, and regulatory affairs teams. Reach out for early access.</p>
  <div class="cta-row">
    <a href="mailto:pharmavault@signalloomai.com" class="cta-btn primary">Request Beta Access</a>
    <a href="mailto:pharmavault@signalloomai.com?subject=PharmaVault%20Data%20Partnership" class="cta-btn secondary">Data Partnership</a>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <p>PharmaVault — a Signal Loom AI product</p>
  <p style="margin-top:6px">Data: FDA Orange Book · ClinicalTrials.gov · openFDA · State Boards · DEA · EMA · Health Canada · PMDA</p>
</footer>

</body>
</html>
