/* =====================================================================
   why-comparison.css — Why ShareAProfit comparison page
   Hero (.pr-hero/.pr-h1/.pr-sub) and .sr-only come from common.css.
   ===================================================================== */
.pr-hero{
  padding: 84px 0 84px;
}
/* hero accent */
.wc-hl{background:linear-gradient(100deg,#9dbcff,#e3ecff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* section pulls the table up over the hero (same pattern as pricing/faq) */
.wc-section{position:relative;z-index:5;margin-top: 0;
    padding-bottom: 80px;
    padding-top: 80px;}

/* ---- table shell ---- */
tr.wc-group-head {
    width: 100%;
    display: block;
}
.wc-table{max-width:1020px;width:100%;margin:0 auto;border-collapse:separate;border-spacing:0;}
.wc-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;}
.wc-row > th,.wc-row > td{padding:.95rem 1.4rem;font-size:.92rem;text-align:left;font-weight:400;}
.wc-cell-label{color:var(--ink);font-weight:600;}

/* ---- sticky-looking header card ---- */
.wc-table-head{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:.9rem;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.09);}
.wc-table-head > .wc-row > th{font-family:var(--font-display);font-weight:800;font-size:.95rem;padding:1.1rem 1.4rem;color:var(--ink);}
.wc-table-head .wc-cell-trad{background:#f6f8fc;color:var(--muted);height:100%;display:flex;align-items:center;}
.wc-table-head .wc-cell-sap{background:#eaf1ff;color: var(--blue) !important;height:100%;display:flex;align-items:center;gap:.6rem;}
.wc-tag{background:var(--blue);color:#fff;border-radius:100px;padding:.2rem .6rem;font-size:.66rem;font-weight:700;letter-spacing:.4px;}

/* ---- grouped rows ---- */
.wc-group{display:block;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;margin-bottom:.9rem;}
.wc-group-head > th{display:block;background:#f6f9ff;border-bottom:1px solid var(--line);padding:.75rem 1.4rem;font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue);text-align:left;}
.wc-group .wc-row + .wc-row{border-top:1px solid #f1f5f9;}
.wc-group .wc-cell-trad{background:#fafbfd;}
.wc-group .wc-cell-sap{background:#f4f8ff;border-left:2px solid #dbe6fb;}

/* ---- value markers ---- */
.wc-yes{display:flex;align-items:center;gap:.45rem;font-weight:700;color:var(--ink);}
.wc-yes svg{width:17px;height:17px;color:#16a34a;flex-shrink:0;}
.wc-no{display:flex;align-items:center;gap:.4rem;color:var(--soft);}
.wc-no svg{width:16px;height:16px;color:#cbd5e1;flex-shrink:0;}
.wc-warn{color:#b45309;background:#fef3c7;border-radius:100px;padding:.2rem .7rem;font-size:.84rem;font-weight:600;display:inline-block;}

.wc-note{max-width:1020px;margin:1.3rem auto 0;text-align:center;color:var(--soft);font-size:.84rem;}

@media(max-width:900px){
  .wc-section{margin-top:-70px;padding-bottom:60px;}
  .wc-row{grid-template-columns:1fr;}
  .wc-table-head{display:none;}
  .wc-group .wc-cell-sap{border-left:none;}
  .wc-group .wc-cell-trad::before{content:"Traditional network: ";color:var(--soft);font-size:.8rem;}
  .wc-group .wc-cell-sap::before{content:"ShareAProfit: ";color:var(--blue);font-size:.8rem;font-weight:600;}
}