.comparison-page{background:var(--bg);min-height:100vh;color:var(--fg);padding-bottom:5rem}.comparison-container{width:min(100% - 48px,1200px);max-width:1200px;margin:0 auto;padding-top:1.5rem}.comparison-breadcrumbs{color:var(--fg-muted);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.comparison-breadcrumbs a{color:var(--fg-muted);text-decoration:none;transition:color .15s}.comparison-breadcrumbs a:hover{color:var(--fg)}.comparison-breadcrumbs .sep{opacity:.5}.comparison-hero{margin-bottom:2.5rem}.comparison-badge{text-transform:uppercase;letter-spacing:.08em;color:#c084fc;background:#9333ea1f;border:1px solid #9333ea40;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.comparison-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.comparison-subtitle{color:var(--fg-muted);max-width:800px;font-size:1.0625rem;line-height:1.6}.comparison-scoreboard{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.score-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.score-card.lead{background:linear-gradient(to bottom, #9333ea0a, var(--surface));border-color:#9333ea66}.score-card-developer{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);font-size:.75rem}.score-card-name{font-size:1.25rem;font-weight:600;line-height:1.2}.score-card-tally{align-items:baseline;gap:.5rem;margin-top:.5rem;display:flex}.tally-number{font-size:2.25rem;font-weight:800;line-height:1}.tally-label{color:var(--fg-muted);font-size:.8125rem}.comparison-section{margin-bottom:3rem}.section-title{letter-spacing:-.01em;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.375rem;font-weight:600;display:flex}.specs-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.specs-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.specs-table th,.specs-table td{border-bottom:1px solid var(--border);padding:.875rem 1.25rem}.specs-table th{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;background:#00000008;font-size:.8125rem;font-weight:600}html[data-theme=dark] .specs-table th{background:#ffffff08}.specs-table tr:last-child td{border-bottom:none}.benchmarks-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.benchmark-row-header{font-weight:600}.benchmark-row-desc{color:var(--fg-muted);margin-top:.25rem;font-size:.75rem}.score-cell{font-family:var(--font-mono,monospace);white-space:nowrap;font-weight:600}.score-cell.winner{color:#10b981}.score-cell.winner:after{content:" ✓";font-weight:700}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem}.faq-question{color:var(--fg);margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.faq-answer{color:var(--fg-muted);font-size:.9375rem;line-height:1.6}.related-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.related-card{background:var(--surface);border:1px solid var(--border);color:var(--fg);border-radius:10px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.related-card:hover{background:#9333ea0d;border-color:#9333ea80;transform:translateY(-1px)}.comparison-cta{text-align:center;background:linear-gradient(135deg,#9333ea26,#3b82f61a);border:1px solid #9333ea4d;border-radius:16px;margin-top:4rem;padding:2.5rem 2rem}.comparison-cta-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.comparison-cta-desc{color:var(--fg-muted);max-width:600px;margin:0 auto 1.5rem;font-size:1rem;line-height:1.5}.comparison-cta-btn{color:#fff;background:#9333ea;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.comparison-cta-btn:hover{background:#7e22ce;transform:translateY(-1px)}
