:root{--primary-color:#2c3e50;--primary-light:#3a516b;--secondary-color:#4a6fa5;--accent-color:#5a8fbb;--success-color:#27ae60;--danger-color:#c0392b;--light-gray:#f8fafc;--medium-gray:#e2e8f0;--dark-gray:#4a5568;--text-color:#2d3748;--white:#fff;--border-radius:6px;--box-shadow:0 2px 15px rgba(0,0,0,.08);--transition:all .25s ease}body{font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-color);background-color:#f8fafc;padding:20px}.comparison-container{max-width:1000px;margin:0 auto;padding:20px}.comparison-title{text-align:center;color:#fff;margin-bottom:30px;font-size:2rem;font-weight:600;letter-spacing:-.5px}.comparison-table{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);border:1px solid var(--medium-gray)}.comparison-header{display:contents;font-weight:600}.header-feature{padding:20px;text-align:left;background-color:var(--primary-color);color:var(--white);font-size:1rem;display:flex;align-items:center;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.header-tier{padding:18px 15px;border:1px solid #fff;text-align:center;background-color:var(--primary-light);color:var(--white);font-size:.95rem;display:flex;align-items:center;justify-content:center;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.header-tier.free{background-color:#556b2f}.header-tier.pro-annual{background-color:var(--secondary-color)}.header-tier.pro-onetime{background-color:var(--secondary-color)}.comparison-row{display:contents}.comparison-row:nth-child(even) .row-feature,.comparison-row:nth-child(even) .row-value{background-color:var(--light-gray)}.row-feature{grid-column:1;padding:16px 20px;font-weight:400;background-color:var(--white);border-bottom:1px solid var(--medium-gray);display:flex;align-items:center;color:#000}.row-value{padding:16px 20px;text-align:center;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--medium-gray);transition:var(--transition);color:var(--dark-gray)}.fa-check{color:var(--success-color);font-size:1.1rem}.fa-times{color:var(--danger-color);opacity:.8;font-size:1.1rem}.comparison-row:hover .row-value{background-color:#f7fafc}.comparison-row.category-row{background-color:#f0f4f8 !important;border-top:2px solid #d1dbe5;border-bottom:1px solid #d1dbe5}.comparison-row.category-row .row-feature{font-weight:600;color:#2c3e50;text-transform:uppercase;font-size:1.1em;letter-spacing:.05em;padding:12px 20px}.comparison-row.category-row:hover .row-feature,.comparison-row.category-row .row-value{background-color:transparent !important}.info-icon{display:inline-flex;margin-left:6px;color:#666;cursor:help;position:relative}.info-icon:hover{background:none;color:#666}.info-icon::after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translateX(-50%);width:200px;padding:8px 12px;background-color:var(--primary-color);color:#fff;border-radius:4px;font-size:12px;line-height:1.4;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;pointer-events:none;text-align:left;box-shadow:0 2px 10px rgba(0,0,0,.1)}.info-icon:hover::after{opacity:1;visibility:visible;bottom:130%}.info-icon i{font-size:14px}@media screen and (max-width:768px){.comparison-table{display:block !important;border:none !important;background:transparent !important}.comparison-header{display:none !important}.comparison-row{display:flex !important;flex-direction:column !important;background:#fff !important;margin-bottom:20px !important;border:1px solid var(--medium-gray) !important;border-radius:var(--border-radius) !important;overflow:hidden !important}.row-feature{display:block !important;background-color:#d3d3d3 !important;padding:12px 15px !important;font-weight:600 !important;text-align:center !important;width:100% !important}.row-value{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:12px 15px !important;border-bottom:1px solid var(--medium-gray) !important}.row-value::before{content:attr(data-label);font-weight:700;color:var(--dark-gray);font-size:.75rem;text-transform:uppercase}.category-row .row-feature{background-color:#f6300b !important;color:#fff !important;overflow:hidden !important}.category-row .row-value{display:none !important}.info-icon::after{position:fixed !important;top:auto !important;bottom:80px !important;left:50% !important;transform:translateX(-50%) !important;max-width:90vw !important;white-space:normal !important;opacity:0 !important;visibility:hidden !important;z-index:9999 !important;transition:opacity .2s ease !important}.info-icon:hover::after{opacity:1 !important;visibility:visible !important}}