.hub-info-section{
    margin-top:3rem;
}

.hub-info-section h2{
    margin:0 0 1rem;
    color:#0f172a;
    font-size:1.7rem;
    letter-spacing:-.03em;
}

.hub-info-section > p{
    max-width:780px;
    margin:0;
    color:#4b5563;
    line-height:1.9;
}

.hub-status-list{
    display:flex;
    flex-direction:column;
    gap:.75rem;
}

.hub-status-item{
    display:flex;
    gap:1rem;
    align-items:flex-start;
    padding:1.25rem;
    background:white;
    border:1px solid #e5e7eb;
    border-radius:16px;
}

.hub-status-item h3{
    margin:0 0 .35rem;
    color:#111827;
}

.hub-status-item p{
    margin:0;
    color:#6b7280;
    line-height:1.7;
}

.status-badge{
    flex-shrink:0;
    padding:.3rem .65rem;
    border-radius:999px;
    font-size:.75rem;
    font-weight:800;
}

.status-badge.developing{
    background:#dbeafe;
    color:#1d4ed8;
}

.status-badge.planned{
    background:#f3f4f6;
    color:#4b5563;
}
.hub-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap: 1rem;
}
.hub-feature-item{
    padding:1.4rem;
    background:white;
    border:1px solid #e5e7eb;
    border-radius:18px;
}
.hub-feature-item h3{
    margin:0 0 .65rem;
    color:#111827;
}
.hub-feature-item p{
    margin:0;
    color:#6b7280;
    line-height:1.75;
}
@media(max-width:800px){
    .hub-feature-grid{
        grid-template-columns:1fr;
    }

    .hub-status-item{
        display:block;
    }

    .status-badge{
        display:inline-block;
        margin-bottom:.75rem;
    }
    .hub-info-section{
        padding: 0 1rem;
    }
}