/* ===== Bootstrap (global) ===== */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');

/* ===== Global font imports ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* ===== Meridian People / Global namespace ===== */
.mp-wrap{
  --primary:#0B2341;
  --accent:#00A995;
  --bg:#ffffff;
  --soft:#F4F6F8;
  --text:#0B1220;
  --muted:rgba(11,18,32,.75);
  --on-dark:#ffffff;
  --on-dark-muted:rgba(255,255,255,.88);

  --max:1240px;
  --radius:16px;
  --shadow:0 14px 34px rgba(11,18,32,.10);
  --shadow-soft:0 8px 18px rgba(11,18,32,.08);

  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.5;
}

.mp-fullbleed{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

.mp-wrap *{box-sizing:border-box}
.mp-wrap a{color:inherit;text-decoration:none}
.mp-wrap img{max-width:100%;height:auto;display:block}
.mp-wrap ul{list-style:none;margin:0;padding:0}
.mp-wrap h1,.mp-wrap h2,.mp-wrap h3,.mp-wrap h4,.mp-wrap p{margin:0}
.mp-wrap button,.mp-wrap input,.mp-wrap textarea{font-family:inherit}

.mp-container{max-width:var(--max);margin:0 auto;padding:0 22px}
.mp-section{padding:72px 0}
.mp-soft{background:var(--soft)}
.mp-primary{background:var(--primary);color:var(--on-dark)}
.mp-hero-gradient{background:linear-gradient(135deg, #0B2341 0%, #16365c 100%)}
.mp-center{text-align:center}

.mp-ico{
  width:22px;height:22px;display:inline-block;flex:0 0 auto;
  fill:currentColor;
}
.mp-ico-lg{width:28px;height:28px}
.mp-ico-xl{width:54px;height:54px}

.mp-header{
  position:sticky;top:0;z-index:9999;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid rgba(11,18,32,.10);
  box-shadow:0 10px 26px rgba(11,18,32,.06);
}
.mp-header-inner{
  height:90px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}

.mp-brand{display:flex;align-items:center;gap:14px;min-width:260px}
.mp-logo{
  height:58px;
  width:auto;
  object-fit:contain;
}
.mp-brand-text{display:flex;flex-direction:column;gap:2px}
.mp-brand-title{
  color:var(--primary);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:16px;
  line-height:1.05;
}
.mp-brand-sub{
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(11,18,32,.62);
}

.mp-nav{display:flex;align-items:center;gap:34px}
.mp-nav a{
  font-size:13px;font-weight:800;color:var(--primary);
  padding:10px 10px;border-radius:12px;
  transition:.18s;
}
.mp-nav a:hover{color:var(--accent);background:rgba(0,169,149,.10)}

.mp-actions{display:flex;align-items:center;gap:10px}
.mp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:14px;
  font-weight:900;font-size:13px;letter-spacing:.02em;
  border:1px solid transparent;
  cursor:pointer;transition:.18s;white-space:nowrap;
}
.mp-btn-accent{
  background:var(--accent);color:#fff;
  box-shadow:0 14px 30px rgba(0,169,149,.22);
}
.mp-btn-accent:hover{filter:brightness(1.05);transform:translateY(-1px)}
.mp-btn-ghost{
  background:transparent;border-color:rgba(11,35,65,.22);
  color:var(--primary);
}
.mp-btn-ghost:hover{border-color:rgba(0,169,149,.55);color:var(--accent)}

.mp-menu-toggle{display:none}
.mp-burger{
  display:none;
  border:0;background:transparent;color:var(--primary);
  padding:10px;border-radius:12px;cursor:pointer;
}
.mp-burger:hover{background:rgba(11,18,32,.05)}

.mp-mobile{
  display:none;background:#fff;
  border-top:1px solid rgba(11,18,32,.10);
}
.mp-mobile a{
  display:block;padding:14px 22px;
  font-weight:900;color:var(--primary);
}
.mp-mobile a:hover{background:rgba(0,169,149,.08);color:var(--accent)}
.mp-menu-toggle:checked ~ .mp-mobile{display:block}

.mp-hero-pad{padding:90px 0 96px}
.mp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}

.mp-pill{
  display:inline-block;
  padding:7px 12px;border-radius:999px;
  font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  background:rgba(0,169,149,.22);
  color:#CFFFF8;
  border:1px solid rgba(207,255,248,.35);
}
.mp-hero-title{
  margin-top:16px;
  font-size:54px;line-height:1.02;
  font-weight:900;color:var(--on-dark);
  letter-spacing:-.02em;
}
.mp-hero-sub{
  margin-top:16px;
  font-size:18px;font-weight:600;
  color:var(--on-dark-muted);
  max-width:580px;
}
.mp-hero-cta{
  margin-top:20px;
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 18px;border-radius:16px;
  background:var(--accent);color:#fff;font-weight:900;
  transition:.2s;
}
.mp-hero-cta:hover{gap:18px;filter:brightness(1.05)}
.mp-panel{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;padding:22px;
  box-shadow:0 18px 46px rgba(0,0,0,.12);
}
.mp-panel h3{font-size:16px;font-weight:900;color:#fff;margin-bottom:12px}
.mp-check{display:flex;gap:12px;align-items:flex-start;margin:12px 0}
.mp-check .mp-ico{color:#CFFFF8;margin-top:2px}
.mp-check div{color:rgba(255,255,255,.92);font-size:13px;font-weight:600;line-height:1.55}

.mp-h2{font-size:32px;font-weight:900;color:var(--primary);margin-bottom:10px}
.mp-underline{width:90px;height:6px;border-radius:999px;background:var(--accent)}

.mp-cardgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.mp-card{
  background:#fff;border-radius:18px;padding:22px;
  border:1px solid rgba(11,18,32,.10);
  box-shadow:var(--shadow-soft);
  transition:.18s;min-height:160px;
}
.mp-card:hover{border-color:rgba(0,169,149,.45);transform:translateY(-3px)}
.mp-card-ico{
  width:56px;height:56px;border-radius:14px;background:var(--soft);
  display:flex;align-items:center;justify-content:center;
  color:var(--accent);margin-bottom:14px;
  border:1px solid rgba(0,169,149,.18);
}
.mp-card h3{font-size:15px;font-weight:900;color:var(--primary);margin-bottom:6px}
.mp-card p{font-size:12px;font-weight:700;color:rgba(11,18,32,.74)}

.mp-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:0 auto}
.mp-feature{
  background:var(--soft);border-radius:18px;padding:26px;text-align:left;
  border-left:6px solid var(--accent);
}
.mp-feature.alt{border-left-color:var(--primary)}
.mp-kicker{
  font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  margin-bottom:8px;color:var(--accent)
}
.mp-kicker.primary{color:var(--primary)}
.mp-feature h3{font-size:22px;font-weight:900;color:var(--primary);margin-bottom:10px}
.mp-feature p{font-size:13px;font-weight:700;color:rgba(11,18,32,.74);line-height:1.7}

.mp-acct{position:relative;overflow:hidden}
.mp-skew{
  position:absolute;top:0;right:0;width:34%;height:100%;
  background:rgba(0,169,149,.10);
  transform:skewX(-12deg) translateX(50%);
}
.mp-acct-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:34px}
.mp-acct-top h2{font-size:32px;font-weight:900;color:#fff}
.mp-acct-top p{margin-top:10px;color:rgba(255,255,255,.92);font-weight:600}
.mp-acct-top .mp-ico{color:#CFFFF8}
.mp-acct-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mp-acct-item .mp-ico{color:#CFFFF8}
.mp-acct-item h4{margin-top:10px;margin-bottom:6px;font-size:16px;font-weight:900;color:#fff}
.mp-acct-item p{color:rgba(255,255,255,.84);font-size:12px;font-weight:600;line-height:1.65}
.mp-note{margin-top:26px;font-size:11px;color:rgba(255,255,255,.74);font-style:italic}

.mp-solutions{display:flex;flex-direction:column;gap:72px}
.mp-split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.mp-tag{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.mp-tag.primary{color:var(--primary)}
.mp-tag.accent{color:var(--accent)}
.mp-split h2{font-size:34px;font-weight:900;color:var(--primary);margin-bottom:12px}
.mp-split p{color:rgba(11,18,32,.78);font-weight:700;line-height:1.75;margin-bottom:16px}
.mp-li{display:flex;gap:12px;align-items:center;font-weight:900;color:var(--primary);font-size:14px;margin:12px 0}
.mp-badge{
  width:34px;height:34px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  background:rgba(0,169,149,.12);color:var(--accent);
  border:1px solid rgba(0,169,149,.18);
}
.mp-badge.primary{background:rgba(11,35,65,.10);color:var(--primary);border-color:rgba(11,35,65,.14)}
.mp-img{border-radius:18px;box-shadow:var(--shadow)}

.mp-qa{display:grid;grid-template-columns:1.2fr .8fr;gap:42px}
.mp-faq-title{
  font-size:24px;font-weight:900;color:var(--primary);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;
}
details.mp-faq{
  border-bottom:1px solid rgba(11,18,32,.12);
  padding:12px 0;
}
details.mp-faq summary{
  list-style:none;
  cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-weight:900;color:var(--primary);
  padding:10px 0;
}
details.mp-faq summary::-webkit-details-marker{display:none}
details.mp-faq .mp-faq-a{
  padding:0 0 14px;
  color:rgba(11,18,32,.78);
  font-weight:700;font-size:13px;line-height:1.75;
}
details.mp-faq summary .mp-ico{color:var(--accent);transition:.18s}
details.mp-faq[open] summary .mp-ico{transform:rotate(180deg)}

.mp-contact{
  background:var(--soft);
  border-radius:18px;padding:26px;
  border:1px solid rgba(11,18,32,.10);
}
.mp-contact h2{font-size:24px;font-weight:900;color:var(--primary);margin-bottom:14px}
.mp-contact-row{display:flex;gap:12px;align-items:center;margin:14px 0}
.mp-contact-ico{
  width:42px;height:42px;border-radius:999px;background:#fff;color:var(--accent);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  border:1px solid rgba(0,169,149,.18);
}
.mp-small{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(11,18,32,.62)}
.mp-big{font-weight:900;color:var(--primary);font-size:14px}
.mp-form{margin-top:10px}
.mp-form input,.mp-form textarea{
  width:100%;
  border:1px solid rgba(11,18,32,.14);
  border-radius:14px;background:#fff;
  padding:14px 14px;font-size:13px;font-weight:700;
  outline:none;transition:.15s;
}
.mp-form input:focus,.mp-form textarea:focus{
  box-shadow:0 0 0 3px rgba(0,169,149,.22);
  border-color:rgba(0,169,149,.55);
}
.mp-form textarea{resize:vertical;min-height:120px}
.mp-submit{
  width:100%;margin-top:10px;
  background:var(--primary);color:#fff;
  padding:14px;border-radius:14px;border:0;cursor:pointer;font-weight:900;
  box-shadow:0 14px 30px rgba(11,35,65,.22);
  transition:.18s;
}
.mp-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}

.mp-footer{background:var(--primary);color:#fff;padding:54px 0 26px}
.mp-foot-bottom{
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:18px;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.80);
  flex-wrap:wrap;
}
.mp-bottom-links{display:flex;gap:18px;flex-wrap:wrap}
.mp-bottom-links a:hover{color:#CFFFF8}

@media (max-width:1024px){
  .mp-cardgrid{grid-template-columns:repeat(3,1fr)}
  .mp-acct-grid{grid-template-columns:repeat(2,1fr)}
  .mp-qa{grid-template-columns:1fr}
}
@media (max-width:840px){
  .mp-hero-grid{grid-template-columns:1fr}
  .mp-panel{display:none}
  .mp-nav{display:none}
  .mp-burger{display:inline-flex}
  .mp-two{grid-template-columns:1fr}
  .mp-split{grid-template-columns:1fr}
  .mp-cardgrid{grid-template-columns:repeat(2,1fr)}
  .mp-logo{height:48px}
}
@media (max-width:480px){
  .mp-cardgrid{grid-template-columns:1fr}
  .mp-brand{min-width:auto}
  .mp-logo{height:42px}
  .mp-hero-title{font-size:42px}
}