.hero { position: relative; height: 100vh; min-height: 600px; max-height: 900px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hero-panels { position: absolute; inset: 0; display: flex; gap: 2px; }
.hero-panel { flex: 1; background-size: cover; background-position: center top; background-color: var(--bg-2); opacity: 0; transform: translateY(20px); animation: panel-enter 0.8s var(--ease-out) forwards; }
.hero-panel:nth-child(1) { animation-delay: 0.05s; } .hero-panel:nth-child(2) { animation-delay: 0.1s; } .hero-panel:nth-child(3) { animation-delay: 0.15s; } .hero-panel:nth-child(4) { animation-delay: 0.2s; } .hero-panel:nth-child(5) { animation-delay: 0.25s; } .hero-panel:nth-child(6) { animation-delay: 0.3s; } .hero-panel:nth-child(7) { animation-delay: 0.35s; } .hero-panel:nth-child(8) { animation-delay: 0.4s; }
@keyframes panel-enter { to { opacity: 0.25; transform: translateY(0); } }
.hero-overlay { position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(124, 58, 237, 0.1) 0%, transparent 70%), linear-gradient(to bottom, rgba(7, 7, 14, 0.4) 0%, rgba(7, 7, 14, 0.7) 60%, var(--bg-0) 100%); }
.hero-content { position: relative; z-index: 2; text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--sp-6); padding: var(--sp-6); max-width: 700px; width: 100%; }
.hero-tagline { font-family: var(--font-display); font-size: clamp(28px, 5vw, var(--text-hero)); font-weight: 700; line-height: 1.15; }
.hero-sub { font-size: var(--text-lg); color: var(--text-secondary); max-width: 480px; }
.hero-search-inner { display: flex; align-items: center; gap: var(--sp-3); background: rgba(13, 13, 24, 0.9); border: 1px solid var(--border-normal); border-radius: var(--r-full); padding: var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-5); width: 560px; max-width: 100%; }
.hero-search-input { flex: 1; background: transparent; border: none; box-shadow: none; font-size: var(--text-md); min-width: 0; padding: 8px 0; }