/* MoneyJourney Pages: the MoneyJourney Pro page.
   Brand: Petrol Ink #101B1A, Pine #1F7A5C, Brass #B8863B, Warm Bone #F5F1E8. Fonts: Space Grotesk, Inter.
   One moment of motion (the road draws itself in the hero); everything else stays still. */

/* the page runs edge to edge; the theme's title is hidden because the hero carries the headline */
body.mjp-page { overflow-x: hidden; overflow-x: clip; }
body.mjp-page .entry-header, body.mjp-page .ast-archive-description { display: none; }
/* take the theme's boxes, sidebar and padding out of the way so the page can sit centred */
body.mjp-page #secondary, body.mjp-page .widget-area { display: none; }
body.mjp-page .site-content > .ast-container { display: block; max-width: none; width: 100%; padding: 0; margin: 0; }
body.mjp-page #primary, body.mjp-page .content-area { width: 100%; max-width: none; margin: 0; padding: 0; float: none; border: 0; }
body.mjp-page .ast-article-single, body.mjp-page .ast-article-post, body.mjp-page .entry-content, body.mjp-page .ast-separate-container .ast-article-single { padding: 0; margin: 0; max-width: none; background: transparent; }
body.mjp-page .entry-content > * { max-width: none; }
/* blocks the owner adds between our shortcodes (posts grid, forms) stay in the same 1120px column */
body.mjp-page .entry-content > :not(.mjp):not(.alignfull):not(:has(.mjp)):not(script):not(style) { max-width: 1120px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
@media (max-width: 700px) { body.mjp-page .entry-content > :not(.mjp):not(.alignfull):not(:has(.mjp)) { padding-left: 18px; padding-right: 18px; } }
body.mjp-page.ast-separate-container .site-content { padding: 0; }
body.mjp-page .site-content { margin: 0; }

.mjp, .mjp *, .mjp *::before, .mjp *::after { box-sizing: border-box; }
.mjp {
  --ink: #101B1A; --pine: #1F7A5C; --pine-d: #0E5A43; --brass: #B8863B; --bone: #F5F1E8; --paper: #FBF9F4;
  --line: #E3DDCB; --text2: #6B6259; --white: #fff;
  --display: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ease: cubic-bezier(.2, .7, .2, 1);
  position: relative; left: 50%; margin-left: -50vw; width: 100vw; max-width: 100vw;
  margin-top: 0; margin-bottom: 0;
  color-scheme: light; color: var(--ink); background: var(--bone);
  font-family: var(--body); font-size: 17px; line-height: 1.6;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
}
.mjp.mjp-solo { left: auto; margin-left: 0; width: 100%; max-width: 100%; }
.mjp p, .mjp li, .mjp td, .mjp th, .mjp summary, .mjp span, .mjp figcaption { font-family: var(--body); color: inherit; }
.mjp p { margin: 0 0 1em; font-size: 1em; line-height: 1.6; }
.mjp a { color: inherit; text-underline-offset: 3px; }
.mjp a:focus-visible, .mjp summary:focus-visible { outline: 3px solid var(--brass); outline-offset: 3px; border-radius: 6px; }
.mjp ul, .mjp ol { margin: 0; padding: 0; list-style: none; }
.mjp-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* ---------- structure ---------- */
.mjp-sec { padding: clamp(56px, 9vw, 112px) 0; }
.mjp-sec--tight { padding-top: clamp(24px, 4vw, 48px); }
.mjp-wrap { max-width: 1120px; margin: 0 auto; padding: 0 clamp(18px, 4vw, 32px); }
.mjp-wrap.mjp-narrow { max-width: 1120px; }
.mjp-narrow > * { max-width: 760px; }
.mjp-bone { background: var(--bone); }
.mjp-paper { background: var(--paper); }
.mjp-ink { background: var(--ink); color: var(--bone); }

/* ---------- type ---------- */
.mjp h1.mjp-h1 { font: 600 clamp(2.4rem, 5.6vw, 4.6rem)/1.03 var(--display) !important; letter-spacing: -.035em !important; margin: 0 0 24px !important; color: var(--ink) !important; text-wrap: balance; max-width: 17ch; }
.mjp h2.mjp-h2 { font: 600 clamp(1.7rem, 3.4vw, 2.6rem)/1.1 var(--display) !important; letter-spacing: -.028em !important; margin: 0 0 22px !important; color: inherit !important; text-wrap: balance; max-width: 26ch; }
.mjp .mjp-bridge + h3.mjp-h3 { margin-top: 40px !important; }
.mjp-ink h2.mjp-h2 { color: var(--bone) !important; }
.mjp h3.mjp-h3 { font: 600 1.2rem/1.3 var(--display) !important; letter-spacing: -.015em !important; margin: 0 0 10px !important; color: inherit !important; }
.mjp h4.mjp-h4 { font: 600 .95rem/1.3 var(--display) !important; margin: 22px 0 8px !important; color: inherit !important; }
.mjp-lead { font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important; line-height: 1.55 !important; max-width: 56ch; color: var(--text2) !important; }
.mjp-ink .mjp-lead { color: rgba(245, 241, 232, .82) !important; }
.mjp-lead--tight { margin-bottom: 1.4em !important; }
.mjp-small { font-size: 14px !important; line-height: 1.5 !important; color: var(--text2) !important; }
.mjp-ink .mjp-small { color: rgba(245, 241, 232, .66) !important; }
.mjp-bridge { font: 500 clamp(1.2rem, 2.2vw, 1.6rem)/1.35 var(--display) !important; letter-spacing: -.015em; max-width: 34ch; margin: 44px 0 0 !important; color: var(--ink) !important; }
.mjp-list li { position: relative; padding-left: 20px; margin: 0 0 .6em; }
.mjp-list li::before { content: ''; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; background: var(--brass); border-radius: 2px; }

/* ---------- buttons ---------- */
.mjp a.mjp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 28px; border-radius: 999px; font: 600 16px/1.2 var(--body); text-decoration: none; border: 1.5px solid transparent; cursor: pointer; transition: background .2s, border-color .2s, transform .12s, box-shadow .2s; text-align: center; }
.mjp a.mjp-btn:active { transform: scale(.98); }
.mjp a.mjp-btn--primary { background: var(--pine); color: #fff; }
.mjp a.mjp-btn--primary:hover { background: var(--pine-d); box-shadow: 0 8px 22px -8px rgba(31, 122, 92, .6); }
.mjp a.mjp-btn--brass { background: var(--brass); color: var(--ink); }
.mjp a.mjp-btn--brass:hover { background: #C99A4D; box-shadow: 0 8px 22px -8px rgba(184, 134, 59, .65); }
.mjp a.mjp-btn--ghost { background: transparent; color: var(--ink); border-color: rgba(16, 27, 26, .28); }
.mjp a.mjp-btn--ghost:hover { border-color: var(--ink); background: rgba(16, 27, 26, .04); }
.mjp-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 16px; }
.mjp-guar { font-size: 14.5px !important; color: var(--text2) !important; margin: 0 0 22px !important; }
.mjp-ink .mjp-guar { color: rgba(245, 241, 232, .78) !important; }
.mjp-guar--center { text-align: left; max-width: 64ch; margin: 18px 0 0 !important; }

/* ---------- member bar ---------- */
.mjp-memberbar { background: var(--pine-d); color: #fff; font-size: 14.5px; }
.mjp-memberbar .mjp-wrap { display: flex; flex-wrap: wrap; gap: 6px 22px; padding-top: 10px; padding-bottom: 10px; }
.mjp-memberbar a { font-weight: 600; }

/* ---------- hero ---------- */
.mjp-hero { padding-top: clamp(40px, 7vw, 88px); padding-bottom: clamp(40px, 7vw, 88px); overflow: hidden; }
.mjp-hero-grid { display: grid; gap: 32px; align-items: center; }
.mjp-trust { display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 14.5px; font-weight: 500; }
.mjp-trust li { position: relative; padding-left: 16px; margin: 0; }
.mjp-trust li::before { content: ''; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; border-radius: 2px; background: var(--brass); }
.mjp-road { min-width: 0; }
.mjp-road svg { display: block; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%); mask-image: linear-gradient(90deg, transparent 0, #000 14%); width: 100%; height: auto; overflow: visible; }
.mjp-road .mjp-g { stroke: rgba(16, 27, 26, .1); stroke-width: 1; fill: none; }
.mjp-road-in { animation: mjp-draw 1.9s var(--ease) .15s both; }
@keyframes mjp-draw { from { clip-path: inset(-10% 100% -10% 0); } to { clip-path: inset(-10% -10% -10% -10%); } }
@media (min-width: 900px) {
  .mjp-hero-grid { grid-template-columns: 1.2fr .8fr; gap: 48px; }
}

/* ---------- three columns ---------- */
.mjp-cols3 { display: grid; gap: 28px; margin-top: 8px; }
.mjp-col { border-top: 2px solid var(--ink); padding-top: 18px; }
.mjp-col p { color: var(--text2); margin: 0; }
.mjp-reasons { margin-bottom: 48px; }
.mjp-reasons .mjp-col { border-top-color: var(--brass); }
@media (min-width: 820px) { .mjp-cols3 { grid-template-columns: repeat(3, 1fr); gap: 36px; } }

/* ---------- story ---------- */
.mjp-story { display: grid; gap: 32px; }
.mjp-story-text { max-width: 640px; }
.mjp-story-text p { font-size: 1.08rem; }
.mjp-quote { margin: 0 0 28px; padding: 4px 0 4px 20px; border-left: 4px solid var(--brass); font: 600 clamp(1.4rem, 2.8vw, 2rem)/1.2 var(--display); letter-spacing: -.02em; color: var(--ink); }
.mjp-sign { display: flex; flex-wrap: wrap; gap: 4px 18px; align-items: baseline; margin-top: 8px !important; }
.mjp-ph { width: 100%; max-width: 360px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 20px; display: block; background: var(--line); }
@media (min-width: 820px) {
  .mjp-story--photo { grid-template-columns: 320px 1fr; gap: 64px; align-items: start; }
}

/* ---------- 2x2 ---------- */
.mjp-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mjp-mx { width: 100%; min-width: 560px; border-collapse: separate; border-spacing: 10px; table-layout: fixed; }
.mjp-mx th { font: 600 14px var(--display); color: var(--text2); text-align: left; padding: 6px 4px; }
.mjp-mx thead th { text-align: left; }
.mjp-mx thead td { background: none; border: 0; padding: 0; }
.mjp-mx tbody th { vertical-align: middle; width: 22%; font-size: 15px; color: var(--ink); }
.mjp-mx td { vertical-align: top; padding: 22px 22px 24px; border-radius: 16px; background: #fff; border: 1px solid var(--line); }
.mjp-mx td b { display: block; font: 600 1.5rem/1.1 var(--display); letter-spacing: -.02em; margin-bottom: 8px; }
.mjp-mx td span { display: block; font-size: 15px; color: var(--text2); line-height: 1.45; }
.mjp-mx td.mjp-mx-hit { background: var(--pine-d); border-color: var(--pine-d); color: #fff; }
.mjp-mx td.mjp-mx-hit span { color: rgba(255, 255, 255, .85); }

.mjp-two { display: grid; gap: 32px; margin-top: 44px; }
.mjp-two p { margin: 0 0 1em; }
@media (min-width: 820px) { .mjp-two { grid-template-columns: 1fr 1fr; gap: 56px; } }
.mjp-studies { margin: 8px 0 28px; border-top: 1px solid var(--line); padding-top: 14px; }
.mjp-studies summary, .mjp-faq summary { cursor: pointer; font: 600 1rem var(--display); }
.mjp-sources li { margin: 16px 0 0; }
.mjp-sources a { font-weight: 600; display: block; }
.mjp-sources span { display: block; color: var(--text2); font-size: 15px; }
.mjp-sources em { display: block; font-style: normal; font-size: 14px; color: var(--text2); margin-top: 2px; }

/* ---------- MJ Score ---------- */
.mjp-eq { display: flex; flex-wrap: wrap; align-items: stretch; gap: 14px; margin: 34px 0 6px; }
.mjp-eqbox { flex: 1 1 220px; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px; }
.mjp-eqbox b { display: block; font: 600 1.3rem/1.2 var(--display); letter-spacing: -.02em; margin-bottom: 6px; }
.mjp-eqbox span { display: block; color: var(--text2); font-size: 15px; line-height: 1.45; }
.mjp-eqbox--res { background: var(--ink); border-color: var(--ink); color: var(--bone); }
.mjp-eqbox--res span { color: rgba(245, 241, 232, .75); }
.mjp-op { align-self: center; font: 500 2rem/1 var(--display); color: var(--brass); }

.mjp .mjp-ladder { margin: 14px 0 36px; display: grid; gap: 10px; }
.mjp-step { display: grid; gap: 6px 20px; align-items: center; }
.mjp-stepbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 14px; font-family: var(--display); }
.mjp-stepbar b { font-weight: 600; font-size: .95rem; }
.mjp-stepbar span { font-weight: 700; font-size: 1.1rem; letter-spacing: -.01em; }
.mjp-step p { margin: 0; }
.mjp-stepwhat { color: var(--ink); }
.mjp-stepwho { font-size: 14px; color: var(--text2); }
.mjp-stepwho small { margin-left: 8px; font-size: 13px; }
.mjp-t-sb .mjp-stepbar { background: #0E5A43; color: #fff; width: 100%; }
.mjp-t-gb .mjp-stepbar { background: #B9DFCB; color: var(--ink); width: 88%; }
.mjp-t-b  .mjp-stepbar { background: #F1E1BB; color: var(--ink); width: 76%; }
.mjp-t-h  .mjp-stepbar { background: #E3DDCB; color: var(--ink); width: 64%; }
.mjp-t-s  .mjp-stepbar { background: #A63E37; color: #fff; width: 52%; }
@media (min-width: 820px) {
  .mjp-step { grid-template-columns: minmax(260px, 1.1fr) 1.2fr 150px; }
  .mjp-stepbar { width: auto !important; }
  .mjp-t-sb .mjp-stepbar { margin-right: 0; }
}
@media (max-width: 819px) { .mjp-step { margin-bottom: 10px; } .mjp-stepbar { width: 100% !important; } }

/* ---------- two ways ---------- */
.mjp-ways { display: grid; gap: 20px; margin-top: 8px; }
.mjp-way { background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: clamp(22px, 3vw, 36px); }
.mjp-way:last-child { border-top: 4px solid var(--pine); }
.mjp-way:first-child { border-top: 4px solid var(--brass); }
.mjp-way > p { color: var(--text2); }
.mjp-way .mjp-list { margin: 18px 0 26px; }
@media (min-width: 820px) { .mjp-ways { grid-template-columns: 1fr 1fr; gap: 28px; } }

/* ---------- comparison ---------- */
.mjp-cmp { width: 100%; border-collapse: collapse; min-width: 640px; }
.mjp-cmp th, .mjp-cmp td { text-align: left; vertical-align: top; padding: 16px 18px; border-bottom: 1px solid var(--line); font-size: 16px; }
.mjp-cmp thead th { font: 600 14px var(--display); color: var(--text2); border-bottom: 2px solid var(--ink); }
.mjp-cmp tbody th { font-weight: 600; width: 30%; }
.mjp-cmp td.mjp-pro { background: rgba(31, 122, 92, .07); font-weight: 500; }
.mjp-cmp thead th:last-child { color: var(--pine-d); }
.mjp-shots { display: grid; gap: 22px; margin-top: 44px; }
.mjp-shots figure { margin: 0; }
.mjp-shots img { display: block; width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--line); box-shadow: 0 14px 40px rgba(16, 27, 26, .09); }
.mjp-shots figcaption { margin-top: 10px; font-size: 14.5px; color: var(--text2); }
@media (min-width: 820px) { .mjp-shots { grid-template-columns: 1fr 1fr; gap: 28px; } }

/* ---------- proof ---------- */
.mjp-record, .mjp-reviews { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--line); }
.mjp-record p { max-width: 60ch; color: var(--text2); }

/* ---------- pricing ---------- */
.mjp-plans { display: grid; gap: 20px; margin-top: 32px; max-width: 900px; }
.mjp-plan { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: clamp(24px, 3vw, 36px); display: flex; flex-direction: column; align-items: flex-start; }
.mjp-plan--best { background: var(--pine-d); border-color: var(--pine-d); color: #fff; }
.mjp-plan--best p, .mjp-plan--best h3 { color: #fff !important; }
.mjp-badge { display: inline-block; margin: 0 0 14px !important; padding: 5px 13px; border-radius: 999px; background: var(--brass); color: var(--ink) !important; font: 700 13px/1.2 var(--body) !important; }
.mjp h3.mjp-plan-name { font: 600 1.3rem/1.2 var(--display) !important; margin: 0 0 12px !important; }
.mjp-price { margin: 0 0 8px !important; }
.mjp-amt { font: 600 clamp(2.8rem, 6vw, 4rem)/1 var(--display); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.mjp-per { font-size: 1rem; opacity: .75; }
.mjp-plan-sub { color: var(--text2); margin: 0 0 14px !important; }
.mjp-plan--best .mjp-plan-sub { color: rgba(255, 255, 255, .86) !important; }
.mjp-plan-extra { font-weight: 600; margin: 0 0 24px !important; padding-left: 16px; position: relative; }
.mjp-plan-extra::before { content: ''; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 2px; background: var(--brass); }
.mjp-plan .mjp-btn { margin-top: auto; }
.mjp-admin-note { padding: 12px 14px; border: 1.5px dashed var(--brass); border-radius: 12px; font-size: 14px !important; color: var(--ink) !important; background: #FFF8E8; }
@media (min-width: 760px) { .mjp-plans { grid-template-columns: 1.1fr 1fr; align-items: stretch; } }

/* ---------- FAQ ---------- */
.mjp-faq details { border-top: 1px solid rgba(16, 27, 26, .18); padding: 0; }
.mjp-faq details:last-child { border-bottom: 1px solid rgba(16, 27, 26, .18); }
.mjp-faq summary { list-style: none; position: relative; padding: 22px 44px 22px 0; font-size: 1.12rem; }
.mjp-faq summary::-webkit-details-marker { display: none; }
.mjp-faq summary::after { content: ''; position: absolute; right: 6px; top: 50%; width: 12px; height: 12px; margin-top: -9px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: rotate(45deg); transition: transform .2s var(--ease); }
.mjp-faq details[open] summary::after { transform: rotate(-135deg); margin-top: -4px; }
.mjp-faq details p { margin: 0 0 24px; max-width: 62ch; color: var(--text2); }

/* ---------- final ---------- */
.mjp-final { text-align: left; }
.mjp-final .mjp-lead { margin-bottom: 1.6em; }
.mjp-soft { display: flex; flex-wrap: wrap; gap: 8px 26px; margin: 8px 0 28px !important; }
.mjp-soft a { color: var(--bone); font-weight: 500; }
.mjp-fine { max-width: 60ch; }

/* narrow screens: tables stay inside the screen so the Pro column is always visible */
@media (max-width: 640px) {
  .mjp-mx { min-width: 0; border-spacing: 5px; }
  .mjp-mx td { padding: 14px 12px; border-radius: 12px; }
  .mjp-mx td b { font-size: 1.1rem; }
  .mjp-mx td span { font-size: 13px; }
  .mjp-mx th { font-size: 12.5px; padding: 4px 2px; }
  .mjp-mx tbody th { width: 20%; }
  .mjp-cmp { min-width: 0; }
  .mjp-cmp th, .mjp-cmp td { padding: 12px 8px; font-size: 14px; }
  .mjp-cmp thead th { font-size: 12.5px; }
  .mjp-cmp tbody th { width: 34%; }
}

/* narrow screens */
@media (max-width: 560px) {
  .mjp { font-size: 16px; }
  .mjp a.mjp-btn { width: 100%; }
  .mjp-actions { flex-direction: column; }
}


/* ================= content pages (Home, Start Here, Framework, MJ Score, Track Record, About) ================= */
.mjp .mjp-head { padding-top: clamp(44px, 7vw, 92px); padding-bottom: clamp(28px, 4vw, 48px); }
.mjp .mjp-head h1.mjp-h1 { font-size: clamp(2.1rem, 4.8vw, 3.7rem) !important; max-width: 22ch; }
.mjp .mjp-head .mjp-lead { max-width: 60ch; }
.mjp-actions--col { margin: 20px 0 0; }
.mjp-actions--tight { margin: 16px 0 0; }
.mjp-ink a.mjp-btn--ghost { color: var(--bone); border-color: rgba(245, 241, 232, .4); }
.mjp-ink a.mjp-btn--ghost:hover { border-color: var(--bone); background: rgba(245, 241, 232, .08); }
.mjp-ink .mjp-actions { margin-bottom: 26px; }
.mjp .mjp-two--top { margin-top: 8px; align-items: start; }
.mjp h3.mjp-h3--lg, .mjp h2.mjp-h3--lg { font: 600 clamp(1.35rem, 2.4vw, 1.75rem)/1.2 var(--display) !important; letter-spacing: -.02em !important; margin: 0 0 10px !important; }

/* numbered steps: a real sequence, so numbers are fine */
.mjp .mjp-steps { counter-reset: mjstep; display: grid; gap: 0; margin: 28px 0 0; max-width: 820px; }
.mjp-stepitem { counter-increment: mjstep; position: relative; padding: 26px 0 26px 76px; border-top: 1px solid var(--line); }
.mjp-stepitem:last-child { border-bottom: 1px solid var(--line); }
.mjp-stepitem::before { content: counter(mjstep); position: absolute; left: 0; top: 22px; width: 48px; height: 48px; border-radius: 50%; background: var(--ink); color: var(--bone); font: 600 1.15rem/48px var(--display); text-align: center; }
.mjp-stepitem p { color: var(--text2); margin: 0; max-width: 60ch; }
.mjp .mjp-steps--big { margin-top: 8px; }
.mjp-steps--big .mjp-stepitem::before { background: var(--brass); color: var(--ink); }
@media (max-width: 560px) {
  .mjp-stepitem { padding-left: 58px; }
  .mjp-stepitem::before { width: 40px; height: 40px; line-height: 40px; font-size: 1rem; }
}

/* who are you */
.mjp .mjp-paths { display: grid; gap: 0; max-width: 820px; margin: 22px 0 0; }
.mjp-paths li { padding: 22px 0; border-top: 1px solid var(--line); }
.mjp-paths li:last-child { border-bottom: 1px solid var(--line); }
.mjp-paths p { color: var(--text2); margin: 0; max-width: 56ch; }
@media (min-width: 820px) {
  .mjp-paths li { display: grid; grid-template-columns: 240px 1fr auto; gap: 8px 32px; align-items: center; }
  .mjp-paths li .mjp-h3 { margin: 0 !important; }
  .mjp-paths li .mjp-actions { margin: 0; }
}

/* formula */
.mjp .mjp-formula { font: 500 1.05rem/1.5 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--brass); border-radius: 12px; padding: 16px 18px; margin: 0 0 12px; color: var(--ink); overflow-wrap: anywhere; }
.mjp .mjp-formula--lg { font-size: clamp(1rem, 2vw, 1.3rem); padding: 22px 24px; max-width: 880px; }

/* track record */
.mjp .mjp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0; margin: 20px 0 18px; border-top: 2px solid var(--ink); }
.mjp-stats div { padding: 18px 20px 18px 0; }
.mjp-stats dt { font-size: 14px; color: var(--text2); margin: 0 0 6px; }
.mjp-stats dd { margin: 0; font: 600 clamp(1.7rem, 3vw, 2.4rem)/1.1 var(--display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.mjp .mjp-trk { width: 100%; min-width: 680px; border-collapse: collapse; background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.mjp-trk th, .mjp-trk td { text-align: left; padding: 13px 16px; border-bottom: 1px solid var(--line); font-size: 15px; vertical-align: middle; }
.mjp-trk thead th { font: 600 13px var(--display); color: var(--text2); background: var(--paper); border-bottom: 2px solid var(--ink); white-space: nowrap; }
.mjp-trk .mjp-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mjp-trk .mjp-pos { color: var(--pine-d); font-weight: 600; }
.mjp-trk .mjp-neg { color: #A63E37; font-weight: 600; }
.mjp-trk em { font-style: normal; color: var(--text2); }
.mjp-sig { display: inline-block; padding: 3px 10px; border-radius: 999px; font: 600 13px/1.4 var(--body); white-space: nowrap; }
.mjp .mjp-sig--sb { background: #0E5A43; color: #fff; }
.mjp .mjp-sig--gb { background: #B9DFCB; color: var(--ink); }
.mjp .mjp-sig--b  { background: #F1E1BB; color: var(--ink); }
.mjp .mjp-sig--h  { background: #E3DDCB; color: var(--ink); }
.mjp .mjp-sig--s  { background: #A63E37; color: #fff; }

/* find me */
.mjp .mjp-links { display: grid; gap: 10px; }
.mjp-links a { font-weight: 600; font-size: 1.05rem; }

@media (max-width: 640px) {
  .mjp .mjp-trk { min-width: 0; }
  .mjp-trk th, .mjp-trk td { padding: 11px 4px; font-size: 12.5px; }
  .mjp-trk td:first-child, .mjp-trk th:first-child { padding-left: 10px; font-size: 12px; }
  .mjp-trk th:last-child, .mjp-trk td:last-child { padding-right: 10px; }
  .mjp-trk thead th { font-size: 12px; white-space: normal; }
  .mjp-trk td:first-child { white-space: nowrap; }
  .mjp-trk .mjp-hm { display: none; }
  .mjp-trk thead th.mjp-num { white-space: normal; text-align: right; }
  .mjp-trk td.mjp-num { white-space: nowrap; }
  .mjp-sig { font-size: 11.5px; padding: 2px 7px; }
}
.mjp .mjp-only-m { display: none; }
@media (max-width: 380px) { .mjp-trk .mjp-hs { display: none; } }
@media (max-width: 640px) { .mjp .mjp-only-m { display: block; } }


.mjp .mjp-headnote { font-size: 15.5px; color: var(--text2); margin: 14px 0 0; max-width: 60ch; }
.mjp .mjp-headnote a { font-weight: 600; margin-left: 6px; color: var(--pine-d); }
.mjp .mjp-means { display: grid; gap: 0; margin: 8px 0 18px; max-width: 880px; }
.mjp-means div { padding: 14px 0; border-top: 1px solid var(--line); display: grid; gap: 4px 28px; }
.mjp-means div:last-child { border-bottom: 1px solid var(--line); }
.mjp-means dt { font: 600 1rem var(--display); }
.mjp-means dd { margin: 0; color: var(--text2); }
@media (min-width: 720px) { .mjp-means div { grid-template-columns: 150px 1fr; } }

@media (prefers-reduced-motion: reduce) {
  .mjp-road-in { animation: none !important; clip-path: none !important; }
  .mjp *, .mjp *::before, .mjp *::after { transition: none !important; }
}

/* ======================================================================
   HOME PAGE ([mj_home_top] and [mj_home_bottom]). Same look as the original home.
   ====================================================================== */
body.mjp-page { background: #F5F1E8; }
.mjp.mjh {
  --road: #33433F; --road-line: #5C6E67; --pine-h: #175E46; --c-green: #1FE38A; --c-gold: #FFC94A; --c-bg1: #0B1512; --c-bg2: #0F3D2C;
  font-size: 16px;
}
.mjp .mjh-wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.mjp .mjh-label { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--pine); margin-bottom: 10px; font-weight: 600; display: inline-block; }
.mjp .mjh-title { font-family: var(--display); font-weight: 700; font-size: clamp(1.85rem, 3.2vw, 2.35rem); color: var(--ink); margin: 0 0 14px; letter-spacing: -.015em; line-height: 1.15; }
.mjp .mjh-title--flush { margin: 0; }
.mjp .mjh-subtle { font-size: 1.04rem; line-height: 1.6; color: var(--text2); max-width: 700px; margin: 0 0 36px; }
.mjp .mjh-btn-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 0; }
.mjp .mjh-btn-row .mjp-btn { margin: 0; }
.mjp .mjh-eyebrow { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: var(--brass); background: rgba(184, 134, 59, .12); border: 1px solid rgba(184, 134, 59, .35); padding: 5px 12px; border-radius: 999px; display: inline-block; margin-bottom: 18px; }

/* buttons keep the original squarer look on the home page */
.mjp.mjh a.mjp-btn { border-radius: 10px; font-family: var(--display); font-weight: 700; font-size: 15px; padding: 15px 26px; min-height: 0; }

/* hero */
.mjp .mjh-hero { background: var(--ink); padding: 76px 0 88px; color: var(--bone); overflow: hidden; border-bottom: 1px solid var(--road); }
.mjp .mjh-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 44px; align-items: center; }
.mjp .mjh-hero h1 { font-family: var(--display); font-weight: 700; font-size: clamp(2.4rem, 4.5vw, 3.35rem); line-height: 1.06; margin: 0 0 18px; letter-spacing: -.015em; color: var(--bone); }
.mjp .mjh-hero h1 span { color: var(--brass); }
.mjp .mjh-hero .mjh-sub { font-size: 1.08rem; color: #9CA8A2; margin: 0 0 28px; max-width: 520px; line-height: 1.6; }
.mjp .mjh-hero .mjp-btn--ghost { background: rgba(245, 241, 232, .06); color: var(--bone); border-color: var(--road-line); }
.mjp .mjh-hero .mjp-btn--ghost:hover { border-color: var(--brass); color: var(--brass); }
.mjp .mjh-micro { margin-top: 20px; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: #8FA39B; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.mjp .mjh-micro span { color: #8FA39B; }
.mjp .mjh-micro strong { color: var(--bone); font-weight: 600; }
.mjp .mjh-graphic { position: relative; height: 390px; width: 100%; }
.mjp .mjh-fcard { position: absolute; background: #fff; border-radius: 14px; box-shadow: 0 24px 48px rgba(0, 0, 0, .45); border: 1px solid var(--line); color: var(--ink); padding: 22px 24px; }
.mjp .mjh-f1 { top: 16px; right: 24px; width: 300px; z-index: 2; animation: mjhFloat 6s ease-in-out infinite; }
.mjp .mjh-f2 { bottom: 40px; left: 16px; width: 290px; z-index: 3; animation: mjhFloat 8s ease-in-out infinite reverse; }
.mjp .mjh-float-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 390px; height: 245px; background: linear-gradient(135deg, #17302B, #101B1A); border-radius: 16px; border: 2px solid var(--road); z-index: 1; display: flex; align-items: center; justify-content: center; box-shadow: 0 30px 60px rgba(0, 0, 0, .6); }
.mjp .mjh-frow { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; gap: 8px; }
.mjp .mjh-fscore { align-items: flex-end; margin-bottom: 12px; }
.mjp .mjh-mono { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 10px; color: var(--text2); font-weight: 600; }
.mjp .mjh-mono.mjh-pine { color: var(--pine); white-space: nowrap; }
.mjp .mjh-mono.mjh-zone { background: rgba(31, 122, 92, .12); color: var(--pine); padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.mjp .mjh-big { font-family: var(--display); font-size: 34px; font-weight: 700; color: var(--pine); line-height: 1; }
.mjp .mjh-big small { font-size: 15px; color: var(--text2); }
.mjp .mjh-chip { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; font-weight: 600; color: var(--ink); background: #E3DDCB; padding: 3px 7px; border-radius: 4px; }
.mjp .mjh-bars { display: flex; gap: 3px; }
.mjp .mjh-bars i { height: 6px; flex: 1; border-radius: 3px; display: block; }
.mjp .mjh-fv { font-family: var(--display); font-size: 30px; font-weight: 700; margin-bottom: 4px; line-height: 1.1; color: var(--ink); }
.mjp .mjh-mos { font-size: 12.5px; color: var(--pine); font-weight: 600; }
.mjp .mjh-hero .mjh-exnote { position: absolute; right: 24px; bottom: 6px; margin: 0; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 10.5px; color: #8FA39B; z-index: 4; }
@keyframes mjhFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@media (prefers-reduced-motion: reduce) { .mjp .mjh-f1, .mjp .mjh-f2 { animation: none; } }

/* proof strip */
.mjp .mjh-proof { background: #fff; border-bottom: 1px solid var(--line); padding: 20px 0 10px; box-shadow: 0 4px 18px rgba(16, 27, 26, .03); }
.mjp .mjh-proof-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.mjp .mjh-proof-label { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--text2); }
.mjp .mjh-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.mjp .mjh-pill { background: var(--bone); border: 1px solid var(--line); border-radius: 8px; padding: 6px 12px; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: var(--ink); }
.mjp .mjh-pill strong { color: var(--pine); font-weight: 600; }
.mjp .mjh-proof .mjh-proof-note { margin: 10px 0 0; font-size: 11.5px; color: var(--text2); font-family: 'IBM Plex Mono', ui-monospace, monospace; }

/* 01 begin: cards */
.mjp .mjh-begin { padding: 80px 0 40px; }
.mjp .mjh-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mjp a.mjh-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 32px 24px 26px; text-decoration: none; color: inherit; display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; position: relative; }
.mjp a.mjh-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(16, 27, 26, .07); border-color: var(--pine); }
.mjp a.mjh-card.mjh-dark { background: var(--ink); border: 2px solid var(--pine); color: var(--bone); box-shadow: 0 16px 36px rgba(16, 27, 26, .14); }
.mjp a.mjh-card.mjh-dark:hover { border-color: var(--brass); }
.mjp .mjh-card svg { width: 48px; height: 48px; margin-bottom: 20px; display: block; }
.mjp .mjh-card h3 { font-family: var(--display); font-weight: 700; font-size: 20px; line-height: 1.2; color: var(--ink); margin: 0 0 10px; }
.mjp .mjh-card p { font-size: 14.5px; color: var(--text2); margin: 0 0 18px; flex-grow: 1; line-height: 1.55; }
.mjp .mjh-card.mjh-dark h3 { color: var(--bone); }
.mjp .mjh-card.mjh-dark p { color: #9CA8A2; }
.mjp .mjh-card .mjh-link { font-size: 12.5px; font-weight: 600; font-family: 'IBM Plex Mono', ui-monospace, monospace; color: var(--pine); text-transform: uppercase; letter-spacing: .05em; }
.mjp .mjh-card.mjh-dark .mjh-link { color: var(--brass); }
.mjp .mjh-card .mjh-fine { font-size: 12px; color: #8FA39B; margin: -6px 0 14px; line-height: 1.45; display: block; }
.mjp .mjh-tag { position: absolute; top: 16px; right: 16px; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--pine); background: rgba(31, 122, 92, .1); padding: 3px 9px; border-radius: 999px; }
.mjp .mjh-dark .mjh-tag { color: var(--ink); background: var(--brass); }
.mjp p.mjh-diy { text-align: center; margin: 22px 0 0; font-size: .92rem; color: var(--text2); }
.mjp .mjh-diy a { color: var(--pine); font-weight: 600; text-decoration: underline; }

/* 02 idea */
.mjp .mjh-idea { padding: 40px 0 72px; }
.mjp .mjh-ideas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 30px; }
.mjp .mjh-idea-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 24px; position: relative; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.mjp .mjh-idea-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(16, 27, 26, .06); border-color: var(--pine); }
.mjp .mjh-art { width: 100%; height: 130px; background: #FAF8F3; border-radius: 12px; margin-bottom: 20px; border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.mjp .mjh-art svg { width: 100%; height: 100%; display: block; }
.mjp .mjh-step { position: absolute; top: 40px; left: 38px; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; font-weight: 600; color: var(--brass); }
.mjp .mjh-idea-card h3 { font-family: var(--display); font-weight: 700; font-size: 20px; color: var(--ink); margin: 0 0 10px; }
.mjp .mjh-idea-card p { font-size: 14.5px; color: var(--text2); line-height: 1.6; margin: 0; }

/* 03 recent header */
.mjp .mjh-recent { padding: 0 0 16px; }
.mjp .mjh-recent-in, .mjp .mjh-videos-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.mjp .mjh-all { font-family: var(--display); font-weight: 700; color: var(--pine); text-decoration: none; }
.mjp .mjh-all:hover { color: var(--ink); }

/* the latest-articles block sits between the two shortcodes */
body.mjp-page .wp-block-uagb-post-grid, body.mjp-page .uagb-post-grid { max-width: 1080px; margin: 0 auto 64px; padding: 0 24px; }
body.mjp-page .uagb-post-grid .uagb-post__inner-wrap, body.mjp-page .wp-block-uagb-post-grid article { background: #fff; border: 1px solid #E3DDCB; border-radius: 14px; box-shadow: 0 4px 18px rgba(16, 27, 26, .04); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
body.mjp-page .uagb-post-grid .uagb-post__inner-wrap:hover, body.mjp-page .wp-block-uagb-post-grid article:hover { border-color: #1F7A5C; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(16, 27, 26, .08); }
body.mjp-page .uagb-post__title, body.mjp-page .uagb-post__title a { font-family: 'Space Grotesk', system-ui, sans-serif; color: #101B1A; font-weight: 700; white-space: normal; overflow: visible; text-overflow: unset; display: block; -webkit-line-clamp: unset; line-height: 1.32; }
body.mjp-page .uagb-post__title a:hover { color: #1F7A5C; }

/* 04 videos */
.mjp.mjh-bottom { padding: 8px 0 72px; }
.mjp .mjh-videos { padding: 20px 0 64px; }
.mjp .mjh-videos-head { margin-bottom: 26px; }
.mjp .mjh-vgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.mjp a.mjh-vcard { background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; color: var(--ink); box-shadow: 0 4px 18px rgba(16, 27, 26, .04); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.mjp a.mjh-vcard:hover { transform: translateY(-4px); border-color: var(--pine); box-shadow: 0 12px 28px rgba(16, 27, 26, .1); }
.mjp .mjh-thumb { position: relative; width: 100%; height: 195px; background: linear-gradient(135deg, var(--c-bg1) 0%, var(--c-bg2) 100%); padding: 16px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.mjp .mjh-thumb-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; z-index: 2; }
.mjp .mjh-tk { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-weight: 700; background: var(--c-green); color: var(--c-bg1); padding: 4px 10px; border-radius: 5px; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.mjp .mjh-dur { background: rgba(11, 21, 18, .85); color: #fff; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; font-weight: 500; padding: 3px 8px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, .15); }
.mjp .mjh-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; border-radius: 50%; background: rgba(31, 227, 138, .18); border: 2px solid var(--c-green); display: flex; align-items: center; justify-content: center; transition: transform .2s ease, background .2s ease; z-index: 2; }
.mjp a.mjh-vcard:hover .mjh-play { transform: translate(-50%, -50%) scale(1.1); background: var(--c-green); }
.mjp a.mjh-vcard:hover .mjh-play path { fill: var(--c-bg1); }
.mjp .mjh-hl { font-family: var(--display); font-weight: 700; color: #fff; font-size: 1.15rem; line-height: 1.18; z-index: 2; text-shadow: 0 2px 10px rgba(0, 0, 0, .5); }
.mjp .mjh-hl span { color: var(--c-gold); }
.mjp .mjh-vmeta { padding: 18px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; background: #fff; }
.mjp .mjh-vmeta h3 { font-family: var(--display); font-size: 1.04rem; font-weight: 700; line-height: 1.35; color: var(--ink); margin: 0 0 12px; }
.mjp .mjh-watch { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; font-weight: 600; color: var(--pine); text-transform: uppercase; letter-spacing: .04em; }

/* email banner */
.mjp .mjh-mail-box { background: var(--ink); border: 1.5px solid var(--road); border-radius: 22px; padding: 56px 40px; text-align: center; box-shadow: 0 18px 42px rgba(16, 27, 26, .12); }
.mjp .mjh-mail-box h2 { color: var(--bone); font-family: var(--display); font-weight: 700; font-size: clamp(1.75rem, 3vw, 2.25rem); margin: 0 0 12px; letter-spacing: -.015em; }
.mjp .mjh-mail-box h2 span { color: var(--brass); }
.mjp .mjh-mail-box p { color: #9CA8A2; font-size: 1rem; max-width: 560px; margin: 0 auto 28px; line-height: 1.6; }
.mjp .mjh-form .mailpoet_form, .mjp .mjh-form .mailpoet_form_container, .mjp .mjh-form .mailpoet_form_inner { background: transparent; box-shadow: none; border: none; padding: 0; margin: 0 auto; max-width: 520px; }
.mjp .mjh-form .mailpoet_hp_email_label { display: none; }
.mjp .mjh-form form.mailpoet_form { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; align-items: center; max-width: 520px; margin: 0 auto; }
.mjp .mjh-form .mailpoet_paragraph { margin: 0; padding: 0; flex: 1 1 240px; background: transparent; }
.mjp .mjh-form input.mailpoet_text, .mjp .mjh-form input[type="email"] { width: 100%; background: #fff; color: var(--ink); padding: 15px 18px; border-radius: 10px; border: 1.5px solid var(--line); font-family: var(--body); font-size: 15px; outline: none; box-shadow: none; }
.mjp .mjh-form input.mailpoet_submit, .mjp .mjh-form input[type="submit"], .mjp .mjh-form button[type="submit"] { width: 100%; background: var(--brass); color: var(--ink); border: 1.5px solid var(--brass); font-family: var(--display); font-weight: 700; padding: 15px 26px; border-radius: 10px; cursor: pointer; font-size: 15px; transition: all .2s ease; text-shadow: none; }
.mjp .mjh-form input.mailpoet_submit:hover, .mjp .mjh-form input[type="submit"]:hover { background: var(--pine); border-color: var(--pine); color: #fff; }
.mjp p.mjh-disc { text-align: center; font-size: 12.5px; color: var(--text2); margin: 28px auto 0; max-width: 640px; }

@media (max-width: 1000px) {
  .mjp .mjh-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .mjp .mjh-hero-grid { grid-template-columns: 1fr; }
  .mjp .mjh-graphic { display: none; }
  .mjp .mjh-hero-content { text-align: center; }
  .mjp .mjh-hero .mjh-sub { margin: 0 auto 28px; }
  .mjp .mjh-btn-row, .mjp .mjh-micro { justify-content: center; }
  .mjp .mjh-proof-inner { flex-direction: column; text-align: center; }
  .mjp .mjh-pills { justify-content: center; }
  .mjp .mjh-proof .mjh-proof-note { text-align: center; }
}
@media (max-width: 780px) {
  .mjp .mjh-ideas, .mjp .mjh-vgrid { grid-template-columns: 1fr; gap: 20px; }
  .mjp .mjh-mail-box { padding: 40px 22px; }
  .mjp .mjh-form form.mailpoet_form { flex-direction: column; align-items: stretch; }
  .mjp .mjh-form .mailpoet_paragraph { flex: 1 1 auto; width: 100%; }
  body.mjp-page .wp-block-uagb-post-grid, body.mjp-page .uagb-post-grid { padding: 0 20px; }
}
@media (max-width: 600px) {
  .mjp .mjh-cards { grid-template-columns: 1fr; }
  .mjp .mjh-begin { padding: 56px 0 28px; }
  .mjp .mjh-hero { padding: 56px 0 64px; }
}
@media (max-width: 768px) {
  body.mjp-page .uagb-post-grid, body.mjp-page .uagb-post-grid ul, body.mjp-page .uagb-post-grid .is-grid { display: block; padding: 0 20px; margin: 0 auto 32px; }
  body.mjp-page .uagb-post-grid article, body.mjp-page .uagb-post-grid li { display: block; width: 100%; max-width: 100%; margin: 0 0 24px; }
}

/* ======================================================================
   MONEYJOURNEY PRO PAGE ([mj_pro_page], [mj_pricing]). The original Pro design, rebuilt.
   ====================================================================== */
.mjp.mjq { --road: #33433F; --road-line: #5C6E67; --pine-dk: #175E46; --muted: #8FA39B; --bone-card: #FAF8F3; --red: #A93830; --amber-bg: rgba(184, 134, 59, .22); --amber-tx: #6B4918; --lgreen-bg: rgba(31, 122, 92, .16); --lgreen-tx: #145942; --mono: 'IBM Plex Mono', ui-monospace, monospace; font-size: 16px; }
.mjp .mjq-container { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.mjp .mjq-section { padding: 84px 0; border-bottom: 1px solid var(--line); background: var(--bone); }
.mjp .mjq-section--white { background: #FBF9F4; }
.mjp #mj-pricing { scroll-margin-top: 32px; }
.mjp .mjq-h2 { font-family: var(--display); font-weight: 700; font-size: clamp(1.85rem, 3.2vw, 2.45rem); line-height: 1.12; letter-spacing: -.015em; color: var(--ink); margin: 0 0 14px; }
.mjp .mjq-h3 { font-family: var(--display); font-weight: 700; font-size: clamp(1.3rem, 2.2vw, 1.6rem); line-height: 1.2; color: var(--ink); margin: 0 0 12px; }
.mjp .mjq-head { text-align: center; max-width: 740px; margin: 0 auto 44px; }
.mjp .mjq-head p { font-size: 1.05rem; color: var(--text2); margin: 0; line-height: 1.6; }
.mjp .mjq-eyebrow { font-family: var(--mono); font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .12em; color: var(--pine); background: rgba(31, 122, 92, .09); border: 1px solid rgba(31, 122, 92, .25); padding: 6px 14px; border-radius: 999px; display: inline-block; margin-bottom: 16px; }
.mjp .mjq-mono { font-family: var(--mono); font-size: 12.5px; color: var(--text2); }
.mjp .mjq-small { font-size: 12.5px; color: var(--text2); margin: 14px 0 0; line-height: 1.55; }
.mjp .mjq-center { text-align: center; }
.mjp .mjq-pine { color: var(--pine); }
.mjp .mjq-green { color: #1FE38A; }
.mjp .mjq-ph { display: inline-block; color: transparent; background: linear-gradient(90deg, #E3DDCB, #EFE9DA, #E3DDCB); border-radius: 4px; line-height: 1.1; letter-spacing: -.1em; user-select: none; }
.mjp .mjq-ph--dark { background: linear-gradient(90deg, #33433F, #3E504B, #33433F); }

/* buttons */
.mjp a.mjq-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--pine); color: #fff; font-family: var(--display); font-size: 16px; font-weight: 700; padding: 16px 28px; border-radius: 10px; text-decoration: none; border: 1.5px solid var(--pine); box-shadow: 0 8px 22px rgba(31, 122, 92, .22); transition: background .2s ease, transform .2s ease, border-color .2s ease, color .2s ease; text-align: center; line-height: 1.25; }
.mjp a.mjq-btn:hover { background: var(--pine-dk); border-color: var(--pine-dk); color: #fff; transform: translateY(-2px); }
.mjp a.mjq-btn--outline { background: var(--bone); color: var(--ink); border-color: var(--line); box-shadow: none; }
.mjp a.mjq-btn--outline:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.mjp a.mjq-btn--brass { background: var(--brass); border-color: var(--brass); color: var(--ink); box-shadow: 0 8px 22px rgba(184, 134, 59, .25); }
.mjp a.mjq-btn--brass:hover { background: #C99A4D; border-color: #C99A4D; color: var(--ink); }
.mjp a.mjq-btn--sm { padding: 10px 16px; font-size: 14px; box-shadow: none; }
.mjp a.mjq-textlink { font-family: var(--mono); font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--brass); text-decoration: none; }
.mjp a.mjq-textlink:hover { text-decoration: underline; }
.mjp a.mjq-textlink--dark { color: var(--pine); }
.mjp a.mjq-textlink--light { color: var(--muted); display: inline-block; margin-top: 16px; }

/* 1 hero */
.mjp .mjq-hero { background: var(--ink); color: var(--bone); padding: 80px 0 84px; text-align: center; border-bottom: 2px solid var(--brass); overflow: hidden; position: relative; }
.mjp .mjq-hero::before { content: ''; position: absolute; inset: -40% -10% auto; height: 120%; background: radial-gradient(closest-side, rgba(31, 122, 92, .22), transparent 70%); pointer-events: none; }
.mjp .mjq-hero .mjq-container { position: relative; }
.mjp .mjq-badge { display: inline-flex; gap: 8px; background: rgba(184, 134, 59, .12); border: 1px solid rgba(184, 134, 59, .35); color: var(--brass); font-family: var(--mono); font-size: 12px; font-weight: 500; padding: 6px 16px; border-radius: 999px; margin-bottom: 22px; letter-spacing: .1em; text-transform: uppercase; }
.mjp .mjq-hero h1 { font-family: var(--display); font-weight: 700; color: var(--bone); font-size: clamp(2.1rem, 4.5vw, 3.35rem); max-width: 860px; margin: 0 auto 20px; line-height: 1.06; letter-spacing: -.015em; }
.mjp .mjq-hero .mjq-hero-sub { color: #9CA8A2; font-size: 1.1rem; max-width: 720px; margin: 0 auto 30px; line-height: 1.65; }
.mjp .mjq-hero-cta { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 52px; }
.mjp .mjq-micro { font-family: var(--mono); font-size: 12px; color: var(--muted); max-width: 640px; line-height: 1.6; }
.mjp .mjq-media { max-width: 860px; margin: 0 auto; background: rgba(51, 67, 63, .35); border: 1.5px solid var(--road); border-radius: 18px; padding: 14px; box-shadow: 0 24px 52px rgba(0, 0, 0, .45); text-align: left; }
.mjp .mjq-media-bar { display: flex; align-items: center; justify-content: space-between; padding: 4px 10px 12px; font-family: var(--mono); font-size: 12px; color: var(--muted); }
.mjp .mjq-media-bar strong { color: var(--brass); font-weight: 600; }
.mjp .mjq-dots { display: inline-flex; gap: 6px; }
.mjp .mjq-dots i { width: 8px; height: 8px; border-radius: 50%; background: var(--road-line); display: block; }
.mjp .mjq-dots i:first-child { background: var(--brass); }
.mjp button.mjq-video { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 1px solid var(--road); border-radius: 12px; overflow: hidden; background: #0B1512; cursor: pointer; }
.mjp .mjq-video img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .85; transition: opacity .2s; }
.mjp .mjq-video:hover img { opacity: 1; }
.mjp .mjq-play { position: absolute; top: 50%; left: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 50%; background: var(--brass); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0, 0, 0, .4); transition: transform .2s; }
.mjp .mjq-video:hover .mjq-play { transform: scale(1.08); }
.mjp .mjq-video-frame { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; }
.mjp .mjq-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* hero preview */
.mjp .mjq-preview { position: relative; display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: auto auto; gap: 14px; background: #0B1512; border: 1px solid var(--road); border-radius: 12px; padding: 22px; min-height: 300px; }
.mjp .mjq-pv-card { background: #fff; color: var(--ink); border-radius: 12px; padding: 16px 18px; box-shadow: 0 16px 34px rgba(0, 0, 0, .35); border: 1px solid var(--line); }
.mjp .mjq-pv-wl { grid-row: span 2; }
.mjp .mjq-pv-label { font-family: var(--mono); font-size: 10px; font-weight: 600; color: var(--text2); letter-spacing: .04em; margin-bottom: 10px; }
.mjp .mjq-pv-row { display: grid; grid-template-columns: 58px 1fr auto; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13px; }
.mjp .mjq-pv-row b { font-family: var(--mono); font-size: 12.5px; }
.mjp .mjq-pv-row span:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text2); }
.mjp .mjq-lockchip { font-family: var(--mono); font-size: 10.5px; font-weight: 600; background: var(--ink); color: var(--bone); padding: 3px 8px; border-radius: 6px; border: 1px solid var(--brass); }
.mjp .mjq-pv-big { font-family: var(--display); font-size: 40px; font-weight: 700; color: var(--pine); line-height: 1; }
.mjp .mjq-pv-vs { font-family: var(--mono); font-size: 11.5px; color: var(--text2); margin-top: 6px; }
.mjp .mjq-pv-alert { background: #182725; color: var(--bone); border-color: var(--pine); }
.mjp .mjq-pv-alert .mjq-pv-label { color: #1FE38A; }
.mjp .mjq-pv-alert-t { font-family: var(--display); font-weight: 700; font-size: 15px; line-height: 1.3; }
.mjp .mjq-pv-alert-s { font-size: 12.5px; color: var(--muted); margin-top: 4px; }
.mjp .mjq-pv-cap { grid-column: 1 / -1; margin: 2px 0 0; font-family: var(--mono); font-size: 11px; color: var(--muted); }
.mjp .mjq-pv-perf { animation: mjqFloat 7s ease-in-out infinite; }
.mjp .mjq-pv-alert { animation: mjqFloat 9s ease-in-out infinite reverse; }
@keyframes mjqFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* signal and score chips */
.mjp .mjq-sig, .mjp .mjq-q { display: inline-block; font-family: var(--mono); font-weight: 600; font-size: 11.5px; padding: 3px 9px; border-radius: 6px; white-space: nowrap; line-height: 1.4; }
.mjp .mjq-sig--sb, .mjp .mjq-q--a { background: #146348; color: #fff; }
.mjp .mjq-sig--gb { background: var(--pine); color: #fff; }
.mjp .mjq-sig--b, .mjp .mjq-q--b { background: var(--lgreen-bg); color: var(--lgreen-tx); }
.mjp .mjq-sig--h, .mjp .mjq-q--c { background: var(--amber-bg); color: var(--amber-tx); }
.mjp .mjq-sig--s, .mjp .mjq-q--d { background: var(--red); color: #fff; }

/* 2 trust strip */
.mjp .mjq-trust { background: #fff; border-bottom: 1px solid var(--line); padding: 22px 0; }
.mjp .mjq-trust-in { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 24px; }
.mjp .mjq-trust-item { display: flex; flex-direction: column; min-width: 120px; }
.mjp .mjq-trust-item strong { font-family: var(--display); font-size: 22px; font-weight: 700; color: var(--pine); line-height: 1.1; }
.mjp .mjq-trust-item span { font-size: 12.5px; color: var(--text2); }

/* 3 idea */
.mjp .mjq-idea { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center; margin-bottom: 44px; }
.mjp .mjq-idea-text p { font-size: 1.04rem; color: var(--text2); line-height: 1.7; margin: 0 0 14px; }
.mjp .mjq-matrix { display: grid; gap: 10px; }
.mjp .mjq-mx-row { display: grid; grid-template-columns: 110px 1fr 1fr; gap: 10px; align-items: stretch; }
.mjp .mjq-mx-col { font-family: var(--mono); font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--text2); text-align: center; align-self: end; }
.mjp .mjq-mx-lab { font-family: var(--display); font-weight: 700; font-size: 14px; color: var(--ink); align-self: center; }
.mjp .mjq-mx-cell { border-radius: 12px; padding: 18px 14px; border: 1px solid var(--line); background: #fff; display: flex; flex-direction: column; gap: 4px; min-height: 96px; justify-content: center; }
.mjp .mjq-mx-cell strong { font-family: var(--display); font-size: 18px; }
.mjp .mjq-mx-cell small { font-size: 12.5px; color: var(--text2); line-height: 1.4; }
.mjp .mjq-mx-go { background: var(--pine); border-color: var(--pine); box-shadow: 0 12px 28px rgba(31, 122, 92, .25); }
.mjp .mjq-mx-go strong, .mjp .mjq-mx-go small { color: #fff; }
.mjp .mjq-mx-wait strong { color: var(--brass); }
.mjp .mjq-mx-no strong { color: var(--red); }
.mjp .mjq-ladder-box { background: var(--ink); border-radius: 18px; padding: 32px 34px; color: var(--bone); border: 1.5px solid var(--road); }
.mjp .mjq-ladder-head { display: flex; gap: 28px; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 20px; }
.mjp .mjq-ladder-box .mjq-h3 { color: var(--bone); margin: 0; }
.mjp .mjq-ladder-head p { color: var(--muted); max-width: 560px; margin: 0; font-size: 14.5px; line-height: 1.6; }
.mjp ol.mjq-ladder { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.mjp .mjq-lad { border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 4px; background: rgba(245, 241, 232, .05); border: 1px solid var(--road); border-top: 4px solid var(--muted); }
.mjp .mjq-lad--sb { border-top-color: #1FE38A; }
.mjp .mjq-lad--gb { border-top-color: var(--pine); }
.mjp .mjq-lad--b { border-top-color: #8FD3B4; }
.mjp .mjq-lad--h { border-top-color: var(--brass); }
.mjp .mjq-lad--s { border-top-color: #D06B62; }
.mjp .mjq-lad-name { font-family: var(--display); font-weight: 700; font-size: 16px; color: var(--bone); }
.mjp .mjq-lad-range { font-family: var(--mono); font-size: 12px; color: var(--muted); }
.mjp .mjq-lad-n { font-size: 12px; color: var(--muted); margin-top: 6px; }
.mjp .mjq-lad-n b { font-family: var(--display); font-size: 18px; color: var(--bone); }

/* 4 track record */
.mjp .mjq-perf { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 30px; box-shadow: 0 8px 28px rgba(16, 27, 26, .05); margin-bottom: 44px; }
.mjp .mjq-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 26px; }
.mjp .mjq-kpi { border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; background: var(--bone-card); display: flex; flex-direction: column; gap: 2px; }
.mjp .mjq-kpi--mj { background: var(--ink); border-color: var(--ink); }
.mjp .mjq-kpi-l { font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--text2); }
.mjp .mjq-kpi strong { font-family: var(--display); font-size: 32px; font-weight: 700; color: var(--ink); line-height: 1.1; }
.mjp .mjq-kpi-s, .mjp .mjq-kpi-t { font-size: 12.5px; color: var(--text2); }
.mjp .mjq-kpi--mj .mjq-kpi-l, .mjp .mjq-kpi--mj .mjq-kpi-s, .mjp .mjq-kpi--mj .mjq-kpi-t { color: var(--muted); }
.mjp .mjq-kpi--mj strong { color: #1FE38A; }
.mjp .mjq-bars { display: flex; gap: 18px; align-items: stretch; height: 200px; padding: 0 4px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.mjp .mjq-bar-year { flex: 1 0 84px; display: flex; flex-direction: column; }
.mjp .mjq-bar-group { flex: 1; display: flex; gap: 5px; align-items: flex-end; }
.mjp .mjq-bar-slot { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.mjp .mjq-bar { display: block; width: 100%; border-radius: 4px 4px 0 0; transform-origin: bottom; transition: transform 1s cubic-bezier(.2, .7, .2, 1); }
.mjp .mjq-bar--neg { opacity: .55; background-image: repeating-linear-gradient(45deg, transparent 0 4px, rgba(255, 255, 255, .35) 4px 7px) !important; }
.mjp .mjq-bar-v { font-family: var(--mono); font-size: 10.5px; font-weight: 600; color: var(--ink); margin-bottom: 4px; white-space: nowrap; }
.mjp .mjq-bar-x { font-family: var(--mono); font-size: 11.5px; color: var(--text2); text-align: center; padding: 6px 0 0; }
.mjp .mjq-legend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; font-size: 12.5px; color: var(--text2); }
.mjp .mjq-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.mjp .mjq-sub-h { text-align: center; margin-bottom: 22px; }
.mjp .mjq-track-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mjp .mjq-track-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 18px rgba(16, 27, 26, .04); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.mjp .mjq-track-card:hover { transform: translateY(-3px); border-color: var(--pine); box-shadow: 0 12px 26px rgba(16, 27, 26, .08); }
.mjp .mjq-track-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
.mjp .mjq-track-ticker { font-family: var(--mono); font-size: 19px; font-weight: 600; color: var(--ink); background: var(--bone); border: 1px solid var(--line); padding: 2px 9px; border-radius: 6px; display: inline-block; margin-bottom: 4px; }
.mjp .mjq-track-company { font-size: 12.5px; color: var(--text2); display: block; }
.mjp .mjq-track-pill { background: rgba(31, 122, 92, .1); color: var(--pine); border: 1px solid rgba(31, 122, 92, .28); font-family: var(--mono); font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 6px; white-space: nowrap; }
.mjp .mjq-track-pill.mjq-neg { background: rgba(169, 56, 48, .1); color: var(--red); border-color: rgba(169, 56, 48, .3); }
.mjp .mjq-track-pill--muted { background: var(--bone); color: var(--text2); border-color: var(--line); }
.mjp .mjq-track-entry { font-family: var(--display); font-size: 18px; font-weight: 700; color: var(--pine); margin-bottom: 10px; }
.mjp .mjq-track-thesis { font-size: 13.5px; color: var(--text2); margin: 0; line-height: 1.55; border-top: 1px solid var(--line); padding-top: 12px; }
.mjp .mjq-veiled { background: repeating-linear-gradient(135deg, #fff 0 12px, #FAF8F3 12px 24px); }
.mjp .mjq-closed { margin-top: 40px; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 26px 28px; }
.mjp .mjq-closed p { color: var(--text2); margin: 0 0 14px; }
.mjp ul.mjq-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mjp .mjq-chips li { font-family: var(--mono); font-size: 12.5px; padding: 5px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--bone); }
.mjp .mjq-chips li b { color: var(--ink); }
.mjp .mjq-chips li.mjq-pos { color: var(--pine); }
.mjp .mjq-chips li.mjq-neg { color: var(--red); background: rgba(169, 56, 48, .06); }
.mjp .mjq-chips small { color: var(--text2); font-size: 11px; }
.mjp .mjq-more { text-align: center; max-width: 720px; margin: 36px auto 0; }
.mjp .mjq-more p { color: var(--ink); margin: 0 0 8px; }
.mjp .mjq-more p.mjq-small { color: var(--text2); }

/* 5 features */
.mjp .mjq-feature { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 38px; display: flex; align-items: center; gap: 44px; margin-bottom: 28px; box-shadow: 0 4px 20px rgba(16, 27, 26, .04); }
.mjp .mjq-feature--flip { flex-direction: row-reverse; }
.mjp .mjq-feature-text { flex: .92; }
.mjp .mjq-feature-text p { font-size: 1rem; color: var(--text2); margin: 0 0 18px; line-height: 1.65; }
.mjp ul.mjq-bullets { list-style: none; padding: 16px 0 0; margin: 0; border-top: 1px solid var(--line); }
.mjp .mjq-bullets li { font-size: 14.5px; color: var(--ink); margin-bottom: 10px; display: flex; gap: 10px; font-weight: 500; line-height: 1.45; }
.mjp .mjq-bullets li span { color: var(--pine); font-family: var(--mono); font-weight: 700; flex-shrink: 0; }
.mjp .mjq-frame { flex: 1.2; min-width: 0; background: var(--ink); border: 1.5px solid var(--road); border-radius: 16px; padding: 12px; box-shadow: 0 14px 32px rgba(16, 27, 26, .12); overflow: hidden; }
.mjp .mjq-frame-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 8px 10px; border-bottom: 1px solid var(--road); margin-bottom: 10px; }
.mjp .mjq-frame-cap { font-family: var(--mono); font-size: 10.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; text-align: right; }
.mjp .mjq-shot { display: block; width: 100%; height: auto; border-radius: 10px; }
.mjp .mjq-canvas { background: var(--bone); border-radius: 10px; padding: 14px; color: var(--ink); border: 1px solid var(--line); font-size: 12px; }
.mjp .mjq-canvas--dark { background: #1E1F22; border-color: var(--road); color: var(--bone); padding: 0; overflow: hidden; }
.mjp .mjq-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 10px; }
.mjp .mjq-tabs span { font-family: var(--display); font-weight: 700; font-size: 10.5px; padding: 3px 8px; border-radius: 5px; background: #fff; border: 1px solid var(--line); }
.mjp .mjq-tabs span.is-on { background: var(--ink); color: var(--bone); border-color: var(--ink); border-bottom: 2px solid var(--brass); }
.mjp .mjq-kpi4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 10px; }
.mjp .mjq-kpi4 div { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 9px; display: flex; flex-direction: column; }
.mjp .mjq-kpi4 div.soft { background: #A8D5C2; border-color: #91C4AE; }
.mjp .mjq-kpi4 div.strong { background: var(--pine); border-color: var(--pine); color: #fff; }
.mjp .mjq-kpi4 b { font-family: var(--mono); font-size: 17px; line-height: 1.1; }
.mjp .mjq-kpi4 small { font-size: 10px; opacity: .85; line-height: 1.2; }
.mjp .mjq-mtable { background: #fff; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.mjp .mjq-mrow { display: grid; grid-template-columns: 1.3fr 1.1fr 1fr .8fr; gap: 6px; align-items: center; padding: 7px 10px; border-top: 1px solid var(--line); font-size: 11px; }
.mjp .mjq-mrow .mjq-sig, .mjp .mjq-mrow .mjq-q { font-size: 9.5px; padding: 2px 6px; justify-self: start; }
.mjp .mjq-mhead { background: var(--ink); color: var(--bone); font-family: var(--mono); font-size: 9.5px; text-transform: uppercase; border-top: 0; border-bottom: 2px solid var(--brass); }
.mjp .mjq-wbar { height: 6px; background: var(--line); border-radius: 3px; overflow: hidden; display: block; }
.mjp .mjq-wbar i { display: block; height: 100%; background: var(--pine); border-radius: 3px; transform-origin: left; transition: transform 1.1s cubic-bezier(.2, .7, .2, 1); }
.mjp .mjq-dd-head { background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--pine); border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; display: flex; flex-direction: column; gap: 4px; }
.mjp .mjq-dd-head .mjq-mono { font-size: 10px; font-weight: 600; }
.mjp .mjq-dd-head strong { font-family: var(--display); font-size: 15px; }
.mjp .mjq-dd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 10px; }
.mjp .mjq-dd-grid div { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 10px; display: flex; flex-direction: column; }
.mjp .mjq-dd-grid small { font-family: var(--mono); font-size: 9.5px; color: var(--text2); }
.mjp .mjq-dd-grid b { font-family: var(--display); font-size: 20px; font-weight: 700; }
.mjp .mjq-dd-grid em { font-style: normal; font-size: 12px; color: var(--text2); }
.mjp .mjq-dd-cases { background: var(--ink); color: var(--bone); border-radius: 8px; padding: 12px 14px; }
.mjp .mjq-dd-cap { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; color: var(--brass); margin-bottom: 8px; }
.mjp .mjq-dd-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mjp .mjq-dd-3 div { background: rgba(51, 67, 63, .45); border: 1px solid var(--road); padding: 8px 10px; border-radius: 6px; display: flex; flex-direction: column; }
.mjp .mjq-dd-3 div.is-base { background: rgba(31, 122, 92, .22); border-color: var(--pine); }
.mjp .mjq-dd-3 small { color: var(--muted); font-size: 9.5px; }
.mjp .mjq-matrix-mock { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; }
.mjp .mjq-mm-lab { font-family: var(--mono); font-size: 9.5px; color: var(--text2); margin-bottom: 6px; }
.mjp .mjq-matrix-mock svg { width: 100%; height: 140px; display: block; }
.mjp .mjq-dot { transform-box: fill-box; transform-origin: center; transition: transform .5s cubic-bezier(.2, .7, .2, 1) calc(var(--d) * 60ms), opacity .5s calc(var(--d) * 60ms); }
.mjp .mjq-mm-axes { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 9.5px; color: var(--text2); margin-top: 4px; }
.mjp .mjq-mail { background: #fff; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.mjp .mjq-mail-h { background: var(--ink); color: var(--bone); padding: 12px 14px; display: flex; justify-content: space-between; font-size: 12px; }
.mjp .mjq-mail-h b { font-family: var(--display); }
.mjp .mjq-mail-h span { color: var(--muted); font-family: var(--mono); font-size: 10.5px; }
.mjp .mjq-mail-item { display: flex; gap: 10px; align-items: center; padding: 11px 14px; border-top: 1px solid var(--line); }
.mjp .mjq-mail-item p { margin: 0; font-size: 12.5px; color: var(--ink); }
.mjp .mjq-mail-item .mjq-sig { font-size: 10px; min-width: 76px; text-align: center; }
.mjp .mjq-dc { display: grid; grid-template-columns: 38% 62%; min-height: 280px; font-size: 11.5px; }
.mjp .mjq-dc-side { background: #161F1E; padding: 14px 12px; display: flex; flex-direction: column; gap: 6px; }
.mjp .mjq-dc-side b { font-family: var(--display); font-size: 13px; color: var(--bone); margin-bottom: 6px; }
.mjp .mjq-dc-side small { font-family: var(--mono); font-size: 9px; color: var(--muted); margin-top: 6px; }
.mjp .mjq-dc-side small.br { color: var(--brass); }
.mjp .mjq-dc-side span { color: #C2CCC8; padding: 3px 6px; border-radius: 5px; }
.mjp .mjq-dc-side span.is-on { background: var(--pine); color: #fff; font-weight: 700; }
.mjp .mjq-dc-main { background: var(--ink); padding: 0 0 14px; }
.mjp .mjq-dc-top { background: #142220; padding: 12px 14px; font-family: var(--display); font-weight: 700; font-size: 13px; color: var(--bone); display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.mjp .mjq-dc-top em { font-style: normal; font-family: var(--mono); font-size: 9px; color: var(--brass); border: 1px solid var(--brass); border-radius: 999px; padding: 2px 8px; }
.mjp .mjq-dc-msg { padding: 14px; }
.mjp .mjq-dc-who { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.mjp .mjq-dc-who i { width: 26px; height: 26px; border-radius: 8px; background: #182725; border: 2px solid var(--pine); display: block; }
.mjp .mjq-dc-who b { color: var(--brass); font-family: var(--display); }
.mjp .mjq-dc-who small { color: var(--muted); font-family: var(--mono); font-size: 9.5px; }
.mjp .mjq-dc-card { background: #182725; border: 1.5px solid var(--pine); border-left: 5px solid var(--brass); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.mjp .mjq-dc-card strong { font-family: var(--display); font-size: 14px; color: var(--bone); }
.mjp .mjq-dc-card p { margin: 0; color: #C2CCC8; font-size: 12px; line-height: 1.5; }

/* 6 watchlist preview */
.mjp .mjq-wl { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 24px; box-shadow: 0 12px 32px rgba(16, 27, 26, .06); }
.mjp .mjq-wl-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.mjp .mjq-wl-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.mjp .mjq-wl-pills span { border: 1px solid var(--line); background: var(--bone); font-family: var(--mono); font-size: 12px; padding: 6px 14px; border-radius: 999px; }
.mjp .mjq-wl-pills span.is-on { background: var(--pine); border-color: var(--pine); color: #fff; }
.mjp .mjq-wl-outer { position: relative; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.mjp .mjq-wl-scroll { overflow-x: auto; }
.mjp table.mjq-wl-table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 820px; margin: 0; }
.mjp .mjq-wl-table th { background: var(--ink); color: var(--bone); font-family: var(--mono); font-size: 11.5px; font-weight: 500; text-transform: uppercase; letter-spacing: .04em; padding: 13px 14px; border: 0; border-bottom: 2px solid var(--brass); white-space: nowrap; text-align: left; }
.mjp .mjq-wl-table td { padding: 12px 14px; border: 0; border-bottom: 1px solid var(--line); background: #fff; color: var(--ink); white-space: nowrap; }
.mjp .mjq-wl-table tr:nth-child(even) td { background: var(--bone-card); }
.mjp .mjq-wl-table tr:last-child td { border-bottom: 0; }
.mjp .mjq-tk { font-family: var(--mono); font-weight: 600; text-decoration: underline; text-decoration-color: var(--brass); }
.mjp .mjq-lockcell { display: inline-block; font-size: 12px; padding: 2px 10px; border-radius: 6px; background: var(--bone); border: 1px dashed var(--line); filter: grayscale(1); }
.mjp tr.mjq-veil-row td { background: var(--bone) !important; }
.mjp .mjq-wl-lock { position: absolute; top: 46px; left: 0; right: 0; height: 150px; background: linear-gradient(to bottom, rgba(245, 241, 232, .55), rgba(245, 241, 232, 0)); display: flex; align-items: center; justify-content: center; padding: 16px; z-index: 2; pointer-events: none; }
.mjp .mjq-wl-lock span { background: var(--ink); color: var(--bone); font-family: var(--mono); padding: 12px 22px; border-radius: 999px; font-size: 12.5px; border: 1.5px solid var(--brass); box-shadow: 0 12px 28px rgba(16, 27, 26, .25); text-align: center; }
.mjp .mjq-wl .mjq-center { margin: 18px 0 0; }

/* 7 fit */
.mjp .mjq-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mjp .mjq-fit-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 30px; }
.mjp .mjq-fit-yes { border-top: 4px solid var(--pine); }
.mjp .mjq-fit-no { border-top: 4px solid var(--line); background: #FBF9F4; }
.mjp .mjq-fit-card ul { list-style: none; margin: 0; padding: 0; }
.mjp .mjq-fit-card li { padding: 10px 0 10px 30px; border-top: 1px solid var(--line); position: relative; font-size: 15px; line-height: 1.5; }
.mjp .mjq-fit-yes li::before { content: '✓'; position: absolute; left: 4px; color: var(--pine); font-family: var(--mono); font-weight: 700; }
.mjp .mjq-fit-no li::before { content: '✕'; position: absolute; left: 4px; color: var(--text2); font-family: var(--mono); }

/* 8 pricing */
.mjp .mjq-anchor { max-width: 1080px; margin: 0 auto 36px; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--brass); border-radius: 12px; padding: 18px 22px; font-size: 15px; color: var(--text2); }
.mjp .mjq-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1080px; margin: 0 auto; align-items: stretch; }
.mjp .mjq-plans--2 { grid-template-columns: repeat(2, 1fr); max-width: 760px; }
.mjp .mjq-plan { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 34px 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; position: relative; box-shadow: 0 6px 24px rgba(16, 27, 26, .05); }
.mjp .mjq-plan--annual { background: var(--ink); border: 2px solid var(--pine); color: var(--bone); box-shadow: 0 20px 44px rgba(16, 27, 26, .16); transform: translateY(-8px); }
.mjp .mjq-ribbon { position: absolute; top: -13px; right: 20px; background: var(--brass); color: var(--ink); font-family: var(--mono); font-size: 11px; font-weight: 600; padding: 5px 12px; border-radius: 999px; letter-spacing: .05em; text-transform: uppercase; }
.mjp .mjq-plan-name { font-family: var(--display); font-size: 21px; font-weight: 700; color: var(--ink); }
.mjp .mjq-plan-tag { font-size: 14px; color: var(--text2); }
.mjp .mjq-plan-price { font-family: var(--display); font-size: 46px; font-weight: 700; color: var(--ink); line-height: 1; margin: 16px 0 8px; }
.mjp .mjq-plan-price span { font-family: var(--mono); font-size: 14px; font-weight: 500; color: var(--text2); }
.mjp .mjq-plan-sub { font-family: var(--mono); font-size: 12px; color: var(--brass); font-weight: 600; margin-bottom: 18px; line-height: 1.5; }
.mjp .mjq-plan-sub--muted { color: var(--text2); font-weight: 500; }
.mjp .mjq-plan--annual .mjq-plan-name, .mjp .mjq-plan--annual .mjq-plan-price { color: var(--bone); }
.mjp .mjq-plan--annual .mjq-plan-tag, .mjp .mjq-plan--annual .mjq-plan-price span { color: var(--muted); }
.mjp ul.mjq-plan-list { list-style: none; padding: 18px 0 0; margin: 0; border-top: 1px solid var(--line); }
.mjp .mjq-plan--annual .mjq-plan-list { border-top-color: var(--road); }
.mjp .mjq-plan-list li { display: flex; gap: 10px; font-size: 14px; color: var(--ink); margin-bottom: 11px; line-height: 1.45; }
.mjp .mjq-plan--annual .mjq-plan-list li { color: #C2CCC8; }
.mjp .mjq-plan--annual .mjq-plan-list strong { color: var(--bone); }
.mjp .mjq-plan-list li span { color: var(--pine); font-family: var(--mono); font-weight: 700; }
.mjp .mjq-plan--annual .mjq-plan-list li span { color: var(--brass); }
.mjp .mjq-plan a.mjq-btn { width: 100%; }
.mjp .mjq-guar { max-width: 1080px; margin: 44px auto 56px; background: var(--ink); color: var(--bone); border-radius: 18px; padding: 32px 36px; display: flex; align-items: center; gap: 28px; border: 1.5px solid var(--road); }
.mjp .mjq-guar-badge { flex-shrink: 0; width: 78px; height: 78px; border-radius: 50%; background: rgba(184, 134, 59, .14); border: 1.5px solid var(--brass); display: flex; align-items: center; justify-content: center; color: var(--brass); font-family: var(--mono); font-weight: 600; font-size: 14px; }
.mjp .mjq-guar h3 { font-family: var(--display); color: var(--bone); font-size: 21px; margin: 0 0 8px; line-height: 1.25; }
.mjp .mjq-guar p { color: var(--muted); font-size: 15px; margin: 0; line-height: 1.6; }
.mjp .mjq-cmp-h { text-align: center; }
.mjp .mjq-cmp-wrap { background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow-x: auto; box-shadow: 0 8px 28px rgba(16, 27, 26, .05); max-width: 1080px; margin: 0 auto; }
.mjp table.mjq-cmp { width: 100%; border-collapse: collapse; min-width: 640px; margin: 0; }
.mjp .mjq-cmp thead th { background: var(--ink); color: var(--bone); font-family: var(--display); font-size: 15px; font-weight: 700; padding: 16px 18px; text-align: center; border: 0; border-bottom: 2.5px solid var(--brass); }
.mjp .mjq-cmp thead th:first-child { text-align: left; width: 46%; }
.mjp .mjq-cmp thead th.is-pro { background: var(--pine); color: #fff; }
.mjp .mjq-cmp tbody th, .mjp .mjq-cmp tbody td { padding: 14px 18px; border: 0; border-bottom: 1px solid var(--line); font-size: 14.5px; color: var(--ink); text-align: center; background: #fff; font-weight: 400; }
.mjp .mjq-cmp tbody th { text-align: left; font-weight: 500; }
.mjp .mjq-cmp tbody tr:nth-child(even) th, .mjp .mjq-cmp tbody tr:nth-child(even) td { background: var(--bone-card); }
.mjp .mjq-cmp tbody td.is-pro { background: rgba(31, 122, 92, .09) !important; font-weight: 700; color: var(--pine); }
.mjp .mjq-yes { color: var(--pine); font-family: var(--mono); font-weight: 700; font-size: 16px; }
.mjp .mjq-no { color: var(--text2); }
.mjp .mjq-txt { font-family: var(--mono); font-size: 12.5px; color: var(--text2); }
.mjp td.is-pro .mjq-txt { color: var(--pine); font-weight: 600; }

/* 9 faq */
.mjp .mjq-faq { max-width: 820px; margin: 0 auto; display: grid; gap: 14px; }
.mjp details.mjq-faq-card { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 0 26px; box-shadow: 0 4px 16px rgba(16, 27, 26, .03); }
.mjp .mjq-faq-card summary { cursor: pointer; list-style: none; font-family: var(--display); font-weight: 700; font-size: 17.5px; color: var(--ink); padding: 20px 30px 20px 0; position: relative; }
.mjp .mjq-faq-card summary::-webkit-details-marker { display: none; }
.mjp .mjq-faq-card summary::after { content: '+'; position: absolute; right: 0; top: 16px; font-family: var(--mono); font-size: 22px; color: var(--pine); transition: transform .2s; }
.mjp .mjq-faq-card[open] summary::after { transform: rotate(45deg); }
.mjp .mjq-faq-card p { margin: 0 0 20px; font-size: 15px; color: var(--text2); line-height: 1.65; }

/* 10 closing */
.mjp .mjq-final { background: var(--ink); color: var(--bone); text-align: center; padding: 84px 0 64px; border-top: 2px solid var(--brass); }
.mjp .mjq-final h2 { font-family: var(--display); font-weight: 700; color: var(--bone); font-size: clamp(1.9rem, 3.4vw, 2.6rem); margin: 0 0 12px; line-height: 1.12; }
.mjp .mjq-final p { color: #9CA8A2; margin: 0 0 26px; font-size: 1.05rem; }
.mjp .mjq-final .mjq-textlink--light { display: block; margin-top: 18px; }
.mjp .mjq-final p.mjq-disc { max-width: 760px; margin: 40px auto 0; font-size: 12.5px; color: var(--muted); line-height: 1.6; }

/* sticky bar on phones */
.mjp .mjq-sticky { display: none; }
@media (max-width: 760px) {
  .mjp .mjq-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(16, 27, 26, .96); border-top: 1px solid var(--brass); color: var(--bone); font-family: var(--mono); font-size: 12px; transform: translateY(110%); transition: transform .3s ease; }
  .mjp .mjq-sticky.is-on { transform: none; }
}

/* responsive */
@media (max-width: 960px) {
  .mjp .mjq-idea { grid-template-columns: 1fr; gap: 28px; }
  .mjp ol.mjq-ladder { grid-template-columns: repeat(2, 1fr); }
  .mjp .mjq-track-grid { grid-template-columns: repeat(2, 1fr); }
  .mjp .mjq-feature, .mjp .mjq-feature--flip { flex-direction: column; gap: 26px; padding: 26px 22px; align-items: stretch; }
  .mjp .mjq-plans, .mjp .mjq-plans--2 { grid-template-columns: 1fr; max-width: 520px; }
  .mjp .mjq-plan--annual { order: -1; transform: none; }
  .mjp .mjq-plan--free { order: 1; }
  .mjp .mjq-guar { flex-direction: column; text-align: center; }
  .mjp .mjq-fit { grid-template-columns: 1fr; }
  .mjp .mjq-kpis { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .mjp .mjq-section { padding: 60px 0; }
  .mjp .mjq-hero { padding: 56px 0 60px; }
  .mjp .mjq-container { padding: 0 18px; }
  .mjp .mjq-track-grid { grid-template-columns: 1fr; }
  .mjp .mjq-preview { grid-template-columns: 1fr; padding: 14px; }
  .mjp .mjq-pv-wl { grid-row: auto; }
  .mjp .mjq-mx-row { grid-template-columns: 82px 1fr 1fr; }
  .mjp .mjq-kpi4 { grid-template-columns: repeat(2, 1fr); }
  .mjp .mjq-dc { grid-template-columns: 1fr; }
  .mjp .mjq-dc-side { display: none; }
  .mjp .mjq-trust-item { min-width: 40%; }
  .mjp .mjq-ladder-box, .mjp .mjq-perf, .mjp .mjq-wl, .mjp .mjq-closed { padding: 20px 16px; }
  .mjp .mjq-wl-lock span { font-size: 11px; padding: 10px 14px; }
}

/* ======================================================================
   ANIMATIONS (all pages). Content is visible without JavaScript; the script adds .mjp-anim first.
   ====================================================================== */
.mjp-anim .mjp [data-rv] { opacity: 0; transform: translateY(18px); transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1); }
.mjp-anim .mjp [data-rv].is-in { opacity: 1; transform: none; }
.mjp-anim .mjp .mjq-perf:not(.is-in) .mjq-bar { transform: scaleY(0); }
.mjp-anim .mjp .mjq-feature:not(.is-in) .mjq-wbar i { transform: scaleX(0); }
.mjp-anim .mjp .mjq-feature:not(.is-in) .mjq-dot { transform: scale(0); opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .mjp-anim .mjp [data-rv] { opacity: 1; transform: none; transition: none; }
  .mjp .mjq-pv-perf, .mjp .mjq-pv-alert { animation: none; }
  .mjp .mjq-bar, .mjp .mjq-wbar i, .mjp .mjq-dot { transition: none; }
}

.mjp .mjq-pv-row span.mjq-ph, .mjp .mjq-mrow span.mjq-ph { color: transparent; }
.mjp .mjq-mrow .mjq-ph { width: 80%; }

/* ======================================================================
   REAL SCREENSHOTS (all pages)
   ====================================================================== */
.mjp figure.mjp-shot { margin: 18px 0 6px; background: #101B1A; border: 1.5px solid #33433F; border-radius: 14px; padding: 10px; box-shadow: 0 14px 32px rgba(16, 27, 26, .14); overflow: hidden; max-width: 820px; transition: transform .25s ease, box-shadow .25s ease; }
.mjp figure.mjp-shot:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(16, 27, 26, .2); }
.mjp .mjp-shot-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 6px 9px; }
.mjp .mjp-shot-dots { display: inline-flex; gap: 5px; }
.mjp .mjp-shot-dots i { width: 7px; height: 7px; border-radius: 50%; background: #5C6E67; display: block; }
.mjp .mjp-shot-dots i:first-child { background: #B8863B; }
.mjp .mjp-shot figcaption { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 10.5px; color: #8FA39B; text-transform: uppercase; letter-spacing: .05em; text-align: right; margin: 0; }
.mjp .mjp-shot img { display: block; width: 100%; height: auto; border-radius: 8px; background: #F5F1E8; }
.mjp .mjp-stepitem figure.mjp-shot { margin: 16px 0 14px; max-width: 680px; }
.mjp .mjp-shots2 { display: grid; grid-template-columns: 1.25fr 1fr; gap: 24px; align-items: start; }
.mjp .mjp-shots2 figure.mjp-shot { margin: 0; max-width: none; }
.mjp .mjq-shot { border-radius: 10px; background: #F5F1E8; }

/* home: a look inside */
.mjp .mjh-look { padding: 8px 0 72px; }
.mjp .mjh-look-grid { display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: auto auto; gap: 22px 28px; }
.mjp .mjh-look-item--big { grid-row: span 2; }
.mjp .mjh-look-item figure.mjp-shot { margin: 0 0 14px; max-width: none; }
.mjp .mjh-look-item h3 { font-family: var(--display); font-weight: 700; font-size: 19px; color: var(--ink); margin: 0 0 6px; }
.mjp .mjh-look-item p { font-size: 14.5px; color: var(--text2); margin: 0 0 8px; line-height: 1.55; }
.mjp .mjh-look-item .mjh-all { font-size: 14px; }

/* screenshots arrive with a gentle zoom */
.mjp-anim .mjp figure.mjp-shot[data-rv] { transform: translateY(18px) scale(.97); }
.mjp-anim .mjp figure.mjp-shot[data-rv].is-in { transform: none; }
.mjp-anim .mjp .mjq-feature:not(.is-in) .mjq-shot { transform: scale(.96); opacity: .6; }
.mjp .mjq-shot { transition: transform .8s cubic-bezier(.2, .7, .2, 1) .15s, opacity .8s .15s; }
@media (max-width: 860px) {
  .mjp .mjp-shots2, .mjp .mjh-look-grid { grid-template-columns: 1fr; }
  .mjp .mjh-look-item--big { grid-row: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .mjp-anim .mjp figure.mjp-shot[data-rv], .mjp .mjq-shot { transform: none; opacity: 1; transition: none; }
}

/* ======================================================================
   FRAMEWORK PAGE ([mj_framework])
   ====================================================================== */
.mjp .mjf-hero h1 span { color: var(--brass); }
.mjp .mjf-hero { padding-bottom: 72px; }
.mjp .mjf-hero-cta { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.mjp a.mjq-btn--ghostdark { background: rgba(245, 241, 232, .06); color: var(--bone); border-color: var(--road-line); box-shadow: none; }
.mjp a.mjq-btn--ghostdark:hover { background: rgba(245, 241, 232, .1); border-color: var(--brass); color: var(--brass); }
.mjp .mjf-aud { background: #fff; border-bottom: 1px solid var(--line); padding: 24px 0; }
.mjp .mjf-aud-in { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.mjp .mjf-aud-item { display: flex; flex-direction: column; gap: 4px; padding-right: 20px; border-right: 1px solid var(--line); }
.mjp .mjf-aud-item:last-child { border-right: 0; }
.mjp .mjf-aud-item b { font-family: var(--mono); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--pine); }
.mjp .mjf-aud-item span { font-size: 14px; color: var(--text2); line-height: 1.5; }

/* funnel */
.mjp ol.mjf-funnel { list-style: none; margin: 0 auto; padding: 0; max-width: 900px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.mjp .mjf-stage { display: flex; align-items: center; gap: 24px; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 22px 28px; box-shadow: 0 4px 16px rgba(16, 27, 26, .04); }
.mjp .mjf-stage--1 { width: 100%; }
.mjp .mjf-stage--2 { width: 88%; }
.mjp .mjf-stage--3 { width: 76%; border: 1.5px solid var(--pine); }
.mjp .mjf-stage--4 { width: 64%; background: var(--ink); border: 1.5px solid var(--road); box-shadow: 0 14px 30px rgba(16, 27, 26, .16); }
.mjp .mjf-stage-num { min-width: 128px; }
.mjp .mjf-stage-num b { font-family: var(--display); font-size: 30px; font-weight: 700; color: var(--ink); line-height: 1; }
.mjp .mjf-stage--3 .mjf-stage-num b { color: var(--pine); }
.mjp .mjf-stage--4 .mjf-stage-num b { color: var(--brass); }
.mjp .mjf-stage-txt h3 { font-family: var(--display); font-size: 17px; font-weight: 700; margin: 0 0 4px; color: var(--ink); }
.mjp .mjf-stage-txt p { margin: 0; font-size: 14px; color: var(--text2); line-height: 1.5; }
.mjp .mjf-stage--4 .mjf-stage-txt h3 { color: var(--bone); }
.mjp .mjf-stage--4 .mjf-stage-txt p { color: var(--muted); }
.mjp .mjf-filter span { display: inline-block; color: var(--pine); font-family: var(--mono); font-size: 11.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; padding: 5px 14px; background: rgba(31, 122, 92, .08); border: 1px solid rgba(31, 122, 92, .2); border-radius: 6px; text-align: center; }
.mjp .mjf-funnel .mjf-stage, .mjp .mjf-funnel .mjf-filter { transition: opacity .6s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * 180ms), transform .6s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * 180ms); }
.mjp-anim .mjp .mjf-funnel[data-rv] { opacity: 1; transform: none; }
.mjp-anim .mjp .mjf-funnel:not(.is-in) .mjf-stage, .mjp-anim .mjp .mjf-funnel:not(.is-in) .mjf-filter { opacity: 0; transform: translateY(14px) scaleX(1.04); }

/* the four questions */
.mjp .mjf-q { align-items: center; }
.mjp .mjf-q .mjq-feature-text p { margin-bottom: 14px; }
.mjp .mjf-tag { display: inline-block; font-family: var(--mono); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--pine); margin-bottom: 8px; }
.mjp .mjf-tag--muted { color: var(--text2); }
.mjp .mjf-tag--brass { color: var(--brass); }
.mjp .mjf-q p.mjf-check { background: var(--bone); border-left: 3px solid var(--brass); color: var(--ink); font-size: 14.5px; padding: 10px 14px; border-radius: 0 8px 8px 0; }
.mjp .mjf-check b { font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--brass); margin-right: 4px; }
.mjp .mjf-q p.mjf-protect { border-top: 1px solid var(--line); padding-top: 12px; font-size: 14px; color: var(--ink); }
.mjp .mjf-protect b { color: var(--pine); }
.mjp ul.mjf-ladder { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.mjp .mjf-visual { flex: 1.2; min-width: 0; }
.mjp .mjf-visual figure.mjp-shot { margin: 0; max-width: none; }
.mjp .mjf-term { background: var(--ink); border: 1.5px solid var(--road); border-radius: 14px; padding: 22px 24px; color: var(--bone); box-shadow: 0 14px 30px rgba(16, 27, 26, .14); }
.mjp .mjf-term-h { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; color: var(--muted); padding-bottom: 10px; margin-bottom: 6px; border-bottom: 1px solid var(--road); }
.mjp .mjf-term-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(51, 67, 63, .6); font-size: 14.5px; transition: opacity .5s calc(var(--r) * 140ms + .2s), transform .5s calc(var(--r) * 140ms + .2s); }
.mjp .mjf-term-row:last-child { border-bottom: 0; }
.mjp .mjf-term-row em { font-style: normal; font-family: var(--mono); font-size: 12px; padding: 3px 10px; border-radius: 5px; background: rgba(31, 122, 92, .25); border: 1px solid var(--pine); color: var(--bone); white-space: nowrap; }
.mjp .mjf-term-row em.is-pro { background: rgba(184, 134, 59, .18); border-color: var(--brass); color: var(--brass); }
.mjp-anim .mjp .mjf-q:not(.is-in) .mjf-term-row { opacity: 0; transform: translateX(12px); }

/* in practice */
.mjp .mjf-case { background: var(--ink); border: 1.5px solid var(--road); border-radius: 20px; padding: 44px; box-shadow: 0 18px 40px rgba(16, 27, 26, .16); color: var(--bone); }
.mjp .mjf-case-k { display: block; font-family: var(--mono); font-size: 12px; color: var(--brass); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px; }
.mjp .mjf-case h2 { font-family: var(--display); font-weight: 700; color: var(--bone); font-size: clamp(1.7rem, 3vw, 2.3rem); margin: 0 0 12px; line-height: 1.15; }
.mjp .mjf-case > p { color: #9CA8A2; max-width: 820px; margin: 0 0 26px; line-height: 1.65; }
.mjp .mjf-case-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 22px; }
.mjp .mjf-case-card { background: rgba(51, 67, 63, .38); border: 1px solid var(--road); border-radius: 12px; padding: 18px; transition: transform .2s, border-color .2s; }
.mjp .mjf-case-card:hover { transform: translateY(-3px); border-color: var(--pine); }
.mjp .mjf-case-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.mjp .mjf-case-tk { font-family: var(--mono); font-weight: 600; color: var(--bone); background: var(--pine); padding: 3px 10px; border-radius: 5px; }
.mjp .mjf-case-ret { font-family: var(--mono); font-weight: 600; font-size: 13px; color: var(--brass); }
.mjp .mjf-case-ret.mjq-neg { color: #E8A39C; }
.mjp .mjf-case-card p { margin: 0; font-size: 13px; color: var(--muted); line-height: 1.55; }
.mjp .mjf-case-card p b { color: var(--bone); }
.mjp .mjf-case-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid var(--road); padding-top: 18px; margin-bottom: 22px; }
.mjp .mjf-case-foot p { margin: 0; color: var(--bone); font-size: 14.5px; }
.mjp .mjf-case figure.mjf-case-shot { max-width: none; margin: 0; border-color: var(--road-line); }
.mjp .mjf-case p.mjf-case-past { margin: 12px 0 0; font-size: 12px; color: var(--muted); }

/* why quality */
.mjp .mjf-reasons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 28px; }
.mjp .mjf-reason { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 26px; border-top: 4px solid var(--pine); }
.mjp .mjf-reason-n { font-family: var(--mono); font-size: 12px; font-weight: 600; color: var(--brass); }
.mjp .mjf-reason h3 { font-family: var(--display); font-size: 19px; font-weight: 700; margin: 6px 0 8px; color: var(--ink); }
.mjp .mjf-reason p { margin: 0; font-size: 14.5px; color: var(--text2); line-height: 1.6; }
.mjp .mjf-research { display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 30px; margin-bottom: 28px; }
.mjp .mjf-research-p { font-size: 15.5px; color: var(--ink); line-height: 1.65; margin: 0 0 14px; }
.mjp details.mjf-studies summary { cursor: pointer; font-family: var(--mono); font-size: 12.5px; font-weight: 600; color: var(--pine); text-transform: uppercase; letter-spacing: .04em; }
.mjp .mjf-studies ul { list-style: none; margin: 14px 0 0; padding: 0; }
.mjp .mjf-studies li { padding: 10px 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 3px; font-size: 13.5px; }
.mjp .mjf-studies a { color: var(--ink); font-weight: 600; }
.mjp .mjf-studies span { color: var(--text2); }
.mjp .mjf-studies small { color: var(--text2); font-style: italic; font-size: 12.5px; }
.mjp .mjf-limits { background: var(--bone); border-radius: 12px; padding: 20px 22px; }
.mjp .mjf-limits h3 { font-family: var(--display); font-size: 16px; font-weight: 700; margin: 0 0 8px; color: var(--ink); }
.mjp .mjf-limits ul, .mjp .mjf-never ul { margin: 0; padding: 0; list-style: none; }
.mjp .mjf-limits li { font-size: 13.5px; color: var(--text2); padding: 7px 0 7px 18px; position: relative; line-height: 1.5; }
.mjp .mjf-limits li::before { content: '!'; position: absolute; left: 2px; color: var(--brass); font-family: var(--mono); font-weight: 700; }
.mjp .mjf-never { background: var(--ink); color: var(--bone); border-radius: 16px; padding: 28px 30px; }
.mjp .mjf-never h3 { font-family: var(--display); font-size: 20px; font-weight: 700; color: var(--bone); margin: 0 0 12px; }
.mjp .mjf-never ul { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 28px; }
.mjp .mjf-never li { padding: 8px 0 8px 26px; position: relative; color: #C2CCC8; font-size: 14.5px; line-height: 1.5; border-top: 1px solid var(--road); }
.mjp .mjf-never li::before { content: '✕'; position: absolute; left: 2px; color: var(--brass); font-family: var(--mono); }

/* choose your path */
.mjp .mjf-fork { display: grid; grid-template-columns: 1fr 1.15fr; gap: 28px; align-items: stretch; }
.mjp .mjf-fork-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 34px; display: flex; flex-direction: column; justify-content: space-between; gap: 22px; box-shadow: 0 6px 24px rgba(16, 27, 26, .05); }
.mjp .mjf-fork-card > div > p { color: var(--text2); line-height: 1.6; }
.mjp .mjf-fork-card--pro { background: var(--ink); border: 2px solid var(--pine); box-shadow: 0 18px 42px rgba(16, 27, 26, .16); }
.mjp .mjf-fork-card--pro .mjq-h3 { color: var(--bone); }
.mjp .mjf-fork-card--pro > div > p { color: var(--muted); }
.mjp ul.mjf-check-list { list-style: none; margin: 16px 0 0; padding: 0; }
.mjp .mjf-check-list li { padding: 9px 0 9px 26px; position: relative; font-size: 14.5px; color: var(--text2); line-height: 1.5; border-top: 1px solid var(--line); }
.mjp .mjf-check-list li::before { content: '✓'; position: absolute; left: 2px; color: var(--pine); font-family: var(--mono); font-weight: 700; }
.mjp .mjf-check-list li b { color: var(--ink); }
.mjp .mjf-fork-card--pro .mjf-check-list li { color: var(--muted); border-top-color: var(--road); }
.mjp .mjf-fork-card--pro .mjf-check-list li b { color: var(--bone); }
.mjp .mjf-fork-card--pro .mjf-check-list li::before { color: var(--brass); }
.mjp .mjf-fork-card a.mjq-btn { width: 100%; }
.mjp p.mjf-fine { margin: 12px 0 0; font-family: var(--mono); font-size: 11.5px; color: var(--muted); text-align: center; line-height: 1.6; }
.mjp .mjf-optin { background: var(--bone); border: 1px solid var(--line); border-radius: 12px; padding: 20px; }
.mjp .mjf-optin p { margin: 0 0 10px; font-family: var(--display); color: var(--ink); }
.mjp .mjf-optin form.mailpoet_form { flex-direction: column; align-items: stretch; }
.mjp .mjf-optin input.mailpoet_submit, .mjp .mjf-optin input[type="submit"] { background: var(--pine); border-color: var(--pine); color: #fff; }
.mjp p.mjf-disc { text-align: center; font-size: 12.5px; color: var(--text2); max-width: 860px; margin: 36px auto 0; line-height: 1.6; }

@media (max-width: 960px) {
  .mjp .mjf-aud-in { grid-template-columns: 1fr; gap: 14px; }
  .mjp .mjf-aud-item { border-right: 0; border-bottom: 1px solid var(--line); padding: 0 0 12px; }
  .mjp .mjf-aud-item:last-child { border-bottom: 0; padding-bottom: 0; }
  .mjp .mjf-stage { flex-direction: column; align-items: flex-start; gap: 8px; }
  .mjp .mjf-stage--1 { width: 100%; } .mjp .mjf-stage--2 { width: 95%; } .mjp .mjf-stage--3 { width: 90%; } .mjp .mjf-stage--4 { width: 85%; }
  .mjp .mjf-case-grid { grid-template-columns: 1fr 1fr; }
  .mjp .mjf-reasons, .mjp .mjf-research, .mjp .mjf-fork, .mjp .mjf-never ul { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .mjp .mjf-case { padding: 26px 18px; }
  .mjp .mjf-case-grid { grid-template-columns: 1fr; }
  .mjp .mjf-fork-card { padding: 24px 18px; }
  .mjp .mjf-research { padding: 22px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .mjp .mjf-funnel .mjf-stage, .mjp .mjf-funnel .mjf-filter, .mjp .mjf-term-row { transition: none; opacity: 1 !important; transform: none !important; }
}

/* ======================================================================
   START HERE, MJ SCORE, TRACK RECORD, ABOUT
   ====================================================================== */
.mjp .mjq-hero-note { color: var(--brass); font-family: var(--mono); font-size: 12.5px; margin: -14px auto 26px; }
.mjp .mjq-hero--page { padding-bottom: 76px; }
.mjp a.mjq-inline { color: var(--pine); font-weight: 600; text-decoration: none; white-space: nowrap; }
.mjp a.mjq-inline:hover { text-decoration: underline; }
.mjp ol.mjs-steps { list-style: none; margin: 0; padding: 0; }
.mjp .mjs-num { display: inline-block; font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: var(--pine); padding: 4px 12px; border-radius: 999px; margin-bottom: 12px; }
.mjp .mjs-step .mjq-feature-text p { margin-bottom: 20px; }
.mjp .mjs-qn { font-family: var(--mono); color: var(--brass); margin-right: 6px; }
.mjp .mjs-paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mjp .mjs-path { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 30px; display: flex; flex-direction: column; gap: 8px; }
.mjp .mjs-path h3 { font-family: var(--display); font-size: 20px; font-weight: 700; color: var(--ink); margin: 0; }
.mjp .mjs-path p { color: var(--text2); margin: 0 0 8px; flex: 1; line-height: 1.6; }
.mjp .mjs-path--dark { background: var(--ink); border-color: var(--ink); }
.mjp .mjs-path--dark h3 { color: var(--bone); }
.mjp .mjs-path--dark p { color: var(--muted); }

.mjp .mjsc-parts { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: stretch; }
.mjp .mjsc-part { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 32px; }
.mjp .mjsc-part > p { color: var(--text2); line-height: 1.6; }
.mjp .mjsc-part--dark { background: var(--ink); border-color: var(--ink); color: var(--bone); }
.mjp .mjsc-part--dark .mjq-h3 { color: var(--bone); }
.mjp .mjsc-part--dark > p { color: var(--muted); }
.mjp .mjsc-plus { align-self: center; width: 48px; height: 48px; border-radius: 50%; background: var(--brass); color: var(--ink); font-family: var(--display); font-weight: 700; font-size: 26px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(184, 134, 59, .35); }
.mjp ul.mjsc-qlist { list-style: none; margin: 16px 0 0; padding: 0; }
.mjp .mjsc-qlist li { display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; column-gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); transition: opacity .5s calc(var(--r) * 110ms + .15s), transform .5s calc(var(--r) * 110ms + .15s); }
.mjp .mjsc-qi { grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; background: rgba(31, 122, 92, .1); color: var(--pine); font-family: var(--mono); font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.mjp .mjsc-qlist b { font-family: var(--display); font-size: 15.5px; color: var(--ink); }
.mjp .mjsc-qlist small { font-size: 13.5px; color: var(--text2); }
.mjp-anim .mjp .mjsc-part:not(.is-in) .mjsc-qlist li { opacity: 0; transform: translateX(-10px); }
.mjp .mjsc-mos { margin: 22px 0 18px; }
.mjp .mjsc-mos-track { position: relative; height: 16px; border-radius: 999px; background: rgba(245, 241, 232, .08); overflow: hidden; display: flex; }
.mjp .mjsc-mos-px { display: block; width: 70%; background: linear-gradient(90deg, #1F7A5C, #26946F); border-radius: 999px 0 0 999px; transform-origin: left; transition: transform 1.1s cubic-bezier(.2, .7, .2, 1) .2s; }
.mjp .mjsc-mos-gap { display: block; width: 30%; background: repeating-linear-gradient(45deg, rgba(184, 134, 59, .55) 0 6px, rgba(184, 134, 59, .25) 6px 12px); transform-origin: left; transition: transform .8s cubic-bezier(.2, .7, .2, 1) 1.1s; }
.mjp-anim .mjp .mjsc-part:not(.is-in) .mjsc-mos-px, .mjp-anim .mjp .mjsc-part:not(.is-in) .mjsc-mos-gap { transform: scaleX(0); }
.mjp .mjsc-mos-lab { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 11.5px; color: var(--muted); margin-top: 8px; }
.mjp .mjsc-mos-g { color: var(--brass); font-weight: 600; }
.mjp p.mjsc-formula { font-family: var(--mono); font-size: 13.5px; background: rgba(245, 241, 232, .06); border: 1px solid var(--road); border-radius: 14px; padding: 12px 14px; color: var(--bone); margin: 0 0 10px; }
.mjp p.mjsc-ex { font-size: 13.5px; color: var(--muted); margin: 0; }
.mjp .mjsc-fx { margin-top: 24px; background: var(--ink); border-radius: 24px; padding: 28px 32px; }
.mjp .mjsc-fx h3 { font-family: var(--display); color: var(--bone); margin: 0 0 12px; }
.mjp ol.mjsc-ladder { margin-bottom: 8px; }
.mjp .mjsc-lad-m { font-size: 12.5px; line-height: 1.5; color: #C2CCC8; margin-top: 8px; border-top: 1px solid var(--road); padding-top: 8px; }
.mjp p.mjsc-note { color: var(--muted); font-size: 12.5px; margin: 6px 0 0; }

.mjp .mjt-chips { justify-content: center; max-width: 900px; margin: 0 auto; }
.mjp .mjt-chips li { font-size: 14px; padding: 8px 14px; border-radius: 999px; }
.mjp .mjt-kpis { max-width: 900px; margin: 0 auto 24px; }
.mjp .mjt-table td.mjt-pos { color: var(--pine); font-weight: 600; }
.mjp .mjt-table td.mjt-neg { color: var(--red); font-weight: 600; }
.mjp .mjt-table td em { font-style: normal; color: var(--text2); }
.mjp .mjt-rules { max-width: 820px; margin: 0 auto; background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 32px 36px; }
.mjp .mjt-rules ol { margin: 0; padding: 0; list-style: none; counter-reset: r; }
.mjp .mjt-rules li { counter-increment: r; position: relative; padding: 12px 0 12px 44px; border-top: 1px solid var(--line); line-height: 1.6; color: var(--ink); }
.mjp .mjt-rules li::before { content: counter(r); position: absolute; left: 0; top: 10px; width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: var(--bone); font-family: var(--mono); font-size: 12px; display: flex; align-items: center; justify-content: center; }

.mjp .mja-photo img { width: 100%; height: auto; display: block; border-radius: 28px; box-shadow: 0 24px 48px rgba(16, 27, 26, .16); }
.mjp .mja-photo figure.mjp-shot { margin: 0; max-width: none; }
.mjp ol.mja-how { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; position: relative; }
.mjp ol.mja-how::before { content: ''; position: absolute; left: 6%; right: 6%; top: 34px; height: 2px; background: linear-gradient(90deg, var(--pine), var(--brass)); transform-origin: left; transition: transform 1.4s cubic-bezier(.2, .7, .2, 1); }
.mjp .mja-how li { position: relative; background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 24px; padding-top: 22px; transition: opacity .6s calc(var(--i) * 160ms + .2s), transform .6s calc(var(--i) * 160ms + .2s); }
.mjp .mja-how-n { display: flex; width: 26px; height: 26px; border-radius: 50%; background: var(--ink); color: var(--brass); font-family: var(--mono); font-size: 11px; font-weight: 700; align-items: center; justify-content: center; margin-bottom: 12px; box-shadow: 0 0 0 6px #fff; }
.mjp .mja-how h3 { font-family: var(--display); font-size: 19px; font-weight: 700; margin: 0 0 6px; color: var(--ink); }
.mjp .mja-how p { margin: 0; font-size: 14px; color: var(--text2); line-height: 1.55; }
.mjp-anim .mjp .mja-how[data-rv] { opacity: 1; transform: none; }
.mjp-anim .mjp .mja-how:not(.is-in)::before { transform: scaleX(0); }
.mjp-anim .mjp .mja-how:not(.is-in) li { opacity: 0; transform: translateY(16px); }
.mjp .mja-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 24px; }
.mjp .mja-not p { color: #C2CCC8; margin: 0; line-height: 1.65; }
.mjp .mja-find { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.mjp a.mja-find-card { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 26px; text-decoration: none; display: flex; flex-direction: column; gap: 6px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.mjp a.mja-find-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(16, 27, 26, .1); border-color: var(--pine); }
.mjp .mja-find-ic { width: 44px; height: 44px; border-radius: 14px; background: var(--ink); color: var(--bone); display: flex; align-items: center; justify-content: center; font-size: 18px; margin-bottom: 8px; }
.mjp .mja-find--youtube .mja-find-ic { background: #C4302B; }
.mjp .mja-find-card b { font-family: var(--display); font-size: 18px; color: var(--ink); }
.mjp .mja-find-card span { font-size: 14px; color: var(--text2); line-height: 1.5; }
.mjp .mja-find-card small { font-family: var(--mono); font-size: 12px; color: var(--pine); }

@media (max-width: 960px) {
  .mjp .mjs-paths, .mjp .mja-two { grid-template-columns: 1fr; }
  .mjp .mjsc-parts { grid-template-columns: 1fr; }
  .mjp .mjsc-plus { justify-self: center; }
  .mjp ol.mja-how { grid-template-columns: 1fr 1fr; }
  .mjp ol.mja-how::before { display: none; }
  .mjp .mja-find { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .mjp ol.mja-how, .mjp .mja-find { grid-template-columns: 1fr; }
  .mjp .mjsc-part, .mjp .mjt-rules { padding: 24px 20px; }
}

/* ======================================================================
   APPLE-STYLE FINISH (all pages): calmer type, more air, rounder corners, pill buttons, soft shadows
   ====================================================================== */
.mjp.mjq, .mjp.mjh { --r-lg: 28px; --r-md: 22px; --r-sm: 14px; --soft: 0 1px 2px rgba(16, 27, 26, .04), 0 10px 30px rgba(16, 27, 26, .06); --lift: 0 2px 4px rgba(16, 27, 26, .05), 0 22px 48px rgba(16, 27, 26, .12); }
.mjp.mjq { -webkit-font-smoothing: antialiased; }
.mjp .mjq-section { padding: 104px 0; border-bottom: 0; }
.mjp .mjq-h2 { font-size: clamp(2rem, 4.2vw, 3rem); letter-spacing: -.028em; line-height: 1.07; }
.mjp .mjq-h3 { letter-spacing: -.018em; }
.mjp .mjq-head { margin-bottom: 56px; }
.mjp .mjq-head p { font-size: 1.12rem; line-height: 1.55; }
.mjp .mjq-hero h1 { letter-spacing: -.03em; }
.mjp .mjq-eyebrow { background: transparent; border: 0; padding: 0; font-size: 12.5px; color: var(--brass); }
.mjp a.mjq-btn, .mjp.mjh a.mjp-btn { border-radius: 980px; padding: 15px 28px; }
.mjp a.mjq-btn--sm { padding: 10px 18px; }
.mjp .mjq-feature, .mjp .mjq-perf, .mjp .mjq-wl, .mjp .mjq-closed, .mjp .mjq-fit-card, .mjp .mjq-plan, .mjp .mjf-research, .mjp .mjf-fork-card, .mjp .mjq-cmp-wrap, .mjp .mjq-ladder-box, .mjp .mjq-guar, .mjp .mjf-case, .mjp .mjf-never { border-radius: var(--r-lg); }
.mjp .mjq-feature, .mjp .mjq-perf, .mjp .mjq-wl, .mjp .mjq-closed, .mjp .mjq-fit-card, .mjp .mjf-research, .mjp .mjf-fork-card, .mjp .mjf-reason, .mjp .mjs-path, .mjp .mjsc-part, .mjp .mja-how li, .mjp .mjt-rules, .mjp .mjq-track-card, .mjp .mjf-stage { box-shadow: var(--soft); border-color: rgba(227, 221, 203, .7); }
.mjp .mjq-track-card, .mjp .mjf-reason, .mjp .mjq-kpi, .mjp .mjf-stage, .mjp .mjq-mx-cell, .mjp details.mjq-faq-card { border-radius: var(--r-md); }
.mjp .mjf-reason { border-top: 1px solid rgba(227, 221, 203, .7); }
.mjp .mjf-reason-n { display: inline-flex; width: 30px; height: 30px; border-radius: 50%; align-items: center; justify-content: center; background: rgba(184, 134, 59, .12); }
.mjp figure.mjp-shot { border-radius: var(--r-md); padding: 8px; border-color: rgba(51, 67, 63, .6); }
.mjp .mjp-shot img { border-radius: 16px; }
.mjp .mjq-frame { border-radius: var(--r-md); }
.mjp .mjq-canvas { border-radius: 16px; }
.mjp .mjq-feature:hover, .mjp .mjf-reason:hover, .mjp .mjs-path:hover { box-shadow: var(--lift); }
.mjp .mjq-feature, .mjp .mjf-reason, .mjp .mjs-path { transition: box-shadow .35s ease, transform .35s ease, opacity .7s cubic-bezier(.2, .7, .2, 1); }
.mjp .mjq-trust { background: rgba(255, 255, 255, .72); backdrop-filter: saturate(180%) blur(12px); -webkit-backdrop-filter: saturate(180%) blur(12px); }
.mjp .mjq-sticky { border-radius: 18px 18px 0 0; }
.mjp .mjq-wl-pills span, .mjp .mjq-lockchip, .mjp .mjq-sig, .mjp .mjq-q { border-radius: 999px; }
.mjp .mjq-sig, .mjp .mjq-q { padding: 3px 10px; }
.mjp .mjq-wl-outer, .mjp .mjq-mtable, .mjp .mjq-mail { border-radius: 16px; }
/* home keeps its own layout, with the same finish */
.mjp .mjh-card, .mjp .mjh-idea-card, .mjp .mjh-vcard, .mjp .mjh-mail-box { border-radius: var(--r-lg) !important; }
.mjp a.mjh-card, .mjp .mjh-idea-card, .mjp a.mjh-vcard { box-shadow: var(--soft); border-color: rgba(227, 221, 203, .7); }
.mjp .mjh-art { border-radius: var(--r-md); }
.mjp .mjh-fcard { border-radius: var(--r-md); }
@media (max-width: 600px) {
  .mjp .mjq-section { padding: 68px 0; }
  .mjp .mjq-head { margin-bottom: 36px; }
}
.mjp.mjt .mjq-perf > .mjq-h3 { display: none; }

/* ==========================================================================
   v0.7: Watchlist, Portfolio, Research and template pages
   ========================================================================== */
.mjp.mjw, .mjp.mjpf, .mjp.mjr, .mjp.mjtp { --r-lg: 28px; --r-md: 22px; --r-sm: 14px; --soft: 0 1px 2px rgba(16, 27, 26, .04), 0 10px 30px rgba(16, 27, 26, .06); --lift: 0 2px 4px rgba(16, 27, 26, .05), 0 22px 48px rgba(16, 27, 26, .12); }
.mjp .mjq-container--wide { max-width: 1280px; }
.mjp .mjq-embed { padding-top: 56px; }
.mjp .mjq-embed > .mjq-container > :first-child { margin-top: 0 !important; }

/* signal dots in the counts strip */
.mjp .mjw-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 8px; vertical-align: middle; position: relative; top: -2px; }
.mjp .mjw-dot--sb { background: #0E5A43; } .mjp .mjw-dot--gb { background: #1F7A5C; } .mjp .mjw-dot--b { background: #7FBF9F; }
.mjp .mjw-dot--h { background: var(--brass); } .mjp .mjw-dot--s { background: #A93830; }
.mjp.mjw .mjq-trust-item strong { color: var(--ink); }
.mjp.mjw .mjq-trust-item:first-child strong { color: var(--pine); }

/* watchlist intro */
.mjp .mjw-intro { padding-bottom: 24px; }
.mjp .mjw-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mjp .mjw-value { max-width: 760px; margin: 34px auto 30px; text-align: center; font-size: 1.08rem; line-height: 1.65; color: var(--ink); }
.mjp .mjw-how { list-style: none; margin: 0; padding: 6px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; background: rgba(16, 27, 26, .05); border-radius: 20px; counter-reset: mjw; }
.mjp .mjw-how li { background: #fff; border-radius: 15px; padding: 16px 18px; box-shadow: 0 1px 2px rgba(16, 27, 26, .05); counter-increment: mjw; }
.mjp .mjw-how li b { display: block; font-family: var(--display); font-size: 15px; margin-bottom: 4px; }
.mjp .mjw-how li b::before { content: counter(mjw); display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 8px; border-radius: 50%; background: rgba(31, 122, 92, .12); color: var(--pine); font: 600 12px var(--mono); }
.mjp .mjw-how li span { font-size: 13.5px; color: var(--text2); line-height: 1.5; }

/* suggestion block */
.mjp .mjq-suggest-sec { padding-top: 24px; }
.mjp .mjq-suggest { max-width: 720px; margin: 0 auto; background: #fff; border-radius: var(--r-lg, 28px); box-shadow: var(--soft); padding: clamp(28px, 4vw, 48px); text-align: center; }
.mjp .mjq-suggest .mjq-h2 { margin-bottom: 10px; }
.mjp .mjq-suggest > p { color: var(--text2); margin: 0 auto 18px; max-width: 560px; }
.mjp .mjq-suggest-pts { list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.mjp .mjq-suggest-pts li { font-size: 13px; background: var(--bone); border-radius: 999px; padding: 6px 14px; color: var(--ink); }
.mjp .mjq-suggest-form { text-align: left; margin-top: 8px; }
.mjp .mjq-suggest .mjq-small { margin-top: 18px; }

/* forms from WPForms and MailPoet, inside our pages */
.mjp :is(.mjq-suggest-form, .mjtp-mp) :is(.wpforms-container, .mailpoet_form) { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; max-width: none !important; }
.mjp :is(.mjq-suggest-form, .mjtp-mp) :is(input[type="text"], input[type="email"], input[type="url"], textarea, select) { width: 100% !important; max-width: none !important; box-sizing: border-box; background: var(--bone) !important; border: 1px solid transparent !important; border-radius: 14px !important; padding: 13px 16px !important; font: 15px var(--body) !important; color: var(--ink) !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s, background .2s; }
.mjp :is(.mjq-suggest-form, .mjtp-mp) :is(input, textarea, select):focus { background: #fff !important; border-color: var(--pine) !important; box-shadow: 0 0 0 4px rgba(31, 122, 92, .12) !important; outline: 0 !important; }
.mjp :is(.mjq-suggest-form, .mjtp-mp) :is(button[type="submit"], input[type="submit"], .wpforms-submit, .mailpoet_submit) { width: 100% !important; background: var(--pine) !important; border: 0 !important; color: #fff !important; font: 600 16px var(--display) !important; padding: 15px 24px !important; border-radius: 999px !important; cursor: pointer; text-shadow: none !important; box-shadow: 0 8px 22px rgba(31, 122, 92, .25) !important; transition: background .2s, transform .12s; }
.mjp :is(.mjq-suggest-form, .mjtp-mp) :is(button[type="submit"], input[type="submit"], .wpforms-submit, .mailpoet_submit):hover { background: var(--pine-d) !important; }
.mjp :is(.mjq-suggest-form, .mjtp-mp) :is(button[type="submit"], input[type="submit"], .mailpoet_submit):active { transform: scale(.98); }
.mjp .mjq-suggest-form .wpforms-field-label { font: 600 14px var(--display) !important; color: var(--ink) !important; }
.mjp .mjtp-mp .mailpoet_paragraph { margin: 0 0 12px !important; }

/* research hub */
.mjp .mjr-search-wrap { position: relative; z-index: 2; margin: -30px auto 0; max-width: 680px; padding: 0 18px; }
.mjp .mjr-search { display: flex; gap: 6px; background: #fff; border-radius: 999px; padding: 6px; box-shadow: var(--lift); }
.mjp .mjr-search input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; padding: 12px 18px !important; font: 15.5px var(--body); color: var(--ink); outline: 0; box-shadow: none !important; }
.mjp .mjr-search button { border: 0; background: var(--pine); color: #fff; font: 600 15px var(--display); padding: 12px 24px; border-radius: 999px; cursor: pointer; transition: background .2s; }
.mjp .mjr-search button:hover { background: var(--pine-d); }
.mjp .mjr-search:focus-within { box-shadow: var(--lift), 0 0 0 4px rgba(31, 122, 92, .14); }
.mjp .mjr-legend-sec { padding-top: 56px; padding-bottom: 8px; }
.mjp .mjr-legend-h { font: 600 14px var(--mono); text-transform: uppercase; letter-spacing: .12em; color: var(--text2); text-align: center; margin: 0 0 18px; }
.mjp .mjr-legend { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 40px; }
.mjp .mjr-legend-item { background: #fff; border-radius: var(--r-md); padding: 20px; box-shadow: var(--soft); }
.mjp .mjr-legend-item .mjf-reason-n { display: block; margin-bottom: 8px; }
.mjp .mjr-legend-item b { display: block; font: 600 16px var(--display); margin-bottom: 6px; }
.mjp .mjr-legend-item p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--text2); }
.mjp .mjr-featured { background: var(--ink); color: var(--bone); border-radius: var(--r-lg); padding: clamp(22px, 3vw, 34px); margin-bottom: 48px; }
.mjp .mjr-featured-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.mjp .mjr-featured-head b { font: 600 19px var(--display); }
.mjp .mjr-featured-head .mjq-textlink { color: var(--brass); }
.mjp .mjr-ftag { font: 500 12px var(--mono); color: var(--brass); text-transform: uppercase; letter-spacing: .1em; margin-right: 6px; }
.mjp .mjr-fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.mjp a.mjr-fcard { display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: var(--bone); background: rgba(245, 241, 232, .05); border: 1px solid rgba(92, 110, 103, .45); border-radius: var(--r-md); padding: 20px; transition: transform .35s var(--ease), border-color .25s, background .25s; }
.mjp a.mjr-fcard:hover { transform: translateY(-3px); border-color: var(--brass); background: rgba(245, 241, 232, .08); color: var(--bone); }
.mjp .mjr-ftop { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.mjp .mjr-fq { font: 600 12px var(--mono); color: #7FD1AC; background: rgba(31, 122, 92, .2); padding: 3px 9px; border-radius: 999px; }
.mjp a.mjr-fcard b { font: 600 18px var(--display); }
.mjp .mjr-fline { font-size: 14px; line-height: 1.5; color: #9CA8A2; }
.mjp a.mjr-fcard small { font: 12px var(--mono); color: var(--brass); margin-top: auto; padding-top: 6px; }
.mjp .mjr-latest { padding-bottom: 0; }
.mjp .mjr-latest-h { margin: 0; }
.mjp.mjr:not(.mjr-bottom) > .mjr-legend-sec { padding-bottom: 12px; }

/* research bottom: Pro bridge */
.mjp.mjr-bottom > .mjq-section:first-child { padding-top: 48px; }
.mjp .mjr-pro { display: grid; grid-template-columns: 1.35fr .65fr; gap: 32px; align-items: center; background: var(--ink); color: var(--bone); border-radius: var(--r-lg); padding: clamp(26px, 4vw, 44px); box-shadow: var(--lift); position: relative; overflow: hidden; }
.mjp .mjr-pro::before { content: ''; position: absolute; inset: -50% auto auto -20%; width: 70%; height: 160%; background: radial-gradient(closest-side, rgba(31, 122, 92, .25), transparent 70%); pointer-events: none; }
.mjp .mjr-pro > * { position: relative; }
.mjp .mjr-pro h2 { font: 700 clamp(1.5rem, 2.8vw, 2.1rem)/1.15 var(--display); letter-spacing: -.02em; color: var(--bone); margin: 0 0 12px; }
.mjp .mjr-pro h2 span { color: var(--brass); }
.mjp .mjr-pro p { color: #9CA8A2; margin: 0 0 18px; line-height: 1.6; }
.mjp .mjr-perks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mjp .mjr-perks li { font: 500 12.5px var(--mono); background: rgba(245, 241, 232, .06); border: 1px solid rgba(92, 110, 103, .6); border-radius: 999px; padding: 6px 13px; }
.mjp .mjr-pro-box { background: rgba(245, 241, 232, .05); border: 1px solid rgba(92, 110, 103, .5); border-radius: var(--r-md); padding: 26px 22px; text-align: center; display: flex; flex-direction: column; gap: 6px; align-items: stretch; }
.mjp .mjr-pro-k { font: 500 12px var(--mono); color: #9CA8A2; text-transform: uppercase; letter-spacing: .1em; }
.mjp .mjr-pro-box b { font: 700 40px/1.05 var(--display); color: var(--bone); letter-spacing: -.02em; }
.mjp .mjr-pro-box b small { font: 500 15px var(--body); color: #9CA8A2; }
.mjp .mjr-pro-bill { font: 12.5px var(--mono); color: var(--brass); margin-bottom: 10px; }
.mjp .mjr-pro-box .mjq-btn { width: 100%; justify-content: center; }
.mjp .mjr-pro-fine { font-size: 12.5px; color: #9CA8A2; margin-top: 4px; }

/* template landing */
.mjp .mjtp-get-sec { padding-top: 0; }
.mjp .mjtp-get { position: relative; z-index: 2; margin-top: -44px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 0; background: #fff; border-radius: var(--r-lg); box-shadow: var(--lift); overflow: hidden; }
.mjp .mjtp-sample { background: linear-gradient(160deg, #F8F5EE, #EFE9DB); padding: clamp(24px, 3.5vw, 40px); display: flex; flex-direction: column; gap: 16px; }
.mjp .mjtp-sample-head { display: flex; justify-content: space-between; align-items: center; font: 600 12px var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--text2); }
.mjp .mjtp-tag { background: var(--ink); color: var(--bone); padding: 4px 10px; border-radius: 999px; font-size: 11px; }
.mjp .mjtp-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mjp .mjtp-metric { background: #fff; border-radius: 16px; padding: 16px 18px; box-shadow: 0 1px 2px rgba(16, 27, 26, .05); }
.mjp .mjtp-metric small { display: block; font-size: 12.5px; color: var(--text2); margin-bottom: 6px; }
.mjp .mjtp-metric b { font: 700 24px/1.05 var(--display); letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.mjp .mjtp-metric b.is-go { color: var(--pine); }
.mjp .mjtp-bars { display: flex; align-items: flex-end; gap: 8px; height: 74px; padding: 0 4px; margin-top: auto; }
.mjp .mjtp-bars i { flex: 1; height: var(--h); border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, #2E9573, #1F7A5C); opacity: .85; transform-origin: bottom; transition: transform .8s var(--ease); }
.mjp .mjtp-bars i:nth-child(n+6) { background: linear-gradient(180deg, #C99A4D, var(--brass)); }
.mjp-anim .mjp .mjtp-get:not(.is-in) .mjtp-bars i { transform: scaleY(.1); }
.mjp .mjtp-bars i:nth-child(2) { transition-delay: .06s; } .mjp .mjtp-bars i:nth-child(3) { transition-delay: .12s; } .mjp .mjtp-bars i:nth-child(4) { transition-delay: .18s; }
.mjp .mjtp-bars i:nth-child(5) { transition-delay: .24s; } .mjp .mjtp-bars i:nth-child(6) { transition-delay: .3s; } .mjp .mjtp-bars i:nth-child(7) { transition-delay: .36s; }
.mjp .mjtp-form { padding: clamp(24px, 3.5vw, 44px); display: flex; flex-direction: column; justify-content: center; }
.mjp .mjtp-form h2 { font: 700 clamp(1.5rem, 2.6vw, 2rem)/1.15 var(--display); letter-spacing: -.02em; margin: 0 0 10px; }
.mjp .mjtp-form > p { color: var(--text2); margin: 0 0 20px; }
.mjp .mjtp-lock { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text2); margin: 16px 0 0 !important; }
.mjp .mjtp-pain { border-top: 3px solid var(--brass); }
.mjp .mjtp-inside { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mjp .mjtp-in { background: #fff; border-radius: var(--r-md); padding: 24px; box-shadow: var(--soft); transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.mjp .mjtp-in:hover { transform: translateY(-3px); box-shadow: var(--lift); }
.mjp .mjtp-check { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(31, 122, 92, .12); color: var(--pine); font-weight: 700; margin-bottom: 12px; }
.mjp .mjtp-in h3 { font: 600 17px/1.3 var(--display); margin: 0 0 6px; }
.mjp .mjtp-in p { margin: 0; font-size: 14.5px; color: var(--text2); line-height: 1.55; }
.mjp .mjtp-narrow { max-width: 860px; }

@media (max-width: 960px) {
  .mjp .mjw-how, .mjp .mjr-legend { grid-template-columns: 1fr 1fr; }
  .mjp .mjtp-inside { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  .mjp .mjw-pillars, .mjp .mjr-fgrid { grid-template-columns: 1fr; }
  .mjp .mjr-pro, .mjp .mjtp-get { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .mjp .mjw-how, .mjp .mjr-legend, .mjp .mjtp-inside { grid-template-columns: 1fr; }
  .mjp .mjtp-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }
  .mjp .mjtp-metric { padding: 12px 14px; }
  .mjp .mjtp-metric b { font-size: 19px; }
  .mjp .mjr-search button { padding: 12px 16px; }
  .mjp .mjtp-get { margin-top: -28px; }
}
@media (prefers-reduced-motion: reduce) {
  .mjp .mjtp-bars i, .mjp a.mjr-fcard, .mjp .mjtp-in { transition: none; }
}
.mjp .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mjp .mjq-suggest-form:empty { display: none; }
.mjp .mjq-suggest-form { margin-top: 4px; }