*{box-sizing:border-box}body{font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:0;color:#111827;background:#f8fafc}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}header{background:#0f1f3d;color:#fff}header .wrap{display:flex;align-items:center;padding:16px 20px}header a{color:#fff;text-decoration:none}header .brand{font-weight:700;font-size:19px}header nav{margin-left:auto}header nav a{margin-left:18px;opacity:.9}
.hero{background:#0f1f3d;color:#e5e7eb;padding:26px 0 40px}.hero h1{color:#fff;font-size:34px;line-height:1.2;margin:0 0 10px}.hero p{max-width:680px;margin:0}
h2{font-size:24px;margin:34px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card img.shot{width:100%;height:auto;display:block;border-bottom:1px solid #e5e7eb}
.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.card h3{margin:0 0 6px;font-size:19px;display:flex;align-items:center;gap:8px}.card h3 img{border-radius:6px}
.card p{margin:0 0 10px}.price{font-size:14px;color:#374151;margin-bottom:12px}.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:#dcfce7;color:#166534}.tag.soon{background:#fef3c7;color:#92400e}
.btns{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;background:#1f6feb;color:#fff;padding:9px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px}.btn.ghost{background:#fff;color:#1f6feb;border:1px solid #1f6feb}
.small{font-size:14px;color:#4b5563}footer{margin-top:50px;padding:22px 0;border-top:1px solid #e5e7eb;font-size:14px;color:#4b5563;background:#fff}a{color:#1a56db}
.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:6px 22px 18px}.panel h3{margin-top:18px}