.smart-grid-section{padding:60px 20px}.grid-container{margin:0 auto;max-width:1140px;width:100%}.grid-header{margin-bottom:50px;text-align:center}.grid-header h2{color:#2d3e50;font-size:2.2rem;font-weight:700}.grid-row{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.grid-card{border-radius:8px;flex:1 1 300px;max-width:350px;padding:20px;text-align:center;transition:transform .3s ease}.grid-card:hover{transform:translateY(-5px)}.card-icon{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:20px;position:relative}.masked-icon{display:block;height:60px;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background-color .3s ease;width:60px}.card-title{color:#2d3e50;font-size:1.4rem;font-weight:600;margin-bottom:15px}.card-text{color:#555;font-size:1rem;line-height:1.6}@media (max-width:768px){.grid-row{align-items:center;flex-direction:column}.grid-card{flex-basis:auto;max-width:100%;width:100%}}