/* COMPARE side by side */
  .compare{background:var(--paper-2)}
  .compare .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;align-items:stretch}
  .ccard{background:#fff;border-radius:24px;padding:32px;border:1px solid var(--line);display:flex;flex-direction:column}
  .ccard.cf{background:var(--grad);color:#fff;border-color:transparent;position:relative;overflow:hidden}
  .ccard.cf::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.18),transparent 50%);pointer-events:none}
  .ccard .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
  .ccard .ch .label{font-size:13px;font-weight:700;color:var(--soft)}
  .ccard.cf .ch .label{color:var(--vio)}
  .ccard .ch .name{font-size:22px;font-weight:800;letter-spacing:-0.02em}
  .ccard.cf .ch .name{position:relative}
  .ccard .crows{font-size:14px;flex:1;position:relative}
  .ccard .crows .row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px dashed var(--line)}
  .ccard.cf .crows .row{border-top-color:rgba(255,255,255,.07)}
  .ccard .crows .row:first-child{border-top:0}
  .ccard .crows .lab{font-weight:500;color:var(--muted)}
  .ccard.cf .crows .lab{color:rgba(255,255,255,.7)}
  .ccard .crows .val{font-weight:700;color:var(--ink)}
  .ccard.cf .crows .val{color:#fff}
  .ccard .crows .val.bad{color:#ef4444}
  .ccard.cf .crows .val.good{color:#22d3ee}
  .ccard.cf .crows .val.good::after{content:" ";margin-left:6px}