:root{--brand:#1f6fff;--soft:#6b7280;--line:#e5e7eb}
body{background:radial-gradient(circle at top left,#eef4ff 0,#f6f8fc 40%,#fbfcfe 100%);color:#111827}
.lang-switch{display:inline-flex;gap:.35rem;background:#f3f4f6;padding:.35rem .55rem;border-radius:999px}
.lang-switch a{text-decoration:none;color:#4b5563;font-size:.85rem;font-weight:600}
.hero-card,.listing-card,.glass-panel,.stat-card,.info-card{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 40px rgba(15,23,42,.08)}
.hero-card{border-radius:1.75rem;position:relative;overflow:hidden}
.hero-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em}
.hero-subtitle{max-width:62ch;color:var(--soft)}
.search-shell{border-radius:1.25rem;padding:1rem;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(15,23,42,.06)}
.listing-card{border-radius:1.5rem;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.listing-card:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(15,23,42,.12)}
.listing-cover{width:100%;aspect-ratio:16/7;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#eff6ff)}
.logo-thumb{width:68px;height:68px;object-fit:contain;border-radius:1rem;background:#fff;border:1px solid var(--line);padding:.35rem}
.featured-chip,.verified-chip,.score-chip,.badge-soft{display:inline-flex;align-items:center;border-radius:999px;font-size:.75rem;font-weight:700;padding:.4rem .72rem}
.featured-chip{background:#fff2c6;color:#7a5600}.verified-chip{background:#e9f7ef;color:#17653a}.score-chip{background:#eef4ff;color:#2457d6}.badge-soft{background:#f3f4f6;color:#334155}
.kpi{font-size:2rem;line-height:1;letter-spacing:-.04em;font-weight:800}
.category-pill{display:inline-flex;text-decoration:none;color:#334155;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;font-weight:600}
.side-sticky{position:sticky;top:92px}.muted{color:var(--soft)}
.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1rem;border:1px solid var(--line)}
.empty-state{border:1px dashed #cbd5e1;border-radius:1.5rem;padding:2rem;background:rgba(255,255,255,.72)}
.code-area{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem}
@media (max-width:992px){.side-sticky{position:static}}

.content-narrow{max-width:72ch}.navbar-brand{letter-spacing:-.02em}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(31,111,255,.12)}