:root { --max: 1100px; --pad: 1.2rem; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif; margin: 0; line-height: 1.6; }
.container { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; }
nav a { margin-right: 1rem; text-decoration: none; }
.hero { padding: 6rem 0 3rem; }
.btn { display: inline-block; padding: .8rem 1.2rem; border-radius: .5rem; border: 1px solid #333; text-decoration: none; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
footer { padding: 2rem 0; border-top: 1px solid #e4e4e4; margin-top: 3rem; }