.compare-page{padding:clamp(24px,5vw,56px) clamp(20px,5vw,64px) 64px;min-width:0}.compare-header{margin-bottom:32px}.compare-header h1{max-width:850px;font-size:clamp(28px,4.3vw,42px);line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:20px 0;text-wrap:balance}.compare-eyebrow{color:#04d9ff;font-size:14px}.compare-intro{max-width:780px;color:#b4b4b4;font-size:16px;line-height:1.8}.compare-meta{display:flex;flex-wrap:wrap;gap:8px 24px;color:#999;font-size:13px}.compare-breadcrumb ol,.compare-breadcrumb li{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.compare-breadcrumb{font-size:13px;color:#999}.compare-breadcrumb a{padding-block:8px}.compare-breadcrumb a:hover{color:#eee}.compare-breadcrumb [aria-current]{color:#d4d4d4}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.comparison-card{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #323232;border-radius:12px;background:#111}.comparison-card:hover{border-color:#555}.comparison-card h2,.comparison-card h3{font-size:21px;line-height:1.35;font-weight:600;margin:0 0 12px;letter-spacing:-.02em}.comparison-card h2 a:hover,.comparison-card h3 a:hover{color:#04d9ff}.comparison-card p{color:#b4b4b4;font-size:14px;line-height:1.75;margin-bottom:12px}.comparison-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:auto;font-size:12px;color:#999}.comparison-card-footer a{color:#04d9ff;padding-block:8px;font-size:13px}.compare-roundup{margin:32px 0;color:#b4b4b4;line-height:1.8}.compare-roundup a{color:#04d9ff;text-underline-offset:4px}.compare-roundup a:hover{text-decoration:underline}.compare-toc{border:1px solid #323232;border-radius:10px;margin-bottom:32px;padding:4px 20px;background:#111}.compare-toc summary{cursor:pointer;padding-block:14px;font-weight:500}.compare-toc ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:4px 24px;padding-bottom:16px}.compare-toc a{display:block;color:#b4b4b4;padding-block:8px;font-size:14px}.compare-toc a:hover{color:#04d9ff}.compare-body.blog-article{padding:0;min-width:0;overflow-wrap:anywhere}.compare-body :is(h2,h3,h4),.compare-related h2{scroll-margin-top:120px}.compare-body>ul:first-child{padding:24px 24px 24px 44px;border:1px solid #323232;border-radius:10px;background:#111}.compare-body pre{max-width:100%;overflow-x:auto}.comparison-table-scroll{width:100%;overflow-x:auto;margin-block:24px;border:1px solid #323232;border-radius:8px}.compare-body .comparison-table-scroll table{min-width:640px;width:100%;margin:0;border:0}.compare-body td,.compare-body th{vertical-align:top}.compare-body td:first-child,.compare-body th:first-child{overflow-wrap:normal}.compare-page :is(a,summary,[tabindex]):focus-visible{outline:2px solid #04d9ff;outline-offset:4px;border-radius:3px}.comparison-cta{margin-top:48px;padding:36px 24px;border:1px solid #323232;border-radius:12px;background:#151515;text-align:center}.comparison-cta h2{font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:-.025em;text-wrap:balance}.comparison-cta p{margin:12px 0 24px;color:#b4b4b4}.comparison-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.comparison-actions a{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 18px;border-radius:8px;font-weight:500}.comparison-primary{background:#fff;color:#0c0c0c}.comparison-primary:hover{background:#ddd}.comparison-secondary{border:1px solid #555}.comparison-secondary:hover{background:#242424}.compare-hero-actions{justify-content:flex-start;align-items:flex-start;gap:8px;margin:24px 0}.compare-hero-actions a{min-height:38px;padding:8px 12px;gap:8px;border-radius:6px;font-size:14px;line-height:20px}.compare-body .comparison-proof{margin:28px auto;max-width:480px}.compare-body .comparison-proof-wide{max-width:900px}.comparison-proof img{display:block;width:100%;height:auto;border-radius:10px}.comparison-proof figcaption{margin-top:12px;color:#999;font-size:13px;line-height:1.6}.compare-related{margin-top:48px}.compare-related>h2{font-size:24px;font-weight:600;margin-bottom:20px;letter-spacing:-.02em}@media(max-width:480px){.comparison-actions{flex-direction:column}.compare-hero-actions{flex-direction:row}}