<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Miridian | Built for Results</title>
<meta name="description" content="Execution-first internal audit and controls support. Built for results." />
<!-- Google Font: Tenor Sans -->
<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=Tenor+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header class="hero" id="top">
<nav class="nav">
<a class="nav-brand" href="#top" aria-label="Miridian home">MIRIDIAN</a>
<div class="nav-links">
<a href="#services">Services</a>
<a href="#why">Why Miridian</a>
<a href="#contact" class="btn btn-outline">Contact</a>
</div>
</nav>
<div class="hero-inner">
<div class="hero-left">
<h1 class="hero-title">MIRIDIAN</h1>
<p class="hero-subtitle">BUILT FOR RESULTS</p>
<p class="hero-lead">
Execution-first internal audit and controls support for teams that need outcomes — not slide decks.
</p>
<div class="hero-cta">
<a class="btn btn-primary" href="#contact">Request an intro</a>
<a class="btn btn-secondary" href="#services">View services</a>
</div>
<div class="trust">
<span>Clear scope</span>
<span>Clean workpapers</span>
<span>Fast turnaround</span>
</div>
</div>
<div class="hero-right" aria-hidden="true">
<div class="hero-image"></div>
</div>
</div>
</header>
<main>
<section id="services" class="section">
<div class="container">
<h2>Services</h2>
<p class="muted">
Practical, hands-on support that strengthens your controls environment and helps you ship audit deliverables.
</p>
<div class="grid">
<div class="card">
<h3>Internal Audit Execution</h3>
<p>Walkthroughs, testing, documentation, issue drafting, and remediation tracking.</p>
<ul>
<li>Process narratives & control matrices</li>
<li>Testing & evidence packages</li>
<li>Issues & action plans</li>
</ul>
</div>
<div class="card">
<h3>SOX / Controls Support</h3>
<p>Design updates, operating effectiveness support, and audit-ready documentation.</p>
<ul>
<li>Control design & rationalization</li>
<li>Documentation refresh</li>
<li>Deficiency support</li>
</ul>
</div>
<div class="card">
<h3>Deadline Recovery</h3>
<p>Targeted bursts when a timeline slips and risk exposure increases.</p>
<ul>
<li>Backlog burn-down</li>
<li>High-risk testing focus</li>
<li>Stakeholder-ready updates</li>
</ul>
</div>
</div>
</div>
</section>
<section id="why" class="section section-alt">
<div class="container">
<h2>Why Miridian</h2>
<div class="grid grid-2">
<div class="card card-flat">
<h3>No fluff. Just execution.</h3>
<p class="muted">
You’re paying for output: clean documentation, clear issues, and visible progress week to week.
</p>
</div>
<div class="card card-flat">
<h3>Enterprise-grade by default.</h3>
<p class="muted">
Simple site, secure hosting, and professional comms. Built to pass IT scrutiny.
</p>
</div>
<div class="card card-flat">
<h3>Flexible engagement.</h3>
<p class="muted">
Start with a defined scope or a monthly block. Expand only after value is proven.
</p>
</div>
<div class="card card-flat">
<h3>Built for trust.</h3>
<p class="muted">
Clear deliverables, clear timelines, and a clean paper trail. No vague “advisory.”
</p>
</div>
</div>
</div>
</section>
<section id="contact" class="section">
<div class="container">
<h2>Contact</h2>
<p class="muted">Email is simplest (and IT-friendly). We respond within 1 business day.</p>
<div class="contact">
<div class="card">
<h3>Request an intro</h3>
<!-- Change this email -->
<a class="btn btn-primary btn-full"
href="mailto:hello@miridian.com?subject=Miridian%20Intro%20Request">
Email: hello@miridian.com
</a>
<p class="tiny muted">
No spam. No mailing lists. Just a reply to your inquiry.
</p>
</div>
<div class="card">
<h3>What to include</h3>
<ul>
<li>Company + industry</li>
<li>What’s behind / what’s broken</li>
<li>Deadline(s)</li>
<li>Scope: SOX, IA plan, remediation, etc.</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer-inner">
<div class="footer-left">
<div class="footer-brand">Miridian</div>
<div class="tiny muted">Built for results.</div>
</div>
<div class="footer-links">
<a href="#services">Services</a>
<a href="#why">Why</a>
<a href="#contact">Contact</a>
</div>
<div class="tiny muted">© <span id="year"></span> Miridian</div>
</div>
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>