.marketplace-home { color: #213942; background: #fff; font-family: Poppins, sans-serif; }
.marketplace-home *, .marketplace-home *::before, .marketplace-home *::after { box-sizing: border-box; }
.marketplace-container { width: min(100% - 48px, 1200px); margin-inline: auto; }
.marketplace-home h1, .marketplace-home h2, .marketplace-home h3 { font-family: Poppins, sans-serif; letter-spacing: 0; }
.marketplace-home h2, .marketplace-home h3 { color: #213942 !important; text-transform: none; }
.marketplace-home p { margin: 0; }
.marketplace-eyebrow { color: #0b766e; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 1.4; margin-bottom: 14px !important; text-transform: uppercase; }
.marketplace-eyebrow--light { color: #9be0d4; }
.marketplace-hero { position: relative; isolation: isolate; height: clamp(470px, 68svh, 620px); overflow: hidden; background: #202c2b; }
.marketplace-hero__image, .marketplace-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.marketplace-hero__image { object-fit: cover; object-position: center 50%; z-index: -2; }
.marketplace-hero__shade { background: linear-gradient(90deg, rgba(11, 22, 22, .88) 0%, rgba(11, 22, 22, .68) 34%, rgba(11, 22, 22, .12) 70%); z-index: -1; }
.marketplace-hero__inner { height: 100%; display: flex; align-items: center; }
.marketplace-hero__content { width: min(100%, 620px); padding-block: 30px; }
.marketplace-hero h1 { color: #fff; font-size: clamp(38px, 4.7vw, 64px); font-weight: 700; line-height: 1.1; margin: 0 0 20px; }
.marketplace-hero__lead { color: #f0f5f4; font-size: clamp(15px, 1.35vw, 18px); line-height: 1.7; max-width: 530px; }
.marketplace-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.marketplace-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 11px 19px; border: 1px solid transparent; border-radius: 4px; font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none !important; transition: background-color .2s, border-color .2s, color .2s; }
.marketplace-button--primary { background: #16a391; color: #fff !important; }
.marketplace-button--primary:hover, .marketplace-button--primary:focus-visible { background: #0b786f; }
.marketplace-button--light-outline { color: #fff !important; border-color: rgba(255, 255, 255, .8); background: rgba(10, 25, 24, .18); }
.marketplace-button--light-outline:hover, .marketplace-button--light-outline:focus-visible { background: rgba(255, 255, 255, .16); }
.marketplace-button--dark { background: #183f3a; color: #fff !important; }
.marketplace-button--dark:hover, .marketplace-button--dark:focus-visible { background: #0d6b63; }
.marketplace-button:focus-visible, .marketplace-text-link:focus-visible { outline: 3px solid #ed9e74; outline-offset: 3px; }
.marketplace-proof { border-bottom: 1px solid #dce5e5; background: #f6faf9; }
.marketplace-proof__inner { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding-block: 23px; }
.marketplace-proof__inner > div { display: flex; align-items: center; gap: 13px; color: #345259; font-size: 13px; font-weight: 600; }
.marketplace-proof__inner i { color: #0d8379; font-size: 17px; width: 20px; text-align: center; }
.marketplace-section { padding-block: 84px; }
.marketplace-heading { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 34px; }
.marketplace-heading > div { max-width: 650px; }
.marketplace-heading > p { max-width: 320px; color: #60727a; font-size: 14px; line-height: 1.7; }
.marketplace-home h2 { font-size: clamp(28px, 3vw, 41px); font-weight: 700; line-height: 1.2; margin: 0; }
.marketplace-formats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #dce5e5; border-bottom: 1px solid #dce5e5; }
.marketplace-format { padding: 29px 26px 30px 0; min-width: 0; }
.marketplace-format + .marketplace-format { border-left: 1px solid #dce5e5; padding-left: 26px; }
.marketplace-format__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; color: #0b766e; }
.marketplace-format__top i { font-size: 25px; }
.marketplace-format__top span { font-size: 11px; font-weight: 700; color: #687b81; }
.marketplace-format h3 { font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0 0 9px; }
.marketplace-format p { color: #60727a; font-size: 13px; line-height: 1.65; }
.marketplace-workflow { background: #eef5f4; }
.marketplace-workflow .marketplace-container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: min(9vw, 120px); align-items: start; }
.marketplace-workflow__intro > p:not(.marketplace-eyebrow) { color: #587079; font-size: 15px; line-height: 1.7; margin-top: 20px; max-width: 450px; }
.marketplace-text-link { display: inline-flex; gap: 10px; align-items: center; color: #076e67 !important; font-size: 14px; font-weight: 700; margin-top: 24px; text-decoration: none !important; }
.marketplace-text-link:hover { color: #034d48 !important; }
.marketplace-workflow__steps { list-style: none; margin: 0; padding: 0; }
.marketplace-workflow__steps li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 0 0 26px; }
.marketplace-workflow__steps li + li { border-top: 1px solid #d0dedd; padding-top: 26px; }
.marketplace-workflow__steps li:last-child { padding-bottom: 0; }
.marketplace-step-number { color: #0b766e; font-size: 14px; font-weight: 700; }
.marketplace-workflow__steps h3 { font-size: 17px; font-weight: 700; margin: 0 0 7px; }
.marketplace-workflow__steps p { color: #5f737a; font-size: 13px; line-height: 1.65; }
.marketplace-publisher__inner { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: min(10vw, 140px); align-items: center; }
.marketplace-publisher__inner > div:first-child > p:not(.marketplace-eyebrow) { color: #60727a; font-size: 15px; line-height: 1.7; max-width: 620px; margin-top: 19px; margin-bottom: 26px; }
.marketplace-publisher__points { border-top: 1px solid #dce5e5; }
.marketplace-publisher__points > div { display: flex; align-items: center; gap: 20px; padding-block: 21px; border-bottom: 1px solid #dce5e5; font-weight: 600; font-size: 14px; }
.marketplace-publisher__points i { width: 22px; color: #bb684a; font-size: 19px; text-align: center; }
.marketplace-closing { background: #193d39; color: #fff; padding-block: 55px; }
.marketplace-closing__inner { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.marketplace-closing h2 { color: #fff !important; max-width: 650px; font-size: clamp(26px, 2.7vw, 37px); }
.marketplace-closing .marketplace-button { flex: none; }
@media (max-width: 900px) {
    .marketplace-formats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-format:nth-child(3) { border-left: 0; padding-left: 0; }
    .marketplace-format:nth-child(n+3) { border-top: 1px solid #dce5e5; }
    .marketplace-workflow .marketplace-container, .marketplace-publisher__inner { gap: 44px; }
}
@media (max-width: 640px) {
    .marketplace-container { width: min(100% - 36px, 1200px); }
    .marketplace-hero { height: min(590px, calc(100svh - 124px)); min-height: 410px; }
    .marketplace-hero__image { object-position: 61% center; }
    .marketplace-hero__shade { background: linear-gradient(90deg, rgba(11, 22, 22, .84), rgba(11, 22, 22, .45)); }
    .marketplace-hero__content { width: 100%; }
    .marketplace-hero h1 { font-size: clamp(33px, 8vw, 43px); max-width: 420px; }
    .marketplace-hero__lead { font-size: 14px; line-height: 1.6; max-width: 430px; }
    .marketplace-actions { gap: 8px; margin-top: 23px; }
    .marketplace-button { min-height: 44px; padding: 9px 13px; font-size: 12px; gap: 8px; }
    .marketplace-proof__inner { grid-template-columns: 1fr; gap: 12px; padding-block: 18px; }
    .marketplace-section { padding-block: 58px; }
    .marketplace-heading { display: block; margin-bottom: 26px; }
    .marketplace-heading > p { max-width: 100%; margin-top: 16px; }
    .marketplace-formats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-format { padding: 20px 14px 22px 0; }
    .marketplace-format + .marketplace-format { padding-left: 14px; }
    .marketplace-format:nth-child(3) { padding-left: 0; }
    .marketplace-format__top { margin-bottom: 22px; }
    .marketplace-format h3 { font-size: 15px; }
    .marketplace-format p { font-size: 12px; }
    .marketplace-workflow .marketplace-container, .marketplace-publisher__inner { grid-template-columns: 1fr; gap: 34px; }
    .marketplace-closing__inner { align-items: flex-start; flex-direction: column; gap: 23px; }
}