<div class="agents-slide">
  <div class="headline">
    <span class="kill">Not bots.</span>
    <span class="punch"><em>Agents.</em></span>
  </div>

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

  <ul class="capabilities">
    <li v-click>Hold conversations.</li>
    <li v-click>Wear faces that don't exist, or even do.</li>
    <li v-click>Pass every test built to detect them.</li>
  </ul>
</div>

<style scoped>
.agents-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;
}
.agents-slide .headline {
  font-family: 'DM Serif Display', serif;
  font-size: 3.5rem;
  line-height: 1.1;
  letter-spacing: -0.015em;
  color: #ffffff;
  display: flex;
  gap: 0.6em;
  align-items: baseline;
}
.agents-slide .headline .kill {
  color: rgba(255, 255, 255, 0.32);
  text-decoration: line-through;
  text-decoration-color: rgba(255, 255, 255, 0.4);
  text-decoration-thickness: 1px;
}
.agents-slide .headline .punch em { font-style: italic; }
.agents-slide .rule {
  width: 2.5rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 2rem 0;
}
.agents-slide .capabilities {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  font-family: 'DM Serif Display', serif;
  font-size: 1.35rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.78);
  max-width: 36rem;
}
.agents-slide .capabilities li {
  position: relative;
}
.agents-slide .kicker {
  margin-top: 2.5rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  line-height: 2;
}
</style>

<!--
We now call them agents. 

(CLICK)

Machines that hold conversations. 

(CLICK)

Machines that have profile pictures of people that don't exist, or even do exist. 

(CLICK)

Machines that have passed every single test we devised to recognize them. 

So a question we're going ask ourselves more and more, is the same question I started with: "Can I trust that this was made by a human or that I'm interacting with a human?" 

Centralized platforms came up with different solutions to this problem, but there's a problem with that. 
-->
