:root{--accent:#10b981;--accent-dark:#059669;--accent-light:#34d399;--accent-muted:#10b98114;--black:200, 210, 230;--gray:130, 145, 170;--gray-light:30, 35, 48;--gray-dark:210, 218, 230;--bg:#0a0c12;--bg-card:#0f1320;--bg-elevated:#161b2e;--border:#1a2040;--border-light:#222b4a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-card:0 2px 8px #0000004d, 0 8px 24px #0006}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);text-align:left;background:var(--bg);word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.6}main{width:1200px;max-width:calc(100% - 2em);min-height:70vh;margin:auto;padding:2em 1em 4em}h1,h2,h3,h4{color:#f0f4f8;margin:0 0 .5rem;line-height:1.3}h1{letter-spacing:-.02em;font-size:2.2em;font-weight:750}h2{letter-spacing:-.01em;font-size:1.4em;font-weight:700}h3{font-size:1.1em;font-weight:650}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light)}code{background:var(--bg-elevated);font-size:.85em;font-family:var(--font-mono);border-radius:4px;padding:2px 6px}.search-bar{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:600px;color:rgb(var(--gray-dark));border-radius:10px;outline:none;padding:12px 18px;font-size:1em;transition:border-color .2s}.search-bar:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:1.5em 0;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:rgb(var(--gray-dark));border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-weight:500;transition:all .2s;display:flex}.category-card:hover{border-color:var(--accent);background:var(--bg-elevated);color:var(--accent)}.category-card.active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.category-count{color:rgb(var(--gray));margin-left:auto;font-size:.8em}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:1.5em 0;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s;display:block}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #10b98114}.tool-card h3{color:#f0f4f8;margin:0 0 4px;font-size:1.05em;font-weight:650}.tool-card p{color:rgb(var(--gray));margin:8px 0 0;font-size:.85em;line-height:1.5}.tool-card .free-tier{color:var(--accent);background:var(--accent-muted);border-radius:6px;margin-top:10px;padding:4px 10px;font-size:.8em;display:inline-block}.card-top-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.card-header-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-card .category-badge{background:var(--accent-muted);color:var(--accent);letter-spacing:.02em;border-radius:100px;padding:3px 10px;font-size:.7em;font-weight:600;display:inline-block}.card-stars{letter-spacing:1px;color:#f59e0b;white-space:nowrap;flex-shrink:0;font-size:.75em}.card-use-case{color:rgb(var(--gray));background:var(--bg-elevated);border-left:2px solid var(--accent);border-radius:6px;margin-top:8px;padding:6px 10px;font-size:.8em;line-height:1.4}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:56px;margin:auto;padding:0 1em;display:flex}.site-title{color:#f0f4f8;font-size:1.2em;font-weight:700}.site-title span{color:var(--accent)}.site-nav{gap:20px;display:flex}.site-nav a{color:rgb(var(--gray));font-size:.9em}.site-nav a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);text-align:center;color:rgb(var(--gray));padding:2em;font-size:.85em}.site-footer a{color:var(--accent)}.badge-free{color:#34d399;text-transform:uppercase;letter-spacing:.03em;background:#065f4622;border:1px solid #065f46;border-radius:100px;padding:3px 10px;font-size:.65em;font-weight:700;display:inline-block}.no-results{text-align:center;color:rgb(var(--gray));padding:3em;display:none}.no-results.visible{display:block}.tag-pill{background:var(--bg-elevated);color:rgb(var(--gray));border:1px solid var(--border);cursor:pointer;border-radius:100px;padding:4px 12px;font-size:.8em;transition:all .2s;display:inline-block}.tag-pill:hover{border-color:var(--accent);color:var(--accent)}.tag-pill.active{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.detail-page{max-width:780px;margin:0 auto}.back-link{color:rgb(var(--gray));margin-bottom:1.5em;font-size:.9em;display:inline-block}.back-link:hover{color:var(--accent)}.article-header{margin-bottom:1.5em}.article-meta-row{color:rgb(var(--gray));margin-bottom:.5em;font-size:.82em}.article-meta-row .category-badge{background:var(--accent-muted);color:var(--accent);letter-spacing:.02em;border-radius:100px;padding:3px 12px;font-size:.72em;font-weight:600;display:inline-block}.article-title{letter-spacing:-.02em;color:#f0f6fc;margin:0 0 .4em;font-size:clamp(1.5em,4vw,2em);font-weight:750;line-height:1.2}.article-desc{color:rgb(var(--gray));margin:0 0 .8em;font-size:1em;line-height:1.55}.article-byline{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:.8em;padding-bottom:1em;display:flex}.article-tags{flex-wrap:wrap;gap:.4em;display:flex}.tag{color:var(--accent);background:#22c55e12;border:1px solid #22c55e26;border-radius:100px;padding:3px 10px;font-size:.72em;font-weight:500;transition:background .2s,border-color .2s;display:inline-block}.tag:hover{border-color:var(--accent);background:#22c55e1f}.detail-score{flex-shrink:0;align-items:center;gap:6px;display:flex}.detail-stars{letter-spacing:1px;color:#f59e0b;font-size:1.1em;line-height:1}.detail-score-text{color:rgb(var(--gray));font-size:.78em;font-weight:600}.verdict-row{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:14px;margin:1.2em 0;padding:14px 18px;display:flex}.verdict-score{flex-shrink:0;align-items:baseline;gap:1px;display:flex}.verdict-num{color:var(--accent);font-size:1.5em;font-weight:800;line-height:1}.verdict-sep{color:rgb(var(--gray));font-size:.9em}.verdict-total{color:rgb(var(--gray));font-size:.75em}.verdict-label{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);margin-bottom:2px;font-size:.65em;font-weight:700}.verdict-text{color:rgb(var(--gray-dark));margin:0;font-size:.85em;line-height:1.45}.dims-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:12px;margin:0 0 1.2em;padding:12px 16px;display:flex}.dim-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:3px 10px;display:flex}.dim-label{color:rgb(var(--gray));white-space:nowrap;font-size:.72em}.dim-chip-score{color:var(--accent);font-size:.78em;font-weight:700}.detail-section{margin:0 0 1.2em}.section-heading{text-transform:uppercase;letter-spacing:.03em;color:rgb(var(--gray));margin:0 0 .5em;font-size:.78em;font-weight:700}.cases-strip{flex-direction:column;gap:6px;display:flex}.case-pill{color:rgb(var(--gray-dark));background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:.85em;line-height:1.4}.highlight-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.setup-card{border-left:3px solid #66bb6a}.guide-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #f59e0b;border-radius:10px;padding:16px 20px}.guide-text{color:rgb(var(--gray-dark));margin:0;font-size:.85em;line-height:1.6}.tier-text{color:var(--accent);margin:0;font-size:.9em;line-height:1.45}.setup-text{color:rgb(var(--gray-dark));margin:0;font-size:.85em;line-height:1.5}.split-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.procon-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.pros-card{border-left:3px solid #34d399}.cons-card{border-left:3px solid #f87171}.procon-heading{text-transform:uppercase;letter-spacing:.03em;margin:0 0 .5em;font-size:.8em;font-weight:700}.pro-heading{color:#34d399}.con-heading{color:#f87171}.procon-list{margin:0;padding:0;list-style:none}.procon-list li{color:rgb(var(--gray-dark));border-bottom:1px solid var(--border-light);padding:6px 0 6px 16px;font-size:.8em;line-height:1.4;position:relative}.procon-list li:last-child{border-bottom:none}.procon-list li strong{font-weight:600;display:inline}.pros-list li:before{content:"+";color:#34d399;font-weight:700;position:absolute;left:0}.cons-list li:before{content:"−";color:#f87171;font-weight:700;position:absolute;left:0}.alt-strip{flex-wrap:wrap;gap:10px;display:flex}.alt-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;transition:all .15s;display:flex}.alt-chip:hover{border-color:var(--accent);background:var(--accent-muted)}.alt-chip-name{color:rgb(var(--gray-dark));font-size:.85em;font-weight:600}.alt-chip-score{color:var(--accent);font-size:.78em;font-weight:700}.alt-chip-stars{letter-spacing:1px;color:#f59e0b;font-size:.65em}.detail-actions{flex-wrap:wrap;gap:12px;margin:1.5em 0 .5em;display:flex}.btn-primary,.btn-secondary{border-radius:8px;padding:10px 24px;font-size:.9em;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-secondary{background:var(--bg-elevated);color:rgb(var(--gray-dark));border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}@media (width<=720px){body{font-size:15px}.tool-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.header-inner{flex-direction:column;gap:8px;height:auto;padding:.8em 1em}.split-cols{grid-template-columns:1fr}.dims-strip{flex-direction:column;gap:6px}}