/* footer.css — Quantblocks global footer
 * Self-contained tokens on .qb-footer. Mint accent on link hover,
 * IBM Plex Sans body, Plex Mono section labels. Stacks on mobile. */

.qb-footer {
    /* Tokens scoped to footer */
    --ft-bg:        #0A0A0A;
    --ft-bg-soft:   #0F0F0F;
    --ft-rule:      #1F1F1F;
    --ft-rule-2:    #2A2A2A;
    --ft-text:      #EDEDED;
    --ft-text-dim:  #A8A8A8;
    --ft-text-faint:#797979;
    --ft-text-ghost:#4D4D4D;
    --ft-mint:      #65D6A5;
    --ft-mint-soft: rgba(101, 214, 165, 0.14);

    background: var(--ft-bg);
    border-top: 1px solid var(--ft-rule);
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--ft-text-dim);
}
.qb-footer__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 56px 32px 32px;
}
.qb-footer__main {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 56px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--ft-rule);
}

/* Brand block */
.qb-footer__brand {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 360px;
}
.qb-footer__brand-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ft-text);
    text-decoration: none;
    width: fit-content;
}
.qb-footer__brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--ft-mint-soft);
    color: var(--ft-mint);
}
.qb-footer__brand-name {
    font-size: 16px;
    font-weight: 500;
    color: var(--ft-text);
    letter-spacing: -0.005em;
}
.qb-footer__tagline {
    font-size: 14px;
    line-height: 1.55;
    color: var(--ft-text-faint);
    margin: 0;
}

/* Link columns */
.qb-footer__cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}
.qb-footer__col-title {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    font-weight: 500;
    color: var(--ft-text-ghost);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.qb-footer__col-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.qb-footer__link {
    color: var(--ft-text-dim);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.12s ease;
}
.qb-footer__link:hover { color: var(--ft-mint); }

/* Bottom row */
.qb-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 24px;
    font-family: "IBM Plex Mono", monospace;
    font-size: 11.5px;
    color: var(--ft-text-faint);
    letter-spacing: 0.02em;
}

@media (max-width: 720px) {
    .qb-footer__inner { padding: 40px 20px 24px; }
    .qb-footer__main {
        grid-template-columns: 1fr;
        gap: 36px;
        padding-bottom: 32px;
    }
}
@media (max-width: 480px) {
    .qb-footer__cols { grid-template-columns: 1fr; gap: 24px; }
}