.features{

    padding:100px 0;

}

.features-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:28px;

}

.feature-card{

    background:white;

    border:1px solid var(--color-border);

    border-radius:var(--radius-xl);

    padding:36px;

    text-align:center;

    transition:var(--transition);

    box-shadow:var(--shadow-sm);

}

.feature-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-md);

}

.feature-icon{

    font-size:42px;

    margin-bottom:20px;

}

.feature-card h3{

    margin-bottom:14px;

    font-size:24px;

}

.feature-card p{

    color:var(--color-text-light);

}