/* Results Page Styles */
.results-section,
.case-studies-section,
.algorithms-section,
.recognition-section,
.ml-section,
.ahf-section {
    padding: 80px 0;
    background: var(--section-bg);
    text-align: center;
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-header h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 20px;
}

.section-header h2 span {
    color: var(--primary-color);
}

.section-subtitle {
    font-size: 1.2rem;
    color: var(--text-muted);
    max-width: 800px;
    margin: 0 auto 40px auto;
    text-align: center;
}

/* Common Grid Styles */
.results-grid,
.algorithms-grid,
.reports-grid,
.testimonials-grid,
.recognition-stats {
    display: grid;
    gap: 30px;
    margin: 40px auto;
    max-width: 1200px;
    justify-content: center;
}

/* Card Styles */
.result-card,
.case-study,
.algorithm-card,
.report-card,
.testimonial-card,
.feature,
.stat {
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.result-card:hover,
.case-study:hover,
.algorithm-card:hover,
.report-card:hover,
.testimonial-card:hover,
.feature:hover,
.stat:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Specific Overrides and Additions */

/* Hero Section */
.hero-content .punchline p {
    margin-left: auto;
    margin-right: auto;
}

/* Case Studies */
.case-study .key-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 30px auto;
    max-width: 800px;
}

.case-study .point {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.case-study .point i {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.case-study .point span {
    color: var(--text-color);
    font-weight: 500;
}

/* AHF Section */
.ahf-section .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    justify-content: center;
}

.ahf-content {
    flex: 1;
    min-width: 50%;
    text-align: center;
}

.ahf-image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.ahf-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.ahf-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin: 40px auto;
    text-align: center;
}

.feature {
    padding: 30px;
    background: var(--white);
    border-radius: 10px;
    box-shadow: var(--shadow);
    text-align: center;
}

.feature i {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.feature h3 {
    margin-bottom: 15px;
    color: var(--dark-color);
}

.feature p {
    color: var(--text-color);
    line-height: 1.6;
    text-align: center;
}

.ahf-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
    flex-wrap: wrap;
}

.ahf-description {
    text-align: center;
    max-width: 800px;
    margin: 40px auto;
}

.ahf-description p {
    margin-bottom: 20px;
    line-height: 1.6;
    text-align: center;
}

.ahf-description ul {
    list-style: none;
    padding: 0;
    margin: 20px auto;
    text-align: center;
    max-width: 600px;
}

.ahf-description li {
    margin: 10px 0;
    padding: 10px;
    background: var(--white);
    border-radius: 5px;
    box-shadow: var(--shadow);
    text-align: center;
}

/* Machine Learning Section */
.ml-section {
    padding: 80px 0;
    background: var(--white);
}

.ml-content {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.ml-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin: 40px auto;
    text-align: center;
}

.ml-feature {
    padding: 30px;
    background: var(--light-color);
    border-radius: 10px;
    box-shadow: var(--shadow);
    text-align: center;
}

.ml-feature i {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.ml-feature h3 {
    margin-bottom: 15px;
    color: var(--dark-color);
}

.ml-feature p {
    color: var(--text-color);
    line-height: 1.6;
    text-align: center;
}

.ml-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
    flex-wrap: wrap;
}

/* Dashboard Note */
.dashboard-note {
    background: var(--light-color);
    padding: 20px;
    border-radius: 10px;
    margin: 30px auto;
    max-width: 800px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.dashboard-note i {
    font-size: 1.5rem;
    color: var(--primary-color);
}

.dashboard-note p {
    margin: 0;
    text-align: center;
}

/* Recognition Section */
.recognition-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
}

.recognition-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
}

.recognition-list li {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
    line-height: 1.6;
}

.recognition-list li:before {
    content: "•";
    color: #3498db;
    font-weight: bold;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}

.recognition-list li a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.recognition-list li a:hover {
    color: #3498db;
}

/* Testimonials Grid - Specifics */
.testimonial-card.featured {
    grid-column: span 2;
}

.testimonial-card blockquote {
    margin: 0 auto 30px auto;
    max-width: 600px;
}

