.mj-subscription-page {
  --mjs-panel: #0e1722;
  --mjs-panel-raised: #121e2b;
  --mjs-line: rgba(255,255,255,.09);
  --mjs-accent: var(--mj-primary);
  --mjs-accent-strong: #39cb89;
}

.mjs-page {
  width: var(--mj-page);
  margin: 0 auto;
  padding: calc(var(--mj-header) + 52px) 0 96px;
}

.mjs-overline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--mjs-accent);
  font-size: 11px;
  font-weight: 850;
}

.mjs-overline > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mjs-accent);
  box-shadow: 0 0 15px rgba(var(--mj-accent-rgb),.7);
}

.mjs-hero {
  min-height: 540px;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr);
  align-items: center;
  gap: clamp(48px,7vw,110px);
  overflow: hidden;
  padding: clamp(42px,6vw,85px);
  border: 1px solid var(--mjs-line);
  border-radius: 36px;
  background:
    radial-gradient(circle at 7% 12%, rgba(var(--mj-accent-rgb),.18), transparent 27rem),
    radial-gradient(circle at 88% 82%, rgba(78,116,255,.11), transparent 23rem),
    linear-gradient(135deg,#152433,#080e16 70%);
  box-shadow: 0 32px 90px rgba(0,0,0,.3);
}

.mjs-hero::before {
  content: "ENGLISH";
  position: absolute;
  z-index: -1;
  inset: auto -24px -64px auto;
  color: rgba(255,255,255,.018);
  font: 900 clamp(110px,16vw,245px)/.8 "Segoe UI",Arial,sans-serif;
  letter-spacing: -18px;
}

.mjs-hero__glow {
  position: absolute;
  z-index: -1;
  width: 340px;
  height: 340px;
  inset: 8% auto auto 42%;
  border-radius: 50%;
  background: rgba(var(--mj-accent-rgb),.06);
  filter: blur(75px);
}

.mjs-hero h1 {
  max-width: 880px;
  margin: 18px 0 22px;
  font-size: clamp(38px,4.5vw,72px);
  line-height: 1.35;
  letter-spacing: -3px;
}

.mjs-hero h1 em { color: var(--mjs-accent); font-style: normal; }
.mjs-hero__copy > p { max-width: 760px; margin: 0; color: #adbac8; font-size: clamp(13px,1.25vw,17px); line-height: 2.1; }
.mjs-hero__facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.mjs-hero__facts span { padding: 8px 11px; border: 1px solid var(--mjs-line); border-radius: 10px; background: rgba(255,255,255,.035); color: #98a8b9; font-size: 9px; }
.mjs-hero__facts b { margin-inline-end: 4px; color: #edf3f8; font: 850 10px/1 "Segoe UI",Arial,sans-serif; }

.mjs-hero__preview {
  padding: 26px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 26px;
  background: rgba(8,14,22,.7);
  box-shadow: 0 24px 60px rgba(0,0,0,.25);
  backdrop-filter: blur(18px);
}

.mjs-preview__label { display: block; color: var(--mjs-accent); font: 800 8px/1 "Segoe UI",Arial,sans-serif; letter-spacing: 2px; text-align: center; }
.mjs-preview__orbit { width: 124px; aspect-ratio: 1; display: grid; place-items: center; align-content: center; gap: 2px; margin: 23px auto; border: 1px solid rgba(var(--mj-accent-rgb),.32); border-radius: 50%; background: radial-gradient(circle,rgba(var(--mj-accent-rgb),.12),transparent 70%); box-shadow: inset 0 0 38px rgba(var(--mj-accent-rgb),.05),0 0 45px rgba(var(--mj-accent-rgb),.07); }
.mjs-preview__orbit strong { color: #f5f9fc; font: 900 38px/1 "Segoe UI",Arial,sans-serif; }
.mjs-preview__orbit span { color: #8493a4; font-size: 8px; }
.mjs-hero__preview ol { list-style: none; display: grid; gap: 7px; margin: 0; padding: 0; }
.mjs-hero__preview li { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.035); }
.mjs-hero__preview li > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: rgba(var(--mj-accent-rgb),.11); color: var(--mjs-accent); font-style: normal; font-weight: 850; }
.mjs-hero__preview li b,.mjs-hero__preview li small { display: block; }
.mjs-hero__preview li b { font-size: 10px; }
.mjs-hero__preview li small { margin-top: 2px; color: #7e8d9e; font-size: 7px; }

.mjs-active-plan {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  margin: 24px 0 0;
  padding: 17px 20px;
  border: 1px solid rgba(var(--mj-accent-rgb),.22);
  border-radius: 18px;
  background: rgba(var(--mj-accent-rgb),.075);
}

.mjs-active-plan > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--mjs-accent); color: var(--mj-on-primary); font-weight: 900; }
.mjs-active-plan strong,.mjs-active-plan small { display: block; }
.mjs-active-plan strong { font-size: 12px; }
.mjs-active-plan small { margin-top: 2px; color: var(--mj-muted); font-size: 9px; }
.mjs-active-plan a { display: inline-flex; align-items: center; gap: 8px; color: var(--mjs-accent)!important; font-size: 10px; font-weight: 800; }

.mjs-trial-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:24px 0 0;padding:22px 25px;border:1px solid rgba(var(--mj-accent-rgb),.3);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(var(--mj-accent-rgb),.12),transparent 24rem),var(--mjs-panel)}
.mjs-trial-strip>div span,.mjs-trial-strip>div strong,.mjs-trial-strip>div small{display:block}.mjs-trial-strip>div span{color:var(--mjs-accent);font-size:9px;font-weight:900}.mjs-trial-strip>div strong{margin:3px 0;font-size:15px}.mjs-trial-strip>div small{color:var(--mj-muted);font-size:9px}.mjs-trial-strip button,.mjs-trial-strip>a{min-height:48px;display:inline-flex;align-items:center;gap:16px;padding:0 18px;border:0;border-radius:13px;background:var(--mjs-accent);color:var(--mj-on-primary)!important;font:850 10px/1 var(--mj-font-fa);cursor:pointer;white-space:nowrap}.mjs-trial-strip.is-used{border-color:var(--mjs-line);background:var(--mjs-panel)}.mjs-trial-strip.is-used>div span{color:var(--mj-muted)}

