/* Brand marketing styles shared by the landing panel (.mk-*) and the Settings
   preview + proposal rail (.p3-*). Relies on brand.css design tokens.

   NOTE: the .p3-* rail rules mirror the inline copy in proposal.html (the live
   dealer signing page keeps its own copy so its rendering is never affected by
   changes here). This file is the single home for the landing .mk-* panel and
   powers the Settings live preview of both surfaces. */

/* ---- landing marketing panel ---- */
.mk-panel{padding:0;overflow:hidden}
.mk-hero{background:linear-gradient(135deg,#0B1B3F,#00389B);color:#fff;padding:22px 24px}
.mk-eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;padding:4px 10px;border-radius:999px}
.mk-hero h3{font-size:24px;font-weight:900;line-height:1.15;margin:12px 0 6px;letter-spacing:-.01em}
.mk-hero h3 .pop{color:#F79F5C}
.mk-sub{color:#C9D6F0;font-size:14px;margin:0;max-width:60ch}
.mk-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mk-stat{flex:1;min-width:110px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  border-radius:10px;padding:10px 12px}
.mk-stat .big{font-size:22px;font-weight:900;line-height:1}
.mk-stat .lbl{color:#B9C7E6;font-size:11px;margin-top:3px}
.mk-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:18px 24px}
.mk-hl{display:flex;gap:10px}
.mk-hl .chk{flex:none;width:22px;height:22px;border-radius:6px;background:var(--logo-rma,#6FA52B);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}
.mk-hl h4{font-size:14px;font-weight:800;margin:0 0 2px}
.mk-hl p{color:var(--text-secondary);font-size:13px;margin:0;line-height:1.45}

/* ---- proposal "Why You're Upgrading" rail (mirrors proposal.html) ---- */
.p3-rail{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:14px;
  display:flex;flex-direction:column;gap:12px;}
.p3-rc{background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:14px;box-shadow:var(--shadow-sm);}
.p3-hero{background:linear-gradient(135deg,#0B1B3F,#00389B);color:#fff;border:0;}
html[data-theme="dark"] .p3-hero{background:linear-gradient(135deg,#070C1C,#0B2E73);}
.p3-hero .eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;padding:4px 9px;border-radius:999px;}
.p3-hero h3{font-size:18px;font-weight:900;line-height:1.1;margin:10px 0 5px;letter-spacing:-.01em;}
.p3-hero h3 .pop{color:#F79F5C;}
.p3-hero p{color:#C9D6F0;font-size:11.5px;margin:0;}
.p3-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
.p3-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:8px 10px;}
.p3-stat .big{font-size:20px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;}
.p3-stat .lbl{color:#B9C7E6;font-size:10px;margin-top:3px;}
.p3-rk{font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin:0 0 9px;}
.p3-chan{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--border);}
.p3-chan:last-child{border-bottom:0;}
.p3-chan .ic{flex:none;width:26px;height:26px;border-radius:7px;background:var(--brand-softer);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:14px;}
.p3-chan h4{font-size:12px;font-weight:800;margin:0;}
.p3-chan .pct{color:var(--logo-mark);font-size:10px;font-weight:800;text-transform:uppercase;}
.p3-chan p{color:var(--text-secondary);font-size:11px;margin:2px 0 0;line-height:1.4;}
.p3-benefit{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--border);}
.p3-benefit:last-child{border-bottom:0;}
.p3-benefit .chk{flex:none;width:20px;height:20px;border-radius:5px;background:var(--logo-rma);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;}
.p3-benefit h4{font-size:12px;font-weight:800;margin:0 0 1px;}
.p3-benefit p{color:var(--text-secondary);font-size:11px;margin:0;line-height:1.4;}
.p3-int{display:flex;gap:8px;align-items:baseline;padding:5px 0;}
.p3-int .num{flex:none;font-size:10px;font-weight:900;color:var(--brand);background:var(--brand-softer);
  border-radius:4px;padding:1px 5px;font-variant-numeric:tabular-nums;}
.p3-int .t{font-size:11.5px;font-weight:700;color:var(--text-secondary);}
.p3-road{border-top:3px solid var(--logo-mark);}
.p3-road .rhead{display:flex;gap:9px;align-items:center;}
.p3-road .ic{flex:none;width:32px;height:32px;border-radius:9px;background:var(--warn-bg);color:var(--warn-fg);
  display:flex;align-items:center;justify-content:center;font-size:17px;}
.p3-road h4{font-size:12px;font-weight:900;margin:0;}
.p3-road p{color:var(--text-secondary);font-size:11px;margin:2px 0 0;}
.p3-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.p3-pill{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;}
.p3-pill.live{background:var(--ok-bg);color:var(--ok-fg);} .p3-pill.prog{background:var(--warn-bg);color:var(--warn-fg);}
.p3-plugs{background:#002A75;color:#fff;border:0;}
html[data-theme="dark"] .p3-plugs{background:#0B2E73;}
.p3-plugs .plabel{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#B9C7E6;display:block;margin-bottom:8px;}
.p3-plugs .tags{display:flex;gap:6px;flex-wrap:wrap;}
.p3-plugs .tag{font-size:10.5px;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:3px 9px;border-radius:999px;}