/* MO Global — coaching pricing table */
.mo-coaching{ width:100%; }
.mo-coaching__grid{
	display:grid; grid-template-columns:1fr; gap:1.25rem; align-items:stretch;
}
@media(min-width:768px){ .mo-coaching__grid{ grid-template-columns:repeat(3,1fr); } }

.mo-coach-card{
	position:relative; display:flex; flex-direction:column;
	background:var(--paper, #F4F5EF); color:var(--ink, #0B0F0A); border:1.5px solid var(--border, #DEDFD5);
	border-radius:var(--r-lg, 18px); padding:2rem 1.6rem;
	transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease, border-color .25s ease;
}
.mo-coach-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg, 0 24px 60px rgba(11,15,10,.18)); }

.mo-coach-card--featured{
	background:var(--ink, #0B0F0A); border-color:var(--ink, #0B0F0A); color:var(--on-ink, #F4F5EF);
	box-shadow:0 20px 50px rgba(11,15,10,.28);
}
@media(min-width:768px){ .mo-coach-card--featured{ transform:scale(1.03); } .mo-coach-card--featured:hover{ transform:scale(1.03) translateY(-6px); } }

/* on the dark homepage section, an ink-on-ink card would have no visible
   edge — give it a lime ring instead so "Most popular" still reads clearly */
.mo-home-coaching .mo-coach-card--featured{
	border-color:var(--lime,#C1FB52);
	box-shadow:0 20px 50px rgba(0,0,0,.4), 0 0 0 1px rgba(193,251,82,.35);
}

.mo-coach-card__badge{
	position:absolute; top:-13px; left:50%; transform:translateX(-50%);
	background:var(--lime, #C1FB52); color:var(--on-lime, #0A0F00);
	font-family:var(--font-display,'Barlow Condensed'); font-weight:700; text-transform:uppercase; letter-spacing:.06em;
	font-size:.72rem; padding:.35rem 1rem; border-radius:999px; white-space:nowrap;
}
/* Recruitment note under the plans. Quiet by design — it addresses a
   different visitor from everything above it, so it must not compete with
   "Get coached". */
.mo-apply-cta{
	display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
	gap:16px; margin-top:2.5rem; padding:1.25rem 1.5rem;
	border:1px solid var(--border,#DEDFD5); border-radius:var(--r,14px);
	background:var(--paper-2,#E9EAE1);
}
.mo-apply-cta__text{ min-width:0; }
.mo-apply-cta h3{
	font-family:var(--font-display,'Barlow Condensed'); text-transform:uppercase;
	font-size:1.15rem; margin:0 0 .2rem; color:var(--fg,#0B0F0A);
}
.mo-apply-cta p{ margin:0; font-size:.9rem; color:var(--fg-muted,#5B6252); max-width:62ch; }
/* This card stays light even inside a .mo-dark section, where `.mo-dark h1..h4`
   would otherwise repaint the heading light-on-light — the same collision that
   hid two plan names. */
.mo-dark .mo-apply-cta h3{ color:var(--fg,#0B0F0A); }
@media (max-width:600px){
	.mo-apply-cta{ flex-direction:column; align-items:flex-start; }
}

.mo-coach-card__name{
	font-family:var(--font-display,'Barlow Condensed'); text-transform:uppercase; letter-spacing:-.01em;
	font-size:1.6rem; margin:0 0 .5rem; line-height:1; color:var(--ink,#0B0F0A);
}
/* These cards stay light even inside a .mo-dark section, but `.mo-dark h1..h4`
   (0,1,1) outranked the plain `.mo-coach-card__name` (0,1,0) above and painted
   the name --on-ink — light text on a light card, i.e. invisible. Only the
   featured card escaped, its override being (0,2,0). Restated at (0,3,0) so
   the card's own surface decides, wherever the card is placed. */
.mo-coach-card:not(.mo-coach-card--featured) .mo-coach-card__name{ color:var(--ink,#0B0F0A); }
/* Featured (dark) card: name must be light, not dark ink on dark bg */
.mo-coach-card--featured .mo-coach-card__name{ color:var(--on-ink,#F4F5EF); }
.mo-coach-card__price{ display:flex; align-items:baseline; gap:.35rem; margin:0 0 .25rem; }
.mo-coach-card__amt{ font-family:var(--font-impact,'Anton'); font-size:2.4rem; line-height:1; }
.mo-coach-card--featured .mo-coach-card__amt{ color:var(--lime, #C1FB52); }
.mo-coach-card__per{ font-size:.9rem; opacity:.7; }
.mo-coach-card__desc{ font-size:.92rem; opacity:.85; margin:.5rem 0 1.1rem; }
.mo-coach-card__features{ list-style:none; margin:0 0 1.5rem; padding:0; display:flex; flex-direction:column; gap:.6rem; flex:1 0 auto; }
.mo-coach-card__features li{ display:flex; align-items:flex-start; gap:.55rem; font-size:.92rem; line-height:1.4; }
.mo-coach-card__features li i{ color:var(--lime, #C1FB52); flex:0 0 auto; margin-top:.15rem; }
.mo-coach-card--featured .mo-coach-card__features li i{ color:var(--lime, #C1FB52); }
.mo-coach-card .mo-btn{ width:100%; justify-content:center; margin-top:auto; }
.mo-coach-card--featured .mo-btn--ghost{ color:var(--on-ink,#F4F5EF); border-color:rgba(244,245,239,.4); }

/* Non-featured cards keep a LIGHT surface even inside the dark homepage section,
   so the inherited ghost button (light text + light border) was invisible — the
   Starter / Elite CTAs looked like they were missing. Force a solid ink button. */
.mo-coach-card:not(.mo-coach-card--featured) .mo-btn{
	background:var(--ink,#0B0F0A);
	color:var(--on-ink,#F4F5EF);
	border-color:var(--ink,#0B0F0A);
}
.mo-coach-card:not(.mo-coach-card--featured) .mo-btn:hover,
.mo-coach-card:not(.mo-coach-card--featured) .mo-btn:focus-visible{
	background:var(--lime,#C1FB52);
	color:var(--on-lime,#0A0F00);
	border-color:var(--lime,#C1FB52);
	transform:translateY(-2px);
}