Skip to content
<div style="margin-bottom:2rem;">
  <a href="/health-check/" style="font-size:var(--text-sm);color:var(--muted-foreground);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;">
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
    Back to Health Check
  </a>
</div>

<div style="margin-bottom:0.75rem;">
  <span class="font-mono" style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.75rem;border:1px solid var(--border);background:var(--background);font-size:10px;text-transform:uppercase;letter-spacing:0.2em;color:var(--muted-foreground);">
    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>
    Sample Deliverable
  </span>
</div>

<h1 style="font-size:clamp(1.875rem,4vw,3rem);font-weight:500;letter-spacing:-0.025em;margin-bottom:1.5rem;">Infrastructure Health Check Report</h1>

<div class="font-mono" style="display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:var(--text-sm);color:var(--muted-foreground);padding-top:1rem;border-top:1px solid var(--border);margin-bottom:3rem;">
  <span>ID: HC-2025-01-EXAMPLE</span>
  <span style="color:var(--border);">|</span>
  <span>Status: Finalized</span>
  <span style="color:var(--border);">|</span>
  <span>Prepared for: [Client Name Redacted]</span>
</div>

<!-- ─── Executive Summary ─── -->
<section style="margin-bottom:4rem;">
  <div style="position:relative;border:1px solid var(--border);background:var(--background);padding:2rem;">
    <div style="position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right, var(--primary), transparent);opacity:0.5;"></div>
    <h2 style="font-size:var(--text-xl);font-weight:500;margin-bottom:1.5rem;">Executive Summary</h2>
    <p style="font-size:var(--text-lg);line-height:1.7;margin-bottom:2rem;max-width:48rem;">
      The environment is <span style="color:var(--destructive);font-weight:500;border-bottom:1px solid color-mix(in srgb, var(--destructive) 30%, transparent);">functional but fragile</span>. While core services are currently operational, several critical gaps in backup immutability, identity synchronization, and lifecycle management represent significant risks to business continuity.
    </p>
    <div style="display:grid;gap:1px;background:var(--border);border:1px solid var(--border);" class="summary-stats">
      <div style="background:var(--background);padding:1.5rem;">
        <p class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.5rem;">Critical Risks</p>
        <div style="display:flex;align-items:baseline;gap:0.5rem;">
          <span class="font-mono" style="font-size:var(--text-3xl);color:var(--destructive);">3</span>
          <span style="font-size:var(--text-xs);color:var(--muted-foreground);">Findings</span>
        </div>
      </div>
      <div style="background:var(--background);padding:1.5rem;">
        <p class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.5rem;">Drift Status</p>
        <span class="font-mono" style="font-size:var(--text-3xl);color:var(--warning-foreground);">MODERATE</span>
      </div>
      <div style="background:var(--background);padding:1.5rem;">
        <p class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.5rem;">Recovery Readiness</p>
        <span class="font-mono" style="font-size:var(--text-3xl);color:var(--destructive);">LOW</span>
      </div>
    </div>
  </div>
</section>

