.features { padding: 5rem 0; background-color: #f3f4f6; }
.features__container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.features__header { text-align: center; margin-bottom: 4rem; }
.features__title { font-size: 2.25rem; font-weight: 700; color: #1f2937; }
.features__subtitle { font-size: 1.125rem; color: #4b5563; margin-top: 1rem; }
.features__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; }
@media (min-width: 768px) { .features__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.features__card { background-color: #ffffff; padding: 2rem; border-radius: 0.75rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; }
.features__card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.features__card-icon { color: #2563eb; margin-bottom: 1rem; font-size: 2.25rem; }
.features__card-title { font-size: 1.5rem; font-weight: 700; color: #1f2937; margin-bottom: 0.5rem; }
.features__card-description { color: #4b5563; }