/* Auto-generated CSS */
:root{--primary:#5d4037;--accent:#546e7a;--text:#222}
*{box-sizing:border-box}
body{font-family:Arial, Helvetica, sans-serif;margin:0;color:var(--text);background:#f7f7f7}
.wrap{max-width:1100px;margin:0 auto;padding:1em}
.site-header{background:var(--primary);color:#fff;padding:1em 0}
.site-header .logo{font-size:1.6rem;margin:0}
.main-nav{margin-top:0.4em}
.main-nav a{color:#fff;text-decoration:none;margin:0 0.6em}
.hero{background:linear-gradient(180deg,#fff,var(--accent));padding:2em 0;text-align:center}
.hero h2{margin:0 0 .5em}
.features{display:flex;gap:1em;padding:2em 0}
.card{background:#fff;padding:1em;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.08);flex:1}
footer{margin-top:2em}
.contact-form input,.contact-form textarea{width:100%;padding:0.6em;margin:0.4em 0;border:1px solid #ddd;border-radius:4px}
.contact-form button{background:var(--primary);color:#fff;border:none;padding:0.6em 1em;border-radius:4px;cursor:pointer}
@media(max-width:800px){.features{flex-direction:column}}