:root { --bg:#f7f7f4; --ink:#111; --muted:#5c5c56; --acc:#111; --mark:#ffe14a; }
* { box-sizing:border-box; }
body { margin:0; font-family:ui-sans-serif,system-ui,sans-serif; background:var(--bg); color:var(--ink); }
a { color:inherit; }
header, footer, main { width:min(980px,calc(100% - 32px)); margin:0 auto; }
header { display:flex; justify-content:space-between; align-items:center; min-height:72px; border-bottom:2px solid #111; }
.logo { text-decoration:none; font-weight:800; letter-spacing:.2em; font-size:20px; }
header span, footer { color:var(--muted); font-size:13px; }
.eye { margin:16px 0 0; font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
h1 { font-size:clamp(32px,4.8vw,50px); line-height:1; letter-spacing:-.045em; margin:8px 0 18px; max-width:14ch; }
.must { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.must article { background:#fff; border:1px solid #111; padding:16px; }
.must span { display:block; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.must strong { display:block; font-size:clamp(26px,3vw,36px); margin:8px 0; letter-spacing:-.04em; }
.must p { margin:0; font-size:14px; }
.must .rate { background:var(--mark); }
.list { padding:8px 0 32px; }
.card { display:grid; grid-template-columns:100px 1fr auto; gap:16px; align-items:center; background:#fff; border:1px solid #deded6; padding:14px; margin-top:10px; }
.card img { width:100px; height:48px; object-fit:contain; }
.card h2 { margin:0; font-size:18px; }
.card p { margin:2px 0 0; color:var(--muted); font-size:13px; }
.card ul { display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:8px 0 0; padding:0; }
.card li { border:1px solid #111; border-radius:999px; padding:3px 8px; font-size:12px; }
.docs { display:flex; gap:12px; }
.docs a { font-size:12px; text-decoration:underline; }
.go { background:#111; color:#fff; text-decoration:none; font-weight:700; padding:12px 16px; }
footer { padding:8px 0 28px; }
footer a { color:#111; }
@media (max-width:760px) {
  .must, .card { grid-template-columns:1fr; }
  .go { text-align:center; }
}