588 lines
32 KiB
HTML
588 lines
32 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Security — Dealspace</title>
|
|
<meta name="description" content="FIPS 140-3 encryption, SOC 2 Type II compliance, per-deal encryption keys, dynamic watermarks. Enterprise security for M&A.">
|
|
<!-- OpenGraph -->
|
|
<meta property="og:title" content="Security — Dealspace">
|
|
<meta property="og:description" content="FIPS 140-3 encryption, SOC 2 Type II compliance, per-deal encryption keys, dynamic watermarks. Enterprise security for M&A.">
|
|
<meta property="og:url" content="https://muskepo.com/security">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="https://muskepo.com/og-image.png">
|
|
<!-- Twitter -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Security — Dealspace">
|
|
<meta name="twitter:description" content="FIPS 140-3 encryption, SOC 2 Type II compliance, per-deal encryption keys, dynamic watermarks. Enterprise security for M&A.">
|
|
<meta name="twitter:image" content="https://muskepo.com/og-image.png">
|
|
<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&display=swap" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
navy: '#0F1B35',
|
|
'navy-light': '#1a2847',
|
|
slate: '#2B4680',
|
|
gold: '#C9A84C',
|
|
'gold-light': '#d4b85f',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
html { scroll-behavior: smooth; }
|
|
.gradient-text {
|
|
background: linear-gradient(135deg, #C9A84C 0%, #d4b85f 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-navy font-sans text-white antialiased">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="fixed top-0 left-0 right-0 z-50 bg-navy/95 backdrop-blur-sm border-b border-white/10">
|
|
<div class="max-w-7xl mx-auto px-6 py-4">
|
|
<div class="flex items-center justify-between">
|
|
<a href="index.html" class="flex items-center space-x-2">
|
|
<span class="text-2xl font-bold text-white">Deal<span class="text-gold">space</span></span>
|
|
</a>
|
|
<div class="hidden md:flex items-center space-x-8">
|
|
<a href="features.html" class="text-gray-300 hover:text-white transition-colors">Features</a>
|
|
<a href="security.html" class="text-white font-medium">Security</a>
|
|
<a href="pricing.html" class="text-gray-300 hover:text-white transition-colors">Pricing</a>
|
|
<a href="/app/login" class="text-gray-300 hover:text-white transition-colors">Sign In</a>
|
|
<a href="index.html#demo" class="bg-gold hover:bg-gold-light text-navy font-semibold px-5 py-2.5 rounded-lg transition-colors">Request Demo</a>
|
|
</div>
|
|
<button class="md:hidden text-white" aria-label="Toggle mobile menu" onclick="document.getElementById('mobile-menu').classList.toggle('hidden')">
|
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div id="mobile-menu" class="hidden md:hidden pt-4 pb-2 space-y-3">
|
|
<a href="features.html" class="block text-gray-300 hover:text-white">Features</a>
|
|
<a href="security.html" class="block text-white font-medium">Security</a>
|
|
<a href="pricing.html" class="block text-gray-300 hover:text-white">Pricing</a>
|
|
<a href="/app/login" class="block text-gray-300 hover:text-white">Sign In</a>
|
|
<a href="index.html#demo" class="inline-block bg-gold text-navy font-semibold px-5 py-2.5 rounded-lg mt-2">Request Demo</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero -->
|
|
<section class="pt-32 pb-16 px-6 border-b border-white/10">
|
|
<div class="max-w-4xl mx-auto text-center">
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-6">
|
|
Security That <span class="gradient-text">Compliance Teams</span> Trust
|
|
</h1>
|
|
<p class="text-xl text-gray-400 max-w-2xl mx-auto">
|
|
M&A data is sensitive. People go to prison for leaking it. We built Dealspace with security as the foundation, not an afterthought.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Compliance Badges -->
|
|
<section class="py-16 px-6 bg-navy-light border-b border-white/10">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
|
|
<a href="soc2.html" class="text-center block hover:opacity-80 transition-opacity">
|
|
<div class="w-20 h-20 mx-auto mb-4 rounded-xl bg-navy border border-gold/30 flex items-center justify-center">
|
|
<svg viewBox="0 0 60 60" class="w-12 h-12" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M30 5 L50 15 L50 30 C50 42 40 52 30 55 C20 52 10 42 10 30 L10 15 Z" fill="none" stroke="#C9A84C" stroke-width="2"/>
|
|
<path d="M22 30 L27 35 L38 24" stroke="#C9A84C" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="font-semibold text-white">SOC 2</h3>
|
|
<p class="text-sm text-gray-400 mt-1">Self-Assessed · Type II in progress</p>
|
|
</a>
|
|
<div class="text-center">
|
|
<div class="w-20 h-20 mx-auto mb-4 rounded-xl bg-navy border border-gold/30 flex items-center justify-center">
|
|
<svg viewBox="0 0 60 60" class="w-12 h-12" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="12" y="20" width="36" height="28" rx="4" fill="none" stroke="#C9A84C" stroke-width="2"/>
|
|
<circle cx="30" cy="34" r="6" fill="none" stroke="#C9A84C" stroke-width="2"/>
|
|
<path d="M30 37 L30 42" stroke="#C9A84C" stroke-width="2"/>
|
|
<path d="M20 20 L20 14 C20 9 24 5 30 5 C36 5 40 9 40 14 L40 20" fill="none" stroke="#C9A84C" stroke-width="2"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="font-semibold text-white">FIPS 140-3</h3>
|
|
<p class="text-sm text-gray-400 mt-1">Validated encryption</p>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="w-20 h-20 mx-auto mb-4 rounded-xl bg-navy border border-gold/30 flex items-center justify-center">
|
|
<svg viewBox="0 0 60 60" class="w-12 h-12" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="30" cy="30" r="20" fill="none" stroke="#C9A84C" stroke-width="2"/>
|
|
<path d="M30 10 L30 12" stroke="#C9A84C" stroke-width="2"/>
|
|
<path d="M44 16 L42 18" stroke="#C9A84C" stroke-width="2"/>
|
|
<path d="M50 30 L48 30" stroke="#C9A84C" stroke-width="2"/>
|
|
<circle cx="30" cy="30" r="4" fill="#C9A84C"/>
|
|
<text x="30" y="45" text-anchor="middle" fill="#C9A84C" font-size="8" font-weight="bold">EU</text>
|
|
</svg>
|
|
</div>
|
|
<h3 class="font-semibold text-white">GDPR</h3>
|
|
<p class="text-sm text-gray-400 mt-1">Compliant processing</p>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="w-20 h-20 mx-auto mb-4 rounded-xl bg-navy border border-gold/30 flex items-center justify-center">
|
|
<svg viewBox="0 0 60 60" class="w-12 h-12" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="15" y="8" width="30" height="44" rx="3" fill="none" stroke="#C9A84C" stroke-width="2"/>
|
|
<line x1="20" y1="18" x2="40" y2="18" stroke="#C9A84C" stroke-width="2"/>
|
|
<line x1="20" y1="26" x2="40" y2="26" stroke="#C9A84C" stroke-width="2"/>
|
|
<line x1="20" y1="34" x2="35" y2="34" stroke="#C9A84C" stroke-width="2"/>
|
|
<path d="M32 42 L36 46 L44 38" stroke="#C9A84C" stroke-width="2" fill="none"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="font-semibold text-white">ISO 27001</h3>
|
|
<p class="text-sm text-gray-400 mt-1">Certified ISMS</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Encryption -->
|
|
<section class="py-24 px-6">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid lg:grid-cols-2 gap-16 items-center">
|
|
<div>
|
|
<div class="inline-block bg-gold/20 text-gold text-sm font-medium px-3 py-1 rounded-full mb-6">Encryption</div>
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">FIPS 140-3 Validated Cryptography</h2>
|
|
<p class="text-gray-400 text-lg mb-8 leading-relaxed">
|
|
We use the same encryption standards required by US federal agencies. Your deal data is encrypted with AES-256-GCM using FIPS 140-3 validated cryptographic modules.
|
|
</p>
|
|
<div class="space-y-6">
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-6">
|
|
<h3 class="font-semibold text-white mb-2">Per-Deal Encryption Keys</h3>
|
|
<p class="text-gray-400">Each deal has its own encryption key derived from a master key. One deal's compromise does not affect others.</p>
|
|
</div>
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-6">
|
|
<h3 class="font-semibold text-white mb-2">Encryption at Rest</h3>
|
|
<p class="text-gray-400">All data encrypted before it touches disk. File content, metadata, comments — everything.</p>
|
|
</div>
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-6">
|
|
<h3 class="font-semibold text-white mb-2">Encryption in Transit</h3>
|
|
<p class="text-gray-400">TLS 1.3 for all connections. Certificate pinning for mobile apps. No data travels unencrypted.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="relative">
|
|
<!-- Encryption SVG -->
|
|
<svg viewBox="0 0 500 450" class="w-full" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="encGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#2B4680"/>
|
|
<stop offset="100%" stop-color="#1a2847"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Master Key -->
|
|
<g>
|
|
<rect x="180" y="20" width="140" height="60" rx="8" fill="url(#encGrad)" stroke="#C9A84C" stroke-width="2"/>
|
|
<text x="250" y="45" text-anchor="middle" fill="#C9A84C" font-size="11" font-weight="600">MASTER KEY</text>
|
|
<text x="250" y="62" text-anchor="middle" fill="#9CA3AF" font-size="9">HSM Protected</text>
|
|
</g>
|
|
|
|
<!-- Derivation arrows -->
|
|
<path d="M200 80 L100 140" stroke="#C9A84C" stroke-width="2" stroke-dasharray="4 4"/>
|
|
<path d="M250 80 L250 140" stroke="#C9A84C" stroke-width="2" stroke-dasharray="4 4"/>
|
|
<path d="M300 80 L400 140" stroke="#C9A84C" stroke-width="2" stroke-dasharray="4 4"/>
|
|
|
|
<!-- Deal Keys -->
|
|
<g>
|
|
<rect x="40" y="140" width="120" height="80" rx="8" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="100" y="165" text-anchor="middle" fill="white" font-size="11" font-weight="500">Deal A Key</text>
|
|
<rect x="55" y="180" width="90" height="30" rx="4" fill="#0F1B35"/>
|
|
<text x="100" y="200" text-anchor="middle" fill="#6b7280" font-size="8" font-family="monospace">AES-256-GCM</text>
|
|
</g>
|
|
|
|
<g>
|
|
<rect x="190" y="140" width="120" height="80" rx="8" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="250" y="165" text-anchor="middle" fill="white" font-size="11" font-weight="500">Deal B Key</text>
|
|
<rect x="205" y="180" width="90" height="30" rx="4" fill="#0F1B35"/>
|
|
<text x="250" y="200" text-anchor="middle" fill="#6b7280" font-size="8" font-family="monospace">AES-256-GCM</text>
|
|
</g>
|
|
|
|
<g>
|
|
<rect x="340" y="140" width="120" height="80" rx="8" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="400" y="165" text-anchor="middle" fill="white" font-size="11" font-weight="500">Deal C Key</text>
|
|
<rect x="355" y="180" width="90" height="30" rx="4" fill="#0F1B35"/>
|
|
<text x="400" y="200" text-anchor="middle" fill="#6b7280" font-size="8" font-family="monospace">AES-256-GCM</text>
|
|
</g>
|
|
|
|
<!-- Encrypted data -->
|
|
<path d="M100 220 L100 260" stroke="#2B4680" stroke-width="2"/>
|
|
<path d="M250 220 L250 260" stroke="#2B4680" stroke-width="2"/>
|
|
<path d="M400 220 L400 260" stroke="#2B4680" stroke-width="2"/>
|
|
|
|
<!-- Lock icons -->
|
|
<g transform="translate(85, 260)">
|
|
<rect x="0" y="15" width="30" height="25" rx="3" fill="#C9A84C"/>
|
|
<path d="M5 15 L5 10 C5 4 10 0 15 0 C20 0 25 4 25 10 L25 15" fill="none" stroke="#C9A84C" stroke-width="3"/>
|
|
</g>
|
|
<g transform="translate(235, 260)">
|
|
<rect x="0" y="15" width="30" height="25" rx="3" fill="#C9A84C"/>
|
|
<path d="M5 15 L5 10 C5 4 10 0 15 0 C20 0 25 4 25 10 L25 15" fill="none" stroke="#C9A84C" stroke-width="3"/>
|
|
</g>
|
|
<g transform="translate(385, 260)">
|
|
<rect x="0" y="15" width="30" height="25" rx="3" fill="#C9A84C"/>
|
|
<path d="M5 15 L5 10 C5 4 10 0 15 0 C20 0 25 4 25 10 L25 15" fill="none" stroke="#C9A84C" stroke-width="3"/>
|
|
</g>
|
|
|
|
<!-- Storage -->
|
|
<rect x="50" y="320" width="400" height="100" rx="12" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="250" y="350" text-anchor="middle" fill="white" font-size="14" font-weight="600">Encrypted Storage</text>
|
|
|
|
<!-- Data blocks -->
|
|
<g>
|
|
<rect x="80" y="365" width="80" height="40" rx="4" fill="#0F1B35" stroke="#2B4680"/>
|
|
<text x="120" y="390" text-anchor="middle" fill="#6b7280" font-size="8" font-family="monospace">0x8f2a...</text>
|
|
</g>
|
|
<g>
|
|
<rect x="180" y="365" width="80" height="40" rx="4" fill="#0F1B35" stroke="#2B4680"/>
|
|
<text x="220" y="390" text-anchor="middle" fill="#6b7280" font-size="8" font-family="monospace">0x3c71...</text>
|
|
</g>
|
|
<g>
|
|
<rect x="280" y="365" width="80" height="40" rx="4" fill="#0F1B35" stroke="#2B4680"/>
|
|
<text x="320" y="390" text-anchor="middle" fill="#6b7280" font-size="8" font-family="monospace">0xd9e4...</text>
|
|
</g>
|
|
<g>
|
|
<rect x="370" y="365" width="60" height="40" rx="4" fill="#0F1B35" stroke="#2B4680"/>
|
|
<text x="400" y="390" text-anchor="middle" fill="#6b7280" font-size="8">...</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Watermarking -->
|
|
<section class="py-24 px-6 bg-navy-light">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid lg:grid-cols-2 gap-16 items-center">
|
|
<div class="order-2 lg:order-1">
|
|
<!-- Watermark SVG -->
|
|
<svg viewBox="0 0 500 400" class="w-full" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Document -->
|
|
<rect x="100" y="40" width="300" height="320" rx="8" fill="white" stroke="#e5e7eb" stroke-width="2"/>
|
|
|
|
<!-- Document content (faded) -->
|
|
<rect x="130" y="80" width="200" height="12" rx="2" fill="#e5e7eb"/>
|
|
<rect x="130" y="100" width="240" height="8" rx="2" fill="#f3f4f6"/>
|
|
<rect x="130" y="115" width="220" height="8" rx="2" fill="#f3f4f6"/>
|
|
<rect x="130" y="130" width="230" height="8" rx="2" fill="#f3f4f6"/>
|
|
<rect x="130" y="145" width="180" height="8" rx="2" fill="#f3f4f6"/>
|
|
|
|
<rect x="130" y="175" width="160" height="10" rx="2" fill="#e5e7eb"/>
|
|
<rect x="130" y="195" width="240" height="8" rx="2" fill="#f3f4f6"/>
|
|
<rect x="130" y="210" width="220" height="8" rx="2" fill="#f3f4f6"/>
|
|
<rect x="130" y="225" width="200" height="8" rx="2" fill="#f3f4f6"/>
|
|
|
|
<rect x="130" y="260" width="240" height="60" rx="4" fill="#f9fafb" stroke="#e5e7eb"/>
|
|
|
|
<!-- Watermark overlay -->
|
|
<g opacity="0.3" transform="rotate(-30, 250, 200)">
|
|
<text x="250" y="180" text-anchor="middle" fill="#C9A84C" font-size="18" font-weight="bold">john.smith@pe-firm.com</text>
|
|
<text x="250" y="205" text-anchor="middle" fill="#C9A84C" font-size="14">2026-02-28 14:32:15 UTC</text>
|
|
<text x="250" y="225" text-anchor="middle" fill="#C9A84C" font-size="12">CONFIDENTIAL</text>
|
|
</g>
|
|
|
|
<!-- Dynamic indicator -->
|
|
<rect x="320" y="50" width="70" height="24" rx="4" fill="#C9A84C"/>
|
|
<text x="355" y="66" text-anchor="middle" fill="#0F1B35" font-size="10" font-weight="600">DYNAMIC</text>
|
|
</svg>
|
|
</div>
|
|
<div class="order-1 lg:order-2">
|
|
<div class="inline-block bg-gold/20 text-gold text-sm font-medium px-3 py-1 rounded-full mb-6">Leak Prevention</div>
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Dynamic Watermarking</h2>
|
|
<p class="text-gray-400 text-lg mb-8 leading-relaxed">
|
|
Every document is watermarked with the viewer's identity at serve time. If a document leaks, you know exactly who leaked it.
|
|
</p>
|
|
<ul class="space-y-4">
|
|
<li class="flex items-start">
|
|
<svg class="w-6 h-6 text-gold mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
<div>
|
|
<span class="font-semibold text-white">Generated per-request</span>
|
|
<p class="text-gray-400 mt-1">Watermark includes user email, organization, timestamp, and deal ID.</p>
|
|
</div>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-6 h-6 text-gold mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
<div>
|
|
<span class="font-semibold text-white">All file types</span>
|
|
<p class="text-gray-400 mt-1">PDF, Word, Excel, images, video. Protection adapts to the format.</p>
|
|
</div>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-6 h-6 text-gold mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
<div>
|
|
<span class="font-semibold text-white">Configurable per project</span>
|
|
<p class="text-gray-400 mt-1">Control watermark content, position, and visibility.</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Access Control -->
|
|
<section class="py-24 px-6">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="text-center mb-16">
|
|
<div class="inline-block bg-gold/20 text-gold text-sm font-medium px-3 py-1 rounded-full mb-6">Access Control</div>
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Defense in Depth</h2>
|
|
<p class="text-xl text-gray-400 max-w-3xl mx-auto">
|
|
Multiple layers of protection. Every access decision goes through the same choke point. No exceptions.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-8">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Single Sign-On</h3>
|
|
<p class="text-gray-400">SAML 2.0 and OIDC support. Integrate with your existing identity provider. Enforce your organization's auth policies.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-8">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Multi-Factor Auth</h3>
|
|
<p class="text-gray-400">TOTP, hardware keys (FIDO2), SMS backup. MFA required for all access, no exceptions.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-8">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Role-Based Access</h3>
|
|
<p class="text-gray-400">Workstream-level permissions. IB, Seller, Buyer roles with configurable scopes. Least privilege by default.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-8">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Session Management</h3>
|
|
<p class="text-gray-400">Short-lived tokens. Single active session per user. Immediate revocation on access changes.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-8">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">IP Allowlisting</h3>
|
|
<p class="text-gray-400">Restrict access by IP range. Corporate network only, or specific buyer locations.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-8">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Download Controls</h3>
|
|
<p class="text-gray-400">Disable downloads entirely, or allow view-only access. Configurable per document or project-wide.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Audit -->
|
|
<section class="py-24 px-6 bg-navy-light">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid lg:grid-cols-2 gap-16 items-center">
|
|
<div>
|
|
<div class="inline-block bg-gold/20 text-gold text-sm font-medium px-3 py-1 rounded-full mb-6">Audit Trail</div>
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Complete Accountability</h2>
|
|
<p class="text-gray-400 text-lg mb-8 leading-relaxed">
|
|
Every action is logged. Access grants, file views, downloads, status changes — all recorded with actor, timestamp, and IP address.
|
|
</p>
|
|
<div class="space-y-4">
|
|
<div class="flex items-center">
|
|
<svg class="w-5 h-5 text-gold mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
<span class="text-gray-300">Real-time activity monitoring</span>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<svg class="w-5 h-5 text-gold mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
<span class="text-gray-300">Exportable audit reports</span>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<svg class="w-5 h-5 text-gold mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
<span class="text-gray-300">Anomaly detection alerts</span>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<svg class="w-5 h-5 text-gold mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
<span class="text-gray-300">7-year retention for compliance</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-navy border border-white/10 rounded-xl p-6 font-mono text-sm">
|
|
<div class="text-gray-500 mb-4"># Recent audit events</div>
|
|
<div class="space-y-3">
|
|
<div class="flex items-start">
|
|
<span class="text-gray-500 mr-3">14:32:15</span>
|
|
<div>
|
|
<span class="text-green-400">VIEW</span>
|
|
<span class="text-gray-300"> john.smith@pe-firm.com</span>
|
|
<div class="text-gray-500">FIN-002-revenue-breakdown.xlsx</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-start">
|
|
<span class="text-gray-500 mr-3">14:31:42</span>
|
|
<div>
|
|
<span class="text-blue-400">DOWNLOAD</span>
|
|
<span class="text-gray-300"> sarah.jones@ib.com</span>
|
|
<div class="text-gray-500">LEG-015-ip-schedule.pdf (watermarked)</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-start">
|
|
<span class="text-gray-500 mr-3">14:30:18</span>
|
|
<div>
|
|
<span class="text-yellow-400">GRANT</span>
|
|
<span class="text-gray-300"> admin@seller.com</span>
|
|
<div class="text-gray-500">Added buyer_member: mike@strategic.com</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-start">
|
|
<span class="text-gray-500 mr-3">14:29:55</span>
|
|
<div>
|
|
<span class="text-purple-400">PUBLISH</span>
|
|
<span class="text-gray-300"> analyst@ib.com</span>
|
|
<div class="text-gray-500">FIN-003 → Data Room (3 buyers notified)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Infrastructure -->
|
|
<section class="py-24 px-6">
|
|
<div class="max-w-7xl mx-auto text-center">
|
|
<div class="inline-block bg-gold/20 text-gold text-sm font-medium px-3 py-1 rounded-full mb-6">Infrastructure</div>
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Enterprise-Grade Infrastructure</h2>
|
|
<p class="text-xl text-gray-400 max-w-3xl mx-auto mb-16">
|
|
Dedicated infrastructure, redundant storage, continuous monitoring. Your deal data deserves nothing less.
|
|
</p>
|
|
|
|
<div class="grid md:grid-cols-4 gap-8">
|
|
<div class="text-center">
|
|
<div class="text-4xl font-bold text-gold mb-2">99.99%</div>
|
|
<div class="text-gray-400">Uptime SLA</div>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="text-4xl font-bold text-gold mb-2">3</div>
|
|
<div class="text-gray-400">Geographic Regions</div>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="text-4xl font-bold text-gold mb-2">24/7</div>
|
|
<div class="text-gray-400">Security Monitoring</div>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="text-4xl font-bold text-gold mb-2"><15min</div>
|
|
<div class="text-gray-400">Incident Response</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="py-24 px-6 bg-navy-light border-t border-white/10">
|
|
<div class="max-w-4xl mx-auto text-center">
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Questions About Security?</h2>
|
|
<p class="text-xl text-gray-400 mb-8">
|
|
Talk to our security team. We are happy to answer technical questions and provide documentation.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
|
<a href="mailto:security@dealspace.io" class="bg-gold hover:bg-gold-light text-navy font-semibold px-8 py-4 rounded-lg transition-colors">
|
|
Contact Security Team
|
|
</a>
|
|
<a href="index.html#demo" class="border border-white/20 hover:border-white/40 text-white font-semibold px-8 py-4 rounded-lg transition-colors">
|
|
Request Demo
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="border-t border-white/10 py-12 px-6">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid md:grid-cols-4 gap-8 mb-12">
|
|
<div>
|
|
<span class="text-2xl font-bold text-white">Deal<span class="text-gold">space</span></span>
|
|
<p class="text-gray-400 mt-4">The M&A workflow platform that Investment Banks trust.</p>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Product</h4>
|
|
<ul class="space-y-2 text-gray-400">
|
|
<li><a href="features.html" class="hover:text-white transition-colors">Features</a></li>
|
|
<li><a href="security.html" class="hover:text-white transition-colors">Security</a></li>
|
|
<li><a href="pricing.html" class="hover:text-white transition-colors">Pricing</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Legal</h4>
|
|
<ul class="space-y-2 text-gray-400">
|
|
<li><a href="privacy.html" class="hover:text-white transition-colors">Privacy Policy</a></li>
|
|
<li><a href="terms.html" class="hover:text-white transition-colors">Terms of Service</a></li>
|
|
<li><a href="dpa.html" class="hover:text-white transition-colors">DPA</a></li>
|
|
<li><a href="soc2.html" class="hover:text-white transition-colors">SOC 2</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Contact</h4>
|
|
<ul class="space-y-2 text-gray-400">
|
|
<li><a href="mailto:sales@dealspace.io" class="hover:text-white transition-colors">sales@dealspace.io</a></li>
|
|
<li><a href="mailto:security@dealspace.io" class="hover:text-white transition-colors">security@dealspace.io</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center">
|
|
<p class="text-gray-500 text-sm">© 2026 Muskepo B.V. All rights reserved.</p>
|
|
<p class="text-gray-500 text-sm mt-4 md:mt-0">Amsterdam · New York · London</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<link rel="stylesheet" href="/chat.css">
|
|
<script src="/chat.js"></script>
|
|
</body>
|
|
</html>
|