.hero{
    min-height:100vh;display:flex;align-items:center;justify-content:center;
    text-align:center;
    padding:calc(var(--nav-h) + 40px) 20px 60px;
    position:relative;overflow:hidden;
}
.hero-grid{
    position:absolute;top:0;left:0;width:100%;height:100%;
    background-image:
        linear-gradient(var(--border-dim) 1px,transparent 1px),
        linear-gradient(90deg,var(--border-dim) 1px,transparent 1px);
    background-size:60px 60px;opacity:0.35;
    mask-image:radial-gradient(ellipse at center,black 25%,transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse at center,black 25%,transparent 70%);
}
.hero-content{position:relative;z-index:var(--z-content);max-width:950px}

.hero-badge{
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--font-pixel);font-size:0.75rem;
    color:var(--text-dark);letter-spacing:3px;
    padding:8px 18px;border:1px solid var(--border-dim);
    margin-bottom:28px;
}
.badge-dot-anim{width:6px;height:6px;border-radius:50%;background:var(--green);animation:beepPulse 2s infinite}

.hero-title{
    font-family:var(--font-pixel);
    font-size:clamp(2.8rem,8vw,5.5rem);
    line-height:1.1;margin-bottom:24px;
}
.hero-title-line{display:block}
.title-sub{
    font-size:clamp(1.2rem,3vw,2rem);
    color:var(--text-dim);
    margin-top:8px;
    letter-spacing:6px;
}
.hero-title-accent{color:var(--text-dark);margin:0 6px}

.hero-subtitle{
    font-family:var(--font-pixel);
    font-size:clamp(0.85rem,1.8vw,1.1rem);
    color:var(--text-dim);margin-bottom:32px;
    line-height:2;
}

/* TERMINAL */
.hero-terminal{margin-bottom:32px;max-width:650px;margin-left:auto;margin-right:auto}
.terminal-window{background:var(--bg-card);border:1px solid var(--border);overflow:hidden}
.terminal-header{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 16px;border-bottom:1px solid var(--border-dim);
    background:var(--bg-elevated);
}
.terminal-body{padding:18px;text-align:left;font-family:var(--font-pixel);font-size:0.9rem;line-height:1.8;min-height:100px}
.terminal-line{margin-bottom:6px}
.prompt{color:var(--green)}
.prompt-sep{color:var(--text-dim)}
.prompt-dir{color:var(--text-dim)}
.prompt-dollar{color:var(--text-dark);margin:0 8px 0 0}
.cmd{color:var(--cyan)}
.terminal-output{color:var(--text-dim);line-height:1.8}

/* STATS */
.hero-stats{
    display:flex;align-items:center;justify-content:center;
    gap:24px;margin-bottom:32px;flex-wrap:wrap;
}
.stat-item{display:flex;align-items:center;gap:4px;flex-direction:row}
.stat-bracket{color:var(--text-dark);font-family:var(--font-pixel);font-size:1.8rem}
.stat-number{font-family:var(--font-pixel);font-size:2.2rem;color:var(--green)}
.stat-plus{font-family:var(--font-pixel);font-size:1.4rem;color:var(--text-dim)}
.stat-label{
    font-family:var(--font-pixel-sm);font-size:0.38rem;
    color:var(--text-dark);letter-spacing:2px;
    margin-left:6px;
}
.stat-divider{color:var(--text-dark);font-family:var(--font-pixel);font-size:1.5rem}

/* BUTTONS */
.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:50px}

/* SCROLL */
.hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-arrows{display:flex;flex-direction:column;align-items:center;gap:0}
.scroll-arrow{
    font-family:var(--font-pixel);font-size:0.9rem;color:var(--text-dark);
    line-height:1;
}
.scroll-arrow:nth-child(1){animation:scrollArrow 1.5s 0s infinite}
.scroll-arrow:nth-child(2){animation:scrollArrow 1.5s 0.15s infinite}
.scroll-arrow:nth-child(3){animation:scrollArrow 1.5s 0.3s infinite}
.scroll-text{font-family:var(--font-pixel);font-size:0.7rem;color:var(--text-dark);letter-spacing:3px}