.compare-hero{background:linear-gradient(to bottom right,#f0fdf4,#dbeafe,#d1fae5);padding:4.5rem 0 3.5rem;position:relative;overflow:hidden}.compare-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(16,185,129,.08) 0,transparent 60%);pointer-events:none}.compare-hero-content{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center}.compare-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(5,150,105,.1);color:#059669;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(5,150,105,.2);margin-bottom:1.25rem}.compare-hero h1{font-size:2.875rem;font-weight:800;color:#111827;margin:0 0 1rem;line-height:1.15}.compare-hero p{font-size:1.15rem;color:#4b5563;line-height:1.75;max-width:600px;margin:0 auto 2rem}.compare-hero-stats{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-top:.5rem}.compare-hero-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.compare-hero-stat strong{font-size:1.75rem;font-weight:800;color:#059669;line-height:1}.compare-hero-stat span{font-size:.78rem;font-weight:500;color:#6b7280}.compare-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.compare-filter-pill{padding:.45rem 1.1rem;border-radius:50px;border:1.5px solid #e5e7eb;background:#fff;font-size:.83rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s;text-decoration:none}.compare-filter-pill:hover{border-color:#059669;color:#059669;background:#f0fdf4}.compare-filter-pill.active{background:#059669;border-color:#059669;color:#fff;box-shadow:0 2px 8px rgba(5,150,105,.25)}.compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding-bottom:3rem}.compare-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 1px 4px rgba(0,0,0,.04)}.compare-card:hover{box-shadow:0 12px 40px rgba(5,150,105,.12),0 4px 16px rgba(0,0,0,.06);transform:translateY(-3px);border-color:#a7f3d0}.compare-card-vs{display:flex;align-items:stretch;background:linear-gradient(135deg,#f8fafc,#f0fdf4);border-bottom:1.5px solid #e5e7eb;min-height:130px;position:relative}.compare-card-product{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .875rem;gap:.6rem}.compare-card-product img{width:68px;height:68px;object-fit:contain;border-radius:12px;background:#fff;border:1.5px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.07);transition:transform .2s}.compare-card:hover .compare-card-product img{transform:scale(1.04)}.compare-card-product-brand{font-size:.68rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.compare-card-product-name{font-size:.78rem;font-weight:700;color:#1f2937;text-align:center;line-height:1.3}.compare-card-winner-badge{display:inline-flex;align-items:center;gap:.25rem;background:#059669;color:#fff;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.04em}.compare-card-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;flex-shrink:0;gap:.3rem}.compare-card-divider-line{width:1px;flex:1;background:#e5e7eb}.compare-card-divider-vs{font-size:.72rem;font-weight:800;color:#6b7280;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;letter-spacing:.04em}.compare-card-body{padding:1.125rem 1.375rem;flex:1}.compare-card-title{font-size:.92rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.4}.compare-card-verdict{font-size:.8rem;color:#6b7280;line-height:1.55;margin:0 0 .875rem}.compare-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#9ca3af}.compare-card-read{display:inline-flex;align-items:center;gap:.25rem;color:#059669;font-weight:600;font-size:.78rem;transition:gap .15s}.compare-card:hover .compare-card-read{gap:.4rem}.compare-card-category{background:#f0fdf4;color:#059669;padding:.2rem .6rem;border-radius:20px;font-weight:600;font-size:.68rem;border:1px solid #a7f3d0}.comparison-page{max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem}.comparison-hero{background:linear-gradient(to bottom right,#f0fdf4,#dbeafe,#d1fae5);padding:2rem 0 5.5rem}.comparison-hero-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem}.comparison-breadcrumb{font-size:.8rem;color:#9ca3af;margin-bottom:1.5rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.comparison-breadcrumb a{color:#6b7280;text-decoration:none;transition:color .15s}.comparison-breadcrumb a:hover{color:#059669}.comparison-hero-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.comparison-category-badge{background:rgba(5,150,105,.1);color:#059669;padding:.3rem .875rem;border-radius:50px;font-size:.75rem;font-weight:600;border:1px solid rgba(5,150,105,.2)}.comparison-updated{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.3rem}.comparison-hero h1{font-size:2.25rem;font-weight:800;color:#111827;margin:0 0 .875rem;line-height:1.25;max-width:820px}.comparison-hero-sub{font-size:1.05rem;color:#4b5563;margin:0;line-height:1.7;max-width:680px}.comparison-vs-wrap{max-width:1100px;margin:-4rem auto 2rem;padding:0 1.5rem;position:relative;z-index:10}.comparison-vs-layout{display:flex;align-items:center;gap:0}.comparison-vs-card{flex:1;min-width:0;background:#fff;border-radius:20px;border:1.5px solid #e5e7eb;box-shadow:0 12px 40px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.06);padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s,box-shadow .2s;position:relative}.comparison-vs-card:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgba(0,0,0,.13),0 6px 18px rgba(0,0,0,.07)}.comparison-vs-card.is-winner{border-color:rgba(5,150,105,.35);box-shadow:0 12px 40px rgba(5,150,105,.13),0 4px 12px rgba(5,150,105,.08)}.comparison-vs-card-winner-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#059669,#10b981);color:#fff;border-radius:20px;padding:.28rem .875rem;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.3rem;box-shadow:0 4px 14px rgba(5,150,105,.4);white-space:nowrap}.comparison-vs-card-img{width:100px;height:100px;object-fit:contain;border-radius:16px;background:#f8fafc;border:1.5px solid #e5e7eb;padding:8px;margin-bottom:1.1rem;box-shadow:0 2px 10px rgba(0,0,0,.07)}.comparison-vs-card-brand{font-size:.67rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.4rem}.comparison-vs-card-name{font-size:.975rem;font-weight:700;color:#111827;line-height:1.35;margin-bottom:.6rem}.comparison-vs-card-price{font-size:1.15rem;color:#059669;font-weight:800;margin-bottom:.8rem}.comparison-vs-card-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;border-radius:8px;font-size:.78rem;font-weight:600;background:#f1f5f9;color:#374151;text-decoration:none;transition:background .15s,color .15s}.comparison-vs-card-btn:hover{background:#059669;color:#fff}.comparison-vs-card.is-winner .comparison-vs-card-btn{background:rgba(5,150,105,.1);color:#059669}.comparison-vs-card.is-winner .comparison-vs-card-btn:hover{background:#059669;color:#fff}.comparison-vs-badge{width:50px;height:50px;flex-shrink:0;background:#fff;border:2.5px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#374151;letter-spacing:.06em;box-shadow:0 2px 10px rgba(0,0,0,.09);z-index:2;margin:0 -.5rem;position:relative}.comparison-sticky-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06);backdrop-filter:blur(8px)}.comparison-sticky-nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:0;overflow-x:auto}.comparison-nav-link{padding:.9rem 1.25rem;font-size:.85rem;font-weight:500;color:#6b7280;text-decoration:none;white-space:nowrap;border-bottom:2.5px solid transparent;transition:all .15s}.comparison-nav-link.active,.comparison-nav-link:hover{color:#059669;border-bottom-color:#059669}.comparison-section-heading{font-size:1.35rem;font-weight:700;color:#111827;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.comparison-scores-section{padding:2.5rem 0 2rem}.comparison-scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));gap:1.25rem;justify-content:center}.score-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04)}.score-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;gap:.75rem}.score-card-name{font-size:.82rem;font-weight:700;color:#374151;line-height:1.4;flex:1}.score-card-overall{font-size:2rem;font-weight:800;color:#059669;line-height:1;flex-shrink:0}.score-card-overall-label{font-size:.6rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;text-align:right;display:block}.score-axis{margin-bottom:.75rem}.score-axis-label{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-bottom:.3rem;align-items:center}.score-axis-label span:first-child{display:flex;align-items:center;gap:.3rem}.score-axis-label span:last-child{font-weight:700;color:#111827;font-size:.78rem}.score-bar-track{height:7px;background:#f1f5f9;border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#059669,#34d399);transition:width .7s ease}.score-bar-fill.loser{background:linear-gradient(90deg,#d1d5db,#e5e7eb)}.comparison-verdict{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1.5px solid #a7f3d0;border-left:5px solid #059669;border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 16px rgba(5,150,105,.08)}.comparison-verdict-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.comparison-verdict-icon{color:#059669;flex-shrink:0}.comparison-verdict-title{font-size:1.15rem;font-weight:800;color:#065f46}.comparison-verdict-winner{display:inline-flex;align-items:center;gap:.4rem;background:#059669;color:#fff;padding:.35rem .875rem;border-radius:8px;font-size:.82rem;font-weight:700;margin-bottom:.875rem;box-shadow:0 2px 8px rgba(5,150,105,.3)}.comparison-verdict-text{font-size:.95rem;color:#064e3b;line-height:1.75}.comparison-verdict-cta{display:inline-flex;align-items:center;gap:.5rem;background:#059669;color:#fff;padding:.75rem 1.75rem;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;margin-top:1.375rem;transition:all .15s;box-shadow:0 4px 12px rgba(5,150,105,.35)}.comparison-verdict-cta:hover{background:#047857;transform:translateY(-1px);box-shadow:0 6px 16px rgba(5,150,105,.4)}.comparison-specs-table{width:100%;border-collapse:collapse;margin:1rem 0 2rem;border-radius:12px;overflow:hidden;border:1.5px solid #e5e7eb}.comparison-specs-table .spec-category-row td{background:#f8fafc;padding:.7rem 1rem;font-size:.72rem;font-weight:800;color:#374151;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.comparison-specs-table .spec-row td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;vertical-align:middle}.comparison-specs-table .spec-row:last-child td{border-bottom:none}.comparison-specs-table .spec-row:hover td{background:#fafafa}.spec-name-cell{color:#374151;font-weight:500;width:30%}.spec-name-cell .spec-importance-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.4rem;vertical-align:middle;flex-shrink:0}.spec-importance-dot.critical{background:#ef4444}.spec-importance-dot.important{background:#f59e0b}.spec-importance-dot.normal{background:#d1d5db}.spec-importance-dot.minor{background:#e5e7eb}.spec-value-cell{color:#4b5563;text-align:center;width:30%}.spec-value-cell.winner{color:#059669;font-weight:700;background:rgba(5,150,105,.05)}.spec-winner-icon{color:#059669;margin-left:.3rem;vertical-align:middle}.comparison-proscons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0 2.5rem}.proscons-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}.proscons-card-header{padding:1.125rem 1.375rem;background:linear-gradient(135deg,#f8fafc,#f0fdf4);border-bottom:1.5px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.proscons-product-img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 4px rgba(0,0,0,.06)}.proscons-product-name{font-size:.925rem;font-weight:700;color:#111827}.proscons-body{padding:1.25rem 1.375rem}.proscons-section{margin-bottom:1.125rem}.proscons-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.6rem;display:flex;align-items:center;gap:.35rem}.proscons-label.pros{color:#059669}.proscons-label.cons{color:#dc2626}.proscons-list{list-style:none;padding:0;margin:0}.proscons-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.855rem;color:#374151;padding:.35rem 0;line-height:1.55;border-bottom:1px solid #f9fafb}.proscons-list li:last-child{border-bottom:none}.pros-icon{color:#059669}.cons-icon,.pros-icon{flex-shrink:0;margin-top:2px}.cons-icon{color:#dc2626}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.use-case-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:1.125rem;display:flex;flex-direction:column;gap:.45rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px rgba(0,0,0,.04)}.use-case-card:hover{border-color:#a7f3d0;box-shadow:0 4px 16px rgba(5,150,105,.08)}.use-case-label{font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.use-case-winner{font-size:.88rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.3rem}.use-case-winner-badge{background:#f0fdf4;color:#059669;padding:.2rem .6rem;border-radius:6px;font-size:.72rem;font-weight:700;border:1px solid #a7f3d0;display:inline-block}.use-case-reason{font-size:.8rem;color:#6b7280;line-height:1.55}.comparison-content-section{background:#fff;border-radius:14px;padding:1.75rem;margin:0 0 1.25rem;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1.5px solid #e5e7eb;border-left-width:4px;transition:border-left-color .15s}.comparison-content-section:hover{border-left-color:#059669}.comparison-content-section h3{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 .75rem}.comparison-content-section p{font-size:.93rem;color:#4b5563;line-height:1.85;margin:0}.faq-item{border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:.75rem;overflow:hidden;transition:border-color .15s,box-shadow .15s}.faq-item:hover{border-color:#d1fae5}.faq-question{padding:1.1rem 1.375rem;font-size:.9rem;font-weight:600;color:#111827;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .15s;gap:1rem}.faq-question:hover{background:#f9fafb}.faq-answer{padding:0 1.375rem;font-size:.875rem;color:#4b5563;line-height:1.75;max-height:0;overflow:hidden;transition:all .3s ease;background:#fafafa}.faq-answer.open{padding:0 1.375rem 1.25rem;max-height:500px}.faq-icon{flex-shrink:0;transition:transform .2s;color:#9ca3af}.faq-icon.open{transform:rotate(180deg);color:#059669}.comparison-expert-note{background:linear-gradient(135deg,#f8fafc,#f0fdf4);border:1.5px solid #d1fae5;border-radius:14px;padding:1.5rem;margin:2.5rem 0;display:flex;gap:1.25rem;align-items:flex-start;box-shadow:0 2px 8px rgba(5,150,105,.06)}.expert-avatar{width:48px;height:48px;border-radius:50%;background:#059669;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 3px 10px rgba(5,150,105,.35)}.expert-note-text{font-size:.9rem;color:#374151;line-height:1.75;font-style:italic}.expert-note-byline{font-size:.78rem;color:#059669;margin-top:.5rem;font-weight:600;font-style:normal}.comparison-affiliate-strip{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}.affiliate-strip-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .15s,border-color .15s}.affiliate-strip-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:#d1d5db}.affiliate-strip-card.winner{border-color:#a7f3d0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 4px 16px rgba(5,150,105,.1)}.affiliate-strip-name{font-size:.9rem;font-weight:700;color:#111827;line-height:1.4}.affiliate-strip-price{font-size:1.5rem;font-weight:800;color:#059669;line-height:1}.affiliate-strip-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#FF9900;color:#fff;padding:.75rem 1rem;border-radius:10px;font-weight:700;font-size:.85rem;text-decoration:none;transition:all .15s;box-shadow:0 3px 8px rgba(255,153,0,.3)}.affiliate-strip-btn:hover{background:#e68a00;transform:translateY(-1px);box-shadow:0 5px 12px rgba(255,153,0,.4)}.affiliate-strip-btn.secondary{background:#111827;box-shadow:0 3px 8px rgba(0,0,0,.2)}.affiliate-strip-btn.secondary:hover{background:#1f2937}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.related-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:1rem;text-decoration:none;color:inherit;display:flex;align-items:center;gap:.875rem;transition:box-shadow .15s,border-color .15s}.related-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#a7f3d0}.related-card-imgs{display:flex;align-items:center;flex-shrink:0}.related-card-imgs img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#f8fafc;border:1.5px solid #e5e7eb}.related-card-imgs img:last-child{margin-left:-12px}.related-card-title{font-size:.83rem;font-weight:600;color:#374151;line-height:1.4}@media (max-width:768px){.compare-hero h1{font-size:2rem}.compare-hero-stats{gap:1.5rem}.comparison-hero h1{font-size:1.75rem}.comparison-vs-layout{flex-direction:column;gap:.75rem}.comparison-vs-badge{margin:0;width:42px;height:42px}.comparison-vs-card{padding:1.5rem 1.25rem}.comparison-vs-card-img{width:80px;height:80px}.compare-grid,.comparison-affiliate-strip,.comparison-proscons{grid-template-columns:1fr}.comparison-scores-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center}.spec-name-cell{width:40%}.spec-value-cell{width:30%}.comparison-vs-wrap{margin-top:-2.5rem}}@media (max-width:480px){.comparison-scores-grid{grid-template-columns:1fr}.comparison-vs-card-name{font-size:.9rem}.comparison-hero{padding-bottom:4rem}}