/* Public marketplace ecosystem overview. Page-scoped to keep catalogue pages unchanged. */
.marketplace-overview {
    --overview-navy: #071f33;
    --overview-navy-soft: #0c3149;
    --overview-teal: #0ca5a5;
    --overview-teal-dark: #087d83;
    --overview-ink: #102b3b;
    --overview-muted: #607684;
    --overview-line: #dbe8ec;
    --overview-tint: #f2fafb;
    overflow: hidden;
    color: var(--overview-ink);
    background: #fff;
}

.marketplace-overview .container {
    width: min(1440px, calc(100% - 48px));
    max-width: none;
}

.marketplace-overview svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.marketplace-overview-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px;
    color: var(--overview-teal-dark);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.marketplace-overview-hero {
    position: relative;
    isolation: isolate;
    padding: clamp(58px, 6vw, 96px) 0 clamp(52px, 5vw, 82px);
    color: #fff;
    background:
        radial-gradient(circle at 77% 35%, rgba(17, 190, 187, .21), transparent 28%),
        radial-gradient(circle at 12% 14%, rgba(49, 123, 174, .19), transparent 32%),
        linear-gradient(125deg, #061827 0%, #0a2b42 57%, #0a3447 100%);
}

.marketplace-overview-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 52px 52px;
    content: "";
    mask-image: linear-gradient(90deg, #000, transparent 84%);
}

.marketplace-overview-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(520px, .98fr);
    gap: clamp(36px, 5vw, 88px);
    align-items: center;
}

.marketplace-overview-hero__copy {
    max-width: 720px;
}

.marketplace-overview-hero .marketplace-overview-eyebrow {
    color: #69e3df;
}

.marketplace-overview-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(3.1rem, 4.15vw, 4.7rem);
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: .98;
}

.marketplace-overview-hero h1 em {
    color: #5ce2df;
    font-style: normal;
}

.marketplace-overview-hero__lead {
    max-width: 690px;
    margin: 24px 0 0;
    color: #d4e6ed;
    font-size: clamp(1.05rem, 1.45vw, 1.3rem);
    line-height: 1.62;
}

.marketplace-overview-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 30px;
}

.marketplace-overview-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 11px 18px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: inherit;
    font-size: .91rem;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.marketplace-overview-button:hover {
    transform: translateY(-2px);
}

.marketplace-overview-button:focus-visible,
.marketplace-overview a:focus-visible {
    outline: 3px solid #38d8d5;
    outline-offset: 3px;
}

.marketplace-overview-button--primary {
    color: #05242e;
    background: #58ded9;
    box-shadow: 0 12px 28px rgba(39, 214, 207, .22);
}

.marketplace-overview-button--primary:hover {
    background: #75e8e4;
    box-shadow: 0 16px 34px rgba(39, 214, 207, .29);
}

.marketplace-overview-button--light {
    border-color: rgba(255,255,255,.34);
    color: #fff;
    background: rgba(255,255,255,.1);
}

.marketplace-overview-button--quiet {
    color: #cfe4eb;
    background: transparent;
}

.marketplace-overview-button--quiet:hover {
    color: #fff;
    background: rgba(255,255,255,.07);
}

.marketplace-overview-map {
    position: relative;
    min-height: 440px;
    border: 1px solid rgba(147, 221, 220, .2);
    border-radius: 30px;
    background:
        radial-gradient(circle at center, rgba(38, 208, 202, .18), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
    box-shadow: inset 0 1px rgba(255,255,255,.12), 0 35px 70px rgba(0, 8, 19, .26);
}

.marketplace-overview-map::after {
    position: absolute;
    inset: 16px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 22px;
    content: "";
}

.marketplace-overview-map__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px dashed rgba(88, 222, 217, .28);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.marketplace-overview-map__orbit--outer {
    width: 76%;
    aspect-ratio: 1.35;
}

.marketplace-overview-map__orbit--inner {
    width: 49%;
    aspect-ratio: 1.2;
    border-color: rgba(255,255,255,.15);
}

.marketplace-overview-map__center {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: grid;
    width: 180px;
    height: 180px;
    padding: 20px;
    border: 1px solid rgba(111, 235, 230, .42);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(14, 70, 91, .96), rgba(4, 31, 49, .98));
    box-shadow: 0 0 0 10px rgba(25, 183, 179, .06), 0 24px 52px rgba(0, 10, 21, .32);
    place-content: center;
    text-align: center;
    transform: translate(-50%, -50%);
}

