.m-icon-row__head {
    max-width: 60ch;
    margin: 0 auto var(--space-8);
    text-align: center;
}
.m-icon-row__head .lead { margin-top: var(--space-3); }

.m-icon-row__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--space-7) var(--space-5);
}
.m-icon-row__item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.m-icon-row__icon {
    display: inline-flex;
    margin-bottom: var(--space-4);
    color: var(--color-text);
}
.m-icon-row__icon .ai-icon {
    width: 64px;
    height: 64px;
    stroke-width: 1.45;
}
.m-icon-row__item h3 {
    font-size: var(--fs-lg);
    line-height: 1.25;
    margin-bottom: var(--space-2);
    max-width: 13ch;
    text-wrap: balance;
}
.m-icon-row__item p {
    font-size: var(--fs-sm);
    color: var(--color-text-muted);
    max-width: 24ch;
    margin: 0;
}

@media (max-width: 980px) {
    .m-icon-row__list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
    .m-icon-row__list { grid-template-columns: repeat(2, 1fr); gap: var(--space-6) var(--space-4); }
    .m-icon-row__icon .ai-icon { width: 52px; height: 52px; }
}
