#wp-compressor-price-vs { --comp-primary:#2563EB;--comp-primary-dark:#1E40AF;--comp-primary-light:#EFF6FF;--comp-text-main:#1F2937;--comp-text-light:#F9FAFB;--comp-text-sec:#6B7280;--comp-border:#E5E7EB;--comp-bg-page:#F8FAFC;--comp-success:#10B981;--comp-danger:#EF4444;--comp-gold:#F59E0B;--comp-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--comp-shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--comp-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--comp-text-main);line-height:1.5;width:100%;box-sizing:border-box;} #wp-compressor-price-vs *, #wp-compressor-price-vs *::before, #wp-compressor-price-vs *::after { box-sizing:border-box;} #wp-compressor-price-vs .comparison-container { max-width:1150px;margin:0 auto;background:white;border-radius:20px;box-shadow:var(--comp-shadow-lg);border:1px solid white;overflow:hidden;} #wp-compressor-price-vs .comp-header { padding:40px 20px;text-align:center;background:linear-gradient(135deg, var(--comp-primary) 0%, var(--comp-primary-dark) 100%);color:white;} #wp-compressor-price-vs .comp-header h2 { margin:0 0 10px 0;font-size:28px;font-weight:800;letter-spacing:-0.5px;color:white;} #wp-compressor-price-vs .comp-header p { margin:0;color:rgba(255,255,255,0.9);font-size:16px;font-weight:400;} #wp-compressor-price-vs .table-wrapper { overflow-x:auto;background:white;} #wp-compressor-price-vs .comp-table { width:100%;border-collapse:separate;border-spacing:0;min-width:600px;} #wp-compressor-price-vs .comp-table th, #wp-compressor-price-vs .comp-table td { padding:18px 24px;text-align:left;border-bottom:1px solid var(--comp-border);font-size:14px;color:var(--comp-text-sec);} #wp-compressor-price-vs .comp-table th { background:#F9FAFB;color:var(--comp-text-main);text-transform:uppercase;font-size:12px;letter-spacing:1px;font-weight:700;position:sticky;top:0;z-index:10;} #wp-compressor-price-vs .comp-table th.th-pro { color:var(--comp-primary);background:var(--comp-primary-light);border-bottom:2px solid var(--comp-primary);font-size:13px;} #wp-compressor-price-vs .comp-table td.td-pro { background:#FDFEFF;font-weight:600;color:var(--comp-primary-dark);border-left:1px solid rgba(37, 99, 235, 0.1);} #wp-compressor-price-vs .comp-table tr:hover td { background-color:#F8FAFC;} #wp-compressor-price-vs .comp-table tr:hover td.td-pro { background-color:#EFF6FF;} #wp-compressor-price-vs .feature-icon { margin-right:8px;font-size:16px;vertical-align:middle;} #wp-compressor-price-vs .check-icon { color:var(--comp-success);font-weight:800;font-size:16px;margin-right:5px;} #wp-compressor-price-vs .badge-new { background:var(--comp-gold);color:white;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:800;margin-left:8px;text-transform:uppercase;letter-spacing:0.5px;vertical-align:middle;box-shadow:0 2px 4px rgba(245, 158, 11, 0.3);display:inline-block;} #wp-compressor-price-vs .category-row td { background:#F3F4F6;color:var(--comp-text-main);font-weight:800;padding:14px 24px;font-size:13px;letter-spacing:0.5px;text-transform:uppercase;border-top:1px solid var(--comp-border);} #wp-compressor-price-vs .benefits-grid { display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px;padding:40px;background:white;border-top:1px solid var(--comp-border);} #wp-compressor-price-vs .benefit-item { display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;border:1px solid transparent;transition:all 0.3s ease;} #wp-compressor-price-vs .benefit-item:hover { background:white;border-color:var(--comp-border);box-shadow:var(--comp-shadow-md);transform:translateY(-3px);} #wp-compressor-price-vs .benefit-icon { width:48px;height:48px;background:var(--comp-primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--comp-primary);transition:all 0.3s;} #wp-compressor-price-vs .benefit-item:hover .benefit-icon { background:var(--comp-primary);color:white;} #wp-compressor-price-vs .benefit-title { font-weight:700;font-size:16px;color:var(--comp-text-main);} #wp-compressor-price-vs .benefit-desc { font-size:13px;color:var(--comp-text-sec);line-height:1.6;} @media (max-width:640px) { #wp-compressor-price-vs .comp-table th, #wp-compressor-price-vs .comp-table td { padding:14px 15px;font-size:13px;} #wp-compressor-price-vs .badge-new { display:block;width:fit-content;margin:4px 0 0 0;} #wp-compressor-price-vs .comp-header { padding:30px 20px;} #wp-compressor-price-vs .comp-header h2 { font-size:22px;} #wp-compressor-price-vs .benefits-grid { padding:30px 20px;} }