/* Support — a discreet section below About. Drops the section box entirely
   (no surface, border, or shadow) so it reads as quiet acknowledgement,
   not a call to action. */
.home-section.support {
    background: none;
    border: none;
    box-shadow: none;
}

/* Drop the accent tick before the title and the divider under the header. */
.support-header.home-section-header {
    border-bottom: none;
}

.support-title.home-section-title::before {
    display: none;
}

.support-lead {
    margin: 0 0 var(--theme-space-5);
    max-width: 64ch;
    font-size: var(--theme-font-md);
    line-height: 1.6;
    color: var(--theme-text-secondary);
}

.support-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--theme-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.support-item {
    display: flex;
}

/* Link — a subdued tile that lifts slightly on hover. */
.support-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--theme-space-3) var(--theme-space-4);
    border: 1px solid var(--theme-border-subtle);
    border-radius: var(--theme-radius-md);
    background: white;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.support-link:hover {
    border-color: color-mix(in srgb, var(--theme-color-primary) 30%, var(--theme-border-subtle));
    box-shadow: var(--theme-shadow-sm);
    transform: translateY(-1px);
}

.support-logo {
    display: block;
    width: auto;
    max-width: 100px;
    /* height: 34px; */
    object-fit: contain;
    background: white;
}