.marketplace-overview-map__center strong {
    color: #fff;
    font-size: 1.18rem;
    font-weight: 950;
}

.marketplace-overview-map__center small {
    margin-top: 3px;
    color: #9dc0cc;
    font-size: .72rem;
}

.marketplace-overview-map__mark {
    margin-bottom: -2px;
    color: #57e1dc;
    font-size: 3rem;
    font-weight: 950;
    letter-spacing: -.08em;
    line-height: 1;
}

.marketplace-overview-map__node {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    min-height: 34px;
    padding: 8px 12px;
    border: 1px solid rgba(126, 220, 218, .27);
    border-radius: 999px;
    color: #e8fbfc;
    background: rgba(5, 36, 54, .92);
    box-shadow: 0 10px 25px rgba(0, 10, 22, .22);
    font-size: .76rem;
    font-weight: 850;
    line-height: 1;
}

.marketplace-overview-map__node::before {
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #4ce0da;
    content: "";
}

.marketplace-overview-map__node--one { top: 15%; left: 15%; }
.marketplace-overview-map__node--two { top: 14%; right: 13%; }
.marketplace-overview-map__node--three { top: 44%; right: 6%; }
.marketplace-overview-map__node--four { right: 17%; bottom: 13%; }
.marketplace-overview-map__node--five { bottom: 13%; left: 18%; }
.marketplace-overview-map__node--six { top: 44%; left: 6%; }

.marketplace-overview-ad {
    padding-top: 22px;
}

.marketplace-overview-metrics {
    padding: clamp(32px, 4vw, 52px) 0;
    border-bottom: 1px solid #e6eff2;
    background: #fff;
}

.marketplace-overview-section {
    padding: clamp(62px, 6vw, 96px) 0;
    background: #fff;
}

.marketplace-overview-section--tint {
    border-block: 1px solid #e5f0f2;
    background:
        radial-gradient(circle at 12% 18%, rgba(23, 177, 174, .07), transparent 28%),
        var(--overview-tint);
}

