<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ALFShield | The Forensic Liability Firewall</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.hero-gradient { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }
</script>
</head>
<body class="bg-gray-50 text-gray-900 font-sans">
<nav class="bg-white border-b border-gray-200 fixed w-full z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16 items-center">
<div class="text-2xl font-bold text-slate-900 tracking-tight">ALF<span class="text-blue-600">Shield</span>🛡️</div>
<div class="hidden md:flex space-x-8 font-medium">
<a href="#problem" class="hover:text-blue-600 transition">The Gap</a>
<a href="#solution" class="hover:text-blue-600 transition">The Shield</a>
<a href="#pricing" class="hover:text-blue-600 transition">Pricing</a>
</div>
<a href="mailto:jrosse@agilityrose.com" class="bg-blue-600 text-white px-5 py-2 rounded-lg font-semibold hover:bg-blue-700 transition">Book Risk Assessment</a>
</div>
</div>
</nav>
<header class="hero-gradient pt-32 pb-20 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h1 class="text-4xl md:text-6xl font-extrabold mb-6 tracking-tight">The Forensic Liability Firewall for Senior Living</h1>
<p class="text-xl md:text-2xl text-slate-300 mb-10 max-w-3xl mx-auto leading-relaxed">
Standardizing operational excellence and closing the "Visibility Gap" between clinical care and building maintenance.
</p>
<div class="flex flex-col md:flex-row justify-center gap-4">
<button onclick="window.location.href='#pricing'" class="bg-blue-600 px-8 py-4 rounded-xl text-lg font-bold hover:bg-blue-700 transition shadow-lg">Start 4-Week Implementation</button>
<button class="bg-slate-800 border border-slate-700 px-8 py-4 rounded-xl text-lg font-bold hover:bg-slate-700 transition">Watch 5-Minute Demo</button>
</div>
</div>
</header>
<section id="problem" class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-slate-900 mb-4">EMRs track patients. TELS tracks buildings. Who tracks the liability?</h2>
<p class="text-gray-600 text-lg">In the "Gray Area" of non-clinical grievances, balls are dropped and lawsuits are born.</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<div class="p-8 border border-gray-100 rounded-2xl bg-gray-50 shadow-sm">
<h3 class="font-bold text-xl mb-3">Post-it Note Risks</h3>
<p class="text-gray-600 leading-relaxed">Verbal promises and unstructured complaints create "negligence traps" when an issue isn't auditable[cite: 17, 103].</p>
</div>
<div class="p-8 border border-gray-100 rounded-2xl bg-gray-50 shadow-sm">
<h3 class="font-bold text-xl mb-3">Rising Premiums</h3>
<p class="text-gray-600 leading-relaxed">Insurance carriers mandate verifiable loss-control data. Without forensic logs, premiums continue to climb[cite: 19, 125].</p>
</div>
<div class="p-8 border border-gray-100 rounded-2xl bg-gray-50 shadow-sm">
<h3 class="font-bold text-xl mb-3">Staff Burnout</h3>
<p class="text-gray-600 leading-relaxed">Inept chasing of issues due to a lack of documentation drives high turnover in a tight labor market[cite: 20, 130].</p>
</div>
</div>
</div>
</section>
<section id="solution" class="py-20 bg-slate-900 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-4xl font-bold mb-6">A Bulletproof Record of Response</h2>
<ul class="space-y-6">
<li class="flex items-start">
<span class="bg-blue-600 p-2 rounded-lg mr-4">✔</span>
<div>
<h4 class="font-bold">Grievance Intake Engine</h4>
<p class="text-slate-400">Branded family portals and email intake capture every concern into a non-editable record[cite: 29, 31].</p>
</div>
</li>
<li class="flex items-start">
<span class="bg-blue-600 p-2 rounded-lg mr-4">✔</span>
<div>
<h4 class="font-bold">SLA Escalation Engine</h4>
<p class="text-slate-400">Logic-based routing auto-escalates unresolved safety hazards to leadership before they escalate legally[cite: 33, 250].</p>
</div>
</li>
<li class="flex items-start">
<span class="bg-blue-600 p-2 rounded-lg mr-4">✔</span>
<div>
<h4 class="font-bold">Visual Proof of Work</h4>
<p class="text-slate-400">Mobile photo capture provides a "smoking gun" for legal defense, proving resolution with time-stamped evidence[cite: 23, 141].</p>
</div>
</li>
</ul>
</div>
<div class="bg-slate-800 p-8 rounded-3xl border border-slate-700 shadow-2xl">
<div class="space-y-4">
<div class="h-4 w-3/4 bg-slate-700 rounded"></div>
<div class="h-4 w-1/2 bg-slate-700 rounded"></div>
<div class="h-32 w-full bg-slate-600 rounded-xl"></div>
<p class="text-center text-slate-400 text-sm mt-4 italic">"Closing the loop between EMR and CMMS"</p>
</div>
</div>
</div>
</div>
</section>
<section id="pricing" class="py-20 bg-white">
<div class="max-w-4xl mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-12">Turnkey Managed Implementation</h2>
<div class="border-2 border-blue-600 rounded-3xl overflow-hidden shadow-2xl">
<div class="bg-blue-600 py-6 text-white font-bold text-xl uppercase tracking-widest">Single Site Pilot</div>
<div class="p-12">
<div class="mb-8">
<span class="text-6xl font-black">$9,500</span>
<span class="text-gray-500 text-xl font-medium">/ Implementation</span>
</div>
<p class="text-lg font-bold text-gray-800 mb-8">+ $1,500 Monthly Managed Service </p>
<ul class="text-left space-y-4 mb-10 text-gray-600">
<li class="flex items-center">🛡️ HIPAA-Compliant Configuration [cite: 28, 161]</li>
<li class="flex items-center">🛡️ 4-Week Custom Rollout [cite: 25, 148]</li>
<li class="flex items-center">🛡️ Monthly Risk Performance Reports [cite: 34, 262]</li>
<li class="flex items-center">🛡️ Virtual Admin Audit Monitoring [cite: 24, 146]</li>
</ul>
<a href="mailto:jrosse@agilityrose.com" class="block w-full bg-blue-600 text-white py-4 rounded-xl font-bold text-xl hover:bg-blue-700 transition">Request Pilot Details</a>
</div>
</div>
</div>
</section>
<footer class="bg-gray-100 py-12 border-t border-gray-200">
<div class="max-w-7xl mx-auto px-4 text-center text-gray-500 font-medium">
<p>© 2026 ALFShield by AgilityRose. Standardizing Excellence in Senior Living[cite: 2].</p>
</div>
</footer>
</body>
</html>