:root{
  --price-navy:#071d37;
  --price-blue:#1769e8;
  --price-cyan:#2ac6d5;
  --price-ink:#10233f;
  --price-muted:#526980;
  --price-line:#d7e3ee;
  --price-soft:#f4f8fc;
  --price-max:1320px;
}

.mppm-pricing-page{background:#fff;color:var(--price-ink)}
.mppm-pricing-wrap{width:min(calc(100% - var(--mppm-page-gutter,48px)),var(--price-max));margin:0 auto}

.mppm-pricing-hero{
  padding:64px 0;
  background:
    radial-gradient(circle at 92% 10%,rgba(48,198,213,.18),transparent 29%),
    linear-gradient(125deg,#071d37 0%,#0a3154 58%,#0b5777 100%);
  color:#fff;
}
.mppm-pricing-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:42px;
  align-items:center;
}
.mppm-pricing-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(139,220,255,.25);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#9addff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
}
.mppm-pricing-eyebrow.is-light{
  border-color:#d6e8fb;
  background:#eef6ff;
  color:#1769e8;
}
.mppm-pricing-hero h1{
  max-width:850px;
  margin:15px 0 12px;
  color:#fff;
  font-size:clamp(43px,5vw,64px);
  line-height:1.02;
  letter-spacing:-2px;
}
.mppm-pricing-hero p{
  max-width:800px;
  margin:0;
  color:#d2e1ec;
  font-size:15px;
  line-height:1.72;
  font-weight:500;
}
.mppm-pricing-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.mppm-pricing-hero-points span{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#e2edf5;
  font-size:11px;
  font-weight:700;
}
.mppm-pricing-market-card{
  padding:22px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:#fff;
  color:var(--price-ink);
  box-shadow:0 22px 52px rgba(0,0,0,.18);
}
.mppm-pricing-market-card>span{
  display:block;
  color:#1769e8;
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
}
.mppm-pricing-market-card label{
  display:block;
  margin:8px 0 7px;
  color:#102f4e;
  font-size:13px;
  font-weight:800;
}
.mppm-pricing-market-card select{
  width:100%;
  height:50px;
  border:1px solid #cfdbe7;
  border-radius:10px;
  background:#fbfcfe;
  color:#10233f;
  font-size:14px;
  font-weight:600;
}
.mppm-pricing-market-card p{
  margin:9px 0 0;
  color:#62798e;
  font-size:11.5px;
  line-height:1.55;
}

.mppm-pricing-controls{
  border-bottom:1px solid #e3eaf1;
  background:#fff;
}
.mppm-pricing-control-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px 0;
}
.mppm-pricing-control-label,
.mppm-pricing-current span{
  display:block;
  margin-bottom:6px;
  color:#60758b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mppm-pricing-billing-toggle{
  display:inline-flex;
  gap:4px;
  padding:4px;
  border:1px solid #d4e0eb;
  border-radius:12px;
  background:#f7fafe;
}
.mppm-pricing-billing-toggle button{
  min-height:40px;
  padding:0 13px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#49627a;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.mppm-pricing-billing-toggle button span{
  margin-left:4px;
  color:#178267;
  font-size:9px;
  font-weight:850;
}
.mppm-pricing-billing-toggle button.is-active{
  background:#fff;
  color:#1769e8;
  box-shadow:0 5px 14px rgba(18,54,90,.08);
}
.mppm-pricing-current{
  text-align:right;
}
.mppm-pricing-current strong{
  color:#0b2748;
  font-size:15px;
}

