:root{--navy: #2b2a6e;--navy-700: #1f1e55;--navy-900: #15143d;--orange: #e2702b;--orange-50: #fdf1e9;--ink: #1b1d29;--muted: #5d6275;--line: #e4e6ee;--bg: #f5f6fa;--surface: #ffffff;--radius: 14px;--shadow: 0 1px 2px rgba(20, 22, 50, .06), 0 4px 16px rgba(20, 22, 50, .05);--shadow-hover: 0 2px 4px rgba(20, 22, 50, .08), 0 12px 32px rgba(20, 22, 50, .12);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg)}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}a{color:inherit}.page{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 24px}}.brand-bar{background:#fff;border-bottom:1px solid var(--line);padding:10px 0}.brand-banner{width:100%;max-width:980px;height:auto;margin:0 auto}.hero{background:radial-gradient(1200px 300px at 85% -40%,rgba(226,112,43,.35),transparent 60%),linear-gradient(135deg,var(--navy) 0%,var(--navy-900) 100%);color:#fff;padding:40px 0 72px}.hero-inner{text-align:left}.eyebrow{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffb98c}.hero h1{margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em}.hero-sub{margin:10px 0 0;max-width:620px;color:#fffc;line-height:1.55}.main{flex:1;padding-bottom:56px}.toolbar{margin-top:-40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:grid;gap:14px}.search{position:relative}.search input{width:100%;height:48px;padding:0 44px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font:inherit;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}.search input:focus{outline:none;background:#fff;border-color:var(--navy);box-shadow:0 0 0 4px #2b2a6e1f}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}.kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:600 12px/1 ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:4px 7px;background:#fff}@media(max-width:640px){.kbd{display:none}.search input{padding-right:14px}}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar>*{min-width:0}.chips{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:#c9ccdb}.chip-count{font-size:12px;font-weight:600;color:var(--muted);background:var(--bg);border-radius:999px;padding:2px 7px}.chip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.chip.is-active .chip-count{background:#ffffff2e;color:#fff}.view-toggle{flex:none;display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.view-toggle button{width:40px;height:36px;display:grid;place-items:center;border:0;background:#fff;color:var(--muted)}.view-toggle button+button{border-left:1px solid var(--line)}.view-toggle button.is-active{background:var(--orange-50);color:var(--orange)}.view-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.chip:focus-visible,.view-toggle button:focus-visible,.card:focus-visible,.row:focus-visible,.btn-ghost:focus-visible{outline:3px solid rgba(226,112,43,.5);outline-offset:2px}.result-meta{margin:22px 2px 6px;font-size:14px;color:var(--muted)}.result-meta strong{color:var(--ink)}.group{margin-top:26px}.group-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}.group-title:after{content:"";flex:1;height:1px;background:var(--line)}.group-count{font-size:12px;letter-spacing:0;color:var(--orange);background:var(--orange-50);border-radius:999px;padding:2px 8px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#d3d6e4}.card-logo{height:112px;display:grid;place-items:center;background:linear-gradient(180deg,#fafbfd,#f1f3f8);border-bottom:1px solid var(--line);padding:16px}.card-logo img{max-height:80px;max-width:70%;object-fit:contain}.card-body{flex:1;padding:16px 18px 12px}.card-title{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--ink)}.card-desc{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--muted)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--line)}.card-host{font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-open{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--navy)}.card-open svg,.row-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.card:hover .card-open{color:var(--orange)}.card:hover .card-open svg{transform:translate(2px,-2px)}.is-legacy .card-logo img,.is-legacy .row-logo{filter:grayscale(1);opacity:.7}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:11.5px;font-weight:500;line-height:1;padding:5px 8px;border-radius:6px;background:#eef0f7;color:#3b3f58}.badge-warn{background:#fff3dc;color:#8a5300}.badge-muted{background:#eceef2;color:#6b7080}.list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.list li+li{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:44px 1fr auto 20px;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:background .15s}.row:hover{background:#fafbfd}.row:hover .row-arrow{color:var(--orange);transform:translate(2px,-2px)}.row-logo{width:44px;height:44px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#fff;padding:4px}.row-main{min-width:0;display:grid;gap:2px}.row-title{font-weight:600;font-size:15px}.row-desc{font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-side{display:grid;justify-items:end;gap:6px}.row-side .badges{justify-content:flex-end}.row-arrow{color:var(--muted)}@media(max-width:720px){.row{grid-template-columns:40px 1fr 18px;gap:12px;padding:12px 14px}.row-logo{width:40px;height:40px}.row-side{display:none}.row-desc{white-space:normal}}.empty{text-align:center;padding:56px 16px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);margin-top:20px}.btn-ghost{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;color:var(--navy);font-weight:600}.footer{background:var(--navy-900);color:#ffffffb8;font-size:13.5px}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:20px;padding-bottom:20px}.footer p{margin:0}.footer-links{display:flex;gap:8px;flex-wrap:wrap}.footer a{color:#ffb98c;text-decoration:none}.footer a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){*{transition:none!important}}