.opportunity-hero .program-hero-copy h1{
    max-width:1040px;
}

.opportunity-hero-panel{
    position:relative;
    overflow:hidden;
    padding:var(--card-pad);
    border-radius:var(--radius-card);
    background:#101016e6;
    color:#fff;
}



.opportunity-hero-panel span{
    display:block;
    margin-bottom:12px;
    color:#1d9bf0;
    font-size:13px;
    font-weight:700;
    
    
}

.opportunity-hero-panel strong{
    position:relative;
    display:block;
    max-width:300px;
    margin-bottom:12px;
    font-size:clamp(28px, 3vw, 38px);
    line-height:1.05;
    
}

.opportunity-hero-panel p{
    position:relative;


}

.opportunity-model{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:var(--grid-gap);
    padding-top:0;
    padding-bottom:var(--section-y-tight);
}

.opportunity-model article{
    min-height:250px;
    padding:var(--card-pad);
    border:1px solid rgba(0,0,0,.06);
    border-radius:var(--radius-card);
    background:#f7f7f5;
}

.opportunity-model span,
.opportunity-proof-grid span{
    display:block;
    margin-bottom:18px;
    color:#1d9bf0;
    font-size:12px;
    font-weight:700;
    
    
}

.opportunity-model h2{
    margin-bottom:16px;

    line-height:1.02;
    
    font-weight:700;
}

.opportunity-toolbar{
    grid-template-columns:1fr 1fr 1fr minmax(240px, 1.25fr) .75fr;
}

.opportunity-card .program-content h3{
    font-size:clamp(24px, 2.4vw, 32px);
}

.opportunity-image{
    background:#101016e6;
}

.opportunity-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(16,16,22,0) 45%, rgba(16,16,22,.18));
    pointer-events:none;
}

.opportunity-badge{
    background:#29ab87;
}

.opportunity-sponsor{
    display:grid;
    gap:2px;
    margin-top:18px;
    padding:16px;
    border-radius:18px;
    background:#f7f7f5;
}

.opportunity-sponsor span{
    color:#7b7b7b;
    font-size:11px;
    font-weight:700;
    
    
}

.opportunity-sponsor strong{
    color:#101016e6;
    font-size:16px;
    line-height:1.3;
}

.opportunity-card .program-meta span:first-child,
.opportunity-card .program-details span{
    background:rgba(41,171,135,.1);
    color:#16866a;
}

.opportunity-card:hover{
    border-color:rgba(41,171,135,.28);
}


.opportunity-proof{
    display:grid;
    grid-template-columns:minmax(250px, .8fr) minmax(0, 1.2fr);
    gap:var(--grid-gap);
    align-items:start;
    padding:var(--card-pad);
    border:1px solid rgba(0,0,0,.06);
    border-radius:var(--radius-section);
    background:#f7f7f5;
}

.opportunity-proof h2{
    max-width:430px;
    margin-bottom:0;

    line-height:1;
    font-weight:700;
}

.opportunity-proof-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}

.opportunity-proof-grid article{
    min-height:170px;
    padding:22px;
    border:1px solid rgba(0,0,0,.06);
    border-radius:20px;
    background:#fff;
}

.opportunity-cta{
    margin-top:var(--section-y-tight);
}

.community-hero{
    position:relative;
    overflow:hidden;
    min-height:760px;
    padding:0;
    color:#fff;
}

.community-hero-media{
    position:absolute;
    inset:0;
    background:#101016;
}

.community-hero-media::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg, rgba(16,16,22,.9), rgba(16,16,22,.62) 48%, rgba(16,16,22,.22));
}

.community-hero-media img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.community-hero-media .logo-marquee{
    z-index:2;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.community-hero-shell{
    position:relative;
    z-index:3;
    display:grid;
    align-items:end;
    padding-top:15rem;
    padding-bottom:clamp(120px, 12vw, 150px);
}

.community-hero-shell > *{
    min-width:0;
}



.community-hero-copy h1{
    max-width:960px;
    margin:20px 0 22px;

    line-height:.94;
    
    font-weight:700;
}

.community-hero-copy > p{
    max-width:760px;



}


.community-powered{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:var(--grid-gap);
    padding-top:var(--section-y-tight);
    padding-bottom:0;
}

.community-powered div,
.community-role-gate,

.community-steps article,
.community-faq-list details{
    border:1px solid rgba(0,0,0,.06);
    border-radius:var(--radius-card);
    background:#fff;
}

.community-powered div{
    padding:var(--card-pad);
}
.community-powered span{
    color:#1d9bf0;
       
}
.community-powered strong{
        margin-top: 18px;

    display:block;
    font-size:clamp(24px, 2.6vw, 34px);
    line-height:1.08;
    
}

.community-role-gate{
    display:grid;
    grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);
    gap:var(--grid-gap);
    align-items:center;
    margin-top:var(--section-y-tight);
    padding:var(--card-pad);
    background:#f7f7f5;
}

