/* Pricing template only; use the existing local font and shared layout tokens. */
@font-face{font-family:"Momenmu Jakarta";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/jakarta-400-700.woff2") format("woff2")}
.mm-pricing{font-family:"Momenmu Jakarta",sans-serif}
/* The saved Elementor page background can outrank the shared body class.
   Scope these opaque surfaces to this template without changing Elementor data. */
html body.mm-landing.mm-pricing{background:#fff}
.mm-pricing #main-content,.mm-pricing #faq-harga{background:#fff}

.mm-pricing .mm-pricing-hero{text-align:center;background:#f7f9fc;padding:80px 0 48px}
.mm-pricing .mm-pricing-pill{display:inline-block;padding:5px 12px;border-radius:999px;background:#eaf2ff;color:var(--mm-blue);font-size:.75rem;font-weight:600;letter-spacing:.04em;line-height:1.5;margin:0 0 22px}
.mm-pricing h1{font-size:clamp(2rem,4.3vw,3.25rem);font-weight:700;line-height:1.18;letter-spacing:-.045em;margin:0 0 20px;color:var(--mm-ink)}
.mm-pricing .mm-pricing-intro{max-width:640px;margin:0 auto 28px;font-size:1rem;line-height:1.75;color:var(--mm-muted)}
.mm-pricing .mm-pricing-hero .mm-btn{min-height:48px;gap:12px;padding-inline:24px}
.mm-pricing-packages{padding:0 0 72px;background:#f7f9fc;scroll-margin-top:24px}
.mm-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.mm-pricing .mm-plan{min-width:0;display:flex;flex-direction:column;padding:32px;border:1px solid var(--mm-line);border-radius:20px;background:#fff;color:var(--mm-ink)}
.mm-pricing .mm-plan-heading{min-height:116px}
.mm-pricing .mm-plan h2{font-size:1.75rem;font-weight:700;line-height:1.3;letter-spacing:-.035em;margin:0 0 12px;color:inherit}
.mm-plan-heading p{font-size:.875rem;line-height:1.7;color:var(--mm-muted);margin:0}
.mm-pricing .mm-plan-price{font-size:clamp(2rem,3.1vw,2.75rem);font-weight:700;letter-spacing:-.045em;line-height:1.25;margin:24px 0 28px;white-space:nowrap}
.mm-plan-features{display:grid;gap:0;padding:16px 0 0;margin:0;list-style:none;border-top:1px solid var(--mm-line);font-size:.875rem;line-height:1.55}
.mm-plan-features li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding-block:8px}
.mm-plan-status{display:flex;flex:0 0 26px;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#4f9b0b;color:#fff}
.mm-plan-status svg{display:block;stroke-width:2.8}
.mm-plan-status.is-excluded{color:#fff;background:#d01820}
.mm-pricing .mm-plan-duration{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-height:62px;border-top:1px solid var(--mm-line);padding-top:18px;margin:12px 0 28px;font-size:.875rem}
.mm-plan-duration strong{font-weight:700}
.mm-pricing .mm-plan-order{width:100%;min-height:48px;gap:12px;padding:13px 16px;margin-top:auto}
.mm-plan-order svg{flex-shrink:0}
.mm-pricing .mm-plan-featured{background:#12233f;border-color:#12233f;color:#fff}
.mm-plan-featured .mm-plan-heading p{color:#e1e9f4}
.mm-plan-featured .mm-plan-features,.mm-plan-featured .mm-plan-duration{border-color:#3b4e69}
.mm-plan-featured :focus-visible{outline-color:#fff}
.mm-pricing-notes{margin-top:24px;text-align:center;font-size:.8125rem;line-height:1.7;color:var(--mm-muted)}
.mm-pricing-notes p{margin:0 0 4px}
.mm-pricing .mm-faq summary{font-weight:600}
@media(min-width:1024px) and (max-width:1279px){.mm-pricing .mm-plan{padding:24px}.mm-plan-features{font-size:.8125rem}}
@media(max-width:1023px){.mm-pricing-grid{grid-template-columns:1fr}.mm-pricing .mm-plan-heading{min-height:0}.mm-plan-features li{min-height:48px}.mm-pricing .mm-plan-price{margin-top:24px}}
@media(max-width:640px){.mm-pricing .mm-pricing-hero{padding:48px 0 32px}.mm-pricing .mm-pricing-intro{font-size:.9375rem}.mm-pricing-packages{padding-bottom:46px}.mm-pricing-grid{gap:20px}.mm-pricing .mm-plan{padding:24px}.mm-pricing .mm-plan-price{font-size:2.125rem}.mm-plan-heading p{font-size:.875rem}.mm-pricing .mm-plan-duration{margin-bottom:24px}.mm-pricing-notes{text-align:left}}
