.hero {
    min-height: 100vh;
    max-width: 1400px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 4rem; align-items: center;
    padding: 100px 2rem 4rem;
    position: relative;
    background: radial-gradient(ellipse at 20% 50%, rgba(124,58,237,0.08) 0%, transparent 60%), var(--bg-primary);
}
.hero-bg {
    position: fixed; inset: 0; z-index: -1;
    background: radial-gradient(ellipse at 20% 50%, rgba(124,58,237,0.05) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(59,130,246,0.04) 0%, transparent 50%);
    animation: bgpulse 8s ease-in-out infinite alternate;
    pointer-events: none;
}
@keyframes bgpulse { from { opacity: 0.8; } to { opacity: 1; } }

.hero-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 14px; border-radius: 20px;
    background: rgba(124,58,237,0.15); border: 1px solid rgba(124,58,237,0.3);
    font-size: 0.8rem; color: var(--accent-light); margin-bottom: 1.5rem;
}
.hero-title { font-size: clamp(2rem,4vw,3.5rem); font-weight: 800; line-height: 1.2; margin-bottom: 1rem; }
.hero-subtitle { font-size: 1.05rem; color: var(--text-secondary); max-width: 520px; margin-bottom: 2rem; line-height: 1.8; }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 3rem; }
.hero-stats { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; }
.stat-item { display: flex; flex-direction: column; }
.stat-number { font-size: 1.6rem; font-weight: 700; color: var(--accent-light); font-family: 'JetBrains Mono', monospace; }
.stat-label { font-size: 0.78rem; color: var(--text-muted); }
.stat-divider { width: 1px; height: 40px; background: var(--border); }

/* TERMINAL */
.hero-terminal {
    background: #0a0a0a; border: 1px solid rgba(124,58,237,0.3);
    border-radius: var(--radius-lg); overflow: hidden;
    box-shadow: 0 0 60px rgba(124,58,237,0.15), var(--shadow);
    font-family: 'JetBrains Mono', monospace;
}
.terminal-bar {
    background: #1a1a1a; padding: 0.75rem 1rem;
    display: flex; align-items: center; gap: 8px;
    border-bottom: 1px solid var(--border);
}
.t-btn { width: 12px; height: 12px; border-radius: 50%; }
.t-red { background: #ff5f56; }
.t-yellow { background: #ffbd2e; }
.t-green { background: #27c93f; }
.t-title { margin-left: auto; font-size: 0.75rem; color: var(--text-muted); }
.terminal-body { padding: 1.5rem; font-size: 0.85rem; line-height: 2; min-height: 280px; }
.t-prompt { color: var(--green); }
.t-cmd { color: var(--accent-light); }
.t-output { color: var(--text-secondary); padding-left: 1rem; }
.t-cursor { animation: blink 1s step-end infinite; color: var(--accent-light); }

@media (max-width: 900px) {
    .hero { grid-template-columns: 1fr; padding: 100px 1.5rem 3rem; }
    .hero-terminal { display: none; }
}
@media (max-width: 500px) {
    .hero-stats { gap: 1rem; }
    .stat-divider { display: none; }
}