* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: sans-serif; }
.hero { text-align: center; padding: 4rem 2rem; background: #2c3e50; color: #fff; }
.hero h1 { margin-bottom: 1rem; }
.btn { display: inline-block; margin-top: 1rem; padding: 0.75rem 2rem; background: #3498db; color: #fff; text-decoration: none; border-radius: 4px; }
#features { display: flex; justify-content: center; gap: 2rem; padding: 2rem; flex-wrap: wrap; }
.feature { background: #ecf0f1; padding: 1.5rem; border-radius: 8px; width: 200px; text-align: center; }
.feature h3 { margin-bottom: 0.5rem; }