:root { --ink:#141629; --muted:#676c85; --line:#dfe1ea; --violet:#5b3fd1; --paper:#f5f6fa; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 64px 20px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 700; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.1; margin: 28px 0 12px; letter-spacing: -0.02em; }
.lead { color: #444962; max-width: 62ch; }
ul { list-style: none; padding: 0; margin: 32px 0; display: grid; gap: 14px; }
li a { display: block; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); text-decoration: none; }
li a:hover, li a:focus-visible { border-color: var(--violet); outline: none; }
li strong { display: block; font-size: 1.25rem; }
li span { color: var(--muted); }
.small { font-size: 15px; color: var(--muted); }
a { color: var(--violet); }