.hero {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.hero-card {
    background: none;
    border-radius: 12px;
    padding: 24px;
}

.hero-title {
    font: 700 22px Syne, sans-serif;
    color: rgb(255, 255, 255);
}

.hero-description {
    font: 400 12px "DM Sans", sans-serif;
    color: rgb(74, 96, 128);
}