Plan Comparison Table

<div class="ct"><div class="ct-col"><h5>Free</h5><ul><li class="y">Basic tools</li><li class="y">Community</li><li class="n">Analytics</li><li class="n">API access</li></ul></div><div class="ct-col pro"><h5>Pro</h5><ul><li class="y">Basic tools</li><li class="y">Priority support</li><li class="y">Analytics</li><li class="y">API access</li></ul></div></div>

body{background:#0d1426}
.ct{display:flex;gap:14px;font-family:system-ui,sans-serif}
.ct-col{width:150px;background:#121a2e;border:1px solid #233052;border-radius:16px;padding:20px}
.ct-col.pro{border-color:#ff477e;box-shadow:0 0 24px rgba(255,71,126,.25)}
.ct-col h5{margin:0 0 16px;color:#fff;font-size:16px}
.ct-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ct-col li{font-size:13px;padding-left:24px;position:relative}
.ct-col li.y{color:#c8d3e8}.ct-col li.n{color:#5b6680}
.ct-col li.y::before{content:'✓';position:absolute;left:0;color:#16a34a;font-weight:700}
.ct-col li.n::before{content:'✕';position:absolute;left:0;color:#5b6680}