.hero { background:linear-gradient(180deg, var(--panel), var(--canvas)); border-bottom:1px solid var(--border); padding:72px 0 44px; }
.hero-grid { display:grid; grid-template-columns:1.6fr .8fr; gap:32px; align-items:center; }
.hero h1 { font-size:clamp(40px, 7vw, 72px); line-height:.98; letter-spacing:-.04em; margin:0 0 18px; }
.hero-copy { font-size:20px; color:var(--muted); max-width:820px; }
.search-box { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:22px; }
.search-page { grid-template-columns:2fr 1fr 1fr auto; }
.hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.stats-panel { display:grid; gap:18px; }
.metric strong { font-size:28px; color:var(--text); }
.metric span { color:var(--muted); }
.page-head { padding:40px 0 18px; }
.page-head h1 { font-size:42px; letter-spacing:-.03em; margin:0; }
.dataset-page { padding-top:28px; display:grid; gap:16px; }
.dataset-head .lead { font-size:18px; color:var(--muted); max-width:840px; }
.locked-panel { border-color:var(--warning); }
.seo-panel { margin-top:32px; }
.install { padding-top:40px; }
@media (max-width: 820px) { .hero-grid, .search-box, .search-page { grid-template-columns:1fr; } .hero { padding-top:36px; } }