/* landing.css — grid of tool cards for the home pages (after base.css). */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
a.tool{display:block;text-decoration:none;color:inherit;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .1s ease,border-color .15s;box-shadow:0 10px 30px rgba(0,0,0,.3)}
a.tool:hover{transform:translateY(-3px);border-color:var(--lav)}
.tool .emoji{font-size:38px;line-height:1}
.tool h2{margin:12px 0 6px;font-size:20px}
.tool p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.tool .go{margin-top:12px;color:var(--gold);font-size:14px;font-weight:600}
.why{margin-top:34px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.why h3{margin:0 0 8px;color:var(--lav);font-size:15px}
.why ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
.why li{margin:4px 0}
@media(max-width:640px){.grid{grid-template-columns:1fr}}