/* ── COMPARISON TABLE COMPONENT ── */
.comparison-table-section {
    padding: var(--spacing-2xl) 0;
    background:
        linear-gradient(180deg, transparent 0%, rgba(67, 56, 202, 0.015) 50%, transparent 100%);
}

.comparison-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid rgba(67, 56, 202, 0.12);
    border-radius: var(--radius-lg);
    background: var(--white);
    box-shadow: var(--shadow-card);
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-base);
}

.comparison-table thead {
    background: linear-gradient(135deg, rgba(67, 56, 202, 0.04) 0%, rgba(99, 102, 241, 0.04) 100%);
}

.comparison-table th {
    padding: var(--spacing-md) var(--spacing-md);
    text-align: left;
    font-weight: var(--fw-bold);
    color: var(--text-primary);
    border-bottom: 2px solid rgba(67, 56, 202, 0.10);
    white-space: nowrap;
    font-size: var(--text-base);
}

@media (max-width: 768px) {
    .comparison-table-section {
        overflow: hidden;
    }

    .comparison-table-wrapper {
        max-width: calc(100vw - 2rem);
    }

    .comparison-table {
        font-size: 0.8125rem;
    }

    .comparison-table th,
    .comparison-table td {
        padding: 0.5rem 0.5rem;
        white-space: normal;
        word-break: break-word;
    }

    .comparison-table th:nth-child(2) {
        font-size: 0.875rem;
    }

    .comparison-feature-name {
        white-space: normal;
        font-size: 0.8125rem;
    }
}

.comparison-table th:first-child {
    background: linear-gradient(135deg, rgba(67, 56, 202, 0.04) 0%, rgba(99, 102, 241, 0.04) 100%);
}

.comparison-table th:nth-child(2) {
    color: var(--accent);
    font-size: var(--text-lg);
}

.comparison-table td {
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid rgba(67, 56, 202, 0.06);
    color: var(--text-secondary);
    font-size: var(--text-base);
}

.comparison-table tbody tr:hover {
    background: rgba(67, 56, 202, 0.02);
}

.comparison-table tbody tr:last-child td {
    border-bottom: none;
}

.comparison-feature-name {
    font-weight: var(--fw-semibold);
    color: var(--text-primary) !important;
    white-space: nowrap;
    font-size: var(--text-base);
}

/* Highlight NoCodeVista column */
.comparison-table td:nth-child(2),
.comparison-table th:nth-child(2) {
    background: rgba(67, 56, 202, 0.03);
}

.comparison-table tbody tr:hover td:nth-child(2) {
    background: rgba(67, 56, 202, 0.06);
}

.comparison-check {
    color: var(--success);
    font-size: 1.375rem;
}

.comparison-cross {
    color: #EF4444;
    font-size: 1.375rem;
}

.comparison-text {
    color: var(--text-tertiary);
    font-size: var(--text-base);
    font-weight: var(--fw-medium);
}

/* Price row highlight */
.comparison-table tbody tr:last-child {
    border-top: 2px solid rgba(67, 56, 202, 0.10);
}

.comparison-table tbody tr:last-child td {
    font-weight: var(--fw-bold);
}

.comparison-table tbody tr:last-child td:nth-child(2) {
    color: var(--accent);
    font-size: var(--text-lg);
}

.comparison-table-cta {
    text-align: center;
    margin-top: var(--spacing-lg);
}

.comparison-table-cta .btn-demo {
    padding: 0.5rem 1.25rem;
    font-size: var(--text-sm);
    border-width: 1.5px;
    border-color: rgba(67, 56, 202, 0.2);
    color: var(--text-secondary);
    font-weight: var(--fw-medium);
    box-shadow: none;
}

.comparison-table-cta .btn-demo i {
    font-size: 1rem;
}

.comparison-table-cta .btn-demo:hover {
    border-color: var(--accent);
    color: var(--accent);
    background: var(--accent-light);
    transform: translateY(-1px);
    box-shadow: none;
}

.btn-compact {
    padding: 0.625rem 1.5rem;
    font-size: var(--text-sm);
}