body > main > section:first-child, 
.features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

@media(max-width: 768px) {
   body > main > section:first-child,
   .features-grid {
        grid-template-columns: 1fr;
   }
}

body > main > section:first-child > * {
    margin: auto;
}

main > section:first-child {
    padding-block: var(--space-10);
}

main > section:first-child h1 {
    font-size: 3em;
}

main > section:first-child p {
    font-size: 1.2em;
}

section {
    margin-bottom: var(--space-4);
}

#demo {
    scroll-margin-top: 5rem;
}

.cta {
    text-align: center;
    padding-block: var(--space-4);
}

section.cta a {
    font-size: 1em;
}