body { font-family: sans-serif; margin: 0; padding: 0; background: white; color: black; }
header { display: flex; justify-content: space-between; align-items: center; padding: 1em; }
.logo { height: 40px; }
nav a { margin-left: 1em; text-decoration: none; color: black; }
.hero { text-align: center; padding: 2em; }
.download-buttons img { height: 60px; margin: 0 0.5em; }
.how-it-works { padding: 2em; text-align: center; }
.steps { display: flex; justify-content: center; flex-wrap: wrap; }
.step { margin: 1em; max-width: 250px; }
.step img { width: 100%; }
footer { background: black; color: white; text-align: center; padding: 1em; }
footer form { display: flex; justify-content: center; margin-top: 1em; }
footer input { padding: 0.5em; }
footer button { padding: 0.5em; background: white; color: black; border: none; cursor: pointer; }