<!-- ─── Environment Snapshot ─── -->
<section style="margin-bottom:4rem;">
  <h2 style="font-size:var(--text-xl);font-weight:500;margin-bottom:1.5rem;">Environment Snapshot</h2>
  <div class="grid-2" style="gap:1.5rem;">
    <div style="border:1px solid var(--border);background:var(--background);padding:1.5rem;">
      <div style="display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"/><rect x="2" y="14" width="20" height="8" rx="2" ry="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg>
        <span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.2em;color:var(--muted-foreground);">Infrastructure Overview</span>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;" class="font-mono" >
        <div>
          <p style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.25rem;">VMs / Workloads</p>
          <p style="font-size:var(--text-sm);font-weight:500;">48</p>
        </div>
        <div>
          <p style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.25rem;">Hypervisor</p>
          <p style="font-size:var(--text-sm);font-weight:500;">3 ESXi 6.7/7.0 hosts</p>
        </div>
        <div>
          <p style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.25rem;">Cloud</p>
          <p style="font-size:var(--text-sm);font-weight:500;">1 Azure subscription (East US 2)</p>
        </div>
        <div>
          <p style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.25rem;">Backup</p>
          <p style="font-size:var(--text-sm);font-weight:500;">Veeam Backup &amp; Replication v12</p>
        </div>
        <div>
          <p style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.25rem;">Identity</p>
          <p style="font-size:var(--text-sm);font-weight:500;">Active Directory (2 DCs, single forest)</p>
        </div>
        <div>
          <p style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);margin-bottom:0.25rem;">Storage</p>
          <p style="font-size:var(--text-sm);font-weight:500;">Dell PowerStore 500T (iSCSI)</p>
        </div>
      </div>
    </div>

    <div style="border:1px solid var(--border);background:var(--background);padding:1.5rem;">
      <div style="display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
        <span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.2em;color:var(--muted-foreground);">System Tier Classification</span>
      </div>
      <div style="display:flex;flex-direction:column;gap:0.75rem;">
        <div style="display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);">
          <div style="display:flex;align-items:center;gap:0.75rem;">
            <span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent);color:var(--destructive);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-1</span>
            <span style="font-size:var(--text-sm);color:var(--muted-foreground);">Business-critical (revenue-impacting)</span>
          </div>
          <span class="font-mono" style="font-size:var(--text-sm);font-weight:500;">12 VMs</span>
        </div>
        <div style="display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);">
          <div style="display:flex;align-items:center;gap:0.75rem;">
            <span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent);color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-2</span>
            <span style="font-size:var(--text-sm);color:var(--muted-foreground);">Supporting services (internal ops)</span>
          </div>
          <span class="font-mono" style="font-size:var(--text-sm);font-weight:500;">22 VMs</span>
        </div>
        <div style="display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0;">
          <div style="display:flex;align-items:center;gap:0.75rem;">
            <span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-3</span>
            <span style="font-size:var(--text-sm);color:var(--muted-foreground);">Development / test / sandbox</span>
          </div>
          <span class="font-mono" style="font-size:var(--text-sm);font-weight:500;">14 VMs</span>
        </div>
      </div>
      <p style="font-size:11px;color:var(--muted-foreground);padding-top:0.5rem;border-top:1px solid color-mix(in srgb, var(--border) 50%, transparent);margin-top:0.75rem;">
        Tier assignments are based on business-impact analysis conducted during intake. A dependency diagram is included in the full client report.
      </p>
    </div>
  </div>
</section>

