<div class="web-slide">
  <div class="setup">The current web is becoming the "botweb", the next web should become</div>

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

  <div v-click class="punch">
    The <em>human</em> web.
  </div>

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

  <div v-click class="test">
    A web that actually works for <em>you</em>.
  </div>
</div>

<style scoped>
.web-slide {
  position: absolute;
  inset: 0;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3rem 4rem;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.web-slide .setup {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.55);
}
.web-slide .rule {
  width: 2rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 1.25rem 0;
}
.web-slide .rule.big {
  width: 4rem;
  background: rgba(255, 255, 255, 0.55);
  margin: 1.75rem 0;
}
.web-slide .rule.faint {
  background: rgba(255, 255, 255, 0.18);
  margin: 1.5rem 0;
}
.web-slide .headline {
  font-family: 'DM Serif Display', serif;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #ffffff;
}
.web-slide .headline em { font-style: italic; }
.web-slide .punch {
  font-family: 'DM Serif Display', serif;
  font-size: 5.5rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.web-slide .punch em { font-style: italic; color: #ffffff; }
.web-slide .test {
  font-family: 'DM Serif Display', serif;
  font-size: 1.2rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
  max-width: 32rem;
}
.web-slide .test em { font-style: italic; color: rgba(255, 255, 255, 0.95); }
.web-slide .kicker {
  margin-top: 1.5rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  line-height: 2;
}
</style>

<!--

If Web2 became the botweb, a web taken over by bots, because of platform silos each reinventing their own authentication infrastructure

(CLICK)

We can make Web3, the human web

Not only a layer that proves the internet is still human

(CLICK)

But also, that it is made for humans 

Which is where you come in 
-->
