/* LenderScope product page overrides */

:root {
    --lender-blue: #52b8e0;
    --lender-blue-2: #8BE3FF;
    --lender-indigo: #3B82F6;
}

.lenderscope-page {
    background:
        radial-gradient(circle at 80% 10%, rgba(82,184,224,0.18), transparent 30rem),
        radial-gradient(circle at 10% 30%, rgba(59,130,246,0.12), transparent 32rem),
        var(--bg-primary);
}

.lenderscope-page .product-hero__mesh {
    z-index: 1;
    background:
        radial-gradient(circle at 24% 38%, rgba(82,184,224,0.17), transparent 26rem),
        radial-gradient(circle at 76% 44%, rgba(59,130,246,0.18), transparent 30rem),
        radial-gradient(circle at 52% 74%, rgba(8,47,73,0.46), transparent 27rem);
}

.lender-hero-video {
    opacity: 0.35;
}

.lenderscope-page .product-hero__inner {
    grid-template-columns: minmax(0, 1.04fr) minmax(520px, 0.8fr);
    gap: clamp(1.8rem, 3.4vw, 4.5rem);
}

.lenderscope-page .product-hero__title {
    max-width: 820px;
}

.lenderscope-page .product-hero::before {
    opacity: 0 !important;
    animation: none;
}

.lenderscope-page .product-kicker {
    border-color: rgba(82,184,224,0.34);
    color: #d8f5ff;
    background: rgba(82,184,224,0.1);
    box-shadow: 0 0 32px rgba(82,184,224,0.14);
}

.lenderscope-page .product-kicker img {
    width: auto;
    height: 24px;
}

