:root {--bg:#faf8f6;--ink:#1f2937;--muted:#667085;--brand:#a18c00;--accent:#fffce8;}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;}
header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10;}
.nav{max-width:1000px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.links{display:flex;align-items:center;gap:14px}
.links a{color:var(--ink);text-decoration:none;font-weight:600}
.links a:hover{color:var(--brand)}
.cartpill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #eee;border-radius:999px;background:#fff}
.cartpill b{min-width:2ch;display:inline-block;text-align:right}
.hero{background:linear-gradient(180deg,#fffce8 0%,transparent 100%);padding:80px 20px;text-align:center;}
.hero h1{font-size:48px;margin:0 0 12px;}
.hero p{max-width:700px;margin:0 auto 20px;color:#667085;font-size:18px;}
.btn{background:var(--brand);color:#fff;padding:12px 22px;border:none;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none;}
.btn:hover{opacity:.95}
main{max-width:900px;margin:auto;padding:40px 20px;}
section{margin-bottom:40px;}
h2{margin-top:0;color:var(--brand);}
footer{background:#fff;border-top:1px solid #eee;padding:24px 20px;text-align:center;color:var(--muted);}

img.hero-img{width:100%;max-width:800px;border-radius:16px;margin:30px auto;display:block;}