/* ========================================== */
/* Extracted from inline styles */
/* ========================================== */


/* ========== Style Block 1 ========== */
:root{--panel:#0b1124;--table:#121A2D;--blue1:#00bce6;--blue2:#3b49ff}
        .pro-plan .bg-primary{background-color:rgba(197,9,251,.8)!important}
        .pro-plan .text-primary{color:rgb(197,9,251)!important}
        .pro-plan .bg-primary\/20{background-color:rgba(197,9,251,.2)!important}
        .pro-plan .hover\:bg-primary\/80:hover{background-color:rgba(197,9,251,.8)!important}
        .pro-plan .border-primary{border-color:rgba(197,9,251,.8)!important}
        .pro-plan .focus\:ring-primary:focus{--tw-ring-color:rgba(197,9,251,.8)!important}
        .pro-plan .hover\:shadow-primary\/20:hover{--tw-shadow-color:rgba(197,9,251,.2)!important;--tw-shadow:var(--tw-shadow-colored)}
        .pro-plan:hover{box-shadow:0 20px 25px -5px rgba(197,9,251,.1),0 8px 10px -6px rgba(197,9,251,.1)!important}
        .pro-plan .hover\:shadow-neon-md:hover,.pro-plan .hover\:shadow-neon-sm:hover{--tw-shadow:0 0 15px 3px rgba(197,9,251,.3)!important;--tw-shadow-colored:0 0 15px 3px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
        .pro-plan .hover\:shadow-primary\/30:hover{--tw-shadow-color:rgba(197,9,251,.3)!important;--tw-shadow:var(--tw-shadow-colored)!important}
        .pro-plan .hover\:border-primary\/40:hover,.pro-plan .hover\:border-primary\/50:hover{border-color:rgba(197,9,251,.5)!important}
        .pro-plan .hover\:text-primary:hover{color:rgb(197,9,251)!important}

        /* Pricing cards use deep panel color */
        .pricing-column{background-color:var(--panel)!important;display:flex;flex-direction:column}
        .pricing-column .plan-head{background:var(--panel)!important}
        .pricing-column > div:last-child{margin-top:auto}

        /* Comparison table theme */
        .table-compare th.plan-col{background-color:var(--table)!important}
        /* Make all top header cells the same color (remove gradient) */
        .table-compare th.plan-col.featured{background:var(--table)!important;color:#fff}
        .table-compare th.feature-col{background-color:var(--table)!important}
        .table-compare td, .table-compare th{border-color:rgba(0,188,230,.35)!important}
        .table-compare td{border-top:1px solid rgba(0,188,230,.35)!important;background-color:var(--table)!important}
        .table-compare .feature-sticky{background-color:rgba(11,17,36,.92)!important}

        /* Ensure Pro card top border is pink */
        .pro-plan{border-top-color:rgba(197,9,251,.8)!important}
        
        /* Section header rows: Essential Features, SEO Content Creation, Limits */
        .table-compare td.section-header{background-color:#0B1124!important}
        
        /* Pro plan price in comparison table should use the same pink accent */
        .table-compare th.plan-col.featured span{color:rgb(197,9,251)!important}
        
        /* Subtle pink highlight for Pro column in comparison table */
        .table-compare thead th:nth-child(4),
        .table-compare tbody td:nth-child(4){background-color:rgba(197,9,251,.08)!important}
        /* Ensure header Pro cell overrides base featured background */
        .table-compare th.plan-col.featured{background-color:rgba(197,9,251,.08)!important;color:#fff}
        
        /* Neon glow effect for Simple text */
        .text-glow {
            text-shadow: 0 0 15px rgba(0, 188, 230, 0.5);
        }
        
        /* Mobile responsive pricing table */
        @media (max-width: 768px) {
            /* Reduce padding on mobile */
            .table-compare th,
            .table-compare td {
                padding: 8px 6px !important;
                font-size: 12px !important;
            }
            
            .table-compare th.feature-col,
            .table-compare td.sticky {
                padding: 8px 8px !important;
                font-size: 11px !important;
            }
            
            /* Make table header more compact */
            .table-compare thead th {
                padding: 10px 4px !important;
                font-size: 13px !important;
                line-height: 1.3;
            }
            
            .table-compare thead th br {
                display: block;
                content: "";
                margin: 2px 0;
            }
            
            .table-compare thead th span {
                font-size: 11px !important;
            }
            
            /* Section headers more compact */
            .table-compare td.section-header {
                padding: 8px 8px !important;
                font-size: 12px !important;
            }
            
            /* Icons smaller on mobile */
            .table-compare i {
                font-size: 11px !important;
            }
            
            /* Reduce container padding */
            .max-w-7xl.mx-auto.rounded-xl {
                padding: 12px !important;
            }
            
            /* Tighter table spacing */
            .table-compare {
                border-spacing: 0 !important;
            }
        }
        
        @media (max-width: 480px) {
            /* Even more compact for small phones */
            .table-compare th,
            .table-compare td {
                padding: 6px 4px !important;
                font-size: 10px !important;
            }
            
            .table-compare th.feature-col,
            .table-compare td.sticky {
                padding: 6px 6px !important;
                font-size: 10px !important;
                max-width: 100px;
            }
            
            .table-compare thead th {
                padding: 8px 3px !important;
                font-size: 11px !important;
            }
            
            .table-compare thead th span {
                font-size: 9px !important;
            }
            
            .table-compare td.section-header {
                padding: 6px 6px !important;
                font-size: 11px !important;
            }
            
            .table-compare i {
                font-size: 10px !important;
            }
            
            .max-w-7xl.mx-auto.rounded-xl {
                padding: 8px !important;
            }
        }