.insights-hero { min-height: 42rem; display: flex; align-items: center; }
.filter-button { border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: .65rem 1rem; font-size: .78rem; font-weight: 700; color: #a1a1aa; transition: all .25s ease; }
.filter-button:hover, .filter-button.is-active { border-color: #ff5a00; background: #ff5a00; color: white; }
.featured-insight a { transition: transform .35s ease, box-shadow .35s ease; }
.featured-insight a:hover { transform: translateY(-6px); box-shadow: 0 34px 100px rgba(0,0,0,.22); }
.search-wrap { display: flex; width: 100%; max-width: 22rem; align-items: center; gap: .65rem; border: 1px solid #d4d4d8; border-radius: 999px; background: white; padding: .8rem 1rem; color: #71717a; }
.search-wrap input { width: 100%; border: 0; outline: 0; background: transparent; color: #18181b; font-size: .9rem; }
.repository-card { overflow: hidden; border-radius: 1.6rem; background: white; box-shadow: 0 18px 60px rgba(0,0,0,.08); transition: transform .3s ease, box-shadow .3s ease; }
.repository-card:hover { transform: translateY(-7px); box-shadow: 0 28px 80px rgba(0,0,0,.14); }
.repository-card.is-hidden { display: none; }
.repository-visual { position: relative; display: flex; height: 13rem; align-items: center; justify-content: center; color: white; }
.repository-visual > svg { width: 3.5rem; height: 3.5rem; }
.repository-visual > span { position: absolute; right: 1rem; top: 1rem; font-size: .72rem; font-weight: 800; opacity: .55; }
.repository-gradient { background: radial-gradient(circle at 30% 25%, rgba(255,90,0,.65), transparent 38%), linear-gradient(145deg,#151518,#050505); }
.repository-bordered { border-bottom: 1px solid #e4e4e7; }
.repository-body { padding: 1.5rem; }
.repository-meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; }
.repository-meta span:first-child { color: #ff5a00; }
.repository-meta span:last-child { color: #a1a1aa; }
.repository-card h3 { margin-top: .85rem; font-size: 1.25rem; line-height: 1.38; font-weight: 800; letter-spacing: -.025em; }
.repository-card p { margin-top: .9rem; line-height: 1.65; color: #71717a; font-size: .92rem; }
.repository-link { margin-top: 1.35rem; display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 700; }
.repository-link svg { width: 1rem; height: 1rem; }
@media (max-width: 640px) { .insights-hero { min-height: 38rem; } .search-wrap { max-width: none; } }