.home {
    display: grid;
    gap: 16px;
}

.home__title {
    margin: 0;
    text-align: center;
}

.home__subtitle {
    margin: 0;
    text-align: center;
    opacity: 0.8;
}

.home__section {
    margin-top: 0;
    /* card component adds margin-top by default */
}

.home__section h2 {
    margin-top: 0;
}

.home__list {
    margin: 10px 0 0;
    padding-left: 20px;
}

.home__hint {
    margin: 8px 0 0;
    opacity: 0.85;
}

.home__list--ticks {
    list-style: none;
    padding-left: 0;
    margin: 10px 0 0;
}

/* text + tick sit next to each other, tick stays close (not far-right) */
.home__list--ticks li {
    margin: 14px 0;
}

/* tick sits just after the text block */
.home__list--ticks li::after {
    content: "✓";
    color: #A88CC8;
    font-weight: 900;
    white-space: nowrap;
    margin-left: 8px;
}

/* Two-column layout for services on desktop */
@media (min-width: 721px) {
    .home__list--ticks {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 32px;
        row-gap: 6px;
        padding-top: 6px;
    }

    .home__list--ticks li {
        margin: 6px 0;
        padding: 6px 0;
    }
}