﻿.intro-text {
        margin-bottom: 32px;
        color: #054F99;
        line-height: 1.7;
        font-family: 'Inter-Medium';
        font-style: italic;
        text-align: center;
    }

    .section-title {
        margin: 48px 0 24px;
        color: #222;
    }

    .note {
        margin-top: 40px;
        font-style: italic;
        color: #666;
        text-align: center;
        font-size: 16px;
    }

    /* Tabel perbandingan – clean, rapi, dan mirip contoh terbaru kamu */
    .comparison-table-container {
        margin: 50px 0;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        background: #fff;
    }

    .comparison-table {
        width: 100%;
        border-collapse: collapse;
    }

    .comparison-table th {
        padding: 24px 20px;
        font-size: 20px;
        font-weight: 700;
        color: white;
        text-align: center;
    }

    .feature-col {
        background: #f9fafb;
        color: #333;
        text-align: left;
        font-size: 17px;
        font-weight: 600;
    }

    .sindo-col {
        background: #054F99;
    }

    .other-col {
        background: #64748b;
    }

    .comparison-table td {
        padding: 24px 20px;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #e5e7eb;
        background: #fff;
    }

    .comparison-table td:first-child {
        text-align: left;
        background: #f9fafb;
        font-weight: 500;
        color: #374151;
    }

    .comparison-table tbody tr:hover {
        background: #f0f9ff;
    }

    .comparison-table tbody tr:hover td:first-child {
        background: #e6f3ff;
    }

    /* Check & Cross – besar dan tepat di tengah */
    .yes {
        color: #10b981;
        font-size: 38px;
        font-weight: bold;
        line-height: 1;
    }

    .no {
        color: #ef4444;
        font-size: 38px;
        font-weight: bold;
        line-height: 1;
    }

    .limited {
        color: #f97316;
        font-size: 38px;
        font-weight: bold;
        line-height: 1;
    }

    /* Responsif */
    @media (max-width: 992px) {
        .comparison-table th, .comparison-table td {
            padding: 18px 14px;
        }
        .yes, .no, .limited {
            font-size: 34px;
        }
    }

    @media (max-width: 768px) {
        .comparison-table th, .comparison-table td {
            padding: 16px 12px;
        }
        .yes, .no, .limited {
            font-size: 30px;
        }
    }