.mppm-pricing-plans{
  padding:52px 0 68px;
  background:#f4f8fc;
}
.mppm-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.mppm-plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:22px;
  border:1px solid #d6e1eb;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,47,80,.05);
}
.mppm-plan-card.is-pro{
  border:2px solid #1769e8;
  box-shadow:0 18px 40px rgba(23,105,232,.12);
  transform:translateY(-6px);
}
.mppm-plan-card.is-current{
  outline:3px solid rgba(42,198,213,.14);
}
.mppm-plan-recommended{
  position:absolute;
  top:-14px;
  left:22px;
  padding:6px 9px;
  border-radius:999px;
  background:#1769e8;
  color:#fff;
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
}
.mppm-plan-card-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  min-height:145px;
}
.mppm-plan-kicker{
  display:block;
  color:#1769e8;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.045em;
}
.mppm-plan-card h2{
  margin:6px 0 7px;
  color:#081f3a;
  font-size:29px;
  line-height:1.08;
  letter-spacing:-.7px;
}
.mppm-plan-card-top p{
  margin:0;
  color:#526a82;
  font-size:12.5px;
  line-height:1.62;
  font-weight:500;
}
.mppm-current-pill{
  flex:none;
  height:max-content;
  padding:5px 8px;
  border-radius:999px;
  background:#e7f7f3;
  color:#15715c;
  font-size:9px;
  font-weight:850;
}
.mppm-plan-price{
  min-height:82px;
  margin-top:16px;
  padding:15px 0;
  border-top:1px solid #e4eaf0;
  border-bottom:1px solid #e4eaf0;
}
.mppm-plan-price>div{
  display:flex;
  align-items:baseline;
  gap:5px;
}
.mppm-plan-price strong{
  color:#071d37;
  font-size:32px;
  line-height:1;
  letter-spacing:-.8px;
}
.mppm-plan-price span{
  color:#60778d;
  font-size:12px;
  font-weight:700;
}
.mppm-plan-price small{
  display:block;
  margin-top:7px;
  color:#6d8195;
  font-size:10.5px;
  line-height:1.4;
  font-weight:600;
}
.mppm-plan-price.is-free-price{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.mppm-plan-price.is-free-price strong{
  font-size:31px;
}
.mppm-plan-features{
  display:grid;
  gap:10px;
  margin:18px 0 20px;
  padding:0;
  list-style:none;
}
.mppm-plan-features li{
  position:relative;
  padding-left:23px;
  color:#294964;
  font-size:12.5px;
  line-height:1.5;
  font-weight:600;
}
.mppm-plan-features li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#16a37d;
  font-weight:900;
}
.mppm-business-seat-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  margin-bottom:15px;
  padding:11px;
  border:1px solid #e0e8f0;
  border-radius:11px;
  background:#f7fafe;
}
.mppm-business-seat-note b{
  flex:none;
  width:33px;
  height:33px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#082b4d;
  color:#fff;
  font-size:13px;
}
.mppm-business-seat-note span{
  color:#526a82;
  font-size:10.5px;
  line-height:1.4;
  font-weight:650;
}
.mppm-plan-card-action{
  margin-top:auto;
}
.mppm-plan-button{
  width:100%;
  min-height:46px;
  padding:0 14px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
button.mppm-plan-button{border:0}
.mppm-plan-button.is-primary{
  background:#1769e8;
  color:#fff;
  box-shadow:0 10px 22px rgba(23,105,232,.18);
}
.mppm-plan-button.is-primary:hover{
  background:#0f60d7;
  transform:translateY(-1px);
}
.mppm-plan-button.is-secondary{
  border:1px solid #cbd9e6;
  background:#fff;
  color:#173653;
}
.mppm-plan-button.is-secondary:hover{
  border-color:#94b7da;
  background:#f8fbff;
}
.mppm-plan-button.is-current-button,
.mppm-plan-button.is-included{
  border:1px solid #cfe7df;
  background:#f0faf6;
  color:#176b56;
  cursor:default;
}
.mppm-plan-card-action>small{
  display:block;
  margin-top:8px;
  color:#70849a;
  font-size:10px;
  line-height:1.45;
  text-align:center;
}

.mppm-pricing-pro-value{
  padding:68px 0;
  background:#fff;
}
.mppm-pricing-section-head{
  max-width:860px;
  margin:0 auto 28px;
  text-align:center;
}
.mppm-pricing-section-head h2{
  margin:12px 0 8px;
  color:#071d37;
  font-size:38px;
  line-height:1.08;
  letter-spacing:-1.2px;
}
.mppm-pricing-section-head p{
  margin:0 auto;
  max-width:800px;
  color:#526980;
  font-size:14px;
  line-height:1.68;
}
.mppm-pro-value-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.mppm-pro-value-grid article{
  min-height:190px;
  padding:19px;
  border:1px solid #d9e3ed;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,47,80,.04);
}
.mppm-pro-value-grid article>span{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#eef5ff;
  color:#1769e8;
  font-size:9px;
  font-weight:900;
}
.mppm-pro-value-grid h3{
  margin:13px 0 6px;
  color:#0b2748;
  font-size:17px;
}
.mppm-pro-value-grid p{
  margin:0;
  color:#526980;
  font-size:12.5px;
  line-height:1.62;
}

.mppm-pricing-business-value{
  padding:20px 0 68px;
  background:#fff;
}
.mppm-business-value-card{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:28px;
  align-items:center;
  padding:32px;
  border-radius:22px;
  background:linear-gradient(125deg,#071d37,#0b456e);
  color:#fff;
}
.mppm-business-value-card h2{
  max-width:760px;
  margin:12px 0 8px;
  color:#fff;
  font-size:34px;
  line-height:1.1;
  letter-spacing:-1px;
}
.mppm-business-value-card p{
  max-width:800px;
  margin:0;
  color:#d2e1eb;
  font-size:13px;
  line-height:1.65;
}
.mppm-business-value-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.mppm-business-value-points span{
  min-height:52px;
  padding:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(255,255,255,.06);
  color:#e9f2f7;
  font-size:11.5px;
  line-height:1.4;
  font-weight:700;
  display:flex;
  align-items:center;
}

.mppm-pricing-services-note{
  padding:0 0 70px;
  background:#fff;
}
.mppm-pricing-services-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:25px;
  border:1px solid #d8e3ed;
  border-radius:18px;
  background:linear-gradient(135deg,#f7fbff,#eef5fb);
}
.mppm-pricing-services-card>div>span{
  color:#1769e8;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.04em;
}
.mppm-pricing-services-card h2{
  margin:8px 0 6px;
  color:#071d37;
  font-size:26px;
}
.mppm-pricing-services-card p{
  max-width:850px;
  margin:0;
  color:#526980;
  font-size:12.5px;
  line-height:1.6;
}
.mppm-pricing-services-card>a{
  min-height:44px;
  padding:0 15px;
  border-radius:10px;
  background:#1769e8;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}

.mppm-pricing-modal[hidden]{display:none!important}
.mppm-pricing-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:20px;
}
.mppm-pricing-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(6,24,43,.62);
  backdrop-filter:blur(4px);
}
.mppm-pricing-modal-card{
  position:relative;
  z-index:1;
  width:min(620px,100%);
  padding:25px;
  border-radius:19px;
  background:#fff;
  box-shadow:0 26px 80px rgba(0,0,0,.28);
}
.mppm-pricing-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef4fa;
  color:#173653;
  cursor:pointer;
  line-height:0;
}
.mppm-pricing-modal-close svg{
  width:18px;
  height:18px;
  display:block;
}
.mppm-pricing-modal-close path{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}
.mppm-pricing-modal-close:hover{
  background:#e3edf7;
}
.mppm-pricing-modal-card h2{
  margin:13px 42px 7px 0;
  color:#071d37;
  font-size:27px;
}
.mppm-pricing-modal-card>p{
  color:#526980;
  font-size:13px;
  line-height:1.6;
}
.mppm-pricing-modal-billing{
  margin:16px 0 4px;
}
.mppm-pricing-modal-billing>span{
  display:block;
  margin-bottom:7px;
  color:#6a7f94;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mppm-pricing-modal-billing-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:4px;
  border:1px solid #d7e3ee;
  border-radius:12px;
  background:#f5f9fd;
}
.mppm-pricing-modal-billing-options button{
  min-height:42px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#49627a;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.mppm-pricing-modal-billing-options button.is-active{
  background:#fff;
  color:#1769e8;
  box-shadow:0 5px 14px rgba(18,54,90,.08);
}
.mppm-pricing-modal-billing-options small{
  margin-left:4px;
  color:#178267;
  font-size:9px;
  font-weight:850;
}
.mppm-pricing-modal-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:18px 0;
}
.mppm-pricing-modal-summary>div{
  padding:11px;
  border:1px solid #dfe7ef;
  border-radius:10px;
  background:#f8fbfe;
}
.mppm-pricing-modal-summary span,
.mppm-pricing-modal-summary strong{
  display:block;
}
.mppm-pricing-modal-summary span{
  color:#6a7f94;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
}
.mppm-pricing-modal-summary strong{
  margin-top:3px;
  color:#0b2748;
  font-size:14px;
}
.mppm-pricing-modal-next{
  padding:11px;
  border-radius:10px;
  background:#eef5ff;
  color:#34546f!important;
  font-size:11.5px!important;
}

