body { min-height:100vh;overflow-x:hidden;background:#080b0d; }
body::before { background:radial-gradient(circle at 83% 5%,rgba(22,211,198,.1),transparent 28rem),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;mask-image:linear-gradient(#000,transparent 72%); }
.vendor-container { width:min(calc(100% - 40px),1320px);margin:0 auto; }
.vendor-header { position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 84%,transparent);backdrop-filter:blur(20px); }.vendor-header-inner { min-height:68px;display:flex;align-items:center;gap:20px; }.vendor-brand { display:flex;align-items:center;gap:10px;margin-right:auto; }.vendor-brand>span { width:36px;height:36px;display:grid;place-items:center;border-radius:12px 5px 12px 5px;color:#021211;background:var(--tap-cyan);font-weight:900;box-shadow:0 0 0 5px var(--tap-cyan-soft); }.vendor-brand strong { font-size:16px; }.vendor-brand small { color:var(--text-3);font-size:10px; }.vendor-header nav { display:flex;gap:7px; }.vendor-header nav a { padding:9px 13px;border-radius:99px;color:var(--text-2);font-size:12px; }.vendor-header nav a:hover { color:var(--text);background:var(--surface-2); }
.vendor-hero { min-height:330px;padding:76px 0 52px;display:grid;grid-template-columns:1fr .52fr;align-items:end;gap:50px; }.vendor-eyebrow { color:var(--tap-cyan);font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase; }.vendor-hero h1 { margin:11px 0 18px;font:800 clamp(44px,6vw,78px)/1 var(--display);letter-spacing:-.065em; }.vendor-hero p { max-width:720px;margin:0;color:var(--text-2);font-size:15px;line-height:1.85; }.vendor-hero aside { padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(18,22,26,.72);display:grid;gap:9px; }.vendor-hero aside span,.vendor-hero aside small { color:var(--text-3);font-size:10px; }.vendor-hero aside strong { font-size:18px; }
.vendor-metrics { display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden; }.vendor-metric { min-height:125px;padding:21px;border-right:1px solid var(--line); }.vendor-metric:last-child { border-right:0; }.vendor-metric span,.vendor-metric small { display:block;color:var(--text-3);font-size:10px; }.vendor-metric strong { display:block;margin:15px 0 9px;font:800 32px/1 var(--display);letter-spacing:-.04em; }.vendor-metric.accent strong { color:var(--tap-cyan); }
.vendor-method { margin:18px 0 36px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(22,211,198,.2);border-radius:var(--radius-sm);background:rgba(22,211,198,.045);color:var(--text-2);font-size:11px; }.vendor-method strong { color:var(--tap-cyan); }.vendor-method i { width:3px;height:3px;border-radius:50%;background:var(--text-3); }
.vendor-shell { border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden; }.vendor-filter { position:sticky;top:68px;z-index:20;padding:14px;display:grid;grid-template-columns:auto minmax(180px,1fr) 170px 180px;gap:9px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px); }.queue-pills { display:flex;padding:4px;gap:3px;border:1px solid var(--line);border-radius:99px;background:var(--surface-2); }.queue-pills button { padding:8px 11px;border:0;border-radius:99px;background:transparent;color:var(--text-2);cursor:pointer;white-space:nowrap;font-size:11px; }.queue-pills button.active { color:#021211;background:var(--tap-cyan);font-weight:750; }.vendor-filter input,.vendor-filter select { min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text); }.vendor-result-head { padding:25px 24px 18px;display:flex;justify-content:space-between;align-items:end;gap:20px; }.vendor-result-head h2 { margin:0;font:760 27px/1 var(--display);letter-spacing:-.04em; }.vendor-result-head p { margin:7px 0 0;color:var(--text-3);font-size:11px; }.vendor-result-head span { color:var(--tap-cyan);font-weight:700; }.vendor-table-head,.vendor-row { display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(180px,.8fr) minmax(150px,.7fr) minmax(240px,1fr);gap:18px;align-items:center;padding-left:24px;padding-right:24px; }.vendor-table-head { min-height:38px;color:var(--text-3);background:var(--surface-2);font-size:9px;letter-spacing:.08em;text-transform:uppercase; }.vendor-row { min-height:102px;padding-top:17px;padding-bottom:17px;border-top:1px solid var(--line); }.vendor-name strong { display:block;font-size:15px; }.vendor-name small { display:block;margin-top:7px;color:var(--text-3);font-size:10px;line-height:1.5; }.vendor-classification,.vendor-coverage { display:flex;flex-wrap:wrap;gap:5px; }.vendor-tag { padding:4px 7px;border-radius:99px;background:var(--surface-3);color:var(--text-2);font-size:9px; }.vendor-tag.major,.vendor-tag.professional { color:var(--tap-orange);background:rgba(255,174,56,.1); }.vendor-tag.maker { color:var(--tap-cyan);background:var(--tap-cyan-soft); }.vendor-evidence { min-width:0; }.vendor-evidence span { display:block;color:var(--text-2);font-size:11px; }.vendor-evidence small { display:block;margin-top:5px;color:var(--text-3);font-size:9px; }.vendor-evidence a { display:inline-block;margin-top:7px;color:var(--tap-cyan);font-size:10px; }.vendor-empty { padding:70px 20px;text-align:center;color:var(--text-2); }.vendor-more { width:calc(100% - 48px);margin:18px 24px 24px;padding:11px;border:1px solid var(--line-strong);border-radius:99px;background:var(--surface-2);color:var(--text-2);cursor:pointer; }.vendor-more:hover { color:var(--text);border-color:rgba(22,211,198,.35); }
.vendor-footer { margin-top:55px;padding:28px 0 38px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--text-3);font-size:10px; }.vendor-footer a { color:var(--tap-cyan); }
@media(max-width:1100px){.vendor-filter{grid-template-columns:1fr 1fr}.queue-pills{grid-column:1/-1;width:max-content}.vendor-metrics{grid-template-columns:repeat(3,1fr)}.vendor-metric:nth-child(3){border-right:0}.vendor-metric:nth-child(-n+3){border-bottom:1px solid var(--line)}.vendor-table-head,.vendor-row{grid-template-columns:minmax(210px,1.2fr) minmax(170px,.8fr) minmax(220px,1fr)}.vendor-table-head span:nth-child(3),.vendor-coverage{display:none}}
@media(max-width:760px){.vendor-container{width:min(calc(100% - 20px),1320px)}.vendor-header nav a:first-child,.vendor-header nav a:last-child{display:none}.vendor-brand small{display:none}.vendor-hero{min-height:0;padding:50px 0 34px;grid-template-columns:1fr;gap:26px}.vendor-hero p{font-size:13px}.vendor-metrics{grid-template-columns:1fr 1fr}.vendor-metric{min-height:105px}.vendor-metric:nth-child(odd){border-right:1px solid var(--line)}.vendor-metric:nth-child(even){border-right:0}.vendor-metric:nth-child(-n+4){border-bottom:1px solid var(--line)}.vendor-method{align-items:flex-start;flex-wrap:wrap}.vendor-filter{position:relative;top:auto;grid-template-columns:1fr}.queue-pills{width:100%;overflow-x:auto;scrollbar-width:none}.vendor-table-head{display:none}.vendor-row{grid-template-columns:1fr;padding:17px 18px;gap:12px}.vendor-classification{order:2}.vendor-evidence{order:3}.vendor-result-head{align-items:flex-start;flex-direction:column}.vendor-more{width:calc(100% - 36px);margin:18px}.vendor-footer{gap:8px;flex-direction:column}}
.vendor-table-head,.vendor-tag,.vendor-evidence small { font-size:10px; }
@media(max-width:760px){.vendor-header-inner{gap:8px}.vendor-header nav{gap:2px}.vendor-header nav a{padding:7px 5px;font-size:10px}.vendor-header nav a:first-child{display:inline-flex}.vendor-header nav a:last-child{display:none}}
@media(max-width:360px){.vendor-brand strong{display:none}}