<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Behavioral Health Compliance & Continuity Stack™ | System Integrity</title>
  <meta name="description" content="Pass HIPAA & 42 CFR Part 2 audits, avoid breaches, and keep patient care running 24/7—guaranteed. System Integrity’s Behavioral Health Compliance & Continuity Stack™ for clinics with 5–50 staff." />
  <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=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    :root { --brand:#0E5AA7; --brand-ink:#0B3F75; --accent:#20C997; }
    body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
    .glass { background: rgba(255,255,255,.8); backdrop-filter: blur(10px); }
    .shadow-soft { box-shadow: 0 10px 30px rgba(2,12,27,.08); }
  </style>
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"ProfessionalService",
    "name":"System Integrity — Behavioral Health Compliance & Continuity Stack",
    "areaServed":"US",
    "serviceType":"Managed IT & Compliance for Behavioral Health Clinics",
    "knowsAbout":["HIPAA","42 CFR Part 2","EHR security","Telehealth security","Cyber insurance"],
    "url":"https://www.sysintegrity.com/",
    "offers":{"@type":"Offer","name":"Audit-Readiness in 90 Days Guarantee"}
  }
  </script>
</head>
<body class="bg-slate-50 text-slate-800">
  <!-- Header -->
  <header class="sticky top-0 z-40 bg-white/90 backdrop-blur border-b border-slate-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 flex items-center justify-between">
      <div class="flex items-center gap-3">
        <!-- Replace the SVG below with your official icon/mark and full logo if available -->
        <span class="inline-flex items-center justify-center w-10 h-10 rounded-full" style="background:var(--brand)">
          <svg viewBox="0 0 24 24" class="w-6 h-6 text-white" fill="currentColor" aria-hidden="true"><path d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm-1.1 12.9-3.3-3.3 1.4-1.4 1.9 1.9 4.8-4.8 1.4 1.4-6.2 6.2Z"/></svg>
        </span>
        <div class="leading-tight">
          <div class="text-lg font-extrabold" style="color:var(--brand-ink)">System Integrity</div>
          <div class="text-xs text-slate-500">Behavioral Health Compliance & Continuity Stack™</div>
        </div>
      </div>
      <nav class="hidden md:flex items-center gap-8 text-sm">
        <a href="#solution" class="hover:text-slate-900">Solution</a>
        <a href="#proof" class="hover:text-slate-900">Proof</a>
        <a href="#pricing" class="hover:text-slate-900">Plans</a>
        <a href="#faq" class="hover:text-slate-900">FAQ</a>
      </nav>
      <div class="flex items-center gap-3">
        <a href="#book" class="hidden sm:inline-flex px-4 py-2 rounded-xl text-white font-semibold shadow-soft" style="background:var(--brand)">Book Readiness Preview</a>
      </div>
    </div>
  </header>

  <!-- Hero -->
  <section class="relative overflow-hidden">
    <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
      <div class="w-[60rem] h-[60rem] rounded-full blur-3xl opacity-20" style="background:linear-gradient(135deg,var(--brand),#82B1FF); position:absolute; top:-30rem; right:-20rem"></div>
    </div>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-14 relative">
      <div class="grid lg:grid-cols-12 gap-10 items-center">
        <div class="lg:col-span-7">
          <h1 class="text-3xl sm:text-5xl font-extrabold tracking-tight text-slate-900">
            Pass HIPAA & 42 CFR Part 2 Audits. Avoid Breaches. <span class="text-slate-600">Keep Care Running 24/7.</span>
          </h1>
          <p class="mt-5 text-lg text-slate-600 max-w-2xl">We make small behavioral health clinics (5–50 staff) audit‑ready, breach‑resistant, and fully recoverable in <strong>90 days</strong>—without hiring in‑house IT. <span class="font-semibold">Guaranteed.</span></p>
          <div class="mt-8 flex flex-col sm:flex-row gap-3">
            <a id="book" href="#form" class="px-6 py-3 rounded-xl text-white font-semibold shadow-soft" style="background:var(--brand)">Get My 15‑Minute Readiness Preview</a>
            <a href="#overview" class="px-6 py-3 rounded-xl font-semibold border border-slate-300 bg-white">See How It Works</a>
          </div>
          <div class="mt-6 flex items-center gap-6 text-sm text-slate-500">
            <div class="flex items-center gap-2"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="2" d="M5 13l4 4L19 7"/></svg> Audit‑Readiness Guarantee</div>
            <div class="flex items-center gap-2"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg> 30‑Day Fast‑Track</div>
          </div>
        </div>
        <div class="lg:col-span-5">
          <div id="overview" class="glass rounded-2xl p-6 shadow-soft border border-slate-200">
            <h2 class="text-xl font-bold">What You Get in 90 Days</h2>
            <ul class="mt-4 space-y-3 text-slate-700">
              <li class="flex gap-3"><span class="text-green-600">✔</span> HIPAA & Part 2 policy pack, risk analysis, and audit‑ready documentation</li>
              <li class="flex gap-3"><span class="text-green-600">✔</span> EHR hardening with Part 2 segmentation & consent workflows</li>
              <li class="flex gap-3"><span class="text-green-600">✔</span> MFA everywhere, encrypted email/DLP, MDM and device encryption</li>
              <li class="flex gap-3"><span class="text-green-600">✔</span> 3‑2‑1 backups with offline copy + tested disaster recovery</li>
              <li class="flex gap-3"><span class="text-green-600">✔</span> Workforce training, phishing simulations, and 2x/year tabletop drills</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Social Proof / Badges -->
  <section id="proof" class="py-10 border-t border-slate-200 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="grid sm:grid-cols-3 gap-6 text-center">
        <div class="p-6 rounded-2xl bg-slate-50 border border-slate-200">
          <div class="text-2xl font-extrabold" style="color:var(--brand-ink)">Audit‑Ready in 90 Days</div>
          <p class="text-sm text-slate-500 mt-1">Backed by our Audit‑Readiness Guarantee</p>
        </div>
        <div class="p-6 rounded-2xl bg-slate-50 border border-slate-200">
          <div class="text-2xl font-extrabold" style="color:var(--brand-ink)">Part 2 Expertise</div>
          <p class="text-sm text-slate-500 mt-1">Segmentation, consent, and redisclosure controls</p>
        </div>
        <div class="p-6 rounded-2xl bg-slate-50 border border-slate-200">
          <div class="text-2xl font-extrabold" style="color:var(--brand-ink)">Continuity First</div>
          <p class="text-sm text-slate-500 mt-1">3‑2‑1 backups + tested DR keep care running</p>
        </div>
      </div>
    </div>
  </section>

  <!-- The Stack -->
  <section id="solution" class="py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <h2 class="text-3xl font-extrabold text-slate-900">The Behavioral Health Compliance & Continuity Stack™</h2>
      <p class="mt-3 text-slate-600 max-w-3xl">Right‑sized controls for small clinics. Deploy fast, minimize disruption, and document everything for auditors, payers, and insurers.</p>
      <div class="mt-10 grid md:grid-cols-2 lg:grid-cols-4 gap-6">
        <div class="rounded-2xl bg-white border border-slate-200 p-6 shadow-soft">
          <h3 class="font-bold text-slate-900">Compliance Core</h3>
          <ul class="mt-3 space-y-2 text-sm">
            <li>HIPAA/Part 2 policy pack & BAAs</li>
            <li>Risk analysis + remediation plan</li>
            <li>Audit‑ready reporting</li>
          </ul>
        </div>
        <div class="rounded-2xl bg-white border border-slate-200 p-6 shadow-soft">
          <h3 class="font-bold text-slate-900">EHR Security</h3>
          <ul class="mt-3 space-y-2 text-sm">
            <li>Part 2 segmentation & consent</li>
            <li>Least privilege roles & logs</li>
            <li>Telehealth platform hardening</li>
          </ul>
        </div>
        <div class="rounded-2xl bg-white border border-slate-200 p-6 shadow-soft">
          <h3 class="font-bold text-slate-900">Identity & Email</h3>
          <ul class="mt-3 space-y-2 text-sm">
            <li>MFA everywhere, SSO optional</li>
            <li>MDM + device encryption</li>
            <li>Encrypted email & DLP</li>
          </ul>
        </div>
        <div class="rounded-2xl bg-white border border-slate-200 p-6 shadow-soft">
          <h3 class="font-bold text-slate-900">Continuity & IR</h3>
          <ul class="mt-3 space-y-2 text-sm">
            <li>3‑2‑1 backups (offline copy)</li>
            <li>Disaster recovery runbook</li>
            <li>Tabletop drills & breach matrix</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- Roadmap -->
  <section class="py-14 bg-slate-900 text-slate-100">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <h2 class="text-3xl font-extrabold">Your 90‑Day Roadmap</h2>
      <div class="mt-8 grid md:grid-cols-3 gap-6">
        <div class="rounded-2xl bg-slate-800 p-6 border border-slate-700">
          <div class="text-sm uppercase tracking-wide text-slate-400">Days 1–30</div>
          <h3 class="mt-1 font-bold">Fast‑Track Foundations</h3>
          <ul class="mt-3 space-y-2 text-sm text-slate-300"><li>MFA + encrypted email live</li><li>Backup plan with offline copy</li><li>Initial risk analysis kicked off</li></ul>
        </div>
        <div class="rounded-2xl bg-slate-800 p-6 border border-slate-700">
          <div class="text-sm uppercase tracking-wide text-slate-400">Days 31–60</div>
          <h3 class="mt-1 font-bold">EHR Hardening & Training</h3>
          <ul class="mt-3 space-y-2 text-sm text-slate-300"><li>Part 2 segmentation & consent</li><li>Role design + access logs</li><li>HIPAA/Part 2 training + phishing</li></ul>
        </div>
        <div class="rounded-2xl bg-slate-800 p-6 border border-slate-700">
          <div class="text-sm uppercase tracking-wide text-slate-400">Days 61–90</div>
          <h3 class="mt-1 font-bold">Continuity Proven</h3>
          <ul class="mt-3 space-y-2 text-sm text-slate-300"><li>DR test successful</li><li>Audit‑ready docs delivered</li><li>Tabletop breach exercise</li></ul>
        </div>
      </div>
      <div class="mt-8"><a href="#form" class="inline-flex px-6 py-3 rounded-xl font-semibold text-slate-900 bg-white">Book My Readiness Preview</a></div>
    </div>
  </section>

  <!-- Pricing / Plans -->
  <section id="pricing" class="py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <h2 class="text-3xl font-extrabold text-slate-900">Right‑Sized Plans</h2>
      <p class="mt-2 text-slate-600">Transparent, flexible, and optimized quarterly. Cancel anytime.</p>
      <div class="mt-10 grid lg:grid-cols-3 gap-6">
        <!-- Core -->
        <div class="rounded-2xl border border-slate-200 bg-white p-6 shadow-soft">
          <div class="text-sm font-semibold text-slate-500">Core</div>
          <div class="mt-2 text-3xl font-extrabold" style="color:var(--brand-ink)">$X,XXX/mo</div>
          <ul class="mt-4 space-y-2 text-sm">
            <li>Compliance Core + Risk Analysis</li>
            <li>MFA, MDM, Email Encryption/DLP</li>
            <li>Mon‑Fri support</li>
          </ul>
          <a href="#form" class="mt-6 inline-flex w-full justify-center px-4 py-2 rounded-xl text-white font-semibold" style="background:var(--brand)">Choose Core</a>
        </div>
        <!-- Plus -->
        <div class="rounded-2xl border-2 border-[var(--brand)] bg-white p-6 shadow-soft relative">
          <span class="absolute -top-3 left-1/2 -translate-x-1/2 bg-[var(--brand)] text-white text-xs font-bold px-3 py-1 rounded-full shadow">Most Popular</span>
          <div class="text-sm font-semibold text-slate-500">Plus</div>
          <div class="mt-2 text-3xl font-extrabold" style="color:var(--brand-ink)">$X,XXX/mo</div>
          <ul class="mt-4 space-y-2 text-sm">
            <li>Everything in Core</li>
            <li>EHR Part 2 segmentation & consent</li>
            <li>24/7 monitoring & response</li>
            <li>Quarterly mini‑audits</li>
          </ul>
          <a href="#form" class="mt-6 inline-flex w-full justify-center px-4 py-2 rounded-xl text-white font-semibold" style="background:var(--brand)">Choose Plus</a>
        </div>
        <!-- Complete -->
        <div class="rounded-2xl border border-slate-200 bg-white p-6 shadow-soft">
          <div class="text-sm font-semibold text-slate-500">Complete</div>
          <div class="mt-2 text-3xl font-extrabold" style="color:var(--brand-ink)">$X,XXX/mo</div>
          <ul class="mt-4 space-y-2 text-sm">
            <li>Everything in Plus</li>
            <li>Tabletop drills (2x/year) + DR test</li>
            <li>Audit‑Readiness Guarantee</li>
            <li>Virtual CISO Hours</li>
          </ul>
          <a href="#form" class="mt-6 inline-flex w-full justify-center px-4 py-2 rounded-xl text-white font-semibold" style="background:var(--brand)">Choose Complete</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Testimonials -->
  <section class="py-14 bg-slate-50 border-t border-slate-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <h2 class="text-3xl font-extrabold text-slate-900">What Clinics Say</h2>
      <div class="mt-8 grid md:grid-cols-3 gap-6">
        <figure class="bg-white p-6 rounded-2xl border border-slate-200 shadow-soft"><blockquote class="text-slate-700">“Audit notice on Monday, paperwork out by Friday. Zero findings.”</blockquote><figcaption class="mt-3 text-sm text-slate-500">— Practice Manager, Outpatient MH Clinic</figcaption></figure>
        <figure class="bg-white p-6 rounded-2xl border border-slate-200 shadow-soft"><blockquote class="text-slate-700">“Their DR test kept us seeing patients during a regional outage.”</blockquote><figcaption class="mt-3 text-sm text-slate-500">— Director, SUD Clinic</figcaption></figure>
        <figure class="bg-white p-6 rounded-2xl border border-slate-200 shadow-soft"><blockquote class="text-slate-700">“Part 2 segmentation finally done right—no more disclosure risk.”</blockquote><figcaption class="mt-3 text-sm text-slate-500">— Compliance Officer</figcaption></figure>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section id="faq" class="py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <h2 class="text-3xl font-extrabold text-slate-900">Frequently Asked Questions</h2>
      <div class="mt-8 grid md:grid-cols-2 gap-6">
        <details class="bg-white border border-slate-200 rounded-2xl p-5 shadow-soft"><summary class="font-semibold cursor-pointer">How fast can we start?</summary><p class="mt-2 text-slate-600">Most clinics begin the Fast‑Track within 7 business days of signup.</p></details>
        <details class="bg-white border border-slate-200 rounded-2xl p-5 shadow-soft"><summary class="font-semibold cursor-pointer">Do you sign BAAs?</summary><p class="mt-2 text-slate-600">Yes. We provide our BAA or review yours as part of onboarding.</p></details>
        <details class="bg-white border border-slate-200 rounded-2xl p-5 shadow-soft"><summary class="font-semibold cursor-pointer">Can you work with our EHR?</summary><p class="mt-2 text-slate-600">We secure leading EHRs used by behavioral health and configure Part 2 controls where supported.</p></details>
        <details class="bg-white border border-slate-200 rounded-2xl p-5 shadow-soft"><summary class="font-semibold cursor-pointer">What’s included in the guarantee?</summary><p class="mt-2 text-slate-600">If you fail a HIPAA/Part 2 audit after completing our 90‑day program, we cover the remediation scope outlined in your agreement.</p></details>
      </div>
    </div>
  </section>

  <!-- Lead Form -->
  <section id="form" class="py-16 bg-white border-t border-slate-200">
    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="rounded-2xl p-8 shadow-soft border border-slate-200">
        <h2 class="text-2xl font-extrabold text-slate-900">Book Your 15‑Minute Readiness Preview</h2>
        <p class="mt-2 text-slate-600">No pressure. We’ll score your readiness, outline gaps, and give you a clear roadmap.</p>
        <form class="mt-6 grid grid-cols-1 sm:grid-cols-2 gap-4" onsubmit="event.preventDefault(); document.getElementById('form-success').classList.remove('hidden'); this.reset();">
          <div>
            <label class="text-sm text-slate-600">First name</label>
            <input type="text" required class="mt-1 w-full rounded-xl border-slate-300 focus:ring-2 focus:ring-[var(--brand)]" />
          </div>
          <div>
            <label class="text-sm text-slate-600">Last name</label>
            <input type="text" required class="mt-1 w-full rounded-xl border-slate-300 focus:ring-2 focus:ring-[var(--brand)]" />
          </div>
          <div class="sm:col-span-2">
            <label class="text-sm text-slate-600">Work email</label>
            <input type="email" required class="mt-1 w-full rounded-xl border-slate-300 focus:ring-2 focus:ring-[var(--brand)]" />
          </div>
          <div class="sm:col-span-2">
            <label class="text-sm text-slate-600">Clinic / Organization</label>
            <input type="text" required class="mt-1 w-full rounded-xl border-slate-300 focus:ring-2 focus:ring-[var(--brand)]" />
          </div>
          <div class="sm:col-span-2">
            <label class="text-sm text-slate-600">How many staff?</label>
            <select class="mt-1 w-full rounded-xl border-slate-300 focus:ring-2 focus:ring-[var(--brand)]"><option>5–10</option><option>11–25</option><option>26–50</option><option>50+</option></select>
          </div>
          <div class="sm:col-span-2">
            <label class="text-sm text-slate-600">Primary concern</label>
            <textarea rows="3" class="mt-1 w-full rounded-xl border-slate-300 focus:ring-2 focus:ring-[var(--brand)]" placeholder="e.g., Part 2 segmentation, audit, ransomware"></textarea>
          </div>
          <div class="sm:col-span-2 flex items-start gap-3 text-sm">
            <input id="consent" type="checkbox" required class="mt-1 rounded border-slate-300" />
            <label for="consent">I consent to be contacted about services and agree to the Privacy Policy.</label>
          </div>
          <div class="sm:col-span-2">
            <button class="w-full px-6 py-3 rounded-xl text-white font-semibold shadow-soft" style="background:var(--brand)">Request My Preview</button>
          </div>
          <p id="form-success" class="hidden sm:col-span-2 text-green-700 font-medium">Thanks! We’ll reach out shortly to schedule your preview.</p>
        </form>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="py-10 bg-slate-900 text-slate-300">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-6">
        <div>
          <div class="flex items-center gap-3">
            <span class="inline-flex items-center justify-center w-9 h-9 rounded-full" style="background:var(--brand)">
              <svg viewBox="0 0 24 24" class="w-5 h-5 text-white" fill="currentColor" aria-hidden="true"><path d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm-1.1 12.9-3.3-3.3 1.4-1.4 1.9 1.9 4.8-4.8 1.4 1.4-6.2 6.2Z"/></svg>
            </span>
            <span class="font-semibold">System Integrity</span>
          </div>
          <p class="mt-2 text-xs text-slate-400">HIPAA & 42 CFR Part 2 specialists for behavioral health. © <span id="y"></span> System Integrity, LLC.</p>
        </div>
        <div class="text-xs text-slate-400">
          <a href="#" class="hover:text-white">Privacy</a> · <a href="#" class="hover:text-white">BAA</a> · <a href="#" class="hover:text-white">Terms</a>
        </div>
      </div>
    </div>
    <script>document.getElementById('y').textContent = new Date().getFullYear();</script>
  </footer>
</body>
</html>