@media(max-width:1050px){
  .mppm-pricing-grid{grid-template-columns:1fr 1fr}
  .mppm-plan-card.is-business{grid-column:1/-1}
  .mppm-plan-card.is-pro{transform:none}
}
@media(max-width:850px){
  .mppm-pricing-hero-grid,
  .mppm-business-value-card{grid-template-columns:1fr}
}
@media(max-width:760px){
  .mppm-pricing-wrap{width:min(calc(100% - var(--mppm-page-gutter-mobile,24px)),var(--price-max))}
  .mppm-pricing-hero{padding:48px 0}
  .mppm-pricing-hero h1{font-size:42px}
  .mppm-pricing-control-row{align-items:flex-start;flex-direction:column}
  .mppm-pricing-current{text-align:left}
  .mppm-pricing-grid{grid-template-columns:1fr}
  .mppm-plan-card.is-business{grid-column:auto}
  .mppm-plan-card-top{min-height:auto}
  .mppm-pro-value-grid{grid-template-columns:1fr 1fr}
  .mppm-pricing-services-card{grid-template-columns:1fr}
  .mppm-pricing-services-card>a{width:100%}
}
@media(max-width:520px){
  .mppm-pricing-hero h1{font-size:36px;letter-spacing:-1.1px}
  .mppm-pricing-billing-toggle{width:100%}
  .mppm-pricing-billing-toggle button{flex:1;padding:0 8px}
  .mppm-pro-value-grid{grid-template-columns:1fr}
  .mppm-business-value-points{grid-template-columns:1fr}
  .mppm-pricing-modal-summary{grid-template-columns:1fr}
}