*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1d24;background:#f7f8fa}
a{color:#4338ca}header,main,footer{max-width:1000px;margin:auto;padding:0 16px}
header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px}
.logo{font-weight:800;font-size:1.2rem;text-decoration:none;color:#1a1d24}nav a{margin-left:14px;text-decoration:none}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2;margin:.6em 0 .3em}
.card{background:#fff;border:1px solid #e3e6ec;border-radius:12px;padding:18px;margin:16px 0}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
label{display:block;font-size:.9rem;font-weight:600}input,select{width:100%;padding:9px;border:1px solid #cdd2db;border-radius:8px;font:inherit;margin-top:4px}
.ex{display:flex;flex-wrap:wrap;gap:8px}.ex button{border:1px solid #c7cbe8;background:#eef0ff;border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit;font-size:.88rem}
.res{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.res .card{margin:0}
.price{font-size:1.7rem;font-weight:800}.best{outline:3px solid #22c55e}.muted{color:#5b6270;font-size:.88rem}
.aff{display:inline-block;margin-top:8px;font-size:.85rem;border:1px dashed #f59e0b;padding:3px 8px;border-radius:6px;background:#fffbeb}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e3e6ec;padding:8px;text-align:left;font-size:.92rem}
.btn{background:#4338ca;color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}
footer{padding:30px 16px;color:#5b6270;font-size:.85rem}