/* MedExPrep for Institutions (2026). Builds on mxp-home.css + mxp-why.css. */

.mxi-trust { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 24px !important; }
.mxi-trust li { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 600; color: rgba(255, 255, 255, .78); }
.mxi-trust .mxh-i { color: #7fe3dd; font-size: 15px; }

/* sample dashboard */
.mxi-dash { position: relative; padding: 22px; border-radius: 20px; background: #fff; color: var(--ink); box-shadow: 0 40px 80px -36px rgba(0, 0, 0, .7); }
.mxi-dash__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.mxi-dash__top b { font-size: 14.5px; }
.mxi-dash__top span { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); background: var(--bg); padding: 4px 8px; border-radius: 6px; }
.mxi-dash__kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 16px 0; }
.mxi-dash__kpis > div { padding: 12px; border-radius: 12px; background: var(--bg); border: 1px solid var(--line); }
.mxi-dash__kpis b { display: block; font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1; }
.mxi-dash__kpis span { display: block; margin-top: 6px; font-size: 12px; color: var(--muted); }
.mxi-dash__kpis i { display: inline-block; margin-top: 8px; font-style: normal; font-size: 11px; font-weight: 700; color: var(--muted); }
.mxi-dash__kpis i.is-up { color: var(--ok); }
.mxi-dash__kpis i.is-warn { color: var(--warn); }
.mxi-dash__h { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.mxi-dash .mxw-heat { margin-top: 10px; gap: 9px; }
.mxi-dash .mxw-heat__r { grid-template-columns: 120px 1fr 40px; font-size: 13.5px; }
.mxi-dash__flag { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: #fff7ed; border: 1px solid #fed7aa; font-size: 13px; line-height: 1.5; color: #7c2d12; }
.mxi-dash__flag .mxh-i { color: var(--warn); font-size: 16px; margin-top: 2px; }

/* who */
.mxi-who__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mxi-card { padding: 28px; border-radius: 20px; border: 1px solid var(--line); background: #fff; box-shadow: var(--sh-sm); display: flex; flex-direction: column; }
.mxi-card__i { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: var(--teal-bg); color: var(--teal-d); font-size: 22px; margin-bottom: 18px; }
.mxi-card h3 { font-size: 20px; font-weight: 750; color: var(--ink); letter-spacing: -.01em; }
.mxi-card > p { margin-top: 8px !important; font-size: 15px; line-height: 1.6; color: var(--muted); }
.mxi-card ul { list-style: none; display: grid; gap: 10px; margin-top: 20px !important; padding-top: 18px !important; border-top: 1px solid var(--line); }
.mxi-card li { display: flex; gap: 10px; font-size: 14.5px; color: var(--text); line-height: 1.45; }
.mxi-card li .mxh-i { flex: none; width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--teal-bg); color: var(--teal-d); margin-top: 1px; }

/* gets */
.mxi-gets { background: var(--bg); }
.mxi-gets__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.mxi-gets__grid article { background: #fff; padding: 30px 28px; }
.mxi-gets__i { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--ink); color: #7fe3dd; font-size: 19px; margin-bottom: 16px; }
.mxi-gets__grid h3 { font-size: 17.5px; font-weight: 750; color: var(--ink); }
.mxi-gets__grid p { margin-top: 6px !important; font-size: 15px; line-height: 1.6; color: var(--muted); }

/* pricing */
.mxi-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; max-width: 1080px; margin: 0 auto; }
.mxi-tier { position: relative; display: flex; flex-direction: column; padding: 30px 26px 26px; border-radius: 22px; border: 1px solid var(--line); background: #fff; box-shadow: var(--sh-sm); }
.mxi-tier.is-hl { border-color: transparent; background: linear-gradient(170deg, #0d2147, #0b1b33); color: #fff; box-shadow: 0 30px 60px -30px rgba(11, 27, 51, .8); }
.mxi-tier__badge { position: absolute; top: -12px; left: 26px; padding: 5px 11px; border-radius: 999px; background: linear-gradient(135deg, var(--teal-l), var(--teal)); color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; }
.mxi-tier__n { font-size: 15px; font-weight: 700; color: var(--teal-d); }
.mxi-tier.is-hl .mxi-tier__n { color: #7fe3dd; }
.mxi-tier__p { margin-top: 12px !important; }
.mxi-tier__p b { display: block; font-size: 38px; font-weight: 800; letter-spacing: -.035em; line-height: 1; color: var(--ink); }
.mxi-tier.is-hl .mxi-tier__p b { color: #fff; }
.mxi-tier__p span { display: block; margin-top: 6px; font-size: 13.5px; color: var(--muted); }
.mxi-tier.is-hl .mxi-tier__p span, .mxi-tier.is-hl .mxi-tier__s { color: rgba(255, 255, 255, .65); }
.mxi-tier__s { margin-top: 14px !important; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--text); }
.mxi-tier.is-hl .mxi-tier__s { border-color: rgba(255, 255, 255, .12); }
.mxi-tier ul { list-style: none; display: grid; gap: 10px; margin: 18px 0 24px !important; }
.mxi-tier li { display: flex; gap: 10px; font-size: 14.5px; line-height: 1.45; color: var(--text); }
.mxi-tier.is-hl li { color: rgba(255, 255, 255, .88); }
.mxi-tier li .mxh-i { flex: none; color: var(--teal); margin-top: 2px; }
.mxi-tier.is-hl li .mxh-i { color: #7fe3dd; }
.mxi-tier .mxh-btn { margin-top: auto; }

/* launch */
.mxi-weeks { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; position: relative; }
.mxi-weeks li { position: relative; padding: 22px 20px; border-radius: 18px; border: 1px solid var(--line); background: #fff; }
.mxi-weeks li span { display: inline-block; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--teal-d); background: var(--teal-bg); padding: 4px 9px; border-radius: 6px; }
.mxi-weeks li:last-child { background: var(--ink); border-color: var(--ink); }
.mxi-weeks li:last-child span { background: rgba(59, 198, 194, .16); color: #7fe3dd; }
.mxi-weeks li:last-child h3 { color: #fff; }
.mxi-weeks li:last-child p { color: rgba(255, 255, 255, .7); }
.mxi-weeks h3 { margin-top: 12px !important; font-size: 17px; font-weight: 750; color: var(--ink); }
.mxi-weeks p { margin-top: 6px !important; font-size: 14.5px; line-height: 1.55; color: var(--muted); }
.mxi-int { margin-top: 28px; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: #fff; }
.mxi-int__r { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 16px; padding: 14px 20px; border-top: 1px solid var(--line); }
.mxi-int__r:first-child { border-top: 0; }
.mxi-int__r b { font-size: 14px; color: var(--ink); }
.mxi-int__r span { display: flex; flex-wrap: wrap; gap: 6px; }
.mxi-int__r i { font-style: normal; font-size: 13px; font-weight: 600; color: var(--text); background: var(--bg); border: 1px solid var(--line); padding: 4px 10px; border-radius: 8px; }

/* governance strip */
.mxi-gov { background: var(--navy); color: #fff; padding: 22px 0; }
.mxi-gov__in { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.mxi-gov__in > p { font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #7fe3dd; }
.mxi-gov ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.mxi-gov li { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .85); }
.mxi-gov .mxh-i { color: #7fe3dd; }

/* contact */
.mxi-contact { padding-top: 0; }
.mxi-paths { list-style: none; display: grid; gap: 10px; }
.mxi-paths a { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); color: #fff !important; transition: background .15s, border-color .15s, transform .15s; }
.mxi-paths a:hover { background: rgba(255, 255, 255, .1); border-color: rgba(127, 227, 221, .5); transform: translateY(-1px); }
.mxi-paths a > .mxh-i { margin-left: auto; color: #7fe3dd; font-size: 18px; }
.mxi-paths__i { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(59, 198, 194, .18); color: #7fe3dd; font-size: 18px; }
.mxi-paths b { display: block; font-size: 15.5px; }
.mxi-paths small { display: block; margin-top: 2px; font-size: 13.5px; color: rgba(255, 255, 255, .65); line-height: 1.45; }

/* responsive */
@media (max-width: 1024px) {
  .mxi-who__grid, .mxi-gets__grid { grid-template-columns: repeat(2, 1fr); }
  .mxi-weeks { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .mxi-tiers { grid-template-columns: 1fr; max-width: 520px; }
  .mxi-tier.is-hl { order: -1; }
}
@media (max-width: 640px) {
  .mxi-who__grid, .mxi-gets__grid, .mxi-weeks { grid-template-columns: 1fr; }
  .mxi-dash { padding: 16px; }
  .mxi-dash__kpis b { font-size: 20px; }
  .mxi-dash .mxw-heat__r { grid-template-columns: 112px 1fr 36px; gap: 8px; font-size: 12.5px; }
  .mxi-int__r { grid-template-columns: 1fr; gap: 8px; }
  .mxi-gov__in { justify-content: flex-start; }
}