<div class="how-slide">
  <div class="headline">
    "How do I know what is true?"
  </div>

  <div class="rule"></div>

  <ul class="signals">
    <li><span v-click class="strike">Checkmarks</span></li>
    <li><span v-click class="strike">Star ratings</span></li>
    <li><span v-click class="strike">Follower counts</span></li>
    <li><span v-click>bought for under $5 in under 5 minutes</span></li>
  </ul>

  <div class="rule faint"></div>

  <div v-click class="punch">We have <em>no</em> answer.</div>
</div>

<style scoped>
.how-slide {
  position: absolute;
  inset: 0;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4rem;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.how-slide .headline {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 3.5rem;
  line-height: 1.15;
  color: #ffffff;
}
.how-slide .rule {
  width: 2.5rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 1.75rem 0;
}
.how-slide .rule.faint {
  background: rgba(255, 255, 255, 0.18);
  margin: 1.5rem 0;
}
.how-slide .signals {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  font-family: 'DM Serif Display', serif;
  font-size: 1.5rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.55);
}
.how-slide .signals .strike {
  text-decoration: line-through;
  text-decoration-color: rgba(255, 255, 255, 0.78);
  text-decoration-thickness: 1.5px;
}
.how-slide .caption {
  margin-top: 1.25rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.how-slide .punch {
  font-family: 'DM Serif Display', serif;
  font-size: 2.6rem;
  color: #ffffff;
  letter-spacing: -0.01em;
}
.how-slide .punch em { font-style: italic; color: #ffffff; }
</style>

<!--
Every signal we built to answer "can I trust this" is breaking 

(CLICK) Checkmarks (little logos next to your username)

(CLICK) Star ratings

(CLICK) Follower counts

All these can now be bought for under FIVE DOLLARS in under FIVE MINUTES. 

(STORY IAN) A man in the UK opened an online restaurant that became extremely popular. But it was all an experiment. He had no restaurant, and the only thing he was selling was bleach. 

So the question of "how do I know what is true?"

(CLICK)

Has no working answer. 

To be clear, the problem is NOT that a machine wrote something or generated a sentence, 

AI is useful. I use it every day. 

The problem is when a handful of bad actors look like a lot of people, for free. 

Let me make it concrete. 
-->
