body { font-family: Georgia, serif; margin: 0; padding: 0; background: #fffde7; color: #333; line-height: 1.6; }
    nav { background: #3e2723; color: #fff; padding: 1rem; display: flex; justify-content: space-between; align-items: center; }
    nav ul { list-style: none; display: flex; gap: 1rem; }
    nav a { color: #fff; text-decoration: none; }
    .hero { background: #2e7d32; color: #fff; padding: 4rem 2rem; text-align: center; }
    .btn { display: inline-block; padding: 0.8rem 1.5rem; text-decoration: none; border-radius: 4px; margin: 0.5rem; }
    .btn.primary { background: #3e2723; color: #fff; }
    .btn.secondary { background: #fff; color: #2e7d32; }
    .service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; padding: 2rem; }
    .service-card { border: 1px solid #ddd; padding: 1.5rem; text-align: center; background: #fff; }
    .icon { width: 50px; height: 50px; margin: 0 auto 1rem; }
    footer { background: #222; color: #ccc; padding: 2rem; text-align: center; margin-top: 2rem; }
    footer a { color: #ccc; }
    main { padding: 2rem; max-width: 800px; margin: 0 auto; }
    @media (max-width: 600px) { nav { flex-direction: column; } .hero { padding: 2rem 1rem; } }