:root{
  --emg-brand:#c81e1e;      /* Razorback red */
  --emg-brand-dark:#991b1b;
  --emg-ink:#0f172a;        /* slate-900 */
  --emg-muted:#475569;      /* slate-600 */
  --emg-bg:#f8fafc;         /* slate-50 */
  --emg-card:#ffffff;
  --emg-tip:#fff8e6;        /* warm tip bg */
}

/* Scope everything under .emg- to avoid conflicts */
body{color:var(--emg-ink)}

.emg-banner{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--emg-brand) 0%, var(--emg-brand-dark) 60%);color:#fff;padding:56px 20px}
.emg-banner .container{max-width:1100px}
.emg-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);padding:.35rem .65rem;border-radius:999px;font-size:.9rem;backdrop-filter: blur(4px)}
.emg-dot{width:.5rem;height:.5rem;border-radius:999px;background:#22c55e;display:inline-block}
.emg-banner h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:.6rem 0 0 0}
.emg-lede{max-width:780px;margin:.75rem 0 1.25rem;font-size:1.05rem;opacity:.95}
.emg-cta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}

.emg-section{padding:40px 0;background:var(--emg-bg)}
.emg-card{background:var(--emg-card);border-radius:14px;box-shadow:0 4px 18px rgba(2,6,23,.06);padding:22px}

.emg-issues{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.emg-issues li{background:var(--emg-card);border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;position:relative}
.emg-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;background:#eef2ff}

/* Tip trigger + popover */
.emg-tip-trigger{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}
.emg-tip-trigger svg{width:16px;height:16px}

.emg-pop{position:absolute;z-index:5;inset:auto auto auto 0;transform:translateY(10px);min-width:280px;max-width:340px;background:var(--emg-tip);border:1px solid #fde68a;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.15);padding:12px 14px;display:none}
.emg-pop.show{display:block}
.emg-pop h4{margin:0 0 .25rem 0;font-size:.95rem}
.emg-pop p{margin:0;font-size:.95rem}
.emg-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}
.emg-bulb{width:18px;height:18px}
.emg-close{position:absolute;top:6px;right:8px;background:transparent;border:0;cursor:pointer}

/* Why call us cards */
.emg-why{background:var(--emg-card);border:1px solid #e5e7eb;border-radius:10px;padding:14px}

/* Quick guide */
.emg-checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.emg-checklist li{background:var(--emg-card);border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;display:flex;gap:10px}
.emg-check{width:22px;height:22px;border-radius:6px;background:#ecfeff;display:grid;place-items:center;flex:0 0 22px}

/* CTA footer */
.emg-cta-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}