<!-- ─── Findings Matrix ─── -->
<section style="margin-bottom:4rem;">
  <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
    <h2 style="font-size:var(--text-xl);font-weight:500;">Findings Matrix</h2>
    <span class="font-mono" style="font-size:var(--text-xs);color:var(--muted-foreground);">6 Items Identified</span>
  </div>
  <div style="border:1px solid var(--border);background:var(--background);overflow:hidden;">
    <div style="overflow-x:auto;">
      <table style="width:100%;text-align:left;border-collapse:collapse;font-size:var(--text-sm);">
        <thead>
          <tr style="border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--muted) 20%, transparent);">
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;width:12%;">Area</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;width:8%;">Tier</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;width:25%;">Finding</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;width:10%;">Risk</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;width:22%;">Recommendation</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;width:23%;">Evidence</th>
          </tr>
        </thead>
        <tbody>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;vertical-align:top;color:color-mix(in srgb, var(--primary) 80%, transparent);">Backup &amp; Recovery</td>
            <td style="padding:1rem;vertical-align:top;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent);color:var(--destructive);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-1</span></td>
            <td style="padding:1rem;vertical-align:top;">Backup immutability is not enforced on primary repository.</td>
            <td style="padding:1rem;vertical-align:top;"><span style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 30%, transparent);background:color-mix(in srgb, var(--destructive) 10%, transparent);color:var(--destructive);"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg><span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Critical</span></span></td>
            <td class="font-mono" style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);">Enable S3 Object Lock or hardened Linux repository for immutable storage.</td>
            <td style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);font-style:italic;">Veeam B&amp;R Console → Backup Infrastructure → Repositories (screenshot 2025-01-12)</td>
          </tr>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;vertical-align:top;color:color-mix(in srgb, var(--primary) 80%, transparent);">Identity</td>
            <td style="padding:1rem;vertical-align:top;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent);color:var(--destructive);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-1</span></td>
            <td style="padding:1rem;vertical-align:top;">Domain Controller time drift exceeding 5 minutes (NTP skew).</td>
            <td style="padding:1rem;vertical-align:top;"><span style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 30%, transparent);background:color-mix(in srgb, var(--destructive) 10%, transparent);color:var(--destructive);"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg><span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Critical</span></span></td>
            <td class="font-mono" style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);">Re-sync PDC Emulator to reliable external stratum-1 source.</td>
            <td style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);font-style:italic;">w32tm /monitor output on DC01 (log capture 2025-01-11)</td>
          </tr>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;vertical-align:top;color:color-mix(in srgb, var(--primary) 80%, transparent);">Virtualization</td>
            <td style="padding:1rem;vertical-align:top;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent);color:var(--destructive);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-1</span></td>
            <td style="padding:1rem;vertical-align:top;">vSphere 6.7 hosts remaining in production (End of General Support).</td>
            <td style="padding:1rem;vertical-align:top;"><span style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);background:color-mix(in srgb, var(--warning) 10%, transparent);color:var(--warning-foreground);"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg><span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">High</span></span></td>
            <td class="font-mono" style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);">Accelerate hardware refresh or migrate to vSphere 8.0.</td>
            <td style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);font-style:italic;">vCenter Inventory → Hosts &amp; Clusters view (screenshot 2025-01-10)</td>
          </tr>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;vertical-align:top;color:color-mix(in srgb, var(--primary) 80%, transparent);">Azure Foundation</td>
            <td style="padding:1rem;vertical-align:top;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent);color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-2</span></td>
            <td style="padding:1rem;vertical-align:top;">Missing Resource Locks on 'Production-Core' networking resources.</td>
            <td style="padding:1rem;vertical-align:top;"><span style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--info) 30%, transparent);background:color-mix(in srgb, var(--info) 10%, transparent);color:var(--info);"><span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Medium</span></span></td>
            <td class="font-mono" style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);">Apply 'CanNotDelete' locks to critical VNets and Gateways.</td>
            <td style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);font-style:italic;">Azure Portal → Resource Group → Locks blade (screenshot 2025-01-12)</td>
          </tr>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;vertical-align:top;color:color-mix(in srgb, var(--primary) 80%, transparent);">Storage</td>
            <td style="padding:1rem;vertical-align:top;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent);color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-2</span></td>
            <td style="padding:1rem;vertical-align:top;">SAN firmware is 3 versions behind manufacturer baseline.</td>
            <td style="padding:1rem;vertical-align:top;"><span style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--info) 30%, transparent);background:color-mix(in srgb, var(--info) 10%, transparent);color:var(--info);"><span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Medium</span></span></td>
            <td class="font-mono" style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);">Schedule rolling controller updates during next maintenance window.</td>
            <td style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);font-style:italic;">Dell PowerStore Manager → System → Software (screenshot 2025-01-09)</td>
          </tr>
          <tr>
            <td class="font-mono" style="padding:1rem;font-weight:500;vertical-align:top;color:color-mix(in srgb, var(--primary) 80%, transparent);">Documentation</td>
            <td style="padding:1rem;vertical-align:top;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-3</span></td>
            <td style="padding:1rem;vertical-align:top;">Site Recovery Plan (SRP) has not been tested in >12 months.</td>
            <td style="padding:1rem;vertical-align:top;"><span style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--info) 30%, transparent);background:color-mix(in srgb, var(--info) 10%, transparent);color:var(--info);"><span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Medium</span></span></td>
            <td class="font-mono" style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);">Execute a non-disruptive DR drill for Tier-1 applications.</td>
            <td style="padding:1rem;vertical-align:top;font-size:var(--text-xs);color:var(--muted-foreground);font-style:italic;">SRP document revision history — last update 2023-11-14 (PDF metadata)</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</section>

