.share-bar[data-astro-cid-eqjx2q6l]{border-top:1px solid var(--z-border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:28px;display:flex}.share-label[data-astro-cid-eqjx2q6l]{text-transform:uppercase;letter-spacing:.08em;color:var(--z-muted);font-family:JetBrains Mono,monospace;font-size:.72rem}.share-btn[data-astro-cid-eqjx2q6l]{color:var(--z-primary);border:1px solid #6a4bcd4d;border-radius:999px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .2s}.share-btn[data-astro-cid-eqjx2q6l]:hover,.share-btn[data-astro-cid-eqjx2q6l]:focus-visible{background:var(--z-primary);color:#fff;outline:none}.comments-section{border-top:1px solid var(--z-border);margin-top:48px;padding-top:32px}.comments-title{color:var(--z-text);text-transform:uppercase;margin-bottom:20px;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700}.comment-form{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.comment-input{border:1px solid var(--z-border);background:var(--z-surface);color:var(--z-text);border-radius:10px;outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:.92rem}.comment-input:focus{border-color:var(--z-primary);box-shadow:0 0 12px var(--z-primary-glow)}.comment-submit{color:#fff;background:var(--z-primary);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;transition:all .2s}.comment-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6a4bcd40}.comments-list{flex-direction:column;gap:14px;display:flex}.comments-empty{color:var(--z-muted);font-size:.9rem}.comment{background:var(--z-surface);border:1px solid var(--z-border);border-radius:14px;gap:12px;padding:16px;display:flex}.comment-votes{flex-direction:column;align-items:center;gap:2px;display:flex}.vote-btn{color:var(--z-muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:.75rem;transition:color .15s}.vote-btn:hover{color:var(--z-primary)}.vote-score{color:var(--z-text);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700}.comment-body{flex:1}.comment-meta{color:var(--z-muted);margin-bottom:6px;font-size:.8rem}.comment-meta strong{color:var(--z-text)}.comment-body p{color:var(--z-text);margin:0;line-height:1.5}.comparison-hero{background:var(--z-surface);border:1px solid var(--z-border);border-radius:24px;margin:28px 0 32px;padding:clamp(32px,5vw,56px);box-shadow:0 24px 60px #05030c14}.hero-tools{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.tool-pill{border-radius:999px;padding:10px 18px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.tool-pill:hover,.tool-pill:focus-visible{outline:none;transform:translateY(-2px)}.tool-pill.primary{background:var(--z-primary);color:#fff;box-shadow:0 0 20px var(--z-primary-glow)}.tool-pill.accent{background:var(--z-accent);color:#fff}.vs-badge{color:var(--z-muted);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.comparison-hero h1{letter-spacing:-.03em;color:var(--z-text);margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;line-height:1.1}.verdict-banner{background:linear-gradient(135deg,#6a4bcd14,#d66bb214);border:1px solid #6a4bcd33;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 16px;display:inline-flex}.verdict-label{text-transform:uppercase;color:var(--z-primary);font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.verdict-text{color:var(--z-text);font-size:.95rem;font-weight:600}.hero-description{color:var(--z-muted);max-width:720px;margin-bottom:20px;font-size:1.05rem;line-height:1.6}.catalog-note{color:var(--z-muted);border-left:3px solid var(--z-primary);background:#6a4bcd0d;border-radius:0 10px 10px 0;max-width:720px;margin:-6px 0 20px;padding:10px 14px;font-size:.82rem;line-height:1.55}.catalog-note a{color:var(--z-primary);font-weight:600}.meta-bar{flex-wrap:wrap;gap:8px;display:flex}.meta-pill{text-transform:uppercase;letter-spacing:.04em;color:var(--z-muted);border:1px solid var(--z-border);background:#05030c0a;border-radius:999px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.meta-pill.difficulty{color:var(--z-accent);background:#d66bb214}.meta-pill.popularity{color:var(--z-primary);background:#6a4bcd14}.metrics-panel{background:var(--z-surface);border:1px solid var(--z-border);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px;padding:24px;display:grid}.metric{flex-direction:column;gap:8px;display:flex}.metric-label{text-transform:uppercase;color:var(--z-muted);font-family:JetBrains Mono,monospace;font-size:.72rem}.metric-track{background:var(--z-border);border-radius:999px;height:8px;overflow:hidden}.metric-fill{background:var(--z-gradient);border-radius:999px;height:100%;transition:width 1s}.metric-value{color:var(--z-text);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800}.use-cases{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.use-case-chip{color:var(--z-primary);background:#6a4bcd14;border:1px solid #6a4bcd33;border-radius:999px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.tabs{background:var(--z-surface);border:1px solid var(--z-border);border-bottom:none;border-radius:18px 18px 0 0;gap:8px;width:fit-content;margin-bottom:0;padding:6px;display:flex}.tab{text-transform:uppercase;letter-spacing:.04em;color:var(--z-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;transition:all .2s}.tab:hover,.tab:focus-visible{color:var(--z-text);background:#05030c0a;outline:none}.tab.active{color:var(--z-primary);border-color:var(--z-border);background:#fff;box-shadow:0 4px 12px #05030c0d}.editorial-workspace{background:var(--z-surface);border:1px solid var(--z-border);backdrop-filter:blur(24px);border-radius:0 24px 24px;padding:clamp(32px,4vw,64px);box-shadow:0 25px 60px #05030c14}.tab-panel{animation:.3s fade-in;display:none}.tab-panel.active{display:block}.panel-title{color:var(--z-text);text-transform:uppercase;margin-bottom:20px;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700}.panel-hint{color:var(--z-muted);font-size:.92rem}.toc{border:1px solid var(--z-border);background:#05030c08;border-radius:14px;margin-bottom:32px;padding:20px 24px}.toc-title{color:var(--z-text);text-transform:uppercase;margin:0 0 14px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.toc-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.toc-list a{color:var(--z-muted);border:1px solid var(--z-border);border-radius:999px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:.78rem;text-decoration:none;transition:all .2s;display:inline-block}.toc-list a:hover,.toc-list a:focus-visible{color:#fff;background:var(--z-primary);border-color:var(--z-primary);outline:none}.article-content h2{text-transform:uppercase;letter-spacing:-.02em;color:var(--z-text);border-bottom:1px solid var(--z-border);margin:44px 0 18px;padding-bottom:12px;font-family:Syne,sans-serif;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:800}.article-content h3{color:var(--z-primary);margin:32px 0 12px;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700}.article-content p{color:var(--z-text);margin-bottom:18px;font-size:1.04rem;line-height:1.7}.article-content blockquote{border-left:4px solid var(--z-primary);color:var(--z-text);background:linear-gradient(135deg,#6a4bcd14,#fff9);border-radius:12px;margin:28px 0 38px;padding:24px 30px;font-size:1.15rem}.article-content table{border-collapse:separate;border-spacing:0;border:1px solid var(--z-border);background:var(--z-surface);border-radius:16px;width:100%;margin:32px 0 44px;overflow:hidden}.article-content th,.article-content td{text-align:left;vertical-align:top;padding:18px 24px}.article-content th{color:var(--z-primary);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--z-border);background:#05030c0a;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700}.article-content td{border-bottom:1px solid #05030c0a;font-size:.96rem}.article-content tr:last-child td{border-bottom:none}.article-content tr:hover td{background:#6a4bcd08}.article-content a{color:var(--z-accent);font-weight:700;text-decoration:none;transition:color .2s}.article-content a:hover{color:var(--z-primary)}.article-content ul{margin-bottom:18px;padding-left:22px}.article-content li{margin-bottom:8px;line-height:1.6}.comparison-matrix{margin-bottom:28px}.matrix-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.matrix-card{border:1px solid var(--z-border);background:#05030c08;border-radius:16px;padding:22px;transition:transform .2s,border-color .2s}.matrix-card:hover{border-color:var(--z-border-glow);transform:translateY(-3px)}.matrix-title{color:var(--z-text);margin-bottom:4px;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800}.matrix-tagline{border-bottom:1px solid var(--z-border);padding-bottom:10px;font-family:JetBrains Mono,monospace;color:var(--z-muted)!important;margin-bottom:18px!important;font-size:.78rem!important}.matrix-section-title{text-transform:uppercase;letter-spacing:.08em;margin:16px 0 10px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700}.matrix-section-title.pros{color:#2f9e5e}.matrix-section-title.cons{color:var(--z-accent)}.matrix-list{margin-bottom:16px!important;padding-left:0!important;list-style:none!important}.matrix-list li{color:var(--z-text);margin-bottom:8px;padding-left:22px;font-size:.92rem;position:relative}.matrix-list.pros li:before{content:"✓";color:#2f9e5e;font-weight:800;position:absolute;left:0}.matrix-list.cons li:before{content:"✕";color:var(--z-accent);font-weight:800;position:absolute;left:0}.pricing-card{background:#6a4bcd0d;border:1px solid #6a4bcd26;border-radius:16px;padding:22px}.pricing-card h3{color:var(--z-text);margin-bottom:14px;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.pricing-card dl{flex-direction:column;gap:10px;display:flex}.pricing-row{justify-content:space-between;font-size:.95rem;display:flex}.pricing-row dt{color:var(--z-muted)}.pricing-row dd{color:var(--z-text);font-weight:700}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{border:1px solid var(--z-border);background:#05030c08;border-radius:14px;padding:16px 20px}.faq-item summary{color:var(--z-text);cursor:pointer;font-weight:700;list-style:none}.faq-item p{color:var(--z-muted);margin-top:10px;line-height:1.6}.community-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.related-list{flex-direction:column;gap:10px;display:flex}.related-card{border:1px solid var(--z-border);color:var(--z-text);background:#05030c08;border-radius:12px;padding:14px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.related-card:hover,.related-card:focus-visible{border-color:var(--z-border-glow);background:#6a4bcd14;outline:none}.affiliate-disclosure{color:var(--z-muted);border:1px solid var(--z-border);background:#05030c08;border-radius:10px;margin:32px 0;padding:14px 16px;font-size:.82rem;line-height:1.55}.affiliate-disclosure a{color:var(--z-primary);font-weight:600}.subnav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0;display:flex}.category-chip{text-transform:uppercase;letter-spacing:.08em;color:var(--z-primary);background:#6a4bcd1a;border:1px solid #6a4bcd40;border-radius:6px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.category-chip:hover,.category-chip:focus-visible{background:var(--z-primary);color:#fff;box-shadow:0 0 10px var(--z-primary-glow);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){.matrix-grid,.community-grid{grid-template-columns:1fr}.editorial-workspace{border-radius:0 0 18px 18px;padding:24px 18px}.tabs{border-radius:18px 18px 0 0;flex-wrap:nowrap;width:100%;overflow-x:auto}}
