.title {
    line-height: 1.1;
    letter-spacing: -0.02rem;
    margin-bottom: 1.25rem;
}

h1.title { font-size: clamp(3rem, 6vw, 6rem); }
h2.title { font-size: clamp(2rem, 3vw, 4rem); }
h3.title { font-size: clamp(1.5rem, 3vw, 3rem); }
h4.title { font-size: clamp(1rem, 3vw, 2rem); }

.title em {
    font-style: normal;
    color: var(--accent);
}

.hero {
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 5em clamp(1rem, 3vw, 8rem) 0;
    position: relative;
}

.hero p {
    max-width: 520px;
    color: var(--secondary);
}

.hero em code {
    font-style: normal;
    color: var(--accent);
}

.stats {
    display: flex;
    flex-direction: column;
    align-items: center;
}