.compare-page{min-height:100vh;padding-inline:var(--space-6);padding-bottom:var(--space-12);background:var(--color-bg)}.compare-page .container{max-width:900px;margin:0 auto}.compare-page .page-header{text-align:center;margin-bottom:var(--space-12)}.compare-page .badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.compare-page .page-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.compare-page .subtitle{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:640px;margin:0 auto;line-height:1.6}.compare-page .subtitle strong{color:var(--color-text)}.compare-page .page-date{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.compare-page section{margin-bottom:var(--space-16)}.compare-page section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.compare-page .tldr,.compare-page .bottom-line,.compare-page .comparison-item,.compare-page .faq-item,.compare-page .pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.compare-page .tldr,.compare-page .bottom-line{padding:var(--space-6)}.compare-page .tldr h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.compare-page .tldr p,.compare-page .bottom-line p,.compare-page .comparison-item p,.compare-page .faq-item p{color:var(--color-text-secondary);line-height:1.7;margin:0}.compare-page .difference-grid,.compare-page .pricing-cards,.compare-page .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.compare-page .difference-card{padding:var(--space-6);border-radius:var(--radius-xl)}.compare-page .difference-card:not(.spottable){background:var(--color-surface);border:1px solid var(--color-border)}.compare-page .difference-card.swoopa{background:#ef44440d;border-color:#ef44444d}.compare-page .difference-card.spottable,.compare-page .pricing-card.spottable,.compare-page .testimonial-grid blockquote,.compare-page .cta-section{background:linear-gradient(135deg,#6366f114,#8b5cf60d)}.compare-page .difference-card.spottable,.compare-page .pricing-card.spottable{border:1px solid var(--color-primary)}.compare-page .difference-card h3,.compare-page .comparison-item h3,.compare-page .faq-item h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.compare-page .difference-card p{color:var(--color-text);font-weight:500;margin-bottom:var(--space-2)}.compare-page .difference-card .subtext{color:var(--color-text-secondary);font-weight:400;font-size:var(--text-sm);line-height:1.6}.compare-page .pricing-card{padding:var(--space-6)}.compare-page .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.compare-page .card-header h3{font-size:var(--text-xl)}.compare-page .card-tagline,.compare-page .pricing-note,.compare-page .cta-note{color:var(--color-text-muted);font-size:var(--text-sm)}.compare-page .recommended{padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md)}.compare-page .price{margin-bottom:var(--space-6)}.compare-page .price .amount{font-size:var(--text-3xl);font-weight:700}.compare-page .price .period{color:var(--color-text-secondary)}.compare-page .pricing-note{margin:var(--space-4) auto 0;text-align:center;max-width:640px}.compare-page .features-list{list-style:none;padding:0;margin:0}.compare-page .features-list li{padding:var(--space-2) 0;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.compare-page .features-list li:last-child{border-bottom:none}.compare-page .features-list li.positive{color:#22c55e}.compare-page .features-list li.negative{color:#ef4444}.compare-page .features-list li.note{color:var(--color-text-muted)}.compare-page .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-page table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden}.compare-page th,.compare-page td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.compare-page th{background:var(--color-bg);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.compare-page th:not(:first-child),.compare-page td:not(:first-child){text-align:center;width:140px}.compare-page tbody tr:last-child td{border-bottom:none}.compare-page .check-cell{font-size:var(--text-lg)}.compare-page .check.yes{color:#22c55e;font-weight:700}.compare-page .check.no{color:#ef4444}.compare-page .check.partial{font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-page .comparison-item{padding:var(--space-6);margin-bottom:var(--space-4)}.compare-page .bottom-line p{margin-bottom:var(--space-4)}.compare-page .bottom-line p:last-child{margin-bottom:0}.compare-page .bottom-line strong{color:var(--color-text)}.compare-page .bottom-line .highlight-text{color:var(--color-text);font-weight:600;font-size:var(--text-lg);text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.compare-page .bottom-line .highlight-text em{color:var(--color-primary);font-style:normal}.compare-page .testimonials h2,.compare-page .other-comparisons h2{text-align:center}.compare-page .testimonial-grid blockquote{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:0}.compare-page .testimonial-grid p{color:var(--color-text);font-style:italic;line-height:1.6;margin-bottom:var(--space-4)}.compare-page .testimonial-grid cite{color:var(--color-text-muted);font-style:normal;font-size:var(--text-sm)}.compare-page .faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.compare-page .faq-item{padding:var(--space-5)}.compare-page .faq-item h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.compare-page .other-comparisons h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.compare-page .comparison-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.compare-page .comparison-link{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.compare-page .comparison-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f10d}.compare-page .cta-section{text-align:center;padding:var(--space-12);border-radius:var(--radius-2xl);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.compare-page .cta-section h2{margin-bottom:var(--space-2)}.compare-page .cta-section>p{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.compare-page .speed-card{padding:var(--space-8);background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);text-align:center}.compare-page .speed-card>p{color:var(--color-text-secondary);line-height:1.7;max-width:640px;margin:0 auto var(--space-3)}.compare-page .speed-note{font-size:var(--text-sm);color:var(--color-primary);font-weight:500}.compare-page .problem-grid,.compare-page .solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.compare-page .problem-card,.compare-page .solution-card{padding:var(--space-5);border-radius:var(--radius-xl);text-align:center}.compare-page .problem-card{background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.compare-page .solution-card{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(99,102,241,.2)}.compare-page .problem-icon,.compare-page .solution-icon{font-size:2rem;margin-bottom:var(--space-3)}.compare-page .problem-card h3,.compare-page .solution-card h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.compare-page .problem-card p,.compare-page .solution-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.compare-page .value-grid{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.compare-page .value-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;min-width:200px}.compare-page .value-card.highlight{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f114,#8b5cf60d)}.compare-page .value-icon{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.compare-page .value-arrow{font-size:var(--text-xl);font-weight:700;color:var(--color-text-secondary)}@media(max-width:640px){.compare-page .page-header h1{font-size:var(--text-3xl)}.compare-page th:not(:first-child),.compare-page td:not(:first-child){width:100px}.compare-page .pricing-cards{grid-template-columns:1fr}.compare-page .value-grid{flex-direction:column}.compare-page .value-arrow{transform:rotate(90deg)}}