:root{--cream:#fbf6ee;--brown:#5b3a29;--crust:#c8843f;--ink:#2b211b;--muted:#7a6a5f}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--cream);color:var(--ink);line-height:1.6}
a{color:var(--brown)}header{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#fff;border-bottom:1px solid #eadfce}
.logo{font-size:24px;font-weight:bold;color:var(--brown);text-decoration:none}.logo span{color:var(--crust)}
nav a{margin-left:22px;text-decoration:none;font-family:Arial,sans-serif;font-size:15px}
.hero{position:relative;min-height:440px;display:flex;align-items:center;padding:0 6vw;color:#fff;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.hero h1{font-size:52px;margin:0 0 10px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.hero p{font-size:20px;max-width:520px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.btn{display:inline-block;background:var(--crust);color:#fff;padding:12px 22px;border-radius:30px;text-decoration:none;font-family:Arial,sans-serif;margin-top:12px}
section{padding:48px 6vw}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(91,58,41,.08)}.card img{width:100%;height:170px;object-fit:cover;display:block}.card div{padding:14px 18px}
.price{color:var(--crust);font-weight:bold;font-family:Arial,sans-serif}
footer{background:var(--brown);color:#f3e6d6;padding:30px 6vw;font-family:Arial,sans-serif;font-size:14px}footer a{color:#f3e6d6}
.demo{opacity:.7;font-size:12px;margin-top:10px}