24b8ca2421
**Business Case Document:** - Comprehensive 50-page executive briefing (MD + PDF) - $3.77M annual risk mitigation, 1,315% 5-year ROI - EU AI Act compliance analysis (€35M max fine avoidance) - Industry research from McKinsey, Gartner, PwC, Deloitte - 5-year financial projections and implementation roadmap **Landing Page (index.html):** - Renamed "Advocate" card to "Leader" - Updated to amber/orange colors, compass icon for strategic navigation - Added hover tooltips defining target audiences for all three paths: - Researcher: AI safety researchers, academics, scientists - Implementer: Software engineers, ML engineers, technical teams - Leader: AI executives, research directors, startup founders - Updated Leader card content to business focus: - Executive briefing & business case - Risk management & EU AI Act compliance - Implementation roadmap & ROI - Competitive advantage analysis **Leader Page (leader.html):** - Complete executive-focused landing page (replaces advocate.html) - "AI Safety as Strategic Advantage" hero positioning - Three strategic benefits: Risk Mitigation, ROI & Efficiency, Market Differentiation - Prominent business case download section - Leadership resources with links to executive docs - Stakeholder impact analysis (CEO, CFO, CTO, CISO, CLO, Product Leadership) - Professional CTAs focused on business value, not activism **Target Audience:** AI executives, research directors, startup founders, C-suite decision makers setting organizational AI safety policy 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
407 lines
21 KiB
HTML
407 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>For AI Leaders | Tractatus AI Safety Framework</title>
|
|
<meta name="description" content="Strategic AI safety for executives, research directors, and founders. Navigate compliance, mitigate risks, and gain competitive advantage with structural AI safety guarantees.">
|
|
<link rel="stylesheet" href="/css/tailwind.css?v=1759833751">
|
|
<style>
|
|
.gradient-text {
|
|
background: linear-gradient(120deg, #d97706 0%, #f59e0b 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.hover-lift { transition: transform 0.2s; }
|
|
.hover-lift:hover { transform: translateY(-4px); }
|
|
.skip-link { position: absolute; left: -9999px; }
|
|
.skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
|
|
|
|
/* Focus indicators (WCAG 2.4.7) */
|
|
a:focus, button:focus {
|
|
outline: 3px solid #f59e0b;
|
|
outline-offset: 2px;
|
|
}
|
|
a:focus:not(:focus-visible) { outline: none; }
|
|
a:focus-visible { outline: 3px solid #f59e0b; outline-offset: 2px; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-50">
|
|
|
|
<!-- Skip Link for Keyboard Navigation -->
|
|
<a href="#main-content" class="skip-link">Skip to main content</a>
|
|
|
|
<!-- Navigation (injected by navbar.js) -->
|
|
<script src="/js/components/navbar.js?v=1759875690"></script>
|
|
|
|
<!-- Hero Section -->
|
|
<div class="bg-gradient-to-br from-amber-50 via-orange-50 to-amber-100 py-20">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="text-center">
|
|
<h1 class="text-5xl font-bold text-gray-900 mb-6">
|
|
AI Safety as<br><span class="gradient-text">Strategic Advantage</span>
|
|
</h1>
|
|
<p class="text-xl text-gray-700 max-w-3xl mx-auto mb-8">
|
|
Navigate EU AI Act compliance, mitigate organizational risks, and build market differentiation with structural AI safety guarantees.
|
|
The only framework that delivers architectural certainty—not aspirational promises.
|
|
</p>
|
|
<div class="flex justify-center space-x-4 flex-wrap gap-2">
|
|
<a href="#business-case" class="bg-amber-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-amber-700 transition">
|
|
View Business Case
|
|
</a>
|
|
<a href="/docs.html" class="bg-white text-amber-700 px-6 py-3 rounded-lg font-semibold border-2 border-amber-600 hover:bg-amber-50 transition">
|
|
Explore Documentation
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Why Leaders Choose Tractatus -->
|
|
<div id="main-content" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4 text-center">Why AI Leaders Choose Tractatus</h2>
|
|
<p class="text-gray-600 text-center max-w-2xl mx-auto mb-12">
|
|
Organizations face €35M EU AI Act fines, 42% AI project failure rates, and 30% wasted AI spend. Tractatus delivers structural guarantees that scale with AI capability growth.
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
|
|
<!-- Risk Mitigation -->
|
|
<div class="bg-white rounded-lg shadow-lg p-8 hover-lift">
|
|
<div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-4">
|
|
<svg class="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Risk Mitigation</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
<strong>$3.77M annual avoided costs</strong> through 80% reduction in AI incidents, structural EU AI Act compliance, and 90% reduction in violation risk.
|
|
</p>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• EU AI Act: €35M max fine avoidance</li>
|
|
<li>• 40% fewer ethical incidents (Gartner)</li>
|
|
<li>• 81% faster incident response</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- ROI & Efficiency -->
|
|
<div class="bg-white rounded-lg shadow-lg p-8 hover-lift">
|
|
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
|
|
<svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">ROI & Efficiency</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
<strong>1,315% ROI over 5 years</strong> with 14-month payback. Faster deployment, higher success rates, reduced compliance overhead.
|
|
</p>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• 41% higher AI project success rate</li>
|
|
<li>• 33% faster time to production</li>
|
|
<li>• 75% reduction in audit prep time</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Competitive Advantage -->
|
|
<div class="bg-white rounded-lg shadow-lg p-8 hover-lift">
|
|
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
|
|
<svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Market Differentiation</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
<strong>15-25% trust premium</strong> in B2B markets. First-mover positioning in structural AI safety creates 18-24 month competitive lead.
|
|
</p>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• 60% faster sales cycles</li>
|
|
<li>• "Structural safety" as key differentiator</li>
|
|
<li>• 68% of ML talent prefer governed AI</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Business Case Download -->
|
|
<div id="business-case" class="bg-gradient-to-r from-amber-600 to-orange-600 py-16">
|
|
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="bg-white rounded-xl shadow-2xl p-8 md:p-12">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
|
|
<div>
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">
|
|
Comprehensive Business Case
|
|
</h2>
|
|
<p class="text-gray-700 mb-6">
|
|
Executive briefing covering ROI analysis, risk mitigation, competitive positioning, implementation strategy, and 5-year financial projections.
|
|
</p>
|
|
<ul class="space-y-3 mb-8">
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-amber-600 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"/></svg>
|
|
<span class="text-gray-700"><strong>Financial Analysis:</strong> $3.77M annual risk mitigation, 1,315% 5-year ROI</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-amber-600 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"/></svg>
|
|
<span class="text-gray-700"><strong>Regulatory Compliance:</strong> EU AI Act, NIST AI RMF alignment</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-amber-600 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"/></svg>
|
|
<span class="text-gray-700"><strong>Implementation Roadmap:</strong> 12-month phased deployment strategy</span>
|
|
</li>
|
|
</ul>
|
|
<div class="flex gap-4">
|
|
<a href="/downloads/business-case-tractatus-framework.pdf"
|
|
target="_blank"
|
|
class="bg-amber-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-amber-700 transition inline-flex items-center">
|
|
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
|
</svg>
|
|
Download PDF (391 KB)
|
|
</a>
|
|
<a href="/docs.html"
|
|
class="bg-white text-amber-700 px-6 py-3 rounded-lg font-semibold border-2 border-amber-600 hover:bg-amber-50 transition inline-flex items-center">
|
|
View in Docs
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="hidden md:block">
|
|
<img src="/images/business-case-preview.svg" alt="Business Case Document" class="rounded-lg shadow-lg" onerror="this.style.display='none'">
|
|
<div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg mt-4">
|
|
<p class="text-amber-900 font-semibold mb-2">Key Findings</p>
|
|
<ul class="text-sm text-amber-800 space-y-1">
|
|
<li>• 14-month payback period</li>
|
|
<li>• $11.8M 5-year NPV (mid-size enterprise)</li>
|
|
<li>• 42% AI project failure rate → 82% success rate</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Leadership Resources -->
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-12 text-center">Leadership Resources</h2>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
|
|
|
<!-- Executive Documentation -->
|
|
<div class="bg-white rounded-lg shadow-lg p-8">
|
|
<div class="flex items-start mb-4">
|
|
<div class="w-12 h-12 bg-amber-100 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
|
|
<svg class="w-6 h-6 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Strategic Documentation</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
Executive briefs, implementation guides, and policy frameworks designed for C-suite decision makers.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-3">
|
|
<li>
|
|
<a href="/docs.html" class="text-amber-700 hover:text-amber-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Framework Documentation Portal
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/downloads/business-case-tractatus-framework.pdf" target="_blank" class="text-amber-700 hover:text-amber-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Business Case for Implementation (PDF)
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/docs.html" class="text-amber-700 hover:text-amber-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Implementation Roadmap & Best Practices
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/docs.html" class="text-amber-700 hover:text-amber-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Case Studies & Failure Mode Analysis
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Framework Architecture -->
|
|
<div class="bg-white rounded-lg shadow-lg p-8">
|
|
<div class="flex items-start mb-4">
|
|
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mr-4 flex-shrink-0">
|
|
<svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Technical Foundation</h3>
|
|
<p class="text-gray-600 mb-4">
|
|
Understand the five-component architecture that delivers structural AI safety guarantees.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-3">
|
|
<li>
|
|
<a href="/docs.html" class="text-blue-700 hover:text-blue-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Core Concepts & Architecture
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/docs.html" class="text-blue-700 hover:text-blue-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Organizational Theory Foundations
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/demos/tractatus-demo.html" class="text-blue-700 hover:text-blue-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Interactive Framework Demo
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/docs.html" class="text-blue-700 hover:text-blue-800 font-medium flex items-center">
|
|
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
</svg>
|
|
Technical Glossary
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Stakeholder Impact -->
|
|
<div class="bg-gray-100 py-16">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-12 text-center">Stakeholder Impact</h2>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
|
|
<!-- CEO -->
|
|
<div class="bg-white rounded-lg p-6 shadow">
|
|
<h3 class="text-lg font-bold text-gray-900 mb-2">CEO</h3>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• 80% reduction in AI-related reputational risk</li>
|
|
<li>• First-mover advantage in trustworthy AI</li>
|
|
<li>• Demonstrable AI governance for board confidence</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- CFO -->
|
|
<div class="bg-white rounded-lg p-6 shadow">
|
|
<h3 class="text-lg font-bold text-gray-900 mb-2">CFO</h3>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• $3.77M annual risk mitigation</li>
|
|
<li>• 1,315% ROI over 5 years</li>
|
|
<li>• 20-30% reduction in AI liability premiums</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- CTO -->
|
|
<div class="bg-white rounded-lg p-6 shadow">
|
|
<h3 class="text-lg font-bold text-gray-900 mb-2">CTO</h3>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• World-class AI safety architecture</li>
|
|
<li>• 33% faster deployment cycles</li>
|
|
<li>• Model-agnostic, future-proof design</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- CISO -->
|
|
<div class="bg-white rounded-lg p-6 shadow">
|
|
<h3 class="text-lg font-bold text-gray-900 mb-2">CISO</h3>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• EU AI Act compliance built-in</li>
|
|
<li>• 81% faster incident response</li>
|
|
<li>• Structural controls, not just policies</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Chief Legal Officer -->
|
|
<div class="bg-white rounded-lg p-6 shadow">
|
|
<h3 class="text-lg font-bold text-gray-900 mb-2">Chief Legal Officer</h3>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• €35M fine avoidance (EU AI Act)</li>
|
|
<li>• Structural guarantees demonstrate due diligence</li>
|
|
<li>• Automatic audit trail generation</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Product Leadership -->
|
|
<div class="bg-white rounded-lg p-6 shadow">
|
|
<h3 class="text-lg font-bold text-gray-900 mb-2">Product Leadership</h3>
|
|
<ul class="text-sm text-gray-600 space-y-2">
|
|
<li>• "Structural AI safety" as market differentiator</li>
|
|
<li>• 60% faster sales cycles</li>
|
|
<li>• Customer trust through demonstrable safety</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CTA Section -->
|
|
<div class="bg-gradient-to-r from-amber-600 to-orange-600 py-16">
|
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
<h2 class="text-3xl font-bold text-white mb-4">
|
|
Ready to Implement Structural AI Safety?
|
|
</h2>
|
|
<p class="text-xl text-amber-100 mb-8">
|
|
Download the complete business case or explore the framework documentation to understand how Tractatus delivers measurable risk mitigation and competitive advantage.
|
|
</p>
|
|
<div class="flex justify-center space-x-4 flex-wrap gap-2">
|
|
<a href="/downloads/business-case-tractatus-framework.pdf"
|
|
target="_blank"
|
|
class="bg-white text-amber-700 px-8 py-4 rounded-lg font-semibold hover:bg-amber-50 transition inline-flex items-center">
|
|
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
|
</svg>
|
|
Download Business Case
|
|
</a>
|
|
<a href="/docs.html"
|
|
class="bg-amber-800 text-white px-8 py-4 rounded-lg font-semibold hover:bg-amber-900 transition">
|
|
View Documentation
|
|
</a>
|
|
<a href="/demos/tractatus-demo.html"
|
|
class="bg-transparent text-white px-8 py-4 rounded-lg font-semibold border-2 border-white hover:bg-white hover:text-amber-700 transition">
|
|
Try Interactive Demo
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-gray-900 text-gray-300 py-12">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
<p class="text-sm">
|
|
© 2025 SyDigital Ltd. Licensed under Apache License 2.0.
|
|
</p>
|
|
<p class="text-sm mt-2">
|
|
Tractatus AI Safety Framework | <a href="/about.html" class="text-amber-400 hover:text-amber-300">About</a> |
|
|
<a href="/docs.html" class="text-amber-400 hover:text-amber-300">Documentation</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|