.marketplace-overview-section--timeline {
    padding-block: clamp(46px, 5vw, 68px);
    color: #fff;
    background: linear-gradient(120deg, #08243a, #0b3a4d);
}

.marketplace-overview-section--latest {
    background: #fff;
}

.marketplace-overview-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.marketplace-overview-section-head--compact {
    margin-bottom: 22px;
}

.marketplace-overview-section-head > div {
    min-width: 0;
}

.marketplace-overview-section-head h2 {
    max-width: 840px;
    margin: 0;
    color: var(--overview-ink);
    font-size: clamp(2rem, 3vw, 3.05rem);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.marketplace-overview-section-head > p {
    max-width: 550px;
    margin: 0 0 2px;
    color: var(--overview-muted);
    font-size: .98rem;
    line-height: 1.55;
}

.marketplace-overview-metric-strip {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--overview-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 15px 38px rgba(9, 45, 64, .07);
}

.marketplace-overview-metric {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 84px;
    padding: 14px;
    color: inherit;
    text-decoration: none;
    transition: background .18s ease;
}

.marketplace-overview-metric + .marketplace-overview-metric {
    border-left: 1px solid var(--overview-line);
}

.marketplace-overview-metric:hover {
    background: #effafb;
}

.marketplace-overview-metric > span:last-child {
    display: grid;
    min-width: 0;
}

.marketplace-overview-metric strong {
    color: var(--overview-ink);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1;
}

.marketplace-overview-metric small {
    margin-top: 5px;
    overflow: hidden;
    color: var(--overview-muted);
    font-size: .72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marketplace-overview-icon {
    display: inline-grid;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border: 1px solid #d5ecee;
    border-radius: 13px;
    color: var(--overview-teal-dark);
    background: linear-gradient(145deg, #e9f9f9, #fff);
    place-items: center;
}

.marketplace-overview-icon svg {
    width: 24px;
    height: 24px;
}

.marketplace-overview-icon--small {
    width: 40px;
    height: 40px;
    border-radius: 11px;
}

.marketplace-overview-icon--small svg {
    width: 21px;
    height: 21px;
}

.marketplace-overview-intents {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.marketplace-overview-intent {
    display: flex;
    min-width: 0;
    min-height: 230px;
    padding: 24px;
    border: 1px solid var(--overview-line);
    border-radius: 20px;
    flex-direction: column;
    color: inherit;
    background: #fff;
    box-shadow: 0 14px 32px rgba(9, 45, 64, .065);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.marketplace-overview-intent:hover,
.marketplace-overview-primary:hover,
.marketplace-overview-ecosystem:hover,
.marketplace-overview-submit-links a:hover {
    transform: translateY(-3px);
    border-color: rgba(12, 165, 165, .42);
    box-shadow: 0 18px 38px rgba(9, 45, 64, .11);
}

.marketplace-overview-intent--business {
    border-color: #cde8e5;
    background: linear-gradient(145deg, #eaf9f7, #fff 62%);
}

.marketplace-overview-intent h3 {
    margin: 20px 0 8px;
    color: var(--overview-ink);
    font-size: 1.22rem;
    font-weight: 950;
    line-height: 1.17;
}

.marketplace-overview-intent p {
    margin: 0;
    color: var(--overview-muted);
    font-size: .88rem;
    line-height: 1.5;
}

.marketplace-overview-intent > strong {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 22px;
    color: var(--overview-teal-dark);
    font-size: .83rem;
}

.marketplace-overview-primary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.marketplace-overview-primary {
    display: grid;
    min-height: 150px;
    padding: 22px;
    border: 1px solid var(--overview-line);
    border-radius: 19px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    color: inherit;
    background: #fff;
    box-shadow: 0 12px 28px rgba(9, 45, 64, .06);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.marketplace-overview-primary--business {
    border-color: #bfe3df;
    background: linear-gradient(135deg, #ecf9f8, #fff);
}

.marketplace-overview-primary__copy {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.marketplace-overview-primary__copy strong {
    color: var(--overview-ink);
    font-size: 1.25rem;
    font-weight: 950;
}

.marketplace-overview-primary__copy small {
    color: var(--overview-muted);
    font-size: .85rem;
    line-height: 1.45;
}

.marketplace-overview-arrow {
    display: inline-grid;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--overview-teal-dark);
    background: #edf8f8;
    font-size: 1rem;
    font-weight: 900;
    place-items: center;
}

.marketplace-overview-ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.marketplace-overview-ecosystem {
    display: grid;
    min-height: 92px;
    padding: 14px;
    border: 1px solid var(--overview-line);
    border-radius: 15px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    color: inherit;
    background: rgba(255,255,255,.92);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.marketplace-overview-ecosystem > span:nth-child(2) {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.marketplace-overview-ecosystem strong {
    overflow: hidden;
    color: var(--overview-ink);
    font-size: .94rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marketplace-overview-ecosystem small {
    overflow: hidden;
    color: var(--overview-muted);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marketplace-overview-submit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
}

.marketplace-overview-submit-lane {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--overview-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(9, 45, 64, .07);
}

.marketplace-overview-submit-lane--business {
    border-color: #c6e4e2;
}

.marketplace-overview-submit-lane > header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--overview-line);
    background: linear-gradient(135deg, #f7fbfc, #fff);
}

.marketplace-overview-submit-lane--business > header {
    background: linear-gradient(135deg, #eaf9f7, #fff);
}

.marketplace-overview-submit-lane header > span:last-child {
    min-width: 0;
}

.marketplace-overview-submit-lane header small {
    display: block;
    margin-bottom: 2px;
    color: var(--overview-teal-dark);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.marketplace-overview-submit-lane h3 {
    margin: 0;
    color: var(--overview-ink);
    font-size: 1.25rem;
    font-weight: 950;
}

.marketplace-overview-submit-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: 1px;
    background: var(--overview-line);
}

.marketplace-overview-submit-links a {
    display: flex;
    min-width: 0;
    min-height: 96px;
    padding: 16px 17px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: inherit;
    background: #fff;
    text-decoration: none;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.marketplace-overview-submit-links a:hover {
    position: relative;
    z-index: 1;
    background: #f2fbfb;
}

.marketplace-overview-submit-links a > span:first-child {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.marketplace-overview-submit-links strong {
    color: var(--overview-ink);
    font-size: .9rem;
    font-weight: 900;
}

.marketplace-overview-submit-links small {
    color: var(--overview-muted);
    font-size: .72rem;
    line-height: 1.35;
}

.marketplace-overview-submit-links a > span:last-child {
    flex: 0 0 auto;
    color: var(--overview-teal-dark);
    font-weight: 900;
}

.marketplace-overview-submit-links a:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.marketplace-overview-section--timeline .marketplace-overview-eyebrow {
    color: #58ded9;
}

.marketplace-overview-section--timeline .marketplace-overview-section-head h2 {
    color: #fff;
}

.marketplace-overview-timeline {
    position: relative;
    display: grid;
    margin: 8px 0 0;
    padding: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    list-style: none;
}

.marketplace-overview-timeline::before {
    position: absolute;
    top: 24px;
    right: 16.6%;
    left: 16.6%;
    height: 1px;
    background: linear-gradient(90deg, rgba(74, 221, 216, .3), #49d9d4, rgba(74, 221, 216, .3));
    content: "";
}

.marketplace-overview-timeline li {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    text-align: center;
}

.marketplace-overview-timeline__number {
    display: grid;
    width: 48px;
    height: 48px;
    border: 5px solid #0a3147;
    border-radius: 50%;
    color: #062533;
    background: #55dfda;
    box-shadow: 0 0 0 1px rgba(85, 223, 218, .3), 0 9px 22px rgba(0,0,0,.2);
    font-weight: 950;
    place-items: center;
}

.marketplace-overview-timeline li > span:last-child {
    display: grid;
    gap: 7px;
    max-width: 390px;
    margin-top: 16px;
}

.marketplace-overview-timeline strong {
    color: #fff;
    font-size: 1.05rem;
}

.marketplace-overview-timeline small {
    color: #b8d1da;
    font-size: .82rem;
    line-height: 1.48;
}

.marketplace-overview-latest.marketplace-listing-page {
    width: min(1440px, calc(100% - 48px));
}

.marketplace-overview-latest .marketplace-view-toolbar {
    margin: -6px 0 18px;
}

.marketplace-overview-latest .marketplace-hub-latest-grid {
    grid-template-columns: repeat(auto-fill, minmax(var(--marketplace-card-min), 1fr));
    gap: var(--marketplace-gap);
    justify-items: start;
}

.marketplace-overview-latest .marketplace-hub-latest-card {
    max-width: var(--marketplace-card-max);
    border-radius: 15px;
    box-shadow: 0 8px 23px rgba(7, 38, 55, .075);
}

.marketplace-overview-latest .marketplace-hub-latest-card .card-image {
    min-height: 0;
    aspect-ratio: 3 / 2;
    background: #e9f0f2;
}

.marketplace-overview-latest .marketplace-hub-latest-card .card-image img {
    object-fit: cover;
}

.marketplace-overview-latest .marketplace-hub-latest-body {
    gap: 6px;
    padding: 10px 12px 12px;
}

.marketplace-overview-latest .marketplace-hub-latest-type {
    min-height: 23px;
    padding: 4px 8px;
    border-radius: 7px;
    color: #fff;
    background: rgba(4, 25, 38, .88);
    font-size: .62rem;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.marketplace-overview-latest .marketplace-hub-latest-card h3 {
    min-height: 2.42em;
    font-size: .96rem;
    line-height: 1.21;
}

.marketplace-overview-latest .marketplace-hub-latest-body strong {
    color: #083849;
    font-size: 1.08rem;
}

@media (max-width: 1240px) {
    .marketplace-overview-hero__inner {
        grid-template-columns: minmax(0, 1fr) minmax(420px, .82fr);
        gap: 40px;
    }

    .marketplace-overview-map {
        min-height: 400px;
    }

    .marketplace-overview-metric-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .marketplace-overview-metric:nth-child(5) {
        border-left: 0;
    }

    .marketplace-overview-metric:nth-child(n+5) {
        border-top: 1px solid var(--overview-line);
    }

    .marketplace-overview-ecosystem-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .marketplace-overview-hero__inner {
        grid-template-columns: 1fr;
    }

    .marketplace-overview-hero__copy {
        max-width: 780px;
    }

    .marketplace-overview-map {
        width: min(620px, 100%);
        min-height: 380px;
        margin-inline: auto;
    }

    .marketplace-overview-intents,
    .marketplace-overview-primary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketplace-overview-ecosystem-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketplace-overview-submit-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .marketplace-overview .container,
    .marketplace-overview-latest.marketplace-listing-page {
        width: min(calc(100% - 28px), 1440px);
    }

    .marketplace-overview-hero {
        padding: 40px 0 44px;
    }

    .marketplace-overview-hero__inner {
        gap: 30px;
    }

    .marketplace-overview-hero h1 {
        font-size: clamp(2.25rem, 10.5vw, 3.2rem);
    }

    .marketplace-overview-hero__lead {
        margin-top: 17px;
        font-size: 1rem;
        line-height: 1.5;
    }

    .marketplace-overview-hero__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 23px;
    }

    .marketplace-overview-button {
        min-height: 47px;
        padding-inline: 12px;
        font-size: .82rem;
    }

    .marketplace-overview-button--primary {
        grid-column: 1 / -1;
    }

    .marketplace-overview-map {
        min-height: 290px;
        border-radius: 23px;
    }

    .marketplace-overview-map__center {
        width: 126px;
        height: 126px;
        padding: 12px;
    }

    .marketplace-overview-map__mark {
        font-size: 2rem;
    }

    .marketplace-overview-map__center strong {
        font-size: .9rem;
    }

    .marketplace-overview-map__center small {
        font-size: .59rem;
    }

    .marketplace-overview-map__node {
        min-height: 28px;
        padding: 6px 9px;
        font-size: .64rem;
    }

    .marketplace-overview-map__node::before {
        width: 5px;
        height: 5px;
        margin-right: 5px;
    }

    .marketplace-overview-section {
        padding: 56px 0;
    }

    .marketplace-overview-section-head {
        display: grid;
        gap: 12px;
        margin-bottom: 22px;
    }

    .marketplace-overview-section-head h2 {
        font-size: 2rem;
    }

    .marketplace-overview-section-head > p {
        font-size: .88rem;
    }

    .marketplace-overview-metric-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 15px;
    }

    .marketplace-overview-metric {
        min-height: 69px;
        padding: 10px;
    }

    .marketplace-overview-metric:nth-child(odd) {
        border-left: 0;
    }

    .marketplace-overview-metric:nth-child(even) {
        border-left: 1px solid var(--overview-line);
    }

    .marketplace-overview-metric:nth-child(n+3) {
        border-top: 1px solid var(--overview-line);
    }

    .marketplace-overview-metric .marketplace-overview-icon {
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }

    .marketplace-overview-metric .marketplace-overview-icon svg {
        width: 18px;
        height: 18px;
    }

    .marketplace-overview-metric strong {
        font-size: 1.2rem;
    }

    .marketplace-overview-intents {
        gap: 10px;
    }

    .marketplace-overview-intent {
        min-height: 205px;
        padding: 16px;
        border-radius: 16px;
    }

    .marketplace-overview-intent h3 {
        margin-top: 14px;
        font-size: 1rem;
    }

    .marketplace-overview-intent p {
        font-size: .76rem;
    }

    .marketplace-overview-intent > strong {
        padding-top: 14px;
        font-size: .73rem;
    }

    .marketplace-overview-primary-grid {
        gap: 10px;
    }

    .marketplace-overview-primary {
        display: flex;
        min-height: 175px;
        padding: 16px;
        border-radius: 16px;
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
    }

    .marketplace-overview-primary__copy strong {
        font-size: 1rem;
    }

    .marketplace-overview-primary__copy small {
        font-size: .74rem;
    }

    .marketplace-overview-primary .marketplace-overview-arrow {
        width: auto;
        height: auto;
        margin-top: auto;
        background: transparent;
    }

    .marketplace-overview-ecosystem-grid {
        gap: 8px;
    }

    .marketplace-overview-ecosystem {
        min-height: 86px;
        padding: 11px;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 9px;
    }

    .marketplace-overview-ecosystem > .marketplace-overview-arrow {
        display: none;
    }

    .marketplace-overview-ecosystem strong {
        font-size: .82rem;
    }

    .marketplace-overview-ecosystem small {
        font-size: .65rem;
    }

    .marketplace-overview-submit-lane > header {
        padding: 18px;
    }

    .marketplace-overview-submit-links {
        grid-template-columns: 1fr;
    }

    .marketplace-overview-submit-links a {
        min-height: 75px;
        padding: 13px 15px;
    }

    .marketplace-overview-timeline {
        display: grid;
        gap: 0;
        padding-left: 4px;
        grid-template-columns: 1fr;
    }

    .marketplace-overview-timeline::before {
        top: 24px;
        bottom: 24px;
        left: 27px;
        width: 1px;
        height: auto;
        background: linear-gradient(rgba(74, 221, 216, .3), #49d9d4, rgba(74, 221, 216, .3));
    }

    .marketplace-overview-timeline li {
        min-height: 112px;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 17px;
        align-items: start;
        justify-items: stretch;
        text-align: left;
    }

    .marketplace-overview-timeline li > span:last-child {
        margin-top: 4px;
    }

    .marketplace-overview-latest .marketplace-hub-latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketplace-overview-latest .marketplace-hub-latest-card {
        max-width: none;
    }

    .marketplace-overview-latest .marketplace-hub-latest-body {
        padding: 8px 9px 10px;
    }

    .marketplace-overview-latest .marketplace-hub-latest-card h3 {
        font-size: .82rem;
    }

    .marketplace-overview-latest .marketplace-hub-latest-body strong {
        font-size: .91rem;
    }
}

@media (max-width: 339px) {
    .marketplace-overview .container,
    .marketplace-overview-latest.marketplace-listing-page {
        width: min(calc(100% - 20px), 1440px);
    }

    .marketplace-overview-intents,
    .marketplace-overview-primary-grid,
    .marketplace-overview-ecosystem-grid {
        grid-template-columns: 1fr;
    }

    .marketplace-overview-intent,
    .marketplace-overview-primary {
        min-height: 0;
    }

    .marketplace-overview-map__node--three,
    .marketplace-overview-map__node--six {
        display: none;
    }
}

@media (hover: none) {
    .marketplace-overview-intent:hover,
    .marketplace-overview-primary:hover,
    .marketplace-overview-ecosystem:hover,
    .marketplace-overview-submit-links a:hover,
    .marketplace-overview-button:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .marketplace-overview *,
    .marketplace-overview *::before,
    .marketplace-overview *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}