/* Comparison pages. Same dark language as the rest of the legacy marketing pages. */
.d8-serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic}

.cmp-hero{background:#050505;padding:180px 0 64px;position:relative;overflow:hidden}
.cmp-hero::before{content:'';position:absolute;top:-100px;right:-200px;width:600px;height:500px;background:radial-gradient(ellipse,rgba(220,50,50,.08),transparent 70%);pointer-events:none}
.cmp-crumb{font-size:12px;color:rgba(255,255,255,.35);margin-bottom:20px}
.cmp-crumb a{color:rgba(255,255,255,.55);text-decoration:none}
.cmp-crumb a:hover{color:#fff}
.cmp-tag{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#dc3545;display:flex;align-items:center;gap:8px;margin-bottom:20px}
.cmp-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#dc3545;flex:0 0 auto}
.cmp-hero h1{font-family:var(--font);font-size:clamp(34px,5.4vw,60px);font-weight:600;color:#fff;line-height:1.06;letter-spacing:-.02em;margin:0 0 20px}
.cmp-lede{font-size:17px;color:rgba(255,255,255,.62);line-height:1.7;max-width:760px;margin:0}
.cmp-lede strong{color:#fff;font-weight:600}

.cmp-section{background:#0a0a0a;padding:72px 0}
.cmp-section-alt{background:#060606}
.cmp-narrow{max-width:780px}
.cmp-h2{font-family:var(--font);font-size:clamp(24px,3vw,32px);font-weight:600;color:#fff;margin:0 0 20px;letter-spacing:-.01em}
.cmp-center{text-align:center}
.cmp-p{font-size:15px;color:rgba(255,255,255,.55);line-height:1.8;margin:0 0 16px}
.cmp-p strong{color:#fff;font-weight:600}
.cmp-small{font-size:12.5px;color:rgba(255,255,255,.32);line-height:1.7;margin-top:18px}
.cmp-link{color:#ff6b61;text-decoration:underline;text-underline-offset:3px}
.cmp-link:hover{color:#fff}

.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,.06);border-radius:14px}
.cmp-table{width:100%;min-width:620px;border-collapse:collapse}
.cmp-table thead th{font-family:var(--mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.3);padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.015)}
.cmp-table thead th:nth-child(2){color:#ff6b61}
.cmp-table tbody th{font-size:13px;font-weight:600;color:rgba(255,255,255,.7);text-align:left;padding:16px 20px;width:180px;vertical-align:top}
.cmp-table td{font-size:13.5px;color:rgba(255,255,255,.62);padding:16px 20px;line-height:1.55;vertical-align:top}
.cmp-table td:nth-child(2){color:#fff}
.cmp-table tbody tr+tr th,.cmp-table tbody tr+tr td{border-top:1px solid rgba(255,255,255,.05)}
.cmp-na{color:rgba(255,255,255,.28);font-style:italic}

.cmp-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:960px;margin:0 auto}
.cmp-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px 26px}
.cmp-card--us{border-color:rgba(220,50,50,.22)}
.cmp-card h3{font-size:17px;font-weight:600;margin:0 0 14px;color:rgba(255,255,255,.85)}
.cmp-card--us h3{color:#ff6b61}
.cmp-card ul{margin:0;padding-left:18px}
.cmp-card li{font-size:14px;color:rgba(255,255,255,.55);line-height:1.65;margin-bottom:8px}

.cmp-prog{background:#0f0f0f;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px 24px;margin-top:16px}
.cmp-prog h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}
.cmp-prog dl{margin:0;display:grid;gap:8px}
.cmp-prog dl div{display:grid;grid-template-columns:170px 1fr;gap:14px;font-size:13.5px;line-height:1.55}
.cmp-prog dt{color:rgba(255,255,255,.38)}
.cmp-prog dd{margin:0;color:rgba(255,255,255,.72)}

.cmp-faq{border-bottom:1px solid rgba(255,255,255,.07);padding:22px 0}
.cmp-faq:first-of-type{padding-top:4px}
.cmp-faq h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}
.cmp-faq p{font-size:14.5px;color:rgba(255,255,255,.55);line-height:1.8;margin:0}

.cmp-sources{margin:14px 0 0;padding-left:22px}
.cmp-sources li{font-size:13px;line-height:1.6;margin-bottom:6px;color:rgba(255,255,255,.35)}
.cmp-sources a{color:rgba(255,255,255,.6);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.cmp-sources a:hover{color:#fff}

.cmp-cta{background:#060606;padding:96px 0;text-align:center;position:relative;overflow:hidden}
.cmp-cta::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(220,50,50,.06),transparent 60%);pointer-events:none}
.cmp-cta h2{font-family:var(--font);font-size:clamp(28px,4vw,44px);font-weight:600;color:#fff;margin:0 0 12px;position:relative}
.cmp-cta p{font-size:15px;color:rgba(255,255,255,.4);margin:0 auto 30px;max-width:560px;position:relative}
.cmp-btn{display:inline-block;padding:16px 44px;background:#dc3545;color:#fff;font-size:14px;font-weight:600;border-radius:100px;transition:background .25s,transform .25s;position:relative;text-decoration:none}
.cmp-btn:hover{background:#b82d3a;transform:translateY(-2px)}
.cmp-other{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:36px;flex-wrap:wrap;position:relative}
.cmp-other-l{font-size:11px;color:rgba(255,255,255,.25);margin-right:6px;width:100%;margin-bottom:4px}
.cmp-other a{font-size:12.5px;color:rgba(255,255,255,.45);padding:8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:9px;transition:border-color .2s,color .2s;text-decoration:none}
.cmp-other a:hover{border-color:rgba(255,255,255,.2);color:#fff}

/* the hub */
.cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cmp-tile{display:block;background:#0f0f0f;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px 22px 20px;text-decoration:none;transition:border-color .2s,transform .2s}
.cmp-tile:hover{border-color:rgba(220,50,50,.35);transform:translateY(-2px)}
.cmp-tile b{display:block;font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}
.cmp-tile span{display:block;font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
.cmp-tile em{display:block;font-style:normal;font-size:11px;color:rgba(255,255,255,.25);margin-top:12px;font-family:var(--mono);letter-spacing:.5px}

@media (max-width:900px){
  .cmp-hero{padding:130px 0 48px}
  .cmp-section{padding:48px 0}
  .cmp-two{grid-template-columns:1fr}
  .cmp-grid{grid-template-columns:1fr 1fr}
  .cmp-prog dl div{grid-template-columns:1fr;gap:2px}
  .cmp-table thead th,.cmp-table tbody th,.cmp-table td{padding:13px 14px}
  .cmp-table tbody th{width:130px}
}
@media (max-width:560px){
  .cmp-lede{font-size:15.5px}
  .cmp-grid{grid-template-columns:1fr}
  .cmp-cta{padding:64px 0}
}