*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2433;background:#fbf8f2;line-height:1.6}
a{color:#1f4fa8}header{background:#1f2a44;color:#fff}header .in,main,footer .in{max-width:1040px;margin:0 auto;padding:0 18px}
header .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 18px}
header a{color:#fff;text-decoration:none;margin-left:16px;font-weight:600}header .brand{margin:0;font-size:1.3rem;font-weight:800}
main{padding:24px 18px 40px}h1{line-height:1.25}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}
.hero img,.card img{width:100%;height:auto;border-radius:10px}.btn{display:inline-block;background:#c8922a;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700;margin:4px 6px 4px 0}
.btn.alt{background:#1f2a44}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.card h2,.card h3{font-size:1.1rem;margin:10px 0 2px}
.price{font-weight:800;color:#a8731b}.kind{color:#5a6275;font-size:.92rem;margin:0}.note{background:#f3ead8;padding:12px 16px;border-radius:10px}
footer{background:#eee6d6;font-size:.9rem;padding:18px 0}article{max-width:740px}
@media(max-width:720px){.hero{grid-template-columns:1fr}}