/* =================================================================== PARTNERS HERO section css =================================================================== */
.partners-hero {
    padding-block: var(--sp80) var(--sp100);

    & .partners-hero__card {
        position: relative;
        display: grid;
        gap: var(--sp15);
        width: 100%;
        max-width: 460px;
        padding: var(--sp30);
        background: var(--white);
        border: 1px solid var(--line);
        border-radius: var(--r-md);
        box-shadow: var(--shadow-sm);
    }

    & .partners-hero__founder {
        display: flex; align-items: center; justify-content: space-between;
        gap: var(--sp20);
        padding: var(--sp20) var(--sp25);
        background: var(--surface-1);
        border: 1px solid var(--line);
        border-radius: var(--r-md);
        transition: var(--transition);

        & img { width: auto; max-width: 150px; max-height: 36px; object-fit: contain; }
        & span { font-size: var(--f13); font-weight: 600; color: var(--muted); text-align: right; }
        &:hover { border-color: var(--blue-100); background: var(--blue-50); transform: translateX(4px); }
    }

    & .partners-hero__plus {
        display: grid; place-items: center;
        width: 36px; height: 36px;
        margin: calc(var(--sp10) * -1) auto;
        position: relative; z-index: 1;
        background: var(--primary);
        border-radius: var(--r-full);
        color: var(--white);
        & svg { width: 16px; height: 16px; }
    }

    & .partners-hero__card-note { font-size: var(--f14); }

    & .partners-hero__stats {
        display: flex; flex-wrap: wrap;
        gap: var(--sp15) var(--sp40);
        margin-top: var(--sp40);
        padding-top: var(--sp25);
        border-top: 1px solid var(--line);
    }

    & .partners-hero__stat {
        display: flex; flex-direction: column;
        & strong { font-size: var(--f32); line-height: 1.1; letter-spacing: -.02em; color: var(--primary); }
        & span { font-size: var(--f14); color: var(--muted); }
    }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 575.98px) {
    .partners-hero {
        & .partners-hero__card { padding: var(--sp20); }
        & .partners-hero__founder { flex-direction: column; align-items: flex-start; & span { text-align: left; } }
    }
}