@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-bg-primary:#121218;--color-bg-secondary:#1a1a24;--color-bg-tertiary:#242432;--color-surface:#2a2a3a;--color-text-primary:#e8e8ed;--color-text-secondary:#a0a0b0;--color-text-tertiary:#6a6a7a;--color-accent:#e84057;--color-accent-hover:#ff5068;--color-accent-muted:#e8405720;--color-success:#4caf8b;--color-warning:#e8a040;--color-error:#e84057;--color-border:#2e2e40;--color-border-hover:#3e3e50;--font-heading:"Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--max-width:1200px;--header-height:64px;--border-radius:8px;--border-radius-lg:12px;--transition-fast:.15s ease;--transition-base:.25s ease}[data-theme=light]{--color-bg-primary:#f5f5f8;--color-bg-secondary:#fff;--color-bg-tertiary:#eeeef2;--color-surface:#e8e8ed;--color-text-primary:#1a1a24;--color-text-secondary:#4a4a5a;--color-text-tertiary:#8a8a9a;--color-border:#d0d0d8;--color-border-hover:#b0b0b8}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5;font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-base), color var(--transition-base)}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:600}a{color:var(--color-text-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}.container{max-width:var(--max-width);padding-inline:var(--space-md);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}
.tool-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);transition:transform var(--transition-base), border-color var(--transition-base);gap:var(--space-sm);color:var(--color-text-primary);flex-direction:column;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.category-badge{font-size:var(--text-xs);text-transform:capitalize;border-radius:9999px;justify-content:center;align-items:center;width:fit-content;padding:4px 12px;font-weight:500;display:inline-flex}.rating-stars{color:var(--color-warning);font-size:var(--text-sm);align-items:center;gap:2px;display:inline-flex}.rating-stars .rating-text{color:var(--color-text-secondary);margin-left:4px}.ai-level-badge{font-size:var(--text-xs);background-color:var(--color-bg-tertiary);border-radius:4px;padding:2px 8px;display:inline-flex}.ai-level-badge.core{color:var(--color-success)}.ai-level-badge.enhanced{color:var(--color-warning)}.ai-level-badge.minimal{color:var(--color-error)}.btn-primary{background-color:var(--color-accent);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:8px 16px;font-weight:500}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;padding:8px 16px;font-weight:500}.btn-secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-text-primary)}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-xs)}.page-header p{color:var(--color-text-secondary);font-size:var(--text-lg)}.header-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background-color:#121218cc;position:sticky;top:0}[data-theme=light] .header-nav{background-color:#f5f5f8cc}.header-container{height:var(--header-height);padding-inline:var(--space-md);max-width:var(--max-width);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.header-links{gap:var(--space-md);align-items:center;display:flex}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-xl);margin-top:var(--space-3xl);text-align:center;color:var(--color-text-secondary)}.footer-links{justify-content:center;gap:var(--space-md);margin-block:var(--space-md);display:flex}.search-input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast);padding:12px 16px}.search-input:focus{border-color:var(--color-accent);outline:none}.filter-group{gap:var(--space-xs);flex-wrap:wrap;display:flex}.breadcrumbs{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.breadcrumbs a{color:var(--color-text-primary)}.breadcrumbs a:hover{text-decoration:underline}.prose{max-width:65ch;line-height:1.6}.prose h2{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.prose p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}.prose ul{margin-bottom:var(--space-md);color:var(--color-text-secondary);padding-left:var(--space-lg)}.prose li{margin-bottom:var(--space-xs)}.quick-facts{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md)}.pros-cons-table{gap:var(--space-md);margin-block:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.pros-cons-table{grid-template-columns:1fr 1fr}}.pros-col,.cons-col{padding:var(--space-md);border-radius:var(--border-radius);background-color:var(--color-bg-tertiary)}.pros-col h3{color:var(--color-success);margin-bottom:var(--space-sm)}.cons-col h3{color:var(--color-error);margin-bottom:var(--space-sm)}.mobile-menu-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.mobile-menu-btn{display:block}.header-links.desktop-only{display:none}}.mobile-menu{display:none}@media (max-width:768px){.mobile-menu{gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);flex-direction:column;animation:.2s slideDown;display:flex}.mobile-menu a,.mobile-menu button{padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);font-size:var(--text-base);text-align:left;transition:background-color var(--transition-fast)}.mobile-menu a:hover,.mobile-menu button:hover{background-color:var(--color-bg-tertiary)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:var(--space-3xl) var(--space-md)}.hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-md);line-height:1.1}.hero .highlight{color:var(--color-accent)}.hero p{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:600px;margin-inline:auto;margin-bottom:var(--space-xl)}.stat-bar{justify-content:center;gap:var(--space-2xl);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.stat-item{text-align:center}.stat-item .stat-number{font-size:var(--text-3xl);color:var(--color-accent);font-weight:700}.stat-item .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.category-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.category-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-lg);transition:transform var(--transition-base), border-color var(--transition-base);color:var(--color-text-primary);text-decoration:none}.category-card:hover{border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-2px)}.category-card .cat-icon{margin-bottom:var(--space-sm);font-size:2rem}.category-card h3{font-size:var(--text-lg);margin-bottom:var(--space-xs)}.category-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.trust-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.trust-item{text-align:center;padding:var(--space-lg);background-color:var(--color-bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.trust-item .trust-icon{margin-bottom:var(--space-sm);font-size:2rem}.trust-item h4{margin-bottom:var(--space-xs)}.trust-item p{font-size:var(--text-sm);color:var(--color-text-secondary)}.cta-banner{background-color:var(--color-bg-secondary);border:1px solid var(--color-accent-muted);border-left:4px solid var(--color-accent);border-radius:var(--border-radius-lg);padding:var(--space-2xl);text-align:center;margin-top:var(--space-3xl)}.disclaimer-callout{background-color:var(--color-bg-tertiary);border-left:4px solid var(--color-warning);border-radius:var(--border-radius);padding:var(--space-lg);margin-block:var(--space-xl)}.disclaimer-callout h3{color:var(--color-warning);margin-bottom:var(--space-sm)}.page-section{margin-bottom:var(--space-3xl)}.section-heading{font-size:var(--text-2xl);margin-bottom:var(--space-lg);text-align:center}