/* Hero Section */
.hero {
    text-align: center;
}

.hero .title {
    margin: 0 auto 24px;
    max-width: 720px;
}

.hero .text {
    margin: 0 auto 40px;
    max-width: 720px;
    color: #64748b;
}

.hero .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

/* Logos Section */
.logos {
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.logos-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    gap: 24px;
    color: #475569;
}

/* Stats Section */
.stats-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    gap: 24px;
    color: #475569;
}

.stat {
    text-align: center;
}

.stat.green h2 { color: #16a34a; }
.stat.mint h2  { color: #34d399; }
.stat p { color: #64748b; }

/* Prime Section */
.prime {
    background: #e9f7ee;
    text-align: center;
}

.prime .brand { color: #16a34a; }
.prime .title { margin: 24px 0; }
.prime .text { color: #475569; }
.prime .disclaimer {
    display: block;
    margin-top: 20px;
    color: #64748b;
}

/* Desktop Styles */
@media (min-width: 768px) {
    .hero .buttons {
        flex-direction: row;
        gap: 16px;
    }

    .stats-list,
    .logos-list {
        flex-direction: row;
        gap: 40px;
    }
}