.dir-page{padding-top:64px;background:#f8f8f8;min-height:100vh;overflow-x:hidden}.dir-wrap{max-width:1120px;margin:0 auto;padding:0 24px;box-sizing:border-box}.api-strip{margin-top:20px;background:#111;border-radius:10px;overflow:hidden}.api-strip-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px;flex-wrap:wrap}.api-strip-left{display:flex;align-items:center;gap:10px}.api-strip-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#f97316;background:#f973161f;padding:2px 6px;border-radius:3px}.api-strip-endpoint{font-family:var(--font-mono);font-size:13px;color:#ffffffd9}.api-strip-right{display:flex;align-items:center;gap:8px}.api-strip-param{font-family:var(--font-mono);font-size:11px;color:#ffffff4d}.api-strip-tag{font-size:10px;font-weight:600;color:#ffffff80;background:#ffffff14;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em}@media(max-width:640px){.api-strip-right{display:none}}.dir-header{display:flex;align-items:flex-end;justify-content:space-between;padding:36px 0 24px;gap:16px;flex-wrap:wrap}.dir-h1{font-size:28px;font-weight:700;letter-spacing:-.025em;color:var(--color-ink);line-height:1.15;font-variant-numeric:tabular-nums;margin:0}.dir-sub{font-size:14px;color:#a3a3a3;margin-top:4px}.list-cta{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;background:var(--color-accent);color:#fff;border-radius:6px;text-decoration:none;transition:all .15s;flex-shrink:0}.list-cta:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.toolbar{display:flex;gap:8px;padding-bottom:16px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:160px;max-width:280px}.search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#a3a3a3;pointer-events:none}.search-box input,.toolbar select{height:36px;font-size:13px;font-family:var(--font-body);border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:var(--color-ink);transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000a}.search-box input{width:100%;padding:0 10px 0 30px}.toolbar select{padding:0 24px 0 10px;color:#737373;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.search-box input:focus,.toolbar select:focus{outline:none;border-color:#a3a3a3;box-shadow:0 0 0 3px #0000000a}.alpha{display:flex;flex-wrap:wrap;gap:2px;padding-bottom:16px;border-bottom:1px solid #ebebeb;margin-bottom:24px}.alpha-letter{width:calc((100% - 26 * 2px) / 27);min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;border:none;border-radius:6px;background:transparent;color:#a3a3a3;cursor:pointer;transition:all .12s;font-family:var(--font-body);padding:0;flex-shrink:1;box-sizing:border-box}.alpha-letter:hover{background:#fff;color:#171717;box-shadow:0 1px 3px #0000000f}.alpha-letter.active{background:#171717;color:#fff;box-shadow:0 1px 3px #0000001f}.alpha-letter.off{opacity:.2;pointer-events:none}.state-loading{text-align:center;padding:48px 0}.state-loading .spinner{margin:0 auto}.state-empty{display:none;text-align:center;padding:48px 0;color:#a3a3a3;font-size:14px}.clear-btn{margin-top:8px;padding:5px 14px;font-size:12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#737373;cursor:pointer;font-family:var(--font-body)}.clear-btn:hover{border-color:#d4d4d4}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.card{display:flex;gap:12px;padding:16px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;transition:box-shadow .15s,transform .15s;cursor:default;min-width:0;overflow:hidden}.card:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.card-ico{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.02em;text-transform:uppercase}.card-body{flex:1;min-width:0}.card-top{display:flex;align-items:center;gap:6px}.card-name{font-size:14px;font-weight:650;color:#111;letter-spacing:-.01em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-badge{flex-shrink:0;font-size:11px;font-weight:500;color:#525252;background:#f5f5f5;padding:1px 7px;border-radius:999px;line-height:1.55;white-space:nowrap}.card-desc{font-size:12.5px;color:#a3a3a3;line-height:1.45;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:4px;margin-top:8px}.pill{font-size:10px;font-weight:500;padding:2px 7px;border-radius:4px;line-height:1.5}.pill-proto{background:#f0f0f5;color:#5b5b8a}.pill-free{background:#dcfce7;color:#166534}.pill-paid{background:#f5f0e8;color:#8a6b3d}.more-wrap{display:none;text-align:center;padding:24px 0}.more-btn{padding:8px 28px;font-size:13px;font-weight:500;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#525252;cursor:pointer;font-family:var(--font-body);transition:all .15s;box-shadow:0 1px 2px #0000000a}.more-btn:hover{border-color:#d4d4d4;color:#171717;box-shadow:0 2px 6px #0000000f}.more-btn span{font-size:11px;color:#a3a3a3;font-weight:400}.info-line{text-align:center;font-size:11px;color:#a3a3a3;padding:4px 0 48px}