# Application received,  PreVetted Podcast

Your podcast guest application has been received.

<section class="thanks-section">
  <div class="container container-narrow">
    <div class="breadcrumb">
      <a href="">PreVetted Podcast</a>
      <span>·</span>
      <span class="current">Received</span>
    </div>

    <header class="thanks-header">
      <div class="hero-eyebrow">Application received</div>
      <h1>Got it. <em>Thanks for sending this in.</em></h1>
      <p class="hero-lede">
        Your application is in my inbox. I read every one personally,  usually within a week,
        occasionally two if I'm traveling. You'll hear back either way.
      </p>
    </header>

    <div class="thanks-next">
      <h3>While you wait</h3>
      <ul>
        <li>
          Listen to a recent episode in your <a href="">category</a>
          to get a sense of the conversational style.
        </li>
        <li>
          If you want to add anything to your application,  a recent post, a deck, a side project
          that makes the case better,  reply to the confirmation email and attach it.
        </li>
        <li>
          If something time-sensitive comes up
          (a launch, a milestone, a press window),
          let me know directly: <a href="mailto:"></a>.
        </li>
      </ul>
    </div>

    <div class="thanks-cta">
      <a href="" class="btn-back">← Back to the podcast</a>
    </div>
  </div>
</section>

<style>
.thanks-section {
  padding: 60px 0 120px;
  min-height: 60vh;
}

.breadcrumb {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink-muted);
  margin-bottom: 40px;
}
.breadcrumb a {
  color: var(--ink-muted);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.breadcrumb a:hover { color: var(--rust); border-bottom-color: var(--rust); }
.breadcrumb span { margin: 0 10px; }
.breadcrumb .current { color: var(--rust); }

.thanks-header {
  margin-bottom: 56px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--line);
}
.thanks-header h1 {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 400;
  font-size: clamp(36px, 4.8vw, 60px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin-bottom: 24px;
  margin-top: 16px;
}
.thanks-header h1 em { color: var(--rust); font-style: italic; }
.thanks-header .hero-lede {
  font-size: 19px;
  line-height: 1.55;
  color: var(--ink-soft);
}

.thanks-next h3 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--rust);
  font-weight: 500;
  margin-bottom: 20px;
}

.thanks-next ul {
  list-style: none;
  padding: 0;
  margin: 0 0 56px 0;
}

.thanks-next li {
  padding: 14px 0 14px 32px;
  position: relative;
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink-soft);
  border-top: 1px solid var(--line);
}

.thanks-next li:first-child { border-top: none; }

.thanks-next li::before {
  content: '→';
  position: absolute;
  left: 0;
  top: 14px;
  color: var(--rust);
  font-family: 'JetBrains Mono', monospace;
}

.thanks-next a {
  color: var(--rust);
  border-bottom: 1px solid var(--rust);
  text-decoration: none;
}

.thanks-cta {
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.btn-back {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 4px;
  transition: all 0.2s;
}
.btn-back:hover { color: var(--rust); border-bottom-color: var(--rust); }
</style>
