:root{--c: #7a4a1e;--bg: #fff8ef}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:#2b1d10}a{color:var(--c)}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;box-shadow:0 1px 6px #0001}.header nav a{margin-left:18px;text-decoration:none;font-weight:600}.logo{font-size:22px;font-weight:800;text-decoration:none}.hero{padding:80px 24px;text-align:center;background:linear-gradient(#fbe3c4,var(--bg))}.hero h2,.hero h1{font-size:40px;margin:0 0 12px}.hero p{max-width:620px;margin:0 auto 24px;font-size:18px}.btn{display:inline-block;background:var(--c);color:#fff;border:0;padding:12px 22px;border-radius:10px;text-decoration:none;font-size:16px;cursor:pointer}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 24px;max-width:1000px;margin:auto}.features div{background:#fff;padding:20px;border-radius:14px}.order{text-align:center;padding:40px 24px}.order form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.order input{padding:12px;border:1px solid #d9c3a5;border-radius:10px;font-size:16px}.ok{color:green;font-weight:600}.menu{max-width:700px;margin:40px auto;padding:0 24px}.menu ul{list-style:none;padding:0}.menu li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #d9c3a5}.footer{background:#2b1d10;color:#f3e3cf;padding:30px 24px}.footer a{color:#ffd59a}.copy{opacity:.6;font-size:13px}
