:root{--bg:#f3fbf7;--ink:#10261c;--acc:#0f9f6e}
*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,sans-serif;background:radial-gradient(800px 320px at 100% 0%,#d8f5e8,transparent 60%),var(--bg);color:var(--ink)}
header,footer,main{width:min(1000px,calc(100% - 28px));margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;min-height:72px}
.logo{text-decoration:none;color:#fff;background:var(--acc);border-radius:999px;padding:8px 14px;font-weight:700}
header span{font-size:13px;color:#3e6b58}
.eye{margin:0;color:var(--acc);font-weight:700;font-size:13px}
h1{font-size:clamp(32px,4.5vw,46px);letter-spacing:-.045em;line-height:1.05;margin:8px 0 16px;max-width:14ch}
.must{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.must article{background:#fff;border-radius:20px;padding:16px;border:1px solid #d7eee4}
.must span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#3e8f70}
.must strong{display:block;font-size:clamp(26px,3vw,34px);margin:6px 0;letter-spacing:-.04em}
.must p{margin:0;font-size:14px;color:#245544}
.must .rate{background:#083526;color:#fff;border-color:#083526}
.must .rate span,.must .rate p{color:#b7e6d2}
.list{display:grid;gap:10px;padding:18px 0 36px}
.card{display:grid;grid-template-columns:108px 1fr auto;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:12px 14px;border:1px solid #d7eee4}
.card img{width:108px;height:46px;object-fit:contain}
.card h2{margin:0;font-size:18px}
.card ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0}
.card li{background:#e8f8f0;color:#0b6b48;border-radius:999px;padding:3px 8px;font-size:12px}
.go{background:#083526;color:#fff;text-decoration:none;border-radius:12px;padding:11px 14px;font-weight:650}
footer{font-size:13px;color:#3e6b58;padding-bottom:28px}
@media(max-width:760px){.must,.card{grid-template-columns:1fr}.go{text-align:center}}