/* Features Page Styles */
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; padding: 4rem 0; }
.feature-card { background: white; border-radius: 16px; padding: 2rem; box-shadow: 0 2px 12px rgba(0,0,0,.06); transition: transform .2s, box-shadow .2s; }
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0,0,0,.12); }
.feature-icon { width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 1.5rem; }
.feature-icon.blue { background: #eff6ff; }
.feature-icon.purple { background: #f5f3ff; }
.feature-icon.green { background: #f0fdf4; }
.feature-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: .5rem; }
.feature-card p { color: #64748b; font-size: .95rem; }
.screenshot-section { background: #0f172a; padding: 5rem 0; }
.screenshot-section h2 { color: white; text-align: center; font-size: 2rem; margin-bottom: 3rem; }