.hero {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-text-secondary) 100%);
}

.hero__top-container {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
    margin-bottom: 0;
}

.hero__logo {
    background-color: var(--color-text-inverse);
    height: 50px;
    border: none;
    border-radius: var(--radius-lg);
    padding: var(--space-sm) var(--space-md);
}

.hero__actions {
    display: flex;
    gap: var(--space-md);
}

.hero__content {
    max-width: 800px;
}

.hero__title {
    font-size: var(--font-size-xxl);
    font-weight: 700;
    color: var(--color-text-inverse);
}

.hero__subtitle {
    font-size: var(--font-size-md);
    color: var(--color-text-inverse);
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm);
    width: 100%;
}

.hero__subtitle p {
    margin: 0;
}

.hero__caption {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}