<script setup>
import TrustFlow from '../components/TrustFlow.vue'
</script>

<div class="platforms-slide">
  <div class="headline">
    Platforms <em>intermediate</em> trust.
  </div>

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

  <TrustFlow />

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

  <div class="counter">
    They were never built to <em>guarantee</em> it.
  </div>

  <div v-click class="kicker">
    You can't ask the company whose stock price is user numbers<br>
    to be the honest counter of humans.
  </div>
</div>

<style scoped>
.platforms-slide {
  position: absolute;
  inset: 0;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.5rem 3rem;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.platforms-slide .headline {
  font-family: 'DM Serif Display', serif;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;
  max-width: 40rem;
}
.platforms-slide .headline em { font-style: italic; color: rgba(255, 255, 255, 0.65); }
.platforms-slide .counter {
  font-family: 'DM Serif Display', serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;
  max-width: 40rem;
  margin-top: 0.5rem;
}
.platforms-slide .counter em { font-style: italic; color: #ffffff; }
.platforms-slide .rule {
  width: 2.5rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 1.25rem 0;
}
.platforms-slide .rule.faint {
  background: rgba(255, 255, 255, 0.18);
  margin: 1.25rem 0;
}
.platforms-slide .aside {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 1.15rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
  max-width: 34rem;
}
.platforms-slide .kicker {
  margin-top: 1.75rem;
  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.55);
  line-height: 2;
}
</style>

<!--
Platforms will not be enough.

Not because they are evil, but because of what they are. 

They are essentially databases tuned by algorithms designed to increase engagement. 

And the problem is that bots and humans look identical to a system that measures engagement. 

The platform will show some content made by a bot, if it serves its purpose. 

Additionally:

(CLICK)

You cannot ask a company whose stock price is measured in "active users" to be an honest counter of humans. 

So what can we belive? 
-->
