:root{--page:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink2:#52514e;--muted:#898781;
  --hair:rgba(11,11,11,.10);--hair2:rgba(11,11,11,.06);--accent:#2a78d6;--accent-d:#1c5cab;
  --shadow:0 1px 2px rgba(11,11,11,.05),0 1px 3px rgba(11,11,11,.04)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px}
a{text-decoration:none;color:inherit}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;margin-bottom:36px}
.logo .mark{width:30px;height:30px;border-radius:8px;background:var(--accent);display:grid;place-items:center}
.logo em{font-style:normal;color:var(--accent)}
h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;text-align:center}
.sub{color:var(--ink2);font-size:15px;margin-bottom:36px;text-align:center;max-width:58ch}
.grid{display:grid;grid-template-columns:repeat(3,300px);gap:18px}
@media(max-width:1000px){.grid{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--hair);border-radius:14px;padding:26px;
  box-shadow:var(--shadow);transition:.15s;display:block}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.tag{display:inline-block;font-size:11px;font-weight:800;padding:4px 12px;border-radius:14px;margin-bottom:14px}
.card h3{font-size:17px;font-weight:650;margin-bottom:8px;letter-spacing:-.01em}
.card p{color:var(--ink2);font-size:13.5px;line-height:1.6;margin-bottom:14px}
.card ul{list-style:none;border-top:1px solid var(--hair2);padding-top:12px}
.card li{color:var(--muted);font-size:12.5px;padding:2.5px 0}
.go{color:var(--accent-d);font-weight:600;font-size:13.5px;margin-top:12px;display:block}
.foot{margin-top:36px;color:var(--muted);font-size:12.5px;display:flex;gap:22px}
.foot a{color:var(--ink2);font-weight:500}
.foot a:hover{color:var(--accent-d)}