*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,Arial,sans-serif;color:#14181f;background:#fafaf7;line-height:1.55}
a{color:#0b6e4f}.wrap{max-width:1080px;margin:auto;padding:0 20px}
header{background:#0f2a1d;color:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.logo{font-weight:800;font-size:22px;color:#fff;text-decoration:none}.logo span{color:#f2c94c}
nav a{color:#dfe;margin-left:18px;text-decoration:none;font-size:15px}
.hero{background:linear-gradient(135deg,#0f2a1d,#1d4d36);color:#fff;padding:64px 0}.hero h1{font-size:44px;line-height:1.15;margin:0 0 16px}
.hero p{font-size:19px;max-width:640px;color:#d8e8de}.btn{display:inline-block;background:#f2c94c;color:#14181f;padding:13px 22px;border-radius:10px;font-weight:700;text-decoration:none;margin:8px 8px 0 0}
.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
section{padding:48px 0}h2{font-size:30px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border:1px solid #e3e6e1;border-radius:14px;padding:20px}.card h3{margin:0 0 8px}
.price{font-size:34px;font-weight:800}.price small{font-size:15px;font-weight:500;color:#666}.tag{background:#f2c94c;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700}
img.sample{width:100%;border-radius:12px;border:1px solid #ddd}footer{background:#0f2a1d;color:#cfd;padding:28px 0;font-size:14px}footer a{color:#f2c94c}
details{background:#fff;border:1px solid #e3e6e1;border-radius:10px;padding:14px 18px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
.note{font-size:14px;color:#555}@media(max-width:640px){.hero h1{font-size:32px}nav a{margin-left:10px;font-size:14px}}