:root {
    --m-g: #02786d;
    --m-g2: #1be296;
    --m-gd: #005e55;
    --m-gs: #e0f9f5;
    --m-gl: rgba(2,120,109,0.18);
    --m-k: #212529;
    --m-k2: #495057;
    --m-km: #6c757c;
    --m-kf: #9ca1ab;
    --m-w: #FFFFFF;
    --m-c: #f9fafb;
    --m-c2: #eef0f2;
    --m-l: #e3e5e8;
    --m-ls: #eef0f2;
    --m-amber: #c87800;
    --m-amberS: #fff8e6;
    --m-ff: 'Mulish', sans-serif;
    --m-fi: 'Lato', sans-serif;
    --m-fm: 'Space Mono', monospace;
  }
.m-pricing button { font-family: inherit; box-sizing: border-box; cursor: pointer; }
.m-pricing a { font-family: inherit; color: inherit; text-decoration: none; }
.m-pricing { font-family: var(--m-fi); color: var(--m-k); background: var(--m-w); line-height: 1.5; }
.m-pricing * { box-sizing: border-box; }
.m-pricing h1, .m-pricing h2, .m-pricing h3, .m-pricing h4 { margin: 0; }
.m-pricing p { margin: 0; }
.m-w { max-width: 1280px !important; margin: 0 auto !important; padding: 0 80px !important; }
.m-w--narrow { max-width: 960px !important; }
.m-hero { text-align: center; padding: 64px 0 24px !important; max-width: 620px !important; margin: 0 auto !important; }
.m-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: var(--m-g); margin-bottom: 14px !important; }
.m-h1 { font-family: var(--m-ff); font-size: 48px; font-weight: 900; line-height: 1.05; letter-spacing: -0.02em; margin-bottom: 16px !important; color: var(--m-k); }
.m-h1 em { font-style: italic; color: var(--m-g); font-weight: 900; }
.m-lead { font-size: 16px; color: var(--m-km); line-height: 1.65; margin-bottom: 16px !important; }
.m-lead--dark { font-size: 14px; color: var(--m-k2); margin-bottom: 6px; }
.m-lead--dark strong { font-weight: 600; }
.m-banner { display: flex; align-items: center; justify-content: center; gap: 32px; padding: 20px 28px; background: var(--m-gs); border: 1px solid var(--m-gl); border-radius: 12px; margin-bottom: 32px; flex-wrap: wrap; }
.m-banner__text { font-size: 14px; color: var(--m-k2); line-height: 1.5; }
.m-banner__text strong { color: var(--m-gd); font-weight: 700; }
.m-banner__link { font-size: 13px; font-weight: 600; color: var(--m-gd); cursor: pointer; white-space: nowrap; }
.m-billing { display: flex; justify-content: center; margin-bottom: 24px; }
.m-billing__inner { display: flex; background: var(--m-c2); border: 1px solid var(--m-l); border-radius: 8px; overflow: hidden; }
.m-billing button {
	padding: 9px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: none;
    cursor: pointer !important;
    background: transparent !important;
    color: var(--m-km) !important;
    transition: all .15s;
}
.m-billing button[aria-pressed="true"] { background: var(--m-g) !important; color: #fff !important; }
.m-tiers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-bottom: 32px; }
.m-tier { border: 1px solid var(--m-l); border-radius: 14px; background: var(--m-w); position: relative; display: flex; flex-direction: column; }
.m-tier--feat { border: 2px solid var(--m-g); box-shadow: 0 12px 40px -12px rgba(2,120,109,0.18); }
.m-tier__feat-badge { background: var(--m-g); color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; text-align: center; padding: 5px 0; border-radius: 12px 12px 0 0; }
.m-tier__head { padding: 22px 18px 14px; }
.m-tier__name { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.m-tier__who { font-size: 13px; color: var(--m-km); line-height: 1.5; margin-bottom: 14px; min-height: 40px; }
.m-tier__price-row { display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }
.m-tier__from { font-size: 12px; color: var(--m-km); }
.m-tier__price { font-family: var(--m-ff); font-size: 32px; font-weight: 900; color: var(--m-k); }
.m-tier__unit { font-size: 13px; color: var(--m-km); }
.m-tier__annote { font-size: 11px; color: var(--m-kf); margin-bottom: 14px; min-height: 14px; }
.m-tier__cta { padding: 10px 0; background: var(--m-k); color: #fff !important; text-align: center; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 8px; display: block; }
.m-tier--feat .m-tier__cta { background: var(--m-g); }
.m-tier__list { padding: 0 18px 18px; border-top: 1px solid var(--m-ls); flex: 1; }
.m-tier__list-inner { padding-top: 14px; }
.m-tier__feature { display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; font-size: 12.5px; color: var(--m-k2); }
.m-tier__feature::before { content: "✓"; color: var(--m-g); font-size: 12px; margin-top: 1px; }
.m-calc { border: 1px solid var(--m-l); border-radius: 14px; padding: 26px; margin-bottom: 32px; background: var(--m-c2); }
.m-calc__title { font-family: var(--m-ff); font-size: 20px; font-weight: 500; margin-bottom: 4px; }
.m-calc__subtitle { font-size: 13px; color: var(--m-km); margin-bottom: 18px; }
.m-calc__row { display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap; }
.m-calc__group { flex: 1 1 220px; }
.m-calc__group--out { flex: 1 1 220px; text-align: right; }
.m-calc__label { font-size: 12.5px; color: var(--m-km); margin-bottom: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; }
.m-calc__plans { display: flex; gap: 8px; }
.m-calc__plan { padding: 8px 22px; border-radius: 8px; border: 1.5px solid var(--m-l); background: #fff; color: var(--m-km); font-size: 13px; font-weight: 600; cursor: pointer; text-transform: capitalize; }
.m-calc__plans button.m-calc__plan { background: transparent !important; }
.m-calc__plans .m-calc__plan[aria-pressed="true"] { border-color: var(--m-g); background: var(--m-gs) !important; color: var(--m-gd); }
.m-calc__users-wrap { display: flex; align-items: baseline; gap: 6px; }
.m-calc__users-num { color: var(--m-k); }
.m-calc__users-suffix { color: var(--m-kf); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 12px; }
.m-calc__slider { width: 100%; height: 4px; -webkit-appearance: none; appearance: none; background: var(--m-l); border-radius: 99px; outline: none; }
.m-calc__slider::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--m-g); cursor: pointer; box-shadow: 0 2px 8px rgba(2,120,109,0.4); }
.m-calc__slider::-moz-range-thumb { width: 18px; height: 18px; border: none; border-radius: 50%; background: var(--m-g); cursor: pointer; }
.m-calc__range-edges { display: flex; justify-content: space-between; font-size: 11px; color: var(--m-kf); margin-top: 6px; }
.m-calc__bill-mode { font-size: 12.5px; color: var(--m-km); margin-bottom: 4px; }
.m-calc__total { font-family: var(--m-ff); font-size: 36px; font-weight: 500; color: var(--m-k); letter-spacing: -0.02em; }
.m-calc__total-unit { font-size: 14px; color: var(--m-km); font-weight: 400; }
.m-calc__breakdown { font-size: 12px; color: var(--m-km); margin-top: 4px; }
.m-calc__save { font-size: 11px; color: var(--m-g); margin-top: 6px; font-weight: 600; }
.m-notes { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; padding-bottom: 40px; font-size: 13px; color: var(--m-km); line-height: 1.6; }
.m-note { display: flex; gap: 8px; }
.m-note::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--m-g); margin-top: 7px; flex-shrink: 0; }
.m-note strong { color: var(--m-k); font-weight: 600; }
.m-compare { margin-bottom: 32px; }
.m-compare__toggle-wrap { text-align: center; }
.m-compare__toggle { display: inline-flex; align-items: center; gap: 9px; padding: 11px 24px; border: 1.5px solid var(--m-l); border-radius: 99px; background: var(--m-w); font-size: 13.5px; font-weight: 600; color: var(--m-km); cursor: pointer; }
.m-compare__toggle[aria-expanded="true"] { border-color: var(--m-k); background: var(--m-c); color: var(--m-k); }
.m-compare__toggle .arrow { font-size: 10px; transition: transform .25s; }
.m-compare__toggle[aria-expanded="true"] .arrow { transform: rotate(180deg); }
.m-compare__panel { border: 1px solid var(--m-l); border-radius: 14px; overflow: hidden; margin-top: 24px; }
.m-compare__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; font-size: 13px; }
.m-compare__cell { padding: 10px 16px; border-bottom: 1px solid var(--m-ls); }
.m-compare__head { background: var(--m-c); font-weight: 700; border-bottom: 2px solid var(--m-l); }
.m-compare__head--col { text-align: center; border-left: 1px solid var(--m-l); }
.m-compare__head--col.is-pro { color: var(--m-g); }
.m-compare__sec { grid-column: 1 / -1; padding: 18px 16px 10px; font-family: var(--m-ff); font-size: 15px; font-weight: 500; color: var(--m-k); border-bottom: 2px solid var(--m-g); }
.m-compare__sec--same { font-family: var(--m-fi); font-size: 11px; font-weight: 700; color: var(--m-gd); background: var(--m-gs); }
.m-compare__row-label { color: var(--m-k2); font-weight: 500; }
.m-compare__row-cell { text-align: center; border-left: 1px solid var(--m-ls); color: var(--m-k2); font-weight: 500; }
.m-compare__row-cell.is-empty { color: var(--m-kf); }
.m-compare__row-cell.is-check { color: var(--m-g); font-weight: 700; }
.m-compare__row-label.is-same, .m-compare__row-cell.is-same { background: rgba(14,124,98,0.03); color: var(--m-gd); font-weight: 700; }
.m-services { padding: 56px 0; border-top: 1px solid var(--m-ls); border-bottom: 1px solid var(--m-ls); background: var(--m-c); }
.m-services__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.m-services__title { font-family: var(--m-ff); font-size: 28px; font-weight: 900; line-height: 1.15; margin-bottom: 14px; letter-spacing: -0.01em; }
.m-services__title em { font-style: italic; color: var(--m-g); font-weight: 900; }
.m-services__body { font-size: 15px; color: var(--m-k2); line-height: 1.7; margin-bottom: 18px; }
.m-services__price-row { display: flex; align-items: baseline; gap: 8px; margin-bottom: 20px; }
.m-services__price { font-family: var(--m-ff); font-size: 28px; font-weight: 900; color: var(--m-k); }
.m-services__price-unit { font-size: 13px; color: var(--m-km); }
.m-services__items { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.m-services__item { padding: 16px 14px; background: var(--m-w); border: 1px solid var(--m-l); border-radius: 10px; }
.m-services__item-h { font-size: 13px; font-weight: 700; color: var(--m-k); margin-bottom: 4px; }
.m-services__item-d { font-size: 12px; color: var(--m-km); line-height: 1.5; }
.m-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 24px; border-radius: 8px; font-size: 16px; line-height: 1.1; font-weight: 600; border: none; cursor: pointer; transition: all .15s ease; letter-spacing: -0.005em; }
.m-btn--green { background: var(--m-g); color: #fff; }
.m-btn--primary { background: var(--m-g2); color: var(--m-k); }
.m-btn--ghost { background: transparent; color: var(--m-k); border: 1.5px solid #ced4da; }
.m-agency { padding: 24px 28px; background: var(--m-c); border: 1px solid var(--m-l); border-radius: 12px; margin-bottom: 48px; }
.m-agency__h { font-family: var(--m-ff); font-size: 18px; font-weight: 900; margin-bottom: 8px; }
.m-agency__p { font-size: 14px; color: var(--m-k2); line-height: 1.7; }
.m-faq { padding: 48px 0 56px; }
.m-faq__title { font-family: var(--m-ff); font-size: 26px; font-weight: 900; text-align: center; margin-bottom: 36px; }
.m-faq__list { max-width: 680px; margin: 0 auto; }
.m-faq__item { border-bottom: 1px solid var(--m-ls); padding: 15px 0; }
.m-faq__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; cursor: pointer; user-select: none; background: none; border: 0; width: 100%; padding: 0; text-align: left; }
.m-faq__q { font-size: 14px; font-weight: 600; color: var(--m-k); line-height: 1.4; flex: 1; }
.m-faq__icon { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--m-l); background: transparent; color: var(--m-kf); display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; transition: all .2s; }
.m-faq__item[aria-expanded="true"] .m-faq__icon { border-color: var(--m-g); background: var(--m-g); color: #fff; }
.m-faq__item[aria-expanded="true"] .m-faq__icon::before { content: "−"; }
.m-faq__item[aria-expanded="false"] .m-faq__icon::before { content: "+"; }
.m-faq__a { display: none; font-size: 13.5px; color: var(--m-km); line-height: 1.7; margin-top: 10px; padding-right: 32px; }
.m-faq__item[aria-expanded="true"] .m-faq__a { display: block; }
.m-trust { display: flex; justify-content: center; align-items: center; gap: 28px; flex-wrap: wrap; padding: 20px 0; border-top: 1px solid var(--m-ls); border-bottom: 1px solid var(--m-ls); }
.m-trust__item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--m-km); }
.m-trust__item::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--m-g); }
.m-cta { background: var(--m-ls); padding: 88px 32px; position: relative; overflow: hidden; }
.m-cta::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 50% 60% at 50% 0%, rgba(27,226,150,0.12), transparent 70%); pointer-events: none; }
.m-cta__inner { text-align: center; position: relative; }
.m-cta__h { font-family: var(--m-ff); font-size: 36px; font-weight: 900; color: var(--m-k); margin-bottom: 16px; letter-spacing: -0.02em; }
.m-cta__h em { font-style: italic; color: var(--m-g); }
.m-cta__p { font-size: 15px; color: var(--m-km); margin: 0 auto 28px; max-width: 460px; line-height: 1.65; }
.m-cta__btns { display: inline-flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.m-cta__btn--inverse { background: #fff; color: var(--m-k); }
.m-pricing button, .m-pricing a.m-btn {
  background-image: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  min-height: 0 !important;
  line-height: 1.1 !important;
}
.m-pricing .m-tier__cta {
  background: var(--m-k) !important; color: #fff !important;
  border: 0 !important; border-radius: 8px !important;
  padding: 10px 0 !important; font-size: 13px !important; font-weight: 600 !important;
  width: 100% !important;
}
.m-pricing .m-tier--feat .m-tier__cta { background: var(--m-g) !important; }
.m-pricing .m-billing__inner button {
  background: transparent !important; color: var(--m-km) !important;
  border: 0 !important; border-radius: 0 !important;
  padding: 9px 20px !important; font-size: 13px !important; font-weight: 600 !important;
}
.m-pricing .m-billing__inner button[aria-pressed="true"] { background: var(--m-g) !important; color: #fff !important; }
.m-pricing .m-banner__link {
  background: transparent !important; color: var(--m-gd) !important;
  border: 0 !important; padding: 0 !important; border-radius: 0 !important;
  font-size: 13px !important; font-weight: 600 !important;
}
.m-pricing .m-calc__plan {
  background: #fff !important; color: var(--m-km) !important;
  border: 1.5px solid var(--m-l) !important; border-radius: 8px !important;
  padding: 8px 22px !important; font-size: 13px !important; font-weight: 600 !important;
}
.m-pricing .m-calc__plan[aria-pressed="true"] {
  background: var(--m-gs) !important; color: var(--m-gd) !important; border-color: var(--m-g) !important;
}
.m-pricing .m-compare__toggle {
  background: var(--m-w) !important; color: var(--m-km) !important;
  border: 1.5px solid var(--m-l) !important; border-radius: 99px !important;
  padding: 11px 24px !important; font-size: 13.5px !important; font-weight: 600 !important;
}
.m-pricing .m-compare__toggle[aria-expanded="true"] {
  background: var(--m-c) !important; color: var(--m-k) !important; border-color: var(--m-k) !important;
}
.m-pricing .m-btn { border: 0 !important; border-radius: 8px !important; padding: 11px 24px !important; font-size: 16px !important; font-weight: 600 !important; }
.m-pricing .m-btn--green   { background: var(--m-g) !important;  color: #fff !important; }
.m-pricing .m-btn--primary { background: var(--m-g2) !important; color: var(--m-k) !important; }
.m-pricing .m-btn--ghost   { background: transparent !important; color: var(--m-k) !important; border: 1.5px solid #ced4da !important; }
.m-pricing .m-faq__head { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; width: 100% !important; text-align: left !important; }
@media (max-width: 900px) {
  .m-tiers { grid-template-columns: 1fr 1fr; }
  .m-notes { grid-template-columns: 1fr; }
  .m-services__grid { grid-template-columns: 1fr; }
  .m-compare__grid { font-size: 11px; }
  .m-compare__cell { padding: 8px 10px; }
}
@media (max-width: 600px) {
  .m-tiers { grid-template-columns: 1fr; }
  .m-h1 { font-size: 36px; }
  .m-services__items { grid-template-columns: 1fr; }
}