.compare-hero { padding: 56px 48px 40px; text-align: center; max-width: 860px; margin: 0 auto; }
.compare-hero h1 { font-size: 38px; font-weight: 800; line-height: 1.2; margin-bottom: 16px; }
.compare-hero p { font-size: 17px; color: #555; max-width: 580px; margin: 0 auto 32px; }
.verdict-box { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 14px; padding: 24px 28px; margin: 0 auto 48px; max-width: 860px; width: calc(100% - 96px); display: flex; gap: 20px; align-items: flex-start; }
.verdict-icon { font-size: 28px; flex-shrink: 0; }
.verdict-title { font-size: 15px; font-weight: 800; margin-bottom: 6px; color: #15803d; }
.verdict-body { font-size: 14px; color: #444; line-height: 1.75; }
.compare-table-wrap { padding: 0 48px 56px; max-width: 900px; margin: 0 auto; overflow-x: auto; }
.compare-table-wrap h2 { font-size: 26px; font-weight: 800; margin-bottom: 24px; }
table.ct { width: 100%; border-collapse: collapse; font-size: 14px; }
table.ct th { padding: 12px 16px; text-align: left; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #4b5563; border-bottom: 2px solid #e8e8e8; }
table.ct th:not(:first-child) { text-align: center; min-width: 130px; }
table.ct td { padding: 13px 16px; border-bottom: 1px solid #f3f4f6; color: #333; vertical-align: middle; }
table.ct td:not(:first-child) { text-align: center; }
table.ct tr:hover td { background: #fafafa; }
table.ct tr:last-child td { border-bottom: none; }
.t-win { color: #047857; font-weight: 700; }
.t-lose { color: #dc2626; }
.t-partial { color: #b45309; font-size: 13px; font-weight: 600; }
.row-group td, .row-group th { background: #f9fafb; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.8px; color: #4b5563; padding: 10px 16px; }
.col-tap { background: rgba(5,150,105,0.04); }
.why-section { padding: 0 48px 56px; max-width: 900px; margin: 0 auto; }
.why-section h2 { font-size: 26px; font-weight: 800; margin-bottom: 28px; }
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.why-card { background: white; border: 1px solid #e8e8e8; border-radius: 12px; padding: 24px; }
.why-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.why-card p { font-size: 13px; color: #555; line-height: 1.7; }
.stats-bar { display: flex; flex-wrap: wrap; gap: 0; max-width: 860px; margin: 0 auto 32px; border: 1px solid #e8e8e8; border-radius: 12px; overflow: hidden; background: white; }
.stat-item { flex: 1 1 auto; padding: 14px 20px; display: flex; flex-direction: column; gap: 3px; min-width: 150px; }
.stat-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6b7280; }
.stat-value { font-size: 14px; font-weight: 700; color: #111; }
.stat-divider { width: 1px; background: #e8e8e8; flex-shrink: 0; }
.related-compare { max-width: 900px; margin: 0 auto 0; padding: 24px 48px 48px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-size: 13px; color: #4b5563; }
.related-compare strong { color: #333; font-weight: 700; margin-right: 4px; }
.related-compare a { color: #047857; font-weight: 600; text-decoration: none; }
.related-compare a:hover { opacity: 0.8; }
@media (max-width: 768px) {
  .compare-hero { padding: 36px 20px 28px; }
  .compare-hero h1 { font-size: 26px; }
  .verdict-box { width: calc(100% - 32px); margin: 0 16px 32px; }
  .compare-table-wrap { padding: 0 16px 40px; }
  .why-section { padding: 0 16px 40px; }
  .why-grid { grid-template-columns: 1fr; }
}