<!-- ─── Recovery Evidence Checklist ─── -->
<section style="margin-bottom:4rem;">
  <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
    <h2 style="font-size:var(--text-xl);font-weight:500;">Recovery Evidence Checklist</h2>
    <span class="font-mono" style="font-size:var(--text-xs);color:var(--muted-foreground);">Restore tests, runbooks, logs</span>
  </div>
  <div style="border:1px solid var(--border);background:var(--background);overflow:hidden;">
    <div style="overflow-x:auto;">
      <table style="width:100%;text-align:left;border-collapse:collapse;font-size:var(--text-sm);">
        <thead>
          <tr style="border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--muted) 20%, transparent);">
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;">System</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;">Tier</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;">Last Restore Test</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;text-align:center;">Result</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;text-align:center;">Runbook Current</th>
            <th class="font-mono" style="padding:1rem;font-size:var(--text-xs);font-weight:400;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.1em;">Notes</th>
          </tr>
        </thead>
        <tbody>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;color:color-mix(in srgb, var(--primary) 80%, transparent);">AD Domain Controllers</td>
            <td style="padding:1rem;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent);color:var(--destructive);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-1</span></td>
            <td class="font-mono" style="padding:1rem;">2024-09-15</td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></td>
            <td style="padding:1rem;font-size:var(--text-xs);color:var(--muted-foreground);">Bare-metal restore to isolated VLAN verified.</td>
          </tr>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;color:color-mix(in srgb, var(--primary) 80%, transparent);">SQL Production Cluster</td>
            <td style="padding:1rem;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent);color:var(--destructive);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-1</span></td>
            <td class="font-mono" style="padding:1rem;">2024-06-22</td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--destructive)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></td>
            <td style="padding:1rem;font-size:var(--text-xs);color:var(--muted-foreground);">Database integrity check passed. Runbook references deprecated SAN.</td>
          </tr>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;color:color-mix(in srgb, var(--primary) 80%, transparent);">File Server (DFS)</td>
            <td style="padding:1rem;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent);color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-2</span></td>
            <td class="font-mono" style="padding:1rem;">Never</td>
            <td style="padding:1rem;text-align:center;"><span class="font-mono" style="font-size:var(--text-xs);color:var(--muted-foreground);">—</span></td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--destructive)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></td>
            <td style="padding:1rem;font-size:var(--text-xs);color:var(--muted-foreground);">No documented restore procedure exists.</td>
          </tr>
          <tr style="border-bottom:1px solid var(--border);">
            <td class="font-mono" style="padding:1rem;font-weight:500;color:color-mix(in srgb, var(--primary) 80%, transparent);">Azure App Services</td>
            <td style="padding:1rem;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent);color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-2</span></td>
            <td class="font-mono" style="padding:1rem;">2025-01-05</td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></td>
            <td style="padding:1rem;font-size:var(--text-xs);color:var(--muted-foreground);">Deployment slot swap verified; geo-failover untested.</td>
          </tr>
          <tr>
            <td class="font-mono" style="padding:1rem;font-weight:500;color:color-mix(in srgb, var(--primary) 80%, transparent);">Legacy ERP (VM)</td>
            <td style="padding:1rem;"><span class="font-mono" style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent);color:var(--destructive);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;">Tier-1</span></td>
            <td class="font-mono" style="padding:1rem;">2023-11-02</td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--destructive)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></td>
            <td style="padding:1rem;text-align:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--destructive)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></td>
            <td style="padding:1rem;font-size:var(--text-xs);color:var(--muted-foreground);">Restore boot failed — missing SCSI driver in backup image.</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <p class="font-mono" style="font-size:var(--text-xs);color:var(--muted-foreground);margin-top:0.75rem;">
    Recovery evidence is verified against actual restore job logs and operator confirmation. Systems marked "untested" have no documented restore attempt on record.
  </p>
</section>

<!-- ─── Prioritized Remediation & CTA ─── -->
<section style="margin-bottom:4rem;">
  <div class="grid-2" style="gap:2rem;">
    <div style="border:1px solid var(--border);background:var(--background);padding:2rem;">
      <h2 style="font-size:var(--text-xl);font-weight:500;margin-bottom:1.5rem;">Prioritized Remediation</h2>
      <div>
        <div style="display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);">
          <span class="font-mono" style="color:color-mix(in srgb, var(--primary) 60%, transparent);font-size:var(--text-sm);flex-shrink:0;">01</span>
          <div>
            <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);">Immediate</p>
            <p style="font-size:var(--text-sm);font-weight:500;margin:0.5rem 0;">Fix NTP skew and verify identity synchronization.</p>
            <span style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, #16a34a 30%, transparent);background:color-mix(in srgb, #16a34a 10%, transparent);color:#16a34a;font-size:10px;" class="font-mono">Reversible</span>
            <p style="font-size:11px;color:var(--muted-foreground);margin-top:0.25rem;">Non-destructive; previous NTP source can be restored.</p>
          </div>
        </div>
        <div style="display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);">
          <span class="font-mono" style="color:color-mix(in srgb, var(--primary) 60%, transparent);font-size:var(--text-sm);flex-shrink:0;">02</span>
          <div>
            <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);">Q1</p>
            <p style="font-size:var(--text-sm);font-weight:500;margin:0.5rem 0;">Implement immutable backup tier for ransomware protection.</p>
            <span style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, #16a34a 30%, transparent);background:color-mix(in srgb, #16a34a 10%, transparent);color:#16a34a;font-size:10px;" class="font-mono">Reversible</span>
            <p style="font-size:11px;color:var(--muted-foreground);margin-top:0.25rem;">Additive change; existing repositories remain untouched.</p>
          </div>
        </div>
        <div style="display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);">
          <span class="font-mono" style="color:color-mix(in srgb, var(--primary) 60%, transparent);font-size:var(--text-sm);flex-shrink:0;">03</span>
          <div>
            <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);">Q1</p>
            <p style="font-size:var(--text-sm);font-weight:500;margin:0.5rem 0;">Decommission or upgrade vSphere 6.7 legacy hosts.</p>
            <span style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);background:color-mix(in srgb, var(--warning) 10%, transparent);color:var(--warning-foreground);font-size:10px;" class="font-mono">Maintenance window</span>
            <p style="font-size:11px;color:var(--muted-foreground);margin-top:0.25rem;">Requires maintenance window. VMs can be migrated back if needed.</p>
          </div>
        </div>
        <div style="display:flex;gap:1rem;padding:1rem 0;">
          <span class="font-mono" style="color:color-mix(in srgb, var(--primary) 60%, transparent);font-size:var(--text-sm);flex-shrink:0;">04</span>
          <div>
            <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground);">Q2</p>
            <p style="font-size:var(--text-sm);font-weight:500;margin:0.5rem 0;">Execute full DR test and update recovery runbooks.</p>
            <span style="display:inline-block;padding:0.125rem 0.5rem;border:1px solid color-mix(in srgb, #16a34a 30%, transparent);background:color-mix(in srgb, #16a34a 10%, transparent);color:#16a34a;font-size:10px;" class="font-mono">Reversible</span>
            <p style="font-size:11px;color:var(--muted-foreground);margin-top:0.25rem;">Non-disruptive drill in isolated network; production unaffected.</p>
          </div>
        </div>
      </div>
    </div>

    <div style="position:relative;border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent);padding:2rem;display:flex;flex-direction:column;justify-content:center;">
      <div style="position:absolute;top:0;left:0;width:12px;height:12px;border-top:1px solid color-mix(in srgb, var(--primary) 40%, transparent);border-left:1px solid color-mix(in srgb, var(--primary) 40%, transparent);"></div>
      <div style="position:absolute;bottom:0;right:0;width:12px;height:12px;border-bottom:1px solid color-mix(in srgb, var(--primary) 40%, transparent);border-right:1px solid color-mix(in srgb, var(--primary) 40%, transparent);"></div>
      <h2 style="font-size:var(--text-xl);font-weight:500;margin-bottom:1rem;">Get this clarity for your environment.</h2>
      <p style="font-size:var(--text-sm);color:var(--muted-foreground);margin-bottom:2rem;">
        Stop guessing about drift and recovery. Get a fixed-scope Health Check that provides evidence, not just opinions.
      </p>
      <div style="display:flex;flex-direction:column;gap:0.75rem;">
        <a href="/health-check/" class="btn btn-primary" style="width:100%;text-align:center;">Request Health Check</a>
        <span class="btn btn-ghost" style="width:100%;text-align:center;opacity:0.5;cursor:default;">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:0.5rem;"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Download PDF (Client Only)
        </span>
      </div>
    </div>
  </div>
</section>

<!-- ─── Operator Handoff Notes ─── -->
<section style="margin-bottom:4rem;">
  <h2 style="font-size:var(--text-xl);font-weight:500;margin-bottom:1.5rem;">Operator Handoff Notes</h2>
  <div style="border:1px solid var(--border);background:var(--background);overflow:hidden;">
    <div style="border-bottom:1px solid var(--border);padding:0.75rem 1.5rem;background:color-mix(in srgb, var(--muted) 20%, transparent);display:flex;align-items:center;gap:0.5rem;">
      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
      <span class="font-mono" style="font-size:10px;text-transform:uppercase;letter-spacing:0.2em;color:var(--muted-foreground);">Operational Context — Redacted</span>
    </div>

    <div style="padding:1rem 1.5rem;border-bottom:1px solid var(--border);">
      <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:color-mix(in srgb, var(--primary) 70%, transparent);margin-bottom:0.25rem;">Primary Operator</p>
      <p style="font-size:var(--text-sm);color:var(--muted-foreground);">[Redacted] — sole administrator for vSphere and Veeam. On-call rotation is informal.</p>
    </div>
    <div style="padding:1rem 1.5rem;border-bottom:1px solid var(--border);">
      <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:color-mix(in srgb, var(--primary) 70%, transparent);margin-bottom:0.25rem;">Escalation Path</p>
      <p style="font-size:var(--text-sm);color:var(--muted-foreground);">No documented escalation matrix. Hardware issues go directly to Dell ProSupport; Azure issues default to Microsoft Premier.</p>
    </div>
    <div style="padding:1rem 1.5rem;border-bottom:1px solid var(--border);">
      <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:color-mix(in srgb, var(--primary) 70%, transparent);margin-bottom:0.25rem;">Tribal Knowledge Risk</p>
      <p style="font-size:var(--text-sm);color:var(--muted-foreground);">Firewall rules on the Fortigate were last modified by a former contractor. No change log exists. Current operator inherited the configuration.</p>
    </div>
    <div style="padding:1rem 1.5rem;border-bottom:1px solid var(--border);">
      <p class="font-mono" style="font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.1em;color:color-mix(in srgb, var(--primary) 70%, transparent);margin-bottom:0.25rem;">Credential Management</p>
      <p style="font-size:var(--text-sm);color:var(--muted-foreground);">Service accounts use shared credentials stored in a local KeePass file on the admin workstation. No PAM or vault solution in place.</p>
    </div>

    <div style="border-top:1px solid var(--border);padding:0.75rem 1.5rem;background:color-mix(in srgb, var(--muted) 10%, transparent);">
      <p style="font-size:11px;color:var(--muted-foreground);font-style:italic;">
        Full handoff documentation includes credential inventory, vendor contact list, and infrastructure decision log. Provided to client in the finalized report package.
      </p>
    </div>
  </div>
</section>

<style>
  .summary-stats { grid-template-columns: repeat(3, 1fr); }
  @media (max-width: 640px) { .summary-stats { grid-template-columns: 1fr; } }
</style>