:root{--bg:#f6f5f2;--card:#fff;--ink:#16181d;--mute:#6b7078;--line:#e6e3dc;--brand:#1f8a3b;--brand2:#e6f6ea;--accent:#1fbf4f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
a{color:var(--brand)}header{background:#0d0f12;color:#fff;border-bottom:1px solid #1f3b26}header .in{max-width:1100px;margin:0 auto;padding:14px 16px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
header a{color:#fff;text-decoration:none}.logo{display:flex;align-items:center;gap:10px}.logo img{height:46px;width:auto;display:block}.logo .sub{font-size:.66rem;letter-spacing:.32em;color:#7dff9a;border-left:1px solid #2c4a33;padding-left:10px}
.hero{background:#0d0f12;color:#e9fbe9;border-radius:16px;padding:26px 22px;margin:0 0 22px;text-align:center;box-shadow:inset 0 0 60px rgba(57,255,106,.08)}.hero img{max-width:520px;width:100%;height:auto}.hero p{color:#b9c7bb;margin:6px 0 16px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;max-width:820px;margin:0 auto}.tile{border:2px solid #2fe05a;border-radius:10px;padding:14px 10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 14px rgba(47,224,90,.25)}.tile small{display:block;font-weight:500;letter-spacing:.02em;text-transform:none;color:#a9d8b2;margin-top:4px}.tile:hover{background:#13261a}
nav{display:flex;gap:14px;flex-wrap:wrap;font-size:.92rem}nav a{color:#cfd3da}nav a:hover{color:#fff}
main{max-width:1100px;margin:0 auto;padding:22px 16px 40px}h1{font-size:1.9rem;line-height:1.15;margin:.2em 0 .3em}h2{font-size:1.25rem;margin:1.6em 0 .5em}
.lead{color:var(--mute);margin:0 0 1.2em;max-width:760px}.crumb{font-size:.85rem;color:var(--mute)}.crumb a{color:var(--mute)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:.88rem;cursor:pointer;color:var(--ink);text-decoration:none}
.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.card:hover{border-color:var(--brand)}.card .b{font-size:.78rem;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.card .n{font-weight:700;font-size:1.05rem}.card .p{font-size:1.35rem;font-weight:800;color:var(--brand)}.card .m{font-size:.82rem;color:var(--mute)}
.tag{display:inline-block;background:var(--brand2);color:var(--brand);border-radius:6px;padding:1px 7px;font-size:.75rem;margin-right:4px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}th{background:#faf9f6;font-size:.82rem;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
td.pr{font-weight:800;font-size:1.1rem}.go{background:var(--accent);color:#fff;border-radius:8px;padding:7px 12px;text-decoration:none;font-weight:700;white-space:nowrap}
.best{background:#fff;border:2px solid var(--brand);border-radius:12px;padding:16px;margin:12px 0 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.best .p{font-size:2rem;font-weight:800;color:var(--brand)}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:8px 0}
.facts div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.facts b{display:block;font-size:.75rem;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.note{font-size:.85rem;color:var(--mute)}footer{border-top:1px solid var(--line);background:#fff}footer .in{max-width:1100px;margin:0 auto;padding:18px 16px;font-size:.85rem;color:var(--mute)}
footer a{color:var(--mute);margin-right:14px}
#age{position:fixed;inset:0;background:rgba(10,12,15,.92);display:none;align-items:center;justify-content:center;z-index:99}
#age .box{background:#fff;border-radius:14px;padding:26px;max-width:380px;text-align:center}#age button{margin:8px;padding:9px 18px;border-radius:8px;border:0;font-weight:700;cursor:pointer}
#age .y{background:var(--brand);color:#fff}#age .n{background:#eee}
@media(max-width:600px){h1{font-size:1.5rem}th:nth-child(3),td:nth-child(3){display:none}}