.mjs-account{max-width:1180px}.mjs-account__nav{display:flex;gap:7px;margin-bottom:20px;padding:7px;border:1px solid var(--mjs-line);border-radius:15px;background:var(--mjs-panel)}.mjs-account__nav a{padding:9px 14px;border-radius:10px;color:var(--mj-muted)!important;font-size:10px;font-weight:800}.mjs-account__nav a.is-active{background:var(--mj-primary-soft);color:var(--mjs-accent)!important}
.mjs-notice{display:flex;align-items:center;gap:11px;margin:0 0 16px;padding:13px 16px;border:1px solid;border-radius:14px}.mjs-notice span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-weight:900}.mjs-notice p{margin:0;font-size:10px}.mjs-notice.is-success{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08)}.mjs-notice.is-success span{background:#22c55e;color:#07120c}.mjs-notice.is-error{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.08)}.mjs-notice.is-error span{background:#ef4444;color:#fff}
.mjs-account__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:40px;border:1px solid var(--mjs-line);border-radius:27px;background:radial-gradient(circle at 85% 15%,rgba(var(--mj-accent-rgb),.14),transparent 26rem),linear-gradient(145deg,var(--mjs-panel-raised),var(--mjs-panel))}.mjs-account__hero h1{margin:9px 0 7px;font-size:clamp(30px,4vw,50px)}.mjs-account__hero p{margin:0;color:var(--mj-muted);font-size:11px}.mjs-account__plans{flex:0 0 auto;display:flex;align-items:center;gap:15px;padding:13px 17px;border:1px solid rgba(var(--mj-accent-rgb),.3);border-radius:12px;color:var(--mjs-accent)!important;font-size:10px;font-weight:850}
.mjs-current{margin-top:18px;padding:28px;border:1px solid rgba(var(--mj-accent-rgb),.3);border-radius:27px;background:var(--mjs-panel);box-shadow:0 22px 60px rgba(0,0,0,.1)}.mjs-current__summary{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--mjs-line)}.mjs-current__icon{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;background:var(--mj-primary-soft);color:var(--mjs-accent);font-size:29px}.mjs-current__summary small{color:var(--mjs-accent);font:850 8px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:1.5px}.mjs-current__summary h2{margin:5px 0 2px;font-size:22px}.mjs-current__summary p{margin:0;color:var(--mj-muted);font-size:9px}.mjs-current__summary>strong{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(34,197,94,.1);color:#22c55e;font-size:9px}.mjs-current__summary>strong i{width:7px;height:7px;border-radius:50%;background:currentColor}.mjs-current__summary>strong.is-ending{background:rgba(245,158,11,.1);color:#f59e0b}
.mjs-current__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:22px 0}.mjs-current__facts article{padding:17px;border:1px solid var(--mjs-line);border-radius:15px;background:rgba(255,255,255,.02)}.mjs-current__facts span,.mjs-current__facts strong,.mjs-current__facts small{display:block}.mjs-current__facts span{color:var(--mj-muted);font-size:8px}.mjs-current__facts strong{margin:7px 0 2px;font-size:16px}.mjs-current__facts small{color:var(--mj-muted);font-size:7px}.mjs-current__actions{display:flex;align-items:flex-start;gap:10px}.mjs-current__actions form{margin:0}.mjs-cancel{position:relative}.mjs-cancel>summary{min-height:46px;display:flex;align-items:center;padding:0 15px;border:1px solid var(--mjs-line);border-radius:12px;color:var(--mj-muted);cursor:pointer;font-size:9px;font-weight:800;list-style:none}.mjs-cancel>summary::-webkit-details-marker{display:none}.mjs-cancel>div{width:min(410px,calc(100vw - 48px));position:absolute;z-index:5;inset:54px 0 auto auto;padding:18px;border:1px solid var(--mjs-line);border-radius:16px;background:var(--mjs-panel-raised);box-shadow:0 25px 70px rgba(0,0,0,.25)}.mjs-cancel>div strong{font-size:11px}.mjs-cancel>div p{margin:5px 0 13px;color:var(--mj-muted);font-size:9px;line-height:1.8}.mjs-cancel label{display:grid;gap:6px;color:var(--mj-muted);font-size:8px}.mjs-cancel select{width:100%;padding:10px;border:1px solid var(--mjs-line);border-radius:10px;background:var(--mjs-panel);color:var(--mj-text);font:9px var(--mj-font-fa)}.mjs-cancel button{margin-top:10px;padding:10px 13px;border:0;border-radius:9px;background:#ef4444;color:#fff;font:800 9px var(--mj-font-fa);cursor:pointer}
.mjs-trial-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;margin-top:18px;padding:34px;border:1px solid rgba(var(--mj-accent-rgb),.3);border-radius:25px;background:radial-gradient(circle at 90% 0,rgba(var(--mj-accent-rgb),.14),transparent 25rem),var(--mjs-panel)}.mjs-trial-offer span{color:var(--mjs-accent);font-size:9px;font-weight:900}.mjs-trial-offer h2{margin:7px 0;font-size:25px}.mjs-trial-offer p{max-width:720px;margin:0;color:var(--mj-muted);font-size:10px}.mjs-trial-offer form{display:grid;gap:7px;text-align:center}.mjs-trial-offer button,.mjs-trial-offer>a{min-height:51px;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 20px;border:0;border-radius:13px;background:var(--mjs-accent);color:var(--mj-on-primary)!important;font:850 10px var(--mj-font-fa);cursor:pointer}.mjs-trial-offer form small{color:var(--mj-muted);font-size:7px}
.mjs-history{margin-top:42px}.mjs-history>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.mjs-history h2{margin:6px 0 0;font-size:25px}.mjs-history>header>small{color:var(--mj-muted);font-size:8px}.mjs-history__list{display:grid;gap:8px}.mjs-history__list article{display:grid;grid-template-columns:75px minmax(180px,1.2fr) minmax(190px,1fr) minmax(110px,.6fr);align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--mjs-line);border-radius:15px;background:var(--mjs-panel)}.mjs-history__list article>span{width:fit-content;padding:5px 8px;border-radius:999px;background:rgba(148,163,184,.1);color:var(--mj-muted);font-size:7px;font-weight:850}.mjs-history__list article>span.is-active{background:rgba(34,197,94,.1);color:#22c55e}.mjs-history__list article div strong,.mjs-history__list article div small{display:block}.mjs-history__list article div strong{font-size:10px}.mjs-history__list article div small{margin-bottom:3px;color:var(--mj-muted);font-size:7px}.mjs-history__empty{display:flex;align-items:center;gap:13px;padding:25px;border:1px dashed var(--mjs-line);border-radius:17px}.mjs-history__empty span{color:var(--mjs-accent);font-size:25px}.mjs-history__empty p{margin:0;color:var(--mj-muted);font-size:10px}.mjs-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:20px 22px;border:1px solid var(--mjs-line);border-radius:16px;background:rgba(255,255,255,.02)}.mjs-help strong,.mjs-help span{display:block}.mjs-help strong{font-size:10px}.mjs-help span{margin-top:3px;color:var(--mj-muted);font-size:8px}.mjs-help a{color:var(--mjs-accent)!important;font-size:9px;font-weight:850}
html[data-theme="light"] .mjs-current,html[data-theme="light"] .mjs-account__hero,html[data-theme="light"] .mjs-trial-offer,html[data-theme="light"] .mjs-history__list article{box-shadow:0 16px 42px rgba(35,55,78,.06)}html[data-theme="light"] .mjs-current__facts article{background:#f8fafc}
.mjs-checkout{max-width:1120px}.mjs-checkout__back{display:inline-flex;margin-bottom:16px;color:var(--mj-muted)!important;font-size:9px;font-weight:800}.mjs-checkout__layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.6fr);gap:18px;align-items:start}.mjs-checkout__main,.mjs-order{border:1px solid var(--mjs-line);border-radius:27px;background:var(--mjs-panel)}.mjs-checkout__main{padding:clamp(30px,5vw,58px);background:radial-gradient(circle at 5% 5%,rgba(var(--mj-accent-rgb),.12),transparent 26rem),var(--mjs-panel)}.mjs-checkout__main h1{margin:12px 0 8px;font-size:clamp(33px,4.2vw,52px);line-height:1.45}.mjs-checkout__main>p{margin:0;color:var(--mj-muted);font-size:11px}.mjs-checkout__benefits{display:grid;gap:9px;margin:32px 0}.mjs-checkout__benefits article{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--mjs-line);border-radius:14px;background:rgba(255,255,255,.02)}.mjs-checkout__benefits article>i{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--mj-primary-soft);color:var(--mjs-accent);font-style:normal;font-weight:900}.mjs-checkout__benefits strong,.mjs-checkout__benefits small{display:block}.mjs-checkout__benefits strong{font-size:10px}.mjs-checkout__benefits small{margin-top:3px;color:var(--mj-muted);font-size:8px}.mjs-checkout__main>aside{padding:15px;border-inline-start:3px solid var(--mjs-accent);border-radius:4px 12px 12px 4px;background:var(--mj-primary-soft)}.mjs-checkout__main>aside span{font-size:9px;font-weight:850}.mjs-checkout__main>aside p{margin:4px 0 0;color:var(--mj-muted);font-size:8px;line-height:1.8}
.mjs-order{position:sticky;top:calc(var(--mj-header) + 20px);padding:28px;box-shadow:0 22px 65px rgba(0,0,0,.14)}.mjs-order__sandbox{display:inline-flex;margin-bottom:17px;padding:5px 8px;border-radius:999px;background:rgba(245,158,11,.12);color:#f59e0b;font:850 7px "Segoe UI",Arial,sans-serif;letter-spacing:1px}.mjs-order header small{color:var(--mjs-accent);font-size:8px;font-weight:850}.mjs-order header h2{margin:5px 0 22px;font-size:19px}.mjs-order dl{display:grid;gap:0;margin:0}.mjs-order dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--mjs-line)}.mjs-order dt{color:var(--mj-muted);font-size:9px}.mjs-order dd{margin:0;font-size:9px;font-weight:800}.mjs-order__total{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:16px 0;padding:18px 0;border-block:1px solid var(--mjs-line)}.mjs-order__total>span{color:var(--mj-muted);font-size:9px}.mjs-order__total strong{font-size:22px}.mjs-order__total strong small{font-size:8px}.mjs-order form{margin:0}.mjs-order button,.mjs-order__pay{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;border-radius:13px;background:var(--mjs-accent);color:var(--mj-on-primary)!important;font:850 10px var(--mj-font-fa);cursor:pointer}.mjs-order__note{margin:9px 0 0;color:var(--mj-muted);font-size:7px;text-align:center}.mjs-order__trust{display:flex;justify-content:center;gap:13px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mjs-line);color:var(--mj-muted);font-size:7px}html[data-theme="light"] .mjs-checkout__main,html[data-theme="light"] .mjs-order{box-shadow:0 18px 50px rgba(35,55,78,.07)}

.mjs-plans { padding: 76px 0 42px; }
.mjs-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 34px; margin-bottom: 27px; }
.mjs-section-head h2 { margin: 8px 0 5px; font-size: clamp(25px,2.5vw,38px); letter-spacing: -1.6px; }
.mjs-section-head p { margin: 0; color: var(--mj-muted); font-size: 11px; }
.mjs-payment-note { flex: 0 0 auto; display: flex; align-items: center; gap: 7px; color: #91a0b0; font-size: 9px; }
.mjs-payment-note i { width: 7px; height: 7px; border-radius: 50%; background: var(--mjs-accent); box-shadow: 0 0 12px rgba(var(--mj-accent-rgb),.55); }

.mjs-plan-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; align-items: stretch; }
.mjs-plan-card {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 25px;
  border: 1px solid var(--mjs-line);
  border-radius: 25px;
  background: linear-gradient(155deg,rgba(20,31,45,.9),rgba(10,16,25,.96));
  box-shadow: 0 16px 42px rgba(0,0,0,.16);
  transition: transform .24s var(--mj-ease-out), border-color .24s ease, box-shadow .24s ease;
}