.community-role-gate[hidden]{
    display:none;
}

.community-role-gate h2,
.community-intro h2,
.community-section-title h2,
.community-testimonials .testimonial-header h2{
    margin-bottom:10px;
    line-height:1;
    font-weight:700;
}

.community-role-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
}

.community-role-grid button{
    min-height:48px;
    padding:10px 14px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:999px;
    background:#fff;
    color:#101016e6;
    font:inherit;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}

.community-role-grid button.active{
    border-color:#1d9bf0;
    background:#1d9bf0;
    color:#fff;
}

.community-intro{
    padding-top:var(--section-y-tight);
    padding-bottom:0;
}

.community-intro h2{

    
}



.community-faq{
    padding-top:var(--section-y-tight);
    padding-bottom:0;
}


.community-testimonials{
    padding-top:var(--section-y-tight);
    
}

.community-section-title{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:end;
    margin-bottom:28px;
}

.community-section-title > p{
    max-width:450px;
    text-align:right;
}

.community-section-title [data-how-copy]{
    max-width:620px;
    margin-top:12px;
    color:#4d4d4d;
    line-height:1.65;
}




.community-steps article{
    padding:var(--card-pad);
}



.community-steps{
    display:grid;
    gap:14px;
    max-width:920px;
}

.community-steps h3{
    margin-bottom:12px;
    font-size:clamp(24px, 2.4vw, 32px);
    line-height:1.08;
    
}

.community-steps article{
    position:relative;
    display:grid;
    grid-template-columns:88px minmax(0, 1fr);
    gap:22px;
    align-items:start;
}

.community-steps article > div{
    min-width:0;
}

.community-steps article::before{
    content:"";
    position:absolute;
    left:62px;
    top:78px;
    bottom:-16px;
    width:1px;
    background:rgba(29,155,240,.24);
}

.community-steps article:last-child::before{
    display:none;
}

.community-steps article > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    margin:0;
    border-radius:50%;
    background:#1d9bf0;
    color:#fff;
    font-size:15px;
}

.community-faq-list{
    display:grid;
    gap:12px;
}

.community-faq-list details{
    padding:0 22px;
}

.community-faq-list summary{
    padding:22px 0;
    color:#101016e6;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
}

.community-faq-list p{
    padding:0 0 22px;
    max-width:820px;
}

.community-final-cta{
    margin-bottom:var(--section-y-tight);
}

.community-final-cta .cta-card{
    max-width:940px;
}

@media(max-width:1180px){
    .opportunity-toolbar{
        grid-template-columns:1fr 1fr;
    }

    .opportunity-toolbar .search{
        grid-column:span 2;
    }
}

@media(max-width:1100px){
    .community-hero-shell,
    .community-role-gate,
    .community-testimonials .testimonial-grid{
        grid-template-columns:1fr;
    }

 
}

@media(max-width:900px){
    .opportunity-model,
    .opportunity-proof,
    .community-powered,
    .community-steps{
        grid-template-columns:1fr;
    }

    .opportunity-model article{
        min-height:auto;
    }
}

@media(max-width:700px){
    .opportunity-hero .program-hero-copy{
        width:100%;
        max-width:calc(100vw - 40px);
    }

    .opportunity-hero .program-hero-copy h1{
        max-width:100%;

        
        overflow-wrap:break-word;
}

    .opportunity-hero .program-hero-copy p:last-child,
    .opportunity-hero-panel p{
        max-width:100%;
        overflow-wrap:break-word;
}

    .opportunity-hero-panel{
        max-width:100%;
    }

    .opportunity-toolbar,
    .opportunity-proof-grid{
        grid-template-columns:1fr;
    }

    .opportunity-toolbar .search{
        grid-column:auto;
    }

    .opportunity-proof{
        padding:24px;
    }

    .community-hero{
        min-height:auto;
    }

    .community-hero-media::after{
        background:linear-gradient(180deg, rgba(16,16,22,.88), rgba(16,16,22,.7));
    }

    .community-hero-shell,
    .community-intro,
    .community-powered,
    .community-role-gate,
    .community-how,
    .community-testimonials,
    .community-faq,
    .community-final-cta{
        width:350px;
        max-width:calc(100% - 40px);
        margin-left:20px;
        margin-right:20px;
    }

    .community-hero-shell{
        padding-top:11rem;
    }

    .community-hero-copy h1{

        
        overflow-wrap:break-word;
}

    .community-hero-copy > p,
    .community-hero-panel{
        max-width:100%;
}

    .community-role-grid,
   {
        grid-template-columns:1fr;
    }

    .community-steps{
        max-width:100%;
    }

    .community-steps article{
        grid-template-columns:58px minmax(0, 1fr);
        gap:16px;
    }

    .community-steps article::before{
        left:28px;
    }

    .community-section-title{
        align-items:flex-start;
        flex-direction:column;
    }

    .community-section-title > p{
        text-align:left;
}
}