Popular comparisons
<style> .ra90-page{ --ra90-red:#d71920; --ra90-red-dark:#9e1015; --ra90-black:#151515; --ra90-dark:#202020; --ra90-gray:#666; --ra90-light:#f7f7f5; --ra90-white:#fff; --ra90-border:#e7e7e4; --ra90-soft:#fff5f4; max-width:960px; margin:0 auto; color:#1c1c1c; line-height:1.58; container-type:inline-size; } .ra90-page *{ box-sizing:border-box; } .ra90-img{ display:block; width:100%; height:auto; border-radius:18px; } .ra90-card{ margin:16px 0; padding:22px 18px; background:var(--ra90-white); border:1px solid var(--ra90-border); border-radius:22px; overflow:hidden; box-shadow:0 8px 26px rgba(0,0,0,.045); transition:transform .22s ease,box-shadow .22s ease; } .ra90-card:active{ transform:scale(.99); } .ra90-dark{ color:#fff; background: radial-gradient(circle at 85% 5%,rgba(215,25,32,.26),transparent 34%), linear-gradient(145deg,#111,#252525); border-color:#333; } .ra90-red{ color:#fff; background: radial-gradient(circle at 85% 0%,rgba(255,255,255,.13),transparent 35%), linear-gradient(145deg,#9f1016,#d71920); border-color:#d4383e; } .ra90-kicker{ display:inline-block; margin-bottom:10px; font-size:12px; line-height:1.2; font-weight:800; letter-spacing:1.7px; text-transform:uppercase; background:linear-gradient( 90deg, #a70f15, #ef464b, #a70f15 ); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:ra90-shimmer 5s linear infinite; } .ra90-dark .ra90-kicker, .ra90-red .ra90-kicker{ background:linear-gradient( 90deg, #fff, #ff979a, #fff ); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; } @keyframes ra90-shimmer{ to{background-position:200% center;} } .ra90-title{ margin:0 0 12px; font-size:32px; line-height:1.08; letter-spacing:-.7px; } .ra90-section-title{ margin:0 0 10px; font-size:25px; line-height:1.18; letter-spacing:-.3px; } .ra90-text{ margin:0 0 18px; color:var(--ra90-gray); font-size:16px; } .ra90-dark .ra90-text, .ra90-red .ra90-text{ color:#e8e8e8; } .ra90-media{ margin:18px 0; border-radius:18px; overflow:hidden; background:#eee; } .ra90-tags{ display:grid; grid-template-columns:1fr; gap:9px; margin-top:16px; } .ra90-tag{ padding:13px 12px; text-align:center; border-radius:999px; border:1px solid #ececea; background:#f7f7f5; font-size:13px; font-weight:800; } .ra90-dark .ra90-tag, .ra90-red .ra90-tag{ background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.16); color:#fff; } .ra90-marquee{ margin:16px 0; overflow:hidden; border-radius:15px; background:#181818; color:#fff; } .ra90-marquee-track{ display:flex; width:max-content; padding:12px 0; animation:ra90-scroll 22s linear infinite; } .ra90-marquee-item{ padding:0 18px; white-space:nowrap; font-size:12px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; } .ra90-marquee-dot{ margin-left:20px; color:#ff4c51; } @keyframes ra90-scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} } .ra90-pain{ display:grid; gap:11px; margin-top:17px; } .ra90-pain-item{ padding:15px; border-left:4px solid var(--ra90-red); border-radius:0 14px 14px 0; background:#fff6f5; } .ra90-pain-title{ display:block; margin-bottom:3px; font-size:16px; font-weight:800; } .ra90-pain-copy{ margin:0; color:#676767; font-size:14px; } .ra90-feature-grid{ display:grid; grid-template-