.hero {
    min-height: calc(100vh - 4.5rem);
    display: flex;
    align-items: center;
}

.hero-inner { max-width: 680px; }

.hero-pre {
    font-family: var(--font-mono);
    color: var(--accent);
    font-size: 0.85rem;
    letter-spacing: 0.12em;
    margin-bottom: 0.5rem;
}

.hero-name {
    font-size: clamp(3rem, 9vw, 5.5rem);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -0.03em;
    margin-bottom: 0.4rem;
}

.hero-title {
    font-size: clamp(1.1rem, 2.5vw, 1.6rem);
    font-weight: 400;
    color: var(--text-muted);
    margin-bottom: 1.75rem;
}

.hero-desc {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.85;
    max-width: 540px;
    margin-bottom: 2.5rem;
}

.hero-cta {
    display: flex;
    gap: 1rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.hero-stack {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}