.hero { padding: var(--space-2xl) 0; text-align: center; border-bottom: 1px solid var(--border); background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%); }
.hero-inner { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--space-lg); }
.hero-tagline { font-size: 0.75rem; color: var(--text-muted); margin-bottom: var(--space-sm); font-weight: 500; letter-spacing: 3px; text-transform: uppercase; }
.hero-title { font-size: 2.5rem; font-weight: 700; margin-bottom: var(--space-sm); letter-spacing: 2px; color: var(--text-primary); }
.hero-title .accent { color: var(--accent); text-shadow: 0 0 30px rgba(102, 255, 255, 0.4); }
.hero-subtitle { font-size: 1rem; color: var(--text-secondary); max-width: 500px; margin: 0 auto var(--space-lg); }
.network-badge { display: inline-flex; align-items: center; gap: var(--space-sm); padding: var(--space-xs) var(--space-md); background: var(--bg-primary); border: 1px solid var(--border); font-size: 0.75rem; color: var(--text-muted); }
.network-dot { width: 8px; height: 8px; background: var(--success); border-radius: 50%; animation: pulse 2s ease-in-out infinite; }