.lenderscope-page .btn-primary {
    background: linear-gradient(135deg, #52b8e0, #8BE3FF);
    color: #06111f;
    box-shadow: 0 16px 42px rgba(82,184,224,0.22);
}

.lenderscope-page .section-tag,
.lenderscope-page .usecase-panel span,
.lenderscope-page .timeline-list span,
.lenderscope-page .prospect-flow span {
    color: #0EA5E9;
}

.lenderscope-page .prospect-console {
    border-color: rgba(82,184,224,0.24);
    background:
        linear-gradient(145deg, rgba(12,26,46,0.92), rgba(6,13,24,0.84)),
        radial-gradient(circle at 72% 30%, rgba(82,184,224,0.19), transparent 22rem);
}

.lenderscope-page .prospect-console .console-topline span:last-child {
    color: #bfedff;
}

.lenderscope-page .prospect-console::before {
    background:
        radial-gradient(circle at 38% 45%, rgba(139,207,235,0.13), transparent 13rem),
        radial-gradient(circle at 72% 42%, rgba(59,130,246,0.15), transparent 17rem);
}

.lenderscope-page .prospect-neighborhood,
.lenderscope-page .prospect-rankings {
    border-color: rgba(82,184,224,0.18);
}

.lenderscope-page .prospect-neighborhood::before {
    background:
        radial-gradient(ellipse at 44% 43%, rgba(82,184,224,0.58), transparent 42%),
        radial-gradient(ellipse at 68% 66%, rgba(59,130,246,0.34), transparent 48%);
}

.lenderscope-page .home-tile--primary {
    background:
        linear-gradient(145deg, rgba(82,184,224,0.72), rgba(59,130,246,0.42)),
        rgba(7,17,31,0.68);
    box-shadow: 0 0 44px rgba(82,184,224,0.32), 0 24px 48px rgba(0,0,0,0.24);
}

.lenderscope-page .prospect-row:nth-child(1) { --rank: 91%; }
.lenderscope-page .prospect-row:nth-child(2) { --rank: 87%; }
.lenderscope-page .prospect-row:nth-child(3) { --rank: 80%; }

.lenderscope-page .prospect-row b {
    background: linear-gradient(90deg, var(--lender-blue-2) var(--rank, 80%), rgba(255,255,255,0.16) var(--rank, 80%));
}

.lenderscope-page .prospect-row.row-hot,
.lenderscope-page .prospect-score-card,
.lenderscope-page .prospect-signal-stack span {
    border-color: rgba(82,184,224,0.2);
}

.lenderscope-page .prospect-score-card span {
    color: #bfedff;
}

.lenderscope-page .model-card::before {
    background: radial-gradient(circle at 84% 12%, rgba(82,184,224,0.13), transparent 15rem);
}

.lenderscope-page .capability-grid .model-card {
    min-height: auto;
    padding: 1rem 1.15rem 1.15rem;
}

.lenderscope-page .capability-grid .model-card h3 {
    margin-top: 1.25rem;
}

.lenderscope-page .capability-grid .model-card p {
    margin-bottom: 0;
}

.lenderscope-page .model-card__index,
.lenderscope-page .cascade-node span {
    color: #0EA5E9;
}

.lenderscope-page .essentials-panel,
.lenderscope-page .usecase-explorer {
    background:
        radial-gradient(ellipse at 82% 18%, rgba(82,184,224,0.13), transparent 24rem),
        linear-gradient(180deg, #ffffff, #eef7fb);
}

.lenderscope-page .pilot-card {
    background:
        radial-gradient(circle at 68% 24%, rgba(82,184,224,0.2), transparent 15rem),
        linear-gradient(145deg, #07111f, #102743);
}

.lenderscope-page .pilot-card:not(.pilot-card--primary) {
    background:
        radial-gradient(circle at 68% 24%, rgba(82,184,224,0.2), transparent 15rem),
        linear-gradient(145deg, rgba(7,17,31,0.85), rgba(16,39,67,0.85));
}

.lenderscope-page .pilot-section {
    --pilot-bg-image: url("Assets/Images/lenderscope-pilot-background.webp?v=20260501context");
}

.lenderscope-page .lender-network {
    display: block;
    min-height: 100%;
    position: relative;
    background:
        radial-gradient(circle at 54% 50%, rgba(82,184,224,0.28), transparent 10rem),
        radial-gradient(ellipse at 18% 84%, rgba(139,227,255,0.16), transparent 12rem),
        linear-gradient(145deg, rgba(7,17,31,0.75), rgba(16,39,67,0.75)),
        url("Assets/Images/Lender_Glance.webp");
    background-position: center;
    background-size: cover;
}

.lenderscope-page .lender-network::before {
    content: "";
    position: absolute;
    inset: 1.4rem;
    opacity: 0.32;
    background-image:
        linear-gradient(rgba(139,227,255,0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,227,255,0.14) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: radial-gradient(circle at 50% 50%, #000, transparent 72%);
}

.lenderscope-page .lender-capital-core {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    width: clamp(162px, 47%, 186px);
    aspect-ratio: 1;
    padding: 0.95rem;
    display: grid;
    place-items: center;
    align-content: center;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(191,237,255,0.24);
    border-radius: 40px;
    background:
        radial-gradient(circle at 50% 26%, rgba(82,184,224,0.3), transparent 6rem),
        rgba(6,13,24,0.82);
    color: #f8fbff;
    text-align: center;
    box-shadow: inset 0 0 34px rgba(82,184,224,0.24), 0 22px 52px rgba(0,0,0,0.3);
}

.lenderscope-page .capital-mark {
    width: clamp(34px, 12vw, 42px);
    height: clamp(34px, 12vw, 42px);
    display: grid;
    place-items: center;
    margin-bottom: 0.45rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #8BE3FF, #52b8e0);
    color: #06111f;
    font-size: 1.25rem;
    font-weight: 900;
}

.lenderscope-page .lender-capital-core strong {
    font-size: clamp(1.72rem, 4vw, 2.12rem);
    letter-spacing: -0.04em;
    line-height: 1;
}

.lenderscope-page .lender-capital-core span:last-child {
    margin-top: 0.34rem;
    color: rgba(203,213,225,0.76);
    font-size: 0.58rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    line-height: 1;
    white-space: nowrap;
}

.lenderscope-page .lender-node {
    position: absolute;
    z-index: 3;
    width: clamp(44px, 16%, 58px);
    height: clamp(44px, 16%, 58px);
    border: 1px solid rgba(191,237,255,0.24);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 32%, rgba(139,227,255,0.34), transparent 1.5rem),
        rgba(11,35,60,0.82);
    transform: translate(-50%, -50%);
    box-shadow: 0 14px 34px rgba(0,0,0,0.24), inset 0 0 24px rgba(82,184,224,0.18);
}

.lenderscope-page .lender-node::before,
.lenderscope-page .lender-node::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(191,237,255,0.9);
}

.lenderscope-page .lender-node::before {
    top: 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.lenderscope-page .lender-node::after {
    bottom: 14px;
    width: 26px;
    height: 14px;
    border-radius: 14px 14px 6px 6px;
    clip-path: none;
}

.lenderscope-page .lender-node--one { left: 25%; top: 25%; }
.lenderscope-page .lender-node--two { left: 75%; top: 25%; }
.lenderscope-page .lender-node--three { left: 25%; top: 75%; }
.lenderscope-page .lender-node--four { left: 75%; top: 75%; }

.lenderscope-page .lender-circuit {
    position: absolute;
    z-index: 2;
    width: 22%;
    height: 18%;
    background: none;
    border-color: rgba(139,227,255,0.7);
    border-style: solid;
    border-width: 0;
    filter: drop-shadow(0 0 10px rgba(82,184,224,0.22));
}

.lenderscope-page .lender-circuit::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8BE3FF;
    box-shadow: 0 0 20px rgba(139,227,255,0.74);
}

.lenderscope-page .lender-circuit--one {
    left: 25%;
    top: 25%;
    border-top-width: 3px;
    border-right-width: 3px;
    border-top-right-radius: 28px;
}

.lenderscope-page .lender-circuit--one::after {
    left: -2px;
    top: -5px;
}

.lenderscope-page .lender-circuit--two {
    right: 25%;
    top: 25%;
    border-top-width: 3px;
    border-left-width: 3px;
    border-top-left-radius: 28px;
}

.lenderscope-page .lender-circuit--two::after {
    right: -2px;
    top: -5px;
}

.lenderscope-page .lender-circuit--three {
    left: 25%;
    bottom: 25%;
    border-bottom-width: 3px;
    border-right-width: 3px;
    border-bottom-right-radius: 28px;
}

.lenderscope-page .lender-circuit--three::after {
    left: -2px;
    bottom: -5px;
}

.lenderscope-page .lender-circuit--four {
    right: 25%;
    bottom: 25%;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-bottom-left-radius: 28px;
}

.lenderscope-page .lender-circuit--four::after {
    right: -2px;
    bottom: -5px;
}

@media (max-width: 860px) {
    .lenderscope-page .lender-network {
        min-height: 320px;
    }

    .lenderscope-page .lender-capital-core {
        width: clamp(150px, 50%, 172px);
    }
}

.lenderscope-page .prospect-flow {
    background:
        radial-gradient(ellipse at 24% 20%, rgba(82,184,224,0.11), transparent 20rem),
        radial-gradient(ellipse at 78% 85%, rgba(59,130,246,0.1), transparent 20rem),
        linear-gradient(180deg, #fff, #eef7fb);
}

.lenderscope-page .prospect-flow::before {
    background: linear-gradient(90deg, rgba(82,184,224,0), rgba(82,184,224,0.36), rgba(59,130,246,0.3), rgba(82,184,224,0));
}

.lenderscope-page .prospect-flow article:hover {
    border-color: rgba(82,184,224,0.24);
}

.lenderscope-page .usecase-stage::before {
    background:
        radial-gradient(ellipse at 28% 50%, rgba(82,184,224,0.66), transparent 34%),
        radial-gradient(ellipse at 64% 28%, rgba(59,130,246,0.42), transparent 42%),
        radial-gradient(ellipse at 74% 78%, rgba(139,227,255,0.2), transparent 40%);
}

.lenderscope-page .usecase-panel::after {
    opacity: 0.34;
}

.lenderscope-page .usecase-panel--lending::after {
    background-image: url("Assets/Images/lenderscope-lender-profiling.webp");
}

.lenderscope-page .usecase-panel--insurance::after {
    background-image: url("Assets/Images/lenderscope-capacity-intelligence.webp");
}

.lenderscope-page .usecase-panel--marketing::after,
.lenderscope-page .usecase-panel--platforms::after {
    background-image: url("Assets/Images/lenderscope-capital-cycle.webp");
}

.lenderscope-page .usecase-progress::before {
    background: linear-gradient(90deg, #8BE3FF, #52b8e0);
}

.lenderscope-page .related-cta {
    background: linear-gradient(135deg, #52b8e0, #8BE3FF);
    border-color: transparent;
    color: #06111f;
}

@media (max-width: 1180px) {
    .lenderscope-page .product-hero__inner {
        grid-template-columns: 1fr;
    }
}