.feature-list { padding: 80px 0; background: var(--color-white); }
.feature-list--bg-grey { background: var(--color-grey-light-1); }

.feature-list__inner { display: contents; }
.feature-list--boxed .feature-list__inner {
    display: block;
    background: var(--color-grey-light-1);
    border-radius: var(--radius-lg);
    padding: 56px 64px;
}
.feature-list--boxed .feature-list__grid { grid-template-columns: 1fr; }
.feature-list--boxed .feature-list__title { text-align: left; margin-bottom: 16px; }
.feature-list--boxed .feature-list__lead { max-width: none; margin-bottom: 20px; }

.feature-list__note {
    margin-top: 24px;
    font-size: 16px; line-height: 26px; color: var(--color-black);
}
.feature-list__note p { margin: 0 0 1em; }
.feature-list__note p:last-child { margin-bottom: 0; }

.feature-list__cta { margin-top: 28px; }
.feature-list--boxed .feature-list__cta { display: flex; justify-content: flex-start; }

.feature-list__grid {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 60px;
    row-gap: 32px;
    align-items: start;
}
.feature-list--split .feature-list__grid {
    grid-template-columns: minmax(280px, 480px) 1fr;
}

.feature-list__title {
    font-size: 44px; line-height: 58px; font-weight: 700;
    color: var(--color-black);
    margin: 0;
}
.feature-list__title-main { color: var(--color-black); }
.feature-list__title-accent { color: var(--color-blue); }

.feature-list__column { display: flex; flex-direction: column; gap: 16px; }
.feature-list__col-heading {
    font-size: 20px; line-height: 28px; font-weight: 700;
    color: var(--color-black);
    margin: 0;
}
.feature-list--cards .feature-list__column {
    background: var(--color-white);
    border-radius: var(--radius-md);
    padding: 28px;
    box-shadow: 0 4px 20px rgba(28, 28, 28, 0.06);
}

.feature-list__lead {
    font-size: 16px; line-height: 26px; color: var(--color-black);
    margin: 0 0 24px;
    max-width: 720px;
}
.feature-list__subtitle {
    font-size: 20px; line-height: 28px; font-weight: 700;
    color: var(--color-black);
    margin: 0 0 16px;
}

.feature-list__columns {
    display: grid;
    grid-template-columns: repeat(var(--feature-list-cols, 1), minmax(0, 1fr));
    gap: 16px 48px;
}
.feature-list__list { display: flex; flex-direction: column; gap: 12px; }
.feature-list__item {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 12px;
    align-items: start;
    font-size: 16px; line-height: 24px; color: var(--color-black);
}
.feature-list__chev {
    color: var(--color-blue);
    display: inline-flex; align-items: center; justify-content: center;
    margin-top: 2px;
}

@media (max-width: 991px) {
    .feature-list { padding: 56px 0; }
    .feature-list--split .feature-list__grid { grid-template-columns: 1fr; }
    .feature-list__columns { grid-template-columns: 1fr; gap: 12px; }
    .feature-list--boxed .feature-list__inner { padding: 40px 32px; }
}

@media (max-width: 767px) {
    .feature-list { padding: 40px 0; }
    .feature-list__title { font-size: 28px; line-height: 36px; }
    .feature-list__subtitle { font-size: 18px; line-height: 26px; }
    .feature-list--boxed .feature-list__inner { padding: 28px 20px; }
    .feature-list__cta .btn { width: 100%; }
}
