/* P26M — Find a Provider CTA (homepage section). Globally enqueued (tiny). */

.finder-cta {
    padding-block: var(--section-pad-y);
}
.finder-cta__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-4);
    padding: clamp(var(--space-7), 6vw, var(--space-9)) var(--space-5);
    border-radius: var(--radius-3xl);
    border: 1px solid var(--color-border);
    /* Брендовый блик внутри карточки — как в primary-карточке features
       и на мокапе hero. Это подсветка компонента, не ambient-заливка секции. */
    background:
        radial-gradient(120% 140% at 50% 0%, rgba(115, 196, 75, 0.10), transparent 60%),
        var(--color-elevated);
    overflow: hidden;
    isolation: isolate;
}
.finder-cta__title {
    font-family: var(--font-display);
    font-size: var(--fs-4xl);
    line-height: var(--lh-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    max-width: 18ch;
}
.finder-cta__lead {
    color: var(--color-text-secondary);
    font-size: var(--fs-lg);
    line-height: var(--lh-relaxed);
    max-width: 58ch;
}
.finder-cta__actions {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--space-2);
}
.finder-cta__actions svg { width: 18px; height: 18px; }
.finder-cta__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-5);
    justify-content: center;
    margin-top: var(--space-4);
    color: var(--color-text-tertiary);
    font-family: var(--font-mono);
    font-size: var(--fs-xs);
    letter-spacing: var(--tracking-wide);
}
.finder-cta__meta-item {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}
.finder-cta__meta-item svg { width: 15px; height: 15px; color: var(--color-brand); }

@media (max-width: 560px) {
    .finder-cta__actions { flex-direction: column; width: 100%; }
    .finder-cta__actions .btn { width: 100%; }
}