/* GEX Levels — products.html page styles
   Extracted verbatim from the pages' former inline <style> block (2026-08-10).
   Reason: the site ships `style-src 'self'` with no 'unsafe-inline', no nonce and
   no hash, so every inline <style> was silently dropped by the browser and these
   pages rendered as unstyled HTML in production (Times New Roman, no background).
   Loading the same bytes from /assets/ is the only way this CSS applies.
   Do not move it back inline: scripts/audit-csp-safety.mjs now gates the build.
   Byte-identical to the former inline CSS; cascade order is unchanged. */
/* --------------------------------------------------------- products.html */
.ld-section--lead{padding-top:44px}
.ld-pair{display:grid;grid-template-columns:1fr;gap:16px}
.ld-pair__card{display:flex;flex-direction:column;gap:14px;padding:24px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.ld-pair__eyebrow{color:var(--accent);font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.ld-pair__price{color:var(--head);font-size:34px;font-weight:600;letter-spacing:-0.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.ld-pair__price span{color:var(--muted);font-size:16px;font-weight:400;letter-spacing:0}
.ld-pair__lede{font-size:16px;max-width:62ch}
.ld-pair__list{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.ld-pair__list li{position:relative;padding-left:20px;color:var(--muted);font-size:16px;line-height:1.6}
.ld-pair__list li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.ld-pair__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:8px}
.ld-section--tint{gap:22px}
.ld-compare-table{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.ld-table{width:100%;min-width:620px;border-collapse:collapse;font-size:16px}
.ld-table th,.ld-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ld-table thead th{background:var(--panel-2);color:var(--head);font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.ld-table tbody th{color:var(--muted);font-weight:500;white-space:nowrap}
.ld-table tbody td{color:var(--text);font-variant-numeric:tabular-nums}
.ld-table tbody tr:last-child th,.ld-table tbody tr:last-child td{border-bottom:0}
.ld-final{max-width:var(--shell);margin-inline:auto;padding:0 var(--pad) 52px}
.ld-final__inner{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 22px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r)}
.ld-final__title{font-size:clamp(24px,5vw,34px);max-width:30ch}
.ld-final__row{display:flex;flex-wrap:wrap;gap:12px}
.ld-final__legal{color:var(--muted);font-size:14px;line-height:1.7;max-width:68ch}
@media (min-width:860px){
  .ld-pair{grid-template-columns:1fr 1fr;gap:20px}
  .ld-pair__card{padding:28px 26px}
  .ld-final__inner{padding:36px 32px}
}