/* ── Hero (match-score split) ── */
.hero {
    background-color: var(--c-surface);
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 18px,
        rgba(234, 236, 240, 0.02) 18px,
        rgba(234, 236, 240, 0.02) 19px
    );
    border-bottom: 1px solid var(--c-border);
    padding: var(--s-64) 0 var(--s-48);
}

.hero__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-48);
    align-items: center;
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 var(--s-24);
}

.hero__content {
    max-width: 540px;
}

.hero__title {
    margin-bottom: var(--s-16);
}

.hero__desc {
    color: var(--c-text-dim);
    font-size: 1.0625rem;
    margin-bottom: var(--s-24);
}

/* ── Small variant (inner pages) ── */
.hero--small {
    padding: var(--s-48) 0 var(--s-40);
}

.hero--small .hero__inner {
    grid-template-columns: 1fr;
    max-width: 780px;
    text-align: center;
}

.hero--small .hero__content {
    max-width: 100%;
}

.hero--small .hero__desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

.hero--small .cta-row {
    justify-content: center;
}