/* Comparison pages (templates/comparison.php), light page (Cream 50), Cream 200 table. */
.cmp{--gut:16px;--top:24px;--bot:64px;--sec:48px;--h1:40px;--h2:28px;--lead:17px;--cell:12px 10px;--th:14px;--td:14px;--cg:12px;--cp:20px;--ctap:24px;
  max-width:1280px;margin:0 auto;padding:var(--top) var(--gut) var(--bot);display:flex;flex-direction:column;gap:var(--sec);color:var(--ink-900)}
.cmp a{color:var(--orange-700)}
.cmp a:hover{color:var(--orange-700)}
.cmp h1,.cmp h2,.cmp h3,.cmp p{margin:0}
.cmp h1 strong,.cmp h2 strong{font-weight:600}
.cmp h2{font:400 var(--h2)/1.2 var(--font-sans)}

.cmp-hero{display:flex;flex-direction:column;gap:16px;max-width:780px}
.cmp-crumb{display:flex;flex-wrap:wrap;gap:8px;font:500 14px/1.3 var(--font-sans);color:var(--ink-600)}
.cmp .cmp-crumb a{color:var(--ink-600);text-decoration:none}
.cmp-crumb [aria-current]{color:var(--ink-900)}
.cmp h1{font:400 var(--h1)/1.1 var(--font-sans);letter-spacing:-.01em;text-wrap:balance}
.cmp-lead{font:400 var(--lead)/1.55 var(--font-sans);color:var(--ink-600);text-wrap:pretty}
.cmp-small{font:400 15px/1.5 var(--font-sans);color:var(--ink-600)}
.cmp-hero .cmp-small{font-size:14px;line-height:1.4}
.cmp-src{margin-top:-24px!important}

.cmp-tablewrap{border-radius:20px;overflow:hidden;background:var(--cream-200);border:1px solid rgba(11,26,51,.14)}
.cmp-table{width:100%;border-collapse:collapse;table-layout:fixed;font:400 var(--td)/1.4 var(--font-sans)}
.cmp-table th,.cmp-table td{padding:var(--cell);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.cmp-table thead tr{background:var(--navy-900);color:var(--cream-100)}
.cmp-table thead th{font:600 var(--th)/1.3 var(--font-sans)}
.cmp-table thead th:first-child{width:31%;font-size:14px;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.cmp-table thead th.cmp-tg{background:var(--logo-blue)}
.cmp-table tbody tr + tr{border-top:1px solid rgba(11,26,51,.08)}
.cmp-table tbody th{font-weight:500;color:var(--ink-600)}
.cmp-table td{color:var(--ink-600)}
.cmp-table td.cmp-tg{font-weight:600;color:var(--ink-900);background:rgba(31,99,196,.06)}
.cmp-table td.cmp-tg span{display:flex;gap:8px;align-items:flex-start}
.cmp-table td.cmp-tg .icon{color:var(--logo-blue);margin-top:1px}

.cmp-sec{display:flex;flex-direction:column;gap:20px}
.cmp-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cg)}
.cmp-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:var(--cp);border-radius:20px}
.cmp-card h3{font:600 20px/1.25 var(--font-sans)}
.cmp-card p{font:400 15px/1.55 var(--font-sans);opacity:.88;text-wrap:pretty}
.cmp-card--blue{background:var(--cobalt-600);color:var(--cream-100)}
.cmp-card--orange{background:var(--orange-500);color:var(--ink-900)}
.cmp-card--rust{background:var(--orange-700);color:var(--cream-100)}

.cmp-cta{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;padding:var(--ctap);border-radius:20px;background:var(--navy-900);color:var(--cream-100)}
.cmp-cta > div{display:flex;flex-direction:column;gap:8px}
.cmp-cta p{font:400 15px/1.5 var(--font-sans);color:rgba(253,243,232,.75)}
.cmp .cmp-cta a{height:48px;padding:0 20px;border-radius:12px;background:var(--cream-100);color:var(--ink-900);font:600 14px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}

@media (min-width:768px){
  .cmp{--gut:32px;--top:48px;--bot:80px;--sec:64px;--h1:56px;--h2:36px;--lead:18px;--cell:16px 20px;--th:16px;--td:15px;--cg:16px;--cp:24px;--ctap:32px}
  .cmp-table thead th:first-child{width:29.4%}
  .cmp-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cmp-cta{flex-direction:row;align-items:center}
}
@media (min-width:1280px){
  .cmp{--gut:80px;--top:64px;--bot:96px;--sec:96px;--h1:72px;--h2:44px;--lead:20px;--cell:18px 24px;--th:17px;--cg:16px;--cp:32px;--ctap:48px}
}