/* Original, shared conversion-landing design for the verified comparison pages. */
.comparison-page { background: #f7f9fd; color: #18243a; }
.comparison-page .header { position: relative; z-index: 3; background: #101d31; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.comparison-page .header .nav-links a, .comparison-page .header .logo-link { color: #f8fbff; }
.comparison-page .comparison-hero { position: relative; isolation: isolate; min-height: 500px; padding: 7rem max(1.5rem, calc((100vw - 1180px) / 2)) 4rem; overflow: hidden; text-align: left; background: radial-gradient(circle at 95% 15%, #d7e4ff 0 2px, transparent 3px) 0 0 / 28px 28px, linear-gradient(120deg, #fff 0%, #f1f6ff 58%, #e5efff 100%); }
.comparison-page .comparison-hero::before { position: absolute; z-index: -1; right: -10rem; bottom: -13rem; width: 42rem; height: 42rem; border-radius: 50%; background: rgb(61 115 219 / 10%); content: ""; }
.comparison-page .comparison-hero::after { position: absolute; top: 5rem; right: max(1.5rem, calc((100vw - 1180px) / 2)); width: min(43%, 490px); min-height: 265px; padding: 2.4rem; border: 1px solid #263b67; border-radius: 24px; box-shadow: 0 24px 50px rgb(12 31 77 / 22%); color: #eef5ff; background: linear-gradient(145deg, #101735, #172a55); content: "QUALITYMAX\A\AYOUR QUALITY COMMAND CENTER\A\A✓  Turn product intent into trusted coverage\A✓  Catch release risk before customers do\A✓  Give every team one clear quality signal"; font: 600 1rem/1.75 var(--font-body, Inter, sans-serif); letter-spacing: .01em; white-space: pre-line; }
.comparison-page .comparison-hero h1 { width: min(49%, 570px); margin: 0 0 1.25rem; color: #172239; font: 700 clamp(2.6rem, 4.9vw, 4.6rem)/1.04 var(--font-display, "Space Grotesk", sans-serif); }
.comparison-page .comparison-hero p { width: min(48%, 545px); margin: 0; color: #3d4960; font-size: 1.12rem; line-height: 1.7; }
.comparison-page .comparison-eyebrow { width: min(49%, 570px) !important; margin: 0 0 1rem !important; color: #176fec !important; font-size: .78rem !important; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.comparison-page .verified-note { display: block; width: min(48%, 545px); margin-top: 1.25rem; color: #61708b; font-size: .88rem; }
.comparison-page .hero-actions { display: flex; width: min(48%, 545px); margin-top: 1.6rem; gap: .8rem; }
.comparison-page .hero-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .75rem 1.2rem; border: 1px solid #1e63d4; border-radius: 8px; color: #1e63d4; background: #fff; font-weight: 700; text-decoration: none; }
.comparison-page .hero-actions a:first-child { color: #fff; background: #176fec; box-shadow: 0 10px 20px rgb(23 111 236 / 22%); }
.comparison-page .comparison-section { padding: 4.5rem max(1.5rem, calc((100vw - 1000px) / 2)); background: #fff; }
.comparison-page .comparison-section:nth-of-type(3) { background: #f4f8ff !important; }
.comparison-page .comparison-section h2 { margin-bottom: 1.1rem; color: #15213a; font: 700 clamp(1.75rem, 3vw, 2.55rem)/1.15 var(--font-display, "Space Grotesk", sans-serif); }
.comparison-page .comparison-section p, .comparison-page .comparison-section li { color: #48566e; line-height: 1.75; }
.comparison-page .comparison-brief { background: #fff; }
.comparison-page .comparison-brief .container { max-width: 840px; }
.comparison-page .comparison-label { margin-bottom: .7rem; color: #176fec !important; font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.comparison-page .decision-line { margin-top: 1.5rem; padding: 1.1rem 1.25rem; border-left: 4px solid #176fec; border-radius: 0 10px 10px 0; color: #273a5d !important; background: #edf4ff; }
.comparison-page .comparison-brief--compact { margin: 5rem 0 0; padding: 2rem; border: 1px solid #d9e5f7; border-radius: 18px; box-shadow: 0 14px 30px rgb(22 45 90 / 8%); background: #fff; }
.comparison-page main.compare .comparison-brief--compact h2 { padding-top: 0; }
.comparison-page .comparison-table-wrap { overflow-x: auto; margin: 1.5rem 0; border: 1px solid #dae2f2; border-radius: 16px; box-shadow: 0 12px 26px rgb(22 45 90 / 7%); }
.comparison-page .comparison-table { width: 100%; min-width: 680px; border-collapse: collapse; background: #fff; }
.comparison-page .comparison-table th, .comparison-page .comparison-table td { padding: 1.15rem; text-align: left; vertical-align: top; border-bottom: 1px solid #e4eaf4; }
.comparison-page .comparison-table th { color: #203156; background: #eaf1ff; font-weight: 700; }
.comparison-page .comparison-table td { color: #4a5770; }
.comparison-page .comparison-table tr:last-child td { border-bottom: 0; }
.comparison-page .source-list a, .comparison-page .comparison-section a { color: #1e63d4; font-weight: 600; }
.comparison-page .comparison-cta { text-align: center; background: #101d31 !important; }
.comparison-page .comparison-cta h2, .comparison-page .comparison-cta p { color: #fff; }
.comparison-page .comparison-cta .cta-btn-primary { display: inline-block; margin-top: 1rem; border-radius: 7px; background: #1477f8; }
.comparison-page .footer { background: #101d31; color: #c8d4e9; }

/* The first two pages use the earlier, compact document markup. Give them the same visual language. */
.comparison-page main.compare { position: relative; min-height: 500px; padding: 7rem 1.5rem 4.5rem; background: linear-gradient(120deg, #fff 0%, #f1f6ff 58%, #e5efff 100%); }
.comparison-page main.compare > .container { position: relative; max-width: 1000px; }
.comparison-page main.compare > .container::after { position: absolute; top: 0; right: 0; width: 42%; min-height: 265px; padding: 2.4rem; border: 1px solid #263b67; border-radius: 24px; box-shadow: 0 24px 50px rgb(12 31 77 / 22%); color: #eef5ff; background: linear-gradient(145deg, #101735, #172a55); content: "QUALITYMAX\A\AYOUR QUALITY COMMAND CENTER\A\A✓  Turn product intent into trusted coverage\A✓  Catch release risk before customers do\A✓  Give every team one clear quality signal"; font: 600 1rem/1.75 var(--font-body, Inter, sans-serif); letter-spacing: .01em; white-space: pre-line; }
.comparison-page main.compare h1, .comparison-page main.compare > .container > p, .comparison-page main.compare > .container > .hero-actions { width: 50%; }
.comparison-page main.compare h1 { margin-top: 0; color: #172239; font: 700 clamp(2.6rem, 4.9vw, 4.6rem)/1.04 var(--font-display, "Space Grotesk", sans-serif); }
.comparison-page main.compare > .container > p { color: #48566e; line-height: 1.75; }
.comparison-page main.compare h2 { clear: both; padding-top: 3rem; color: #15213a; }
.comparison-page main.compare table { border: 1px solid #dae2f2; border-radius: 16px; box-shadow: 0 12px 26px rgb(22 45 90 / 7%); }
.comparison-page main.compare th { color: #203156; background: #eaf1ff; }
.comparison-page main.compare td { color: #4a5770; background: #fff; }

@media (max-width: 800px) {
  .comparison-page .header .nav-links { display: none; }
  .comparison-page .comparison-hero { min-height: auto; padding-top: 4rem; padding-bottom: 3rem; }
  .comparison-page .comparison-hero::after, .comparison-page .comparison-hero::before, .comparison-page main.compare > .container::after { display: none; }
  .comparison-page .comparison-hero h1, .comparison-page .comparison-hero p, .comparison-page .comparison-eyebrow, .comparison-page .verified-note, .comparison-page .hero-actions, .comparison-page main.compare h1, .comparison-page main.compare > .container > p, .comparison-page main.compare > .container > .hero-actions { width: 100%; }
  .comparison-page main.compare { min-height: auto; padding-top: 4rem; }
}