.hero{text-align:center;padding:30px 0 24px}.hero--catalog{padding-top:20px}.hero__title{font-size:38px;line-height:1.25;margin:0 0 12px;letter-spacing:-1px;background:linear-gradient(120deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{color:var(--text-dim);font-size:16px;max-width:560px;margin:0 auto 22px;line-height:1.5}.search{position:relative;max-width:560px;margin:0 auto}.search__icon{position:absolute;inset-inline-start:14px;inset-block-start:50%;transform:translateY(-50%);display:inline-flex;color:var(--text-faint);pointer-events:none}.search__input{width:100%;padding:14px 16px;padding-inline-start:42px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:999px;color:var(--text);font:inherit;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.search__input::placeholder{color:var(--text-faint)}.search__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #6c8cff24}.search__input::-webkit-search-cancel-button{-webkit-appearance:none}.catalog{margin-top:28px;display:flex;flex-direction:column;gap:30px}.catalog__empty{text-align:center;color:var(--text-dim);margin:40px 0}.cat__head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.cat__icon{font-size:20px}.cat__title{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:var(--text)}.cat__count{margin-inline-start:auto;font-size:12px;color:var(--text-faint);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.cat .tool-grid{margin-top:14px}@media(max-width:520px){.hero__title{font-size:28px}}