/*
Copyright © Wild Rose Devs. & Alberta Lynx 2025. All rights reserved.

This software and its source code are proprietary and confidential.
Unauthorized copying, distribution, modification, or use in whole or in part
is strictly prohibited and may result in civil and/or criminal penalties.

No license or rights are granted by implication or otherwise under any
intellectual property rights.

For licensing inquiries, contact: https://wildrosedevs.ca
*/

.features-section {
    padding: 80px 20px;
    background-color: #f5f5f5;
    color: #000;
}

.features-container {
    max-width: 960px;
    margin: 0 auto;
}

.features-container h3 {
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.features-container h3 .emoji {
    margin-right: 10px;
    font-size: 1.5rem;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    font-size: 1.05rem;
    line-height: 1.8;
}

.feature-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

.feature-list li::before {
    content: "✅";
    margin-right: 10px;
    font-size: 1.1rem;
}

.transparent-message {
    font-size: 1rem;
    line-height: 1.6;
    margin: 30px 0 10px;
}

.cta-line {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.get-started-btn {
    text-align: center;
    margin: 30px 0 50px;
}

.get-started-btn a {
    display: inline-block;
    padding: 12px 28px;
    border: 2px solid #4090ea;
    color: #111;
    font-weight: bold;
    border-radius: 6px;
    background-color: transparent;
    transition: 0.3s ease;
    font-size: 1rem;
}

.get-started-btn a:hover {
    background-color: #4090ea;
    color: #fff;
}

.conservative-note {
    margin-top: 60px;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #111;
}

.feature-cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
    text-decoration: none;
}

.feature-cards .card {
    border: 2px solid #4090ea;
    padding: 16px 32px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 8px;
    background-color: #f8faff;
    min-width: 140px;
    text-align: center;
    transition: all 0.3s ease;
    flex: 1 1 180px;
    max-width: 220px;
}

.feature-cards .card:hover {
    background-color: #e6f0fc;
    transform: translateY(-4px);
}

@media (max-width: 768px) {
    .features-container h3 {
        font-size: 1.3rem;
    }

    .feature-list li {
        font-size: 1rem;
    }

    .get-started-btn a {
        width: 100%;
    }

    .feature-cards {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-top: 30px;
        padding: 0 16px;
    }

    .feature-cards .card {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 90%;
        height: 32px;
        border: 2px solid #4090ea;
        border-radius: 8px;
        background-color: #f8faff;
        font-size: 1.1rem;
        font-weight: 600;
        text-align: center;
        transition: transform 0.2s ease;
    }

    .feature-cards .card a {
        color: #111;
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    .feature-cards .card:hover {
        transform: translateY(-2px);
    }
}