-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
150 lines (141 loc) · 8.88 KB
/
Copy pathindex.html
File metadata and controls
150 lines (141 loc) · 8.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Meridian — The Fixed Point of Truth for Enterprise Engineering</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Mono:wght@300;400;500&family=Instrument+Sans:wght@300;400;500&display=swap" rel="stylesheet" />
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--navy:#0a0f1e; --white:#f8fafc; --mist:#94a3b8; --gold:#c9a84c; --gold-lt:#e8c97a;
--ok:#16a34a; --warn:#d97706; --danger:#dc2626;
}
body { font-family:'Instrument Sans',sans-serif; background:var(--navy); color:var(--white); }
.grid { position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(201,168,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.03) 1px,transparent 1px); background-size:60px 60px; }
nav { position:fixed; top:0; left:0; right:0; z-index:20; display:flex; justify-content:space-between; align-items:center; padding:20px 48px; background:rgba(10,15,30,.75); backdrop-filter: blur(12px); border-bottom:1px solid rgba(255,255,255,.06); }
.logo { font-family:'Playfair Display',serif; letter-spacing:.12em; text-transform:uppercase; }
nav ul { display:flex; list-style:none; gap:24px; }
nav a { color:var(--mist); text-decoration:none; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
nav a:hover { color:var(--gold); }
.hero, section { position:relative; z-index:1; padding:120px 48px 80px; }
.hero-grid, .section-inner { max-width:1140px; margin:0 auto; }
.hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center; min-height:80vh; }
.eyebrow { font-family:'DM Mono',monospace; color:var(--gold); font-size:11px; letter-spacing:.2em; text-transform:uppercase; margin-bottom:20px; }
h1,h2,h3 { font-family:'Playfair Display',serif; }
h1 { font-size:clamp(42px,6vw,72px); line-height:1.05; margin-bottom:20px; }
.hero p { color:var(--mist); line-height:1.7; max-width:560px; }
.actions { margin-top:28px; display:flex; gap:14px; }
.btn { padding:14px 26px; text-transform:uppercase; font-family:'DM Mono',monospace; font-size:12px; letter-spacing:.12em; text-decoration:none; }
.btn-primary { background:var(--gold); color:#0a0f1e; }
.btn-primary:hover { background:var(--gold-lt); }
.btn-ghost { border:1px solid rgba(255,255,255,.2); color:var(--white); }
.terminal { border:1px solid rgba(255,255,255,.08); background:rgba(17,24,39,.8); }
.terminal .bar { padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.06); color:var(--mist); font-family:'DM Mono',monospace; font-size:12px; }
.terminal pre { padding:20px; font-family:'DM Mono',monospace; font-size:13px; line-height:1.65; color:#b8c6d9; white-space:pre-wrap; }
.divider { border:0; border-top:1px solid rgba(255,255,255,.06); margin:0 48px; }
.label { font-family:'DM Mono',monospace; color:var(--gold); text-transform:uppercase; font-size:11px; letter-spacing:.2em; margin-bottom:10px; }
h2 { font-size:clamp(32px,4vw,54px); line-height:1.1; margin-bottom:18px; }
.sub { color:var(--mist); max-width:700px; line-height:1.75; margin-bottom:36px; }
.grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.card { border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02); padding:28px; }
.num { color:rgba(201,168,76,.25); font-size:42px; font-weight:900; display:block; margin-bottom:8px; }
.card p { color:var(--mist); line-height:1.65; margin-top:10px; }
.grid2 { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.score { border:1px solid rgba(255,255,255,.08); background:rgba(17,24,39,.9); padding:28px; }
.row { display:grid; grid-template-columns:190px 1fr 58px; gap:12px; align-items:center; margin:10px 0; }
.bar { height:6px; background:rgba(255,255,255,.08); }
.bar > span { display:block; height:100%; }
footer { border-top:1px solid rgba(255,255,255,.06); color:var(--mist); padding:28px 48px; text-align:center; font-family:'DM Mono',monospace; font-size:12px; }
@media (max-width: 920px){ nav{padding:16px 20px;} nav ul{display:none;} .hero,section{padding:96px 20px 68px;} .hero-grid,.grid2,.grid3{grid-template-columns:1fr;} .divider{margin:0 20px;} }
</style>
</head>
<body>
<div class="grid"></div>
<nav>
<div class="logo">Meridian</div>
<ul>
<li><a href="#problem">Problem</a></li>
<li><a href="#platform">Platform</a></li>
<li><a href="#compliance">Compliance</a></li>
<li><a href="#contact">Request Demo</a></li>
</ul>
</nav>
<section class="hero">
<div class="hero-grid">
<div>
<p class="eyebrow">Enterprise Git Governance · Fortune 500</p>
<h1>The Fixed Point of <em style="color:var(--gold)">Truth</em> for Enterprise Engineering</h1>
<p>Meridian installs on top of your existing Git infrastructure to deliver immutable auditability, policy enforcement, and executive-level compliance intelligence.</p>
<div class="actions">
<a class="btn btn-primary" href="#contact">Request Demo</a>
<a class="btn btn-ghost" href="#platform">See Platform</a>
</div>
</div>
<div class="terminal">
<div class="bar">meridian · audit-event · live</div>
<pre>{
"event_id": "e7f2a-9c1b",
"action": "pr_merge",
"branch": "main",
"approvals": 2,
"policy_result": "PASS",
"hash": "sha256:a3f9...",
"prev_hash": "sha256:b71c..."
}
✓ Audit trail recorded. Immutable.</pre>
</div>
</div>
</section>
<hr class="divider" />
<section id="problem">
<div class="section-inner">
<p class="label">The Problem</p>
<h2>Enterprise Git is ungoverned at scale</h2>
<p class="sub">Thousands of repositories and distributed teams create a governance blind spot. Meridian converts scattered controls into a provable, continuously monitored control plane.</p>
<div class="grid3">
<div class="card"><span class="num">01</span><h3>No immutable audit trail</h3><p>Teams struggle to prove what happened, who approved it, and whether policy was active at that point in time.</p></div>
<div class="card"><span class="num">02</span><h3>Policies drift silently</h3><p>Critical controls often live in admin panels and can be changed without governed review or explicit version history.</p></div>
<div class="card"><span class="num">03</span><h3>No C-level visibility</h3><p>Risk and compliance are opaque until incidents happen or audits force expensive evidence collection efforts.</p></div>
</div>
</div>
</section>
<hr class="divider" />
<section id="platform">
<div class="section-inner">
<p class="label">The Platform</p>
<h2>Four layers. One fixed point of truth.</h2>
<p class="sub">Collector, Immutable Audit Store, Policy Engine, and Compliance Intelligence integrate with GitHub/GitLab/Bitbucket without migration.</p>
<div class="grid2">
<div class="card"><h3>Immutable Audit Trail</h3><p>SHA-256 hash chaining provides tamper-evident evidence suitable for external audit workflows.</p></div>
<div class="card"><h3>Policy-as-Code</h3><p>Versioned Rego policies allow transparent control evolution with PR review and historical traceability.</p></div>
<div class="card"><h3>Compliance Intelligence</h3><p>Scores per repository, team, and organization mapped to SOC 2, ISO 27001, SOX, and DORA controls.</p></div>
<div class="card"><h3>Anomaly Detection</h3><p>Detect off-hours privileged pushes, suspicious review bypasses, and abrupt score degradation patterns.</p></div>
</div>
</div>
</section>
<hr class="divider" />
<section id="compliance">
<div class="section-inner">
<p class="label">Compliance Intelligence</p>
<h2>A score your board can act on</h2>
<div class="score">
<div class="row"><span>Branch Protection</span><div class="bar"><span style="width:97%;background:var(--ok)"></span></div><span>97%</span></div>
<div class="row"><span>Code Review (2+)</span><div class="bar"><span style="width:82%;background:var(--warn)"></span></div><span>82%</span></div>
<div class="row"><span>Secret Scanning</span><div class="bar"><span style="width:100%;background:var(--ok)"></span></div><span>100%</span></div>
<div class="row"><span>SBOM Coverage</span><div class="bar"><span style="width:54%;background:var(--danger)"></span></div><span>54%</span></div>
</div>
</div>
</section>
<section id="contact">
<div class="section-inner" style="text-align:center;">
<p class="label">Get Started</p>
<h2>Ready to answer your auditors?</h2>
<p class="sub" style="margin:0 auto 28px;">Meridian deploys in under one day over your current Git platform and produces governance-grade evidence from day one.</p>
<a class="btn btn-primary" href="#">Request Enterprise Demo</a>
</div>
</section>
<footer>© 2025 Meridian · SOC2 · ISO27001 · SOX · EU DORA</footer>
</body>
</html>