.mjs-plan-card:hover { transform: translateY(-5px); border-color: rgba(var(--mj-accent-rgb),.25); box-shadow: 0 25px 60px rgba(0,0,0,.28); }
.mjs-plan-card.is-recommended { border-color: rgba(var(--mj-accent-rgb),.46); background: radial-gradient(circle at 85% 5%,rgba(var(--mj-accent-rgb),.12),transparent 16rem),linear-gradient(155deg,#172b32,#0b151d 78%); box-shadow: 0 22px 65px rgba(28,139,94,.11); }
.mjs-plan-card__badge { position: absolute; inset: 15px auto auto 15px; padding: 6px 9px; border-radius: 8px; background: var(--mjs-accent); color: var(--mj-on-primary); font-size: 7px; font-weight: 900; }
.mjs-plan-card__badge.is-value { border: 1px solid rgba(255,190,85,.28); background: rgba(255,190,85,.1); color: #ffca70; }
.mjs-plan-card > header span,.mjs-plan-card > header small { display: block; }
.mjs-plan-card > header span { font-size: 17px; font-weight: 850; }
.mjs-plan-card > header small { margin-top: 3px; color: var(--mj-muted); font-size: 8px; }
.mjs-plan-card__price { display: flex; align-items: baseline; gap: 6px; margin: 27px 0 3px; }
.mjs-plan-card__price strong { direction: ltr; color: #f8fafc; font: 900 clamp(27px,2.45vw,38px)/1 "Segoe UI",Tahoma,sans-serif; letter-spacing: -1.7px; }
.mjs-plan-card__price span { color: #98a6b5; font-size: 8px; }
.mjs-plan-card__monthly { min-height: 24px; color: #8796a6; font-size: 8px; }
.mjs-plan-card__monthly b { color: #cbd5df; }
.mjs-plan-card__saving { width: fit-content; margin: 13px 0 18px; padding: 6px 9px; border-radius: 8px; background: rgba(var(--mj-accent-rgb),.1); color: var(--mjs-accent); font-size: 8px; font-weight: 800; }
.mjs-plan-card__saving.is-neutral { background: rgba(255,255,255,.045); color: #9aa8b7; }
.mjs-plan-card ul { list-style: none; display: grid; gap: 10px; margin: 0 0 24px; padding: 19px 0 0; border-top: 1px solid var(--mjs-line); color: #b5c0cb; font-size: 9px; }
.mjs-plan-card li { display: flex; align-items: flex-start; gap: 8px; }
.mjs-plan-card li i { color: var(--mjs-accent); font-style: normal; font-weight: 900; }
.mjs-plan-card__cta { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 0 15px; border: 1px solid rgba(var(--mj-accent-rgb),.26); border-radius: 13px; background: rgba(var(--mj-accent-rgb),.085); color: var(--mjs-accent)!important; font-size: 10px; font-weight: 850; transition: background .18s ease,color .18s ease,transform .18s ease; }
.mjs-plan-card.is-recommended .mjs-plan-card__cta,.mjs-plan-card__cta:hover { background: var(--mjs-accent); color: var(--mj-on-primary)!important; }
.mjs-plan-card__cta:active { transform: scale(.98); }
.mjs-plan-card__cta b { font-size: 17px; }
.mjs-plan-card__foot { display: block; margin-top: 10px; color: #647384; font-size: 7px; text-align: center; }

.mjs-value { margin: 42px 0; padding: clamp(30px,4vw,55px); border: 1px solid var(--mjs-line); border-radius: 30px; background: radial-gradient(circle at 0 100%,rgba(var(--mj-accent-rgb),.08),transparent 25rem),#0b121b; }
.mjs-value > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.mjs-value article { min-height: 205px; position: relative; padding: 25px; overflow: hidden; border: 1px solid var(--mjs-line); border-radius: 20px; background: rgba(255,255,255,.025); }
.mjs-value article > span { position: absolute; inset: 14px auto auto 18px; color: #354454; font: 850 9px/1 "Segoe UI",Arial,sans-serif; }
.mjs-value article strong { display: block; max-width: 300px; margin: 50px 0 10px; font-size: 15px; line-height: 1.8; }
.mjs-value article p { margin: 0; color: var(--mj-muted); font-size: 9px; line-height: 1.9; }

.mjs-faq { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(38px,7vw,100px); padding: 45px 0 10px; }
.mjs-faq h2 { margin: 8px 0 11px; font-size: 30px; }
.mjs-faq > div:first-child p { max-width: 380px; margin: 0; color: var(--mj-muted); font-size: 10px; }
.mjs-faq > div:first-child a { display: inline-flex; gap: 8px; margin-top: 18px; color: var(--mjs-accent)!important; font-size: 10px; font-weight: 800; }
.mjs-faq__list { display: grid; gap: 8px; }
.mjs-faq details { border: 1px solid var(--mjs-line); border-radius: 15px; background: rgba(255,255,255,.025); }
.mjs-faq summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 19px; cursor: pointer; font-size: 11px; font-weight: 800; }
.mjs-faq summary::-webkit-details-marker { display: none; }
.mjs-faq summary span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.05); color: var(--mjs-accent); font: 500 18px/1 Arial; transition: transform .18s ease; }
.mjs-faq details[open] summary span { transform: rotate(45deg); }
.mjs-faq details p { margin: 0; padding: 0 19px 18px; color: var(--mj-muted); font-size: 9px; line-height: 2; }
.mjs-empty { padding: 70px 25px; border: 1px dashed var(--mjs-line); border-radius: 24px; text-align: center; }
.mjs-empty > span { color: var(--mjs-accent); font-size: 36px; }
.mjs-empty h3 { margin: 10px 0 5px; }
.mjs-empty p { margin: 0; color: var(--mj-muted); font-size: 10px; }

.mjs-tiers{padding:82px 0 22px}.mjs-tier-compare-link{display:flex;align-items:center;gap:10px;color:var(--mjs-accent)!important;font-size:10px;font-weight:850}
.mjs-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
.mjs-tier-card{min-width:0;position:relative;display:flex;flex-direction:column;min-height:500px;padding:23px;border:1px solid var(--mjs-line);border-radius:23px;background:linear-gradient(155deg,var(--mjs-panel-raised),var(--mjs-panel));box-shadow:0 16px 45px rgba(0,0,0,.08)}
.mjs-tier-card.is-recommended{border-color:rgba(var(--mj-accent-rgb),.42);background:radial-gradient(circle at 80% 0,rgba(var(--mj-accent-rgb),.16),transparent 15rem),linear-gradient(155deg,var(--mjs-panel-raised),var(--mjs-panel))}
.mjs-tier-card__badge{position:absolute;inset:-11px 18px auto auto;padding:5px 10px;border-radius:999px;background:var(--mjs-accent);color:var(--mj-on-primary);font-size:7px;font-weight:900}.mjs-tier-card__badge.is-soon{background:#334155;color:#dce7f3}
.mjs-tier-card header>span{display:block;min-height:32px;color:var(--mjs-accent);font-size:10px;font-weight:850}.mjs-tier-card h3{margin:3px 0 7px;font-size:27px}.mjs-tier-card header p{min-height:82px;margin:0;color:var(--mj-muted);font-size:11px;line-height:1.95}
.mjs-tier-price{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:8px;margin:17px 0;padding:15px 0;border-block:1px solid var(--mjs-line)}.mjs-tier-price strong{font-size:29px;line-height:1}.mjs-tier-price span{color:var(--mj-muted);font-size:10px}
.mjs-tier-card ul{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none;color:var(--mj-muted);font-size:10px}.mjs-tier-card li{display:flex;gap:8px;line-height:1.75}.mjs-tier-card li i{color:var(--mjs-accent);font-style:normal;font-weight:900}
.mjs-tier-card>a,.mjs-tier-card>button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:10px 13px;border:1px solid rgba(var(--mj-accent-rgb),.34);border-radius:12px;background:var(--mj-primary-soft);color:var(--mjs-accent)!important;font:850 11px/1.5 var(--mj-font-fa);cursor:pointer}.mjs-tier-card.is-recommended>a{border-color:var(--mjs-accent);background:var(--mjs-accent);color:var(--mj-on-primary)!important}.mjs-tier-card>button.is-success{border-color:#22c55e;background:rgba(34,197,94,.12);color:#22c55e!important}
.mjs-comparison{margin:62px 0;padding:32px;border:1px solid var(--mjs-line);border-radius:26px;background:var(--mjs-panel)}.mjs-comparison>header{max-width:680px}.mjs-comparison h2{margin:8px 0;font-size:29px}.mjs-comparison header p{margin:0;color:var(--mj-muted);font-size:10px}
.mjs-comparison__table{margin-top:24px;border:1px solid var(--mjs-line);border-radius:17px;overflow:hidden}.mjs-comparison__table>div{display:grid;grid-template-columns:minmax(170px,1.3fr) repeat(4,minmax(105px,1fr));min-height:52px;border-top:1px solid var(--mjs-line)}.mjs-comparison__table>div:first-child{border-top:0}.mjs-comparison__table>div>*{display:flex;align-items:center;justify-content:center;padding:11px;border-inline-start:1px solid var(--mjs-line);font-size:8px;text-align:center}.mjs-comparison__table>div>*:first-child{justify-content:flex-start;border-inline-start:0;text-align:start}.mjs-comparison__table .is-head{background:var(--mj-primary-soft);color:var(--mjs-accent)}

html[data-theme="light"] .mj-subscription-page { --mjs-panel:#fff;--mjs-panel-raised:#f7f9fc;--mjs-line:rgba(18,35,56,.11);--mjs-accent:var(--mj-primary);--mjs-accent-strong:var(--mj-primary-strong); }
html[data-theme="light"] .mjs-hero { background: radial-gradient(circle at 7% 12%,rgba(var(--mj-accent-rgb),.13),transparent 27rem),radial-gradient(circle at 88% 82%,rgba(78,116,255,.07),transparent 23rem),linear-gradient(135deg,#fff,#edf4f2 72%); box-shadow:0 28px 70px rgba(35,55,78,.11); }
html[data-theme="light"] .mjs-hero::before { color:rgba(18,35,56,.022); }
html[data-theme="light"] .mjs-hero__copy>p { color:#5d6e81; }
html[data-theme="light"] .mjs-hero__facts span,html[data-theme="light"] .mjs-hero__preview { background:rgba(255,255,255,.64); }
html[data-theme="light"] .mjs-hero__facts b,html[data-theme="light"] .mjs-preview__orbit strong { color:#122033; }
html[data-theme="light"] .mjs-hero__preview { box-shadow:0 22px 55px rgba(35,55,78,.09); }
html[data-theme="light"] .mjs-hero__preview li { background:rgba(18,35,56,.035); }
html[data-theme="light"] .mjs-plan-card { background:#fff;box-shadow:0 16px 42px rgba(35,55,78,.07); }
html[data-theme="light"] .mjs-plan-card.is-recommended { background:radial-gradient(circle at 85% 5%,rgba(var(--mj-accent-rgb),.09),transparent 16rem),linear-gradient(155deg,#fff,#edf6f2 90%); }
html[data-theme="light"] .mjs-plan-card__price strong { color:#122033; }
html[data-theme="light"] .mjs-plan-card__saving.is-neutral,html[data-theme="light"] .mjs-plan-card ul { color:#5f7083; }
html[data-theme="light"] .mjs-value { background:radial-gradient(circle at 0 100%,rgba(var(--mj-accent-rgb),.08),transparent 25rem),#fff;box-shadow:0 18px 48px rgba(35,55,78,.06); }
html[data-theme="light"] .mjs-value article,html[data-theme="light"] .mjs-faq details { background:rgba(18,35,56,.02); }
html[data-theme="light"] .mjs-tier-card,html[data-theme="light"] .mjs-comparison{box-shadow:0 16px 42px rgba(35,55,78,.06)}

@media (max-width:1100px) {
  .mjs-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mjs-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mjs-tier-card{min-height:450px}
}

@media (max-width:800px) {
  .mjs-page { padding-top:calc(var(--mj-header) + 28px);padding-bottom:115px; }
  .mjs-hero { min-height:0;grid-template-columns:1fr;padding:35px;border-radius:27px; }
  .mjs-hero__preview { display:grid;grid-template-columns:110px 1fr;align-items:center;gap:20px; }
  .mjs-preview__label { grid-column:1/-1; }
  .mjs-preview__orbit { width:105px;margin:0; }
  .mjs-section-head { align-items:flex-start;flex-direction:column;gap:12px; }
  .mjs-value>div { grid-template-columns:1fr; }
  .mjs-value article { min-height:165px; }
  .mjs-faq { grid-template-columns:1fr; }
  .mjs-comparison{overflow:hidden}.mjs-comparison__table{overflow-x:auto}.mjs-comparison__table>div{min-width:720px}
  .mjs-current__facts{grid-template-columns:repeat(2,1fr)}.mjs-history__list article{grid-template-columns:70px 1fr}.mjs-history__list article>div:nth-of-type(n+2){grid-column:2}.mjs-trial-offer{grid-template-columns:1fr}.mjs-account__hero{align-items:flex-start;flex-direction:column}
  .mjs-checkout__layout{grid-template-columns:1fr}.mjs-order{position:static}
}

@media (max-width:560px) {
  .mjs-page { width:calc(100vw - 24px); }
  .mjs-hero { padding:27px 21px;border-radius:23px; }
  .mjs-hero h1 { margin:14px 0 16px;font-size:34px;line-height:1.42;letter-spacing:-1.4px; }
  .mjs-hero__copy>p { font-size:10px;line-height:2; }
  .mjs-hero__facts { margin-top:20px;gap:6px; }
  .mjs-hero__facts span { flex:1 1 45%;font-size:7px; }
  .mjs-hero__preview { display:block;padding:20px; }
  .mjs-preview__orbit { width:100px;margin:18px auto; }
  .mjs-active-plan { grid-template-columns:38px 1fr;padding:14px; }
  .mjs-active-plan>a { grid-column:2; }
  .mjs-plans { padding-top:48px; }
  .mjs-section-head h2 { font-size:25px;line-height:1.55; }
  .mjs-section-head p { font-size:9px; }
  .mjs-plan-grid { grid-template-columns:1fr;gap:10px; }
  .mjs-plan-card { padding:22px;border-radius:21px; }
  .mjs-plan-card__price strong { font-size:36px; }
  .mjs-value { padding:23px 17px;border-radius:23px; }
  .mjs-value article { padding:20px; }
  .mjs-faq { padding-top:25px; }
  .mjs-tiers{padding-top:50px}.mjs-tier-grid{grid-template-columns:1fr}.mjs-tier-card{min-height:0}.mjs-tier-card header p{min-height:0}.mjs-comparison{margin:40px 0;padding:21px 14px}.mjs-comparison h2{font-size:24px}
  .mjs-trial-strip{align-items:stretch;flex-direction:column}.mjs-trial-strip button,.mjs-trial-strip>a{width:100%;justify-content:center}.mjs-account__nav{overflow-x:auto;white-space:nowrap}.mjs-account__hero{padding:26px 21px}.mjs-account__hero h1{font-size:30px}.mjs-current{padding:20px 16px}.mjs-current__summary{grid-template-columns:48px 1fr}.mjs-current__summary>strong{grid-column:2;width:fit-content}.mjs-current__facts{grid-template-columns:1fr 1fr}.mjs-current__actions{align-items:stretch;flex-direction:column}.mjs-current__actions>a,.mjs-current__actions form,.mjs-current__actions button,.mjs-cancel,.mjs-cancel>summary{width:100%}.mjs-cancel>summary{justify-content:center}.mjs-trial-offer{padding:26px 20px}.mjs-history__list article{grid-template-columns:1fr}.mjs-history__list article>div:nth-of-type(n+2){grid-column:auto}.mjs-help{align-items:flex-start;flex-direction:column}
}

@media (hover:none) {
  .mjs-plan-card:hover { transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  .mjs-plan-card,.mjs-plan-card__cta,.mjs-faq summary span { transition:none; }
}