.compare-page{background:linear-gradient(#0a0a0f 0%,#0f172a 50%,#0a0a0f 100%);min-height:100vh}.compare-hero{text-align:center;padding:8rem 1.5rem 4rem}.compare-container{max-width:72rem;margin:0 auto}.compare-title{color:#f1f5f9;margin-bottom:1rem;font-size:3rem;font-weight:800}.compare-subtitle{color:#94a3b8;max-width:36rem;margin:0 auto;font-size:1.25rem}.compare-grid-section{padding:0 1.5rem 6rem}.compare-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.compare-card-link{text-decoration:none;display:block}.compare-card{height:100%;padding:2rem;transition:transform .2s}.compare-card:hover{transform:translateY(-4px)}.compare-category{color:#0ea5e9;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.compare-versus{justify-content:center;align-items:center;gap:1.5rem;margin:1.5rem 0;display:flex}.compare-product{flex-direction:column;align-items:center;gap:.5rem;display:flex}.compare-logo-placeholder{color:#0ea5e9;background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:12px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.25rem;font-weight:700;display:flex}.compare-product span{color:#f1f5f9;font-size:.875rem;font-weight:600}.compare-vs{color:#64748b;font-size:1rem;font-weight:700}.compare-description{color:#94a3b8;text-align:center;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.compare-read-more{color:#0ea5e9;text-align:center;font-size:.875rem;font-weight:600;display:block}.compare-cta-section{padding:0 1.5rem 6rem}.compare-cta-card{text-align:center;padding:3rem}.compare-cta-card h2{color:#f1f5f9;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.compare-cta-card p{color:#94a3b8;margin-bottom:1.5rem;font-size:1rem}.compare-cta-button{color:#0f172a;background:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 100%);border-radius:8px;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.compare-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e94d}@media (max-width:768px){.compare-title{font-size:2rem}.compare-grid{grid-template-columns:1fr}}