<div class="title-slide">
  <div class="header">
    <div class="name">Karim Jedda</div>
    <div class="header-rule"></div>
    <div class="bio">
      <div>Engineering @ Parity</div>
    </div>
  </div>

  <div class="title-block">
    <div class="title">People don't use technology,<br>they use <em>products</em>...</div>
    <div v-click class="parts">
      <div class="part"><span class="part-num">Part 1</span>the internet is losing its humans</div>
      <div class="part"><span class="part-num">Part 2</span>the technology we developed to solve this</div>
      <div class="part"><span class="part-num">Part 3</span>what you can do with it</div>
    </div>
  </div>

</div>

<style scoped>
.title-slide {
  position: absolute;
  inset: 0;
  background: #000;
  padding: 2.75rem 4rem 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.title-slide .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.85rem;
}
.title-slide .name {
  font-family: 'DM Serif Display', serif;
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #ffffff;
}
.title-slide .header-rule {
  width: 2rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.title-slide .bio {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.9;
}

.title-slide .title-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
  max-width: 42rem;
}
.title-slide .title-eyebrow {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
}
.title-slide .title {
  font-family: 'DM Serif Display', serif;
  font-weight: 400;
  font-size: 3.1rem;
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: #ffffff;
  margin: 0;
}
.title-slide .title em { font-style: italic; }
.title-slide .title-aside {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.55);
  max-width: 32rem;
}
.title-slide .title-pivot {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: #ffffff;
}

.title-slide .parts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.4rem;
}
.title-slide .part {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}
.title-slide .part-num {
  color: rgba(255, 255, 255, 0.4);
  margin-right: 0.9em;
}
</style>

<!--
Karim, I'm an engineering director at Parity 

Been 4 years i'm in Web3 working on open-source software

The title of this talk is something you probably heard every founder --- on every stage --- repeat for the last decade:

People do not use technology, they use products. 

I said it too, I believe it. But I think it's missing something very important. 

2 words. 

And these 2 words, turn out to be --- what I belive --- the most valuable unbuilt opportunity on the internet.

And I'm not talking about UX (user experience), I'm talking about something else. Something far more important. 

(CLICK)

My talk has 3 parts
- Internet is losing its humans
- The tech we develop to solve this 
- what you can do with it

Let us begin.
-->