.testimonial-author {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

/* Responsive Design Adjustments (ensure centering is maintained) */
@media (max-width: 1024px) {
    .ahf-section .container {
        flex-direction: column;
    }

    .ahf-content {
        min-width: 100%;
    }

    .ahf-image {
        order: -1;
        margin-bottom: 30px;
    }

    .testimonials-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .testimonial-card.featured {
        grid-column: span 2;
    }
    
    .testimonial-stats {
        grid-column: span 2;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .section-header h2 {
        font-size: 2rem;
    }

    .case-study {
        padding: 30px;
    }

    .case-study h3 {
        font-size: 1.5rem;
    }

    .algorithm-card {
        padding: 20px;
    }

    .recognition-list li {
        font-size: 1rem;
        gap: 10px;
    }

    .ahf-section .container {
        flex-direction: column;
    }
    
    .ahf-content {
        min-width: 100%;
    }
    
    .ahf-image {
        order: -1;
        margin-bottom: 30px;
    }
    
    .ahf-features {
        grid-template-columns: 1fr;
    }
    
    .ahf-links {
        flex-direction: column;
        align-items: center;
    }
    
    .ahf-description {
        font-size: 0.9rem;
    }
    
    .ahf-description .dashboard-note {
        flex-direction: column;
        text-align: center;
        padding: 1rem;
    }

    .recognition-stats {
        grid-template-columns: 1fr;
    }
    
    .recognition-card {
        padding: 30px 20px;
    }
    
    .stat {
        padding: 20px;
    }
    
    .hero-content .punchline p {
        font-size: 1.2rem;
    }
    
    .tech-pill {
        padding: 0.4rem 0.8rem;
        margin: 0.2rem;
        font-size: 0.9rem;
    }
    
    .ml-features {
        grid-template-columns: 1fr;
    }
    
    .ml-links {
        flex-direction: column;
        align-items: center;
    }
    
    .ml-links .btn {
        width: 100%;
        max-width: 300px;
    }
    
    .reports-grid {
        grid-template-columns: 1fr;
    }
    
    .report-card {
        padding: 20px;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
    
    .testimonial-card.featured {
        grid-column: span 1;
    }
    
    .testimonial-stats {
        grid-column: span 1;
        grid-template-columns: 1fr;
    }
    
    .testimonial-card {
        padding: 30px 20px;
    }
    
    .testimonial-author {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 1.8rem;
    }

    .key-points {
        grid-template-columns: 1fr;
    }

    .algorithm-icon {
        width: 60px;
        height: 60px;
    }

    .algorithm-icon i {
        font-size: 1.5rem;
    }

    .feature {
        padding: 20px;
    }

    .feature i {
        font-size: 1.8rem;
    }

    .ahf-links .btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .ahf-description {
        padding: 0 10px;
    }
    
    .testimonial-stats {
        grid-template-columns: 1fr;
    }
}

/* Overall Page Structure and Global Centering */
body {
    text-align: center; /* Default text alignment for the entire body */
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.section {
    padding: 80px 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.section-header {
    margin-bottom: 40px;
}

.section-header h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
}

.section-header h2 span {
    color: #3498db;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

/* Common Grid and Card Styles */
.results-grid,
.algorithms-grid,
.reports-grid,
.testimonials-grid,
.recognition-stats,
.ahf-features,
.ml-features {
    display: grid;
    gap: 30px;
    margin: 40px auto; /* Center the entire grid block */
    max-width: 1200px; /* Limit width for readability */
    justify-content: center; /* Center grid items if they don't fill the width */
}

.result-card,
.case-study,
.algorithm-card,
.report-card,
.testimonial-card,
.feature,
.stat {
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    text-align: center; /* Center all text content within cards */
}

.result-card:hover,
.case-study:hover,
.algorithm-card:hover,
.report-card:hover,
.testimonial-card:hover,
.feature:hover,
.stat:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Text within cards and other blocks - ensure explicit centering */
.result-content h3,
.result-content p,
.case-study h3,
.case-study p,
.algorithm-card h3,
.algorithm-card p,
.report-card h3,
.report-card p,
.testimonial-card blockquote,
.feature h3,
.feature p,
.ml-description p,
.ahf-description p /* Added AHF description paragraphs */
{
    text-align: center; /* Ensure all specific text elements are centered */
    margin-left: auto; /* For blockquotes and paragraphs that might not center */
    margin-right: auto; /* For blockquotes and paragraphs that might not center */
}

/* Button Styles (consolidated from various sections) */
.btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn:hover {
    background-color: #2980b9;
}

.btn-outline {
    background-color: transparent;
    border: 2px solid #3498db;
    color: #3498db;
}

.btn-outline:hover {
    background-color: #3498db;
    color: #fff;
}

/* Specific Section Adjustments */

/* Hero Section */
.hero-content .punchline p {
    margin-left: auto;
    margin-right: auto;
}

/* Case Studies */
.case-study .key-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 30px auto;
    max-width: 800px;
}

.case-study .point {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.case-study .point i {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.case-study .point span {
    color: var(--text-color);
    font-weight: 500;
}

/* AHF Section */
.ahf-section .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    justify-content: center;
}

.ahf-content {
    flex: 1;
    min-width: 50%;
}

.ahf-image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.ahf-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.ahf-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

.ahf-description ul {
    list-style: none;
    padding: 0;
    margin: 20px auto; /* Center the list block */
    max-width: 400px; /* Constrain width for better centering */
    text-align: center; /* Center the text content of the list items within the ul */
}

.ahf-description ul li {
    font-size: 1rem;
    color: var(--text-color);
    padding: 8px 0;
    position: relative;
    display: flex; /* Use flexbox to center content and icon */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    gap: 8px; /* Space between icon and text */
}

.ahf-description ul li:before {
    content: "\f00c"; /* Font Awesome check-circle icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--primary-color);
    position: static; /* Position static for flexbox alignment */
}

.ahf-description .dashboard-note {
    margin-top: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center; /* Ensure text inside is centered */
}

.ahf-description .dashboard-note i {
    font-size: 1.5rem;
    color: var(--primary-color);
}

.ahf-description .dashboard-note p {
    margin: 0;
    font-size: 0.95rem;
    color: var(--text-color);
}

/* Machine Learning Section */
.ml-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.ml-description p {
    text-align: center; /* Ensure it's centered */
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-color);
    margin-bottom: 40px;
}

.ml-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

/* Reports Grid */
.report-card .report-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.report-card p {
    font-size: 1rem;
    color: var(--text-muted);
    margin-bottom: 20px;
    line-height: 1.5;
    text-align: center; /* Explicitly center report card paragraph text */
}

/* Recognition Section */
.recognition-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center; /* Ensure content within recognition content is centered */
}

.recognition-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 40px auto; /* Center the list block */
    max-width: 800px; /* Constrain width for better centering */
    text-align: center; /* Center the text content of the list items within the ul */
}

.recognition-list li {
    font-size: 1.2rem;
    color: var(--text-color);
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center; /* Center content within the flex item */
    gap: 15px;
}

.recognition-list li:last-child {
    border-bottom: none;
}

.recognition-list li:before {
    content: "\f00c"; /* Font Awesome check-circle icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--primary-color);
    position: static; /* Position static for flexbox alignment */
}

/* Testimonials Grid - Specifics */
.testimonial-card.featured {
    grid-column: span 2;
}

.testimonial-card blockquote {
    margin: 0 auto 30px auto; /* Center blockquote */
    max-width: 600px; /* Constrain width for better readability */
}

.testimonial-author {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

/* Responsive Design Adjustments */
@media (max-width: 1024px) {
    .ahf-section .container {
        flex-direction: column;
    }

    .ahf-content {
        min-width: 100%;
    }

    .ahf-image {
        order: -1;
        margin-bottom: 30px;
    }

    .testimonials-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .testimonial-card.featured {
        grid-column: span 2;
    }
    
    .testimonial-stats {
        grid-column: span 2;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .section-header h2 {
        font-size: 2rem;
    }

    .case-study {
        padding: 30px;
    }

    .case-study h3 {
        font-size: 1.5rem;
    }

    .algorithm-card {
        padding: 20px;
    }

    .recognition-list li {
        font-size: 1rem;
        gap: 10px;
        justify-content: center; /* Ensure centering in responsive view */
    }

    .ahf-section .container {
        flex-direction: column;
    }
    
    .ahf-content {
        min-width: 100%;
    }
    
    .ahf-image {
        order: -1;
        margin-bottom: 30px;
    }
    
    .ahf-features {
        grid-template-columns: 1fr;
    }
    
    .ahf-links {
        flex-direction: column;
        align-items: center;
    }
    
    .ahf-description {
        font-size: 0.9rem;
    }
    
    .ahf-description .dashboard-note {
        flex-direction: column;
        text-align: center;
        padding: 1rem;
    }

    .recognition-stats {
        grid-template-columns: 1fr;
    }
    
    .recognition-card {
        padding: 30px 20px;
    }
    
    .stat {
        padding: 20px;
    }
    
    .hero-content .punchline p {
        font-size: 1.2rem;
    }
    
    .tech-pill {
        padding: 0.4rem 0.8rem;
        margin: 0.2rem;
        font-size: 0.9rem;
    }
    
    .ml-features {
        grid-template-columns: 1fr;
    }
    
    .ml-links {
        flex-direction: column;
        align-items: center;
    }
    
    .ml-links .btn {
        width: 100%;
        max-width: 300px;
    }
    
    .reports-grid {
        grid-template-columns: 1fr;
    }
    
    .report-card {
        padding: 20px;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
    
    .testimonial-card.featured {
        grid-column: span 1;
    }
    
    .testimonial-stats {
        grid-column: span 1;
        grid-template-columns: 1fr;
    }
    
    .testimonial-card {
        padding: 30px 20px;
    }
    
    .testimonial-author {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 1.8rem;
    }

    .key-points {
        grid-template-columns: 1fr;
    }

    .algorithm-icon {
        width: 60px;
        height: 60px;
    }

    .algorithm-icon i {
        font-size: 1.5rem;
    }

    .feature {
        padding: 20px;
    }

    .feature i {
        font-size: 1.8rem;
    }

    .ahf-links .btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .ahf-description {
        padding: 0 10px;
    }
    
    .testimonial-stats {
        grid-template-columns: 1fr;
    }
}

/* Hero Section */
.hero-section {
    background-color: #3498db;
    color: #fff;
    padding: 100px 0;
    text-align: center;
}

.hero-content h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.hero-content h1 span {
    color: #f1c40f;
}

.punchline {
    font-size: 1.5rem;
    margin-top: 20px;
}

.tech-pill {
    display: inline-block;
    padding: 5px 15px;
    background-color: #f1c40f;
    color: #2c3e50;
    border-radius: 20px;
    margin: 0 5px;
    font-weight: 600;
}

/* Recent Reports Section */
.recent-reports-section {
    background-color: #fff;
}

.reports-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.report-card {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.report-card h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50;
}

.report-card p {
    color: #666;
    margin-bottom: 20px;
}

/* Proprietary Algorithms Section */
.algorithms-section {
    background-color: #f8f9fa;
}

.algorithms-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.algorithm-card {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.algorithm-icon {
    font-size: 2rem;
    color: #3498db;
    margin-bottom: 20px;
}

.algorithm-card h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50;
}

.algorithm-card p {
    color: #666;
}

/* Artificial Manipulation Detection Section */
.manipulation-section {
    background-color: #fff;
}

.content-block {
    margin-bottom: 40px;
}

.content-block h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50;
}

.content-block p {
    color: #666;
    margin-bottom: 15px;
}

.manipulation-image {
    margin-top: 20px;
}

.manipulation-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Can You Make Money Section */
.money-making-section {
    background-color: #f8f9fa;
}

/* MoneyChoice History Section */
.history-section {
    background-color: #fff;
}

/* Industry Recognition Section */
.recognition-section {
    background-color: #f8f9fa;
}

.recognition-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recognition-list li {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.recognition-list li:before {
    content: "•";
    color: #3498db;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.recognition-list li a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.recognition-list li a:hover {
    color: #3498db;
}

.additional-links {
    margin-top: 20px;
    text-align: center;
}

/* Footer */
.footer {
    background-color: #2c3e50;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

/* AOS Animation */
[data-aos] {
    opacity: 0;
    transition: opacity 0.5s ease;
}

[data-aos].aos-animate {
    opacity: 1;
} 