.compare-hub.svelte-19h9nfo{min-height:100svh;background:var(--color-ss-bg-base)}.masthead.svelte-19h9nfo{background:var(--color-ss-bg-dark);border-bottom:4px solid var(--color-ss-border-hard);padding:1rem 1.5rem}.masthead-inner.svelte-19h9nfo{max-width:1100px;margin:0 auto;text-align:center}.masthead-brand.svelte-19h9nfo{font-family:var(--font-ss-display);font-size:1.75rem;font-weight:900;letter-spacing:.15em;color:var(--color-ss-text-inverse);margin-bottom:.25rem}.masthead-meta.svelte-19h9nfo{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.masthead-dot.svelte-19h9nfo{width:4px;height:4px;background:var(--color-ss-accent);border-radius:50%}.headline-section.svelte-19h9nfo{padding:3rem 1.5rem 2rem;text-align:center;background:linear-gradient(180deg,var(--color-ss-bg-base) 0%,var(--color-ss-accent-light) 100%)}.headline-container.svelte-19h9nfo{max-width:700px;margin:0 auto}.headline-badge.svelte-19h9nfo{display:inline-block;padding:.375rem 1rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-hard);border-radius:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ss-text-secondary);margin-bottom:1.25rem;box-shadow:2px 2px 0 var(--color-ss-shadow)}.headline.svelte-19h9nfo{font-family:var(--font-ss-display);font-size:2.5rem;font-weight:900;color:var(--color-ss-text-primary);margin:0 0 1rem}.headline-deck.svelte-19h9nfo{font-size:1.0625rem;color:var(--color-ss-text-secondary);margin:0;line-height:1.6}.stats-bar.svelte-19h9nfo{padding:0 1.5rem;margin-top:-1rem}.stats-container.svelte-19h9nfo{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:500px;margin:0 auto;padding:1.25rem 2rem;background:var(--color-ss-bg-dark);border:3px solid var(--color-ss-border-hard);border-radius:12px;box-shadow:4px 4px 0 var(--color-ss-accent)}.stat-item.svelte-19h9nfo{text-align:center}.stat-number.svelte-19h9nfo{display:block;font-family:var(--font-ss-display);font-size:1.75rem;font-weight:900;color:var(--color-ss-text-inverse)}.stat-label.svelte-19h9nfo{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.stat-divider.svelte-19h9nfo{width:1px;height:2.5rem;background:#fff3}.filters-section.svelte-19h9nfo{padding:2.5rem 1.5rem 1.5rem;max-width:1100px;margin:0 auto}.filters-header.svelte-19h9nfo{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.filters-header.svelte-19h9nfo h2:where(.svelte-19h9nfo){font-family:var(--font-ss-display);font-size:1.125rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.filters-count.svelte-19h9nfo{font-size:.875rem;color:var(--color-ss-text-muted)}.filter-container.svelte-19h9nfo{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn.svelte-19h9nfo{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-hard);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--color-ss-text-secondary);cursor:pointer;box-shadow:2px 2px 0 var(--color-ss-shadow);transition:all .15s}.filter-btn.svelte-19h9nfo:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-ss-shadow);color:var(--color-ss-text-primary)}.filter-btn.svelte-19h9nfo:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-ss-shadow)}.filter-btn.active.svelte-19h9nfo{background:var(--color-ss-accent);border-color:var(--color-ss-border-hard);color:#fff;box-shadow:2px 2px 0 var(--color-ss-shadow)}.filter-count.svelte-19h9nfo{padding:.125rem .375rem;background:#0000001a;border-radius:4px;font-size:.75rem;font-weight:700}.filter-btn.active.svelte-19h9nfo .filter-count:where(.svelte-19h9nfo){background:#fff3}.comparisons-section.svelte-19h9nfo{padding:0 1.5rem 2rem;max-width:1100px;margin:0 auto}.comparisons-grid.svelte-19h9nfo{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.comparison-card.svelte-19h9nfo{display:flex;flex-direction:column;background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:12px;padding:1.25rem;text-decoration:none;box-shadow:4px 4px 0 var(--color-ss-shadow);transition:all .15s}.comparison-card.svelte-19h9nfo:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ss-shadow);border-color:var(--color-ss-accent)}.comparison-card.svelte-19h9nfo:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-ss-shadow)}.card-header.svelte-19h9nfo{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-category.svelte-19h9nfo{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ss-accent)}.card-arrow.svelte-19h9nfo{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-bg-base);border:2px solid var(--color-ss-border-hard);border-radius:6px;font-size:.875rem;color:var(--color-ss-text-muted);transition:all .15s}.comparison-card.svelte-19h9nfo:hover .card-arrow:where(.svelte-19h9nfo){background:var(--color-ss-accent);color:#fff;border-color:var(--color-ss-accent)}.card-body.svelte-19h9nfo{flex:1;margin-bottom:1rem}.card-matchup.svelte-19h9nfo{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tech-name.svelte-19h9nfo{font-family:var(--font-ss-display);font-size:1.25rem;font-weight:800;color:var(--color-ss-text-primary)}.vs-badge.svelte-19h9nfo{padding:.25rem .5rem;background:var(--color-ss-bg-dark);color:var(--color-ss-text-inverse);font-size:.625rem;font-weight:800;border-radius:4px;border:2px solid var(--color-ss-border-hard)}.card-footer.svelte-19h9nfo{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:2px solid var(--color-ss-border-subtle)}.search-volume.svelte-19h9nfo{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-ss-text-muted)}.volume-icon.svelte-19h9nfo{width:14px;height:14px;stroke:currentColor}.difficulty.svelte-19h9nfo{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .625rem;border-radius:4px;border:2px solid}.difficulty-low.svelte-19h9nfo{background:#22c55e1a;color:#16a34a;border-color:#16a34a}.difficulty-medium.svelte-19h9nfo{background:#eab3081a;color:#ca8a04;border-color:#ca8a04}.difficulty-high.svelte-19h9nfo{background:#ef44441a;color:#dc2626;border-color:#dc2626}.cta-section.svelte-19h9nfo{padding:3rem 1.5rem 4rem;background:var(--color-ss-accent-light)}.cta-box.svelte-19h9nfo{max-width:550px;margin:0 auto;padding:2.5rem;background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;text-align:center;box-shadow:6px 6px 0 var(--color-ss-shadow)}.cta-label.svelte-19h9nfo{display:inline-block;padding:.25rem .75rem;background:var(--color-ss-accent);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;border-radius:4px;margin-bottom:1rem}.cta-box.svelte-19h9nfo h2:where(.svelte-19h9nfo){font-family:var(--font-ss-display);font-size:1.5rem;font-weight:800;color:var(--color-ss-text-primary);margin:0 0 .75rem}.cta-box.svelte-19h9nfo p:where(.svelte-19h9nfo){font-size:1rem;color:var(--color-ss-text-secondary);margin:0 0 1.5rem;line-height:1.6}.cta-btn.svelte-19h9nfo{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:var(--color-ss-accent);color:#fff;font-size:1rem;font-weight:700;border:3px solid var(--color-ss-border-hard);border-radius:10px;text-decoration:none;box-shadow:4px 4px 0 var(--color-ss-shadow);transition:all .15s}.cta-btn.svelte-19h9nfo:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ss-shadow)}.cta-btn.svelte-19h9nfo:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-ss-shadow)}.featured-section.svelte-19h9nfo{padding:2rem 1.5rem;max-width:1100px;margin:0 auto}.section-header.svelte-19h9nfo{text-align:center;margin-bottom:2rem}.section-badge.svelte-19h9nfo{display:inline-block;padding:.25rem .75rem;background:var(--color-ss-accent);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;margin-bottom:.75rem}.section-header.svelte-19h9nfo h2:where(.svelte-19h9nfo){font-family:var(--font-ss-display);font-size:1.5rem;font-weight:800;color:var(--color-ss-text-primary);margin:0 0 .5rem}.section-header.svelte-19h9nfo p:where(.svelte-19h9nfo){font-size:.9375rem;color:var(--color-ss-text-muted);margin:0}.section-header-small.svelte-19h9nfo{margin-bottom:1.25rem}.section-header-small.svelte-19h9nfo h2:where(.svelte-19h9nfo){font-family:var(--font-ss-display);font-size:1.125rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.featured-grid.svelte-19h9nfo{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.featured-card.svelte-19h9nfo{display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-ss-bg-overlay) 0%,var(--color-ss-accent-light) 100%);border:3px solid var(--color-ss-border-hard);border-radius:16px;padding:1.5rem;text-decoration:none;box-shadow:6px 6px 0 var(--color-ss-accent);transition:all .15s}.featured-card.svelte-19h9nfo:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--color-ss-accent);border-color:var(--color-ss-accent)}.featured-card.svelte-19h9nfo:active{transform:translate(1px,1px);box-shadow:4px 4px 0 var(--color-ss-accent)}.featured-header.svelte-19h9nfo{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.featured-category.svelte-19h9nfo{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ss-accent)}.priority-badge.svelte-19h9nfo{padding:.25rem .5rem;background:var(--color-ss-accent);color:#fff;font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:4px}.featured-body.svelte-19h9nfo{flex:1;margin-bottom:1.25rem}.featured-matchup.svelte-19h9nfo{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.featured-tech.svelte-19h9nfo{font-family:var(--font-ss-display);font-size:1.125rem;font-weight:800;color:var(--color-ss-text-primary)}.featured-vs.svelte-19h9nfo{font-size:.6875rem;font-weight:700;color:var(--color-ss-text-muted);text-transform:uppercase}.featured-title.svelte-19h9nfo{font-size:.875rem;color:var(--color-ss-text-secondary);margin:0;line-height:1.5}.featured-footer.svelte-19h9nfo{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:2px solid var(--color-ss-border-subtle)}.featured-cta.svelte-19h9nfo{font-size:.875rem;font-weight:600;color:var(--color-ss-accent)}.featured-arrow.svelte-19h9nfo{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);color:#fff;border:2px solid var(--color-ss-border-hard);border-radius:6px;font-size:1rem;transition:all .15s}.featured-card.svelte-19h9nfo:hover .featured-arrow:where(.svelte-19h9nfo){transform:translate(2px)}.guides-section.svelte-19h9nfo{padding:2rem 1.5rem;max-width:1100px;margin:0 auto;border-top:3px solid var(--color-ss-border-subtle)}.guides-header.svelte-19h9nfo{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.guides-header.svelte-19h9nfo h2:where(.svelte-19h9nfo){font-family:var(--font-ss-display);font-size:1.25rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.guides-header.svelte-19h9nfo p:where(.svelte-19h9nfo){font-size:.875rem;color:var(--color-ss-text-muted);margin:.25rem 0 0}.view-all-link.svelte-19h9nfo{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-ss-accent);text-decoration:none;transition:gap .15s}.view-all-link.svelte-19h9nfo:hover{gap:.75rem}.view-all-link.svelte-19h9nfo .arrow:where(.svelte-19h9nfo){display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-ss-accent);color:#fff;border-radius:4px;font-size:.75rem}.guides-grid.svelte-19h9nfo{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.guide-card.svelte-19h9nfo{position:relative;display:flex;flex-direction:column;padding:1.5rem;background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:12px;text-decoration:none;box-shadow:4px 4px 0 var(--color-ss-shadow);transition:all .15s}.guide-card.svelte-19h9nfo:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ss-accent);border-color:var(--color-ss-accent)}.guide-card.svelte-19h9nfo:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-ss-shadow)}.guide-tag.svelte-19h9nfo{display:inline-block;align-self:flex-start;padding:.25rem .625rem;background:var(--color-ss-accent);color:#fff;font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;margin-bottom:.75rem}.guide-card.svelte-19h9nfo h3:where(.svelte-19h9nfo){font-family:var(--font-ss-display);font-size:1rem;font-weight:800;color:var(--color-ss-text-primary);margin:0 0 .5rem;line-height:1.3}.guide-card.svelte-19h9nfo p:where(.svelte-19h9nfo){font-size:.8125rem;color:var(--color-ss-text-muted);margin:0;flex:1}.guide-arrow.svelte-19h9nfo{position:absolute;bottom:1rem;right:1rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-bg-base);border:2px solid var(--color-ss-border-hard);border-radius:6px;font-size:.875rem;color:var(--color-ss-text-muted);transition:all .15s}.guide-card.svelte-19h9nfo:hover .guide-arrow:where(.svelte-19h9nfo){background:var(--color-ss-accent);color:#fff;border-color:var(--color-ss-accent)}@media(max-width:640px){.masthead-brand.svelte-19h9nfo{font-size:1.25rem}.headline.svelte-19h9nfo{font-size:1.75rem}.stats-container.svelte-19h9nfo{flex-direction:column;gap:1rem;padding:1.5rem}.stat-divider.svelte-19h9nfo{width:3rem;height:1px}.filters-header.svelte-19h9nfo{flex-direction:column;align-items:flex-start;gap:.5rem}.featured-grid.svelte-19h9nfo,.comparisons-grid.svelte-19h9nfo{grid-template-columns:1fr}.cta-box.svelte-19h9nfo{padding:1.75rem}.cta-box.svelte-19h9nfo h2:where(.svelte-19h9nfo){font-size:1.25rem}.guides-grid.svelte-19h9nfo{grid-template-columns:1fr}.guides-header.svelte-19h9nfo{flex-direction:column;align-items:flex-start;gap:1rem}}