.features-section{background:#fff}.feature-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 20px}.feature-card{position:relative;background:var(--light);padding:40px;border-radius:15px;text-align:center;overflow:hidden;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{width:70px;height:70px;margin:0 auto 20px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.feature-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(100%);transition:all .3s ease}.feature-card:hover .feature-overlay{opacity:1;transform:translateY(0)}