<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
<title>The Transportation Management Podcast</title>
<style>
  :root { color-scheme: light dark; }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; height: 100%; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.55;
    color: #1a1a1a;
    background: #f7f5f0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
  }
  @media (prefers-color-scheme: dark) {
    body { background: #14181d; color: #e8ecef; }
    .card { background: #1c2128; border-color: #2a313a; }
  }
  .card {
    max-width: 560px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e6e2d8;
    border-radius: 12px;
    padding: 2.25rem 2rem;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06);
    text-align: center;
  }
  h1 { margin: 0 0 1rem 0; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.01em; }
  p  { margin: 0.6rem 0; }
</style>
</head>
<body>
  <main class="card">
    <h1>The Transportation Management Podcast</h1>
    <p>The podcast will be back shortly.</p>
  </main>
</body>
</html>
