<div class="db-slide">
  <div class="headline">
    <span>Authentication without Identification.</span>
  </div>

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

  <div v-click class="reveal">
    &ldquo;Apple Pay,&rdquo; but for identity.
  </div>

  <div v-click class="explain">
    Tap. The site knows you're one human. Nothing else.
  </div>
</div>

<style scoped>
.db-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;
}
.db-slide .headline {
  font-family: 'DM Serif Display', serif;
  font-size: 2.4rem;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 0.6rem;
}
.db-slide .headline .kill {
  text-decoration: line-through;
  text-decoration-color: rgba(255, 255, 255, 0.78);
  text-decoration-thickness: 1.5px;
}
.db-slide .subhead {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  max-width: 32rem;
}
.db-slide .rule {
  width: 2.5rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 2rem 0;
}
.db-slide .reveal-label {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0.85rem;
}
.db-slide .reveal {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 2.6rem;
  line-height: 1.1;
  color: #ffffff;
}
.db-slide .explain {
  margin-top: 1.25rem;
  font-family: 'DM Serif Display', serif;
  font-size: 1.05rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.65);
  max-width: 34rem;
}
.db-slide .explain em { font-style: italic; color: rgba(255, 255, 255, 0.85); }
.db-slide .pair {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.db-slide .pair-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.db-slide .pair-num {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.55rem;
  font-weight: 500;
  letter-spacing: 0.35em;
  color: rgba(255, 255, 255, 0.4);
}
.db-slide .pair-label {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
}
.db-slide .pair-sep {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
}
.db-slide .kicker {
  margin-top: 1.75rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2;
}
.db-slide .kicker em { color: #ffffff; font-style: normal; }
</style>

<!--
I like to think of this technology, as authentication infrastructure. 

Something that you can use to authenticate someone, without identifying them.

The functioning of this system is a talk in of itself, but you can experience it today, at the venue. 

(CLICK)

For those online, think of it as Apple Pay but for identity. 

When you use Apple Pay, the merchant doesn't ...

(CLICK)

So Tap, and the machine knows you're one human. Authenticated, but not identified. 



-->
