/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ═══════════════════════════════════════════════════
   MM Fractal Overlay — animated SVG background
   ───────────────────────────────────────────────────
   Usage: add class to any [section] (or any block):
     class="mm-fx"                     → default fractal, 140s spin
     class="mm-fx mm-fx-alt"           → uses 2nd fractal SVG
     class="mm-fx mm-fx-reverse"       → spins opposite
     class="mm-fx mm-fx-fast"          → faster spin (60s)
     class="mm-fx mm-fx-slow"          → slower spin (240s)
     class="mm-fx mm-fx-subtle"        → less visible (opacity .3)
     class="mm-fx mm-fx-bold"          → more visible (opacity .75)
     class="mm-fx mm-fx-mirror"        → horizontally flipped
   Combine freely, e.g. "mm-fx mm-fx-alt mm-fx-reverse mm-fx-subtle"
   Replace SVG at /wp-content/uploads/2026/04/mm-fractal-bg.svg to change art.
   ═══════════════════════════════════════════════════ */

.mm-fx, .mm-hero-fractal, .mm-disc-fractal { position: relative; overflow: hidden; }

/* Layer 1 (::after) — main mandala, spins steadily */
.mm-fx::after, .mm-hero-fractal::after, .mm-disc-fractal::after {
  content: "";
  position: absolute;
  top: -25%; left: -25%;
  width: 150%; height: 150%;
  background: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-bg.svg') center/contain no-repeat;
  mix-blend-mode: screen;
  opacity: 0.45;
  pointer-events: none;
  z-index: 0;
  filter: grayscale(1) brightness(1.5);
  animation: mm-fx-spin 140s linear infinite;
  transition: opacity 0.6s ease, filter 0.6s ease;
}
/* Content above fractal */
.mm-fx .section-content, .mm-fx .row, .mm-fx .col, .mm-fx .col-inner,
.mm-fx [class*="col-"], .mm-fx .banner-layers,
.mm-hero-fractal .section-content, .mm-hero-fractal .row, .mm-hero-fractal .col,
.mm-disc-fractal .section-content, .mm-disc-fractal .row, .mm-disc-fractal .col {
  position: relative; z-index: 2;
}

/* Layer 2 (::before) — counter-rotating, breathing, drifting = chaos */
.mm-fx::before, .mm-hero-fractal::before, .mm-disc-fractal::before {
  content: "";
  position: absolute;
  top: -40%; left: -40%;
  width: 180%; height: 180%;
  background: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-disc.svg') center/contain no-repeat;
  mix-blend-mode: screen;
  opacity: 0.28;
  pointer-events: none;
  z-index: 0;
  filter: grayscale(1) brightness(1.5);
  animation: mm-fx-chaos 190s linear infinite;
  transition: opacity 0.6s ease, filter 0.6s ease;
}

/* Disclaimer variant — swap which svg is where */
.mm-disc-fractal::after { background-image: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-disc.svg'); opacity: 0.55; animation-direction: reverse; animation-duration: 100s; }
.mm-disc-fractal::before { background-image: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-bg.svg'); opacity: 0.35; }

/* Modifier classes — combine with .mm-fx */
.mm-fx-alt::after     { background-image: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-disc.svg'); }
.mm-fx-alt::before    { background-image: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-bg.svg'); }
.mm-fx-reverse::after { animation-direction: reverse; }
.mm-fx-fast::after    { animation-duration: 60s; }
.mm-fx-slow::after    { animation-duration: 240s; }
.mm-fx-subtle::after, .mm-fx-subtle::before { opacity: 0.25; }
.mm-fx-bold::after    { opacity: 0.8; }
.mm-fx-bold::before   { opacity: 0.55; }

/* Hover: speeds up + brightens */
.mm-fx:hover::after, .mm-fx:hover::before,
.mm-hero-fractal:hover::after, .mm-hero-fractal:hover::before,
.mm-disc-fractal:hover::after, .mm-disc-fractal:hover::before {
  animation-duration: 30s;
  opacity: 0.8;
}

/* Mobile: stronger opacity + brightness (SVG hard to see over bg image) */
@media (max-width: 768px) {
  .mm-fx::after, .mm-hero-fractal::after, .mm-disc-fractal::after {
    opacity: 0.65; filter: grayscale(1) brightness(1.8);
  }
  .mm-fx::before, .mm-hero-fractal::before, .mm-disc-fractal::before {
    opacity: 0.4; filter: grayscale(1) brightness(1.8);
  }
}

/* Text readability over fractal (site-wide) — crisp not fuzzy */
.mm-fx h1, .mm-fx h2, .mm-fx h3, .mm-fx .text-box h1, .mm-fx .text-box h2,
.mm-hero-fractal h1, .mm-hero-fractal h2, .mm-hero-fractal h3,
.mm-sales h1, .mm-sales h2, .mm-sales h3, .mm-sales .mm-h1,
.mm-sales .mm-sub, .mm-sales .mm-section-header p, .mm-sales .mm-lead {
  color: #fff !important;
}
.mm-fx h1, .mm-fx h2, .mm-fx h3,
.mm-sales h1, .mm-sales .mm-h1,
.mm-fx .text-box h1, .mm-fx .text-box h2 {
  text-shadow: 0 2px 8px rgba(0,0,0,.75), 0 0 2px rgba(0,0,0,.6);
}
.mm-fx .text-box .text, .mm-fx .ux-text, .mm-hero-fractal .text-box .text,
.mm-sales .mm-sub {
  text-shadow: 0 1px 4px rgba(0,0,0,.65);
}
/* H1 white max specificity */
html body .mm-sales h1,
html body .mm-sales .mm-h1,
html body section.mm-sales h1 { color: #ffffff !important; }

/* Dark backdrop behind text_box content inside fractal sections */
.mm-fx .text-box, .mm-hero-fractal .text-box,
.mm-fx-bg .text-box {
  background: radial-gradient(ellipse at center, rgba(7,7,16,.72) 0%, rgba(7,7,16,.42) 60%, transparent 100%);
  padding: 32px 40px !important;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .mm-fx .text-box, .mm-hero-fractal .text-box {
    background: radial-gradient(ellipse at center, rgba(7,7,16,.82) 0%, rgba(7,7,16,.5) 70%, transparent 100%);
    padding: 24px 20px !important;
  }
}

/* ═══════ Floating icon animations ═══════ */
@keyframes mm-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes mm-pulse-soft { 0%,100% { transform: scale(1); opacity:1; } 50% { transform: scale(1.06); opacity:.9; } }
@keyframes mm-wobble { 0%,100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }

.mm-card-dark .mm-card-icon,
.mm-detail-chip .mm-icon,
.mm-detail-chip > svg,
.mm-inc-item .mm-tick {
  animation: mm-float 5s ease-in-out infinite;
}
.mm-card-dark:nth-of-type(2) .mm-card-icon,
.mm-detail-chip:nth-of-type(2) .mm-icon,
.mm-inc-item:nth-of-type(2n) .mm-tick { animation-delay: -1.5s; }
.mm-detail-chip:nth-of-type(3) .mm-icon,
.mm-inc-item:nth-of-type(3n) .mm-tick { animation-delay: -3s; }
.mm-card-dark:hover .mm-card-icon { animation: mm-pulse-soft 1s ease-in-out infinite; }
.mm-module-dark:hover .mm-step { animation: mm-wobble 0.6s ease-in-out; }

@keyframes mm-fx-spin { to { transform: rotate(360deg); } }
@keyframes mm-fx-chaos {
  0%   { transform: rotate(0deg)   scale(1)    translate(0,0); }
  20%  { transform: rotate(-72deg) scale(1.08) translate(3%, -2%); }
  40%  { transform: rotate(-144deg) scale(0.95) translate(-2%, 3%); }
  60%  { transform: rotate(-216deg) scale(1.12) translate(-3%, -3%); }
  80%  { transform: rotate(-288deg) scale(0.98) translate(2%, 2%); }
  100% { transform: rotate(-360deg) scale(1)    translate(0,0); }
}

/* Keep banner/section content above fractal */
.mm-fx .banner-layers, .mm-fx .text, .mm-fx .ux-banner-inner,
.mm-fx .row, .mm-fx .col-inner,
.mm-hero-fractal .banner-layers, .mm-hero-fractal .text,
.mm-disc-fractal .banner-layers, .mm-disc-fractal .text { position: relative; z-index: 2; }

/* ═══════ Heading icon (output of [mm_icon] shortcode) ═══════ */
h1 .mm-icon, h2 .mm-icon, h3 .mm-icon, h4 .mm-icon {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: 10px;
}

/* ═══════ Sticky TOC — class="mm-toc-sticky" on [col] ═══════ */
.mm-toc-sticky { position: sticky; top: 20px; max-height: 85vh; overflow-y: auto; align-self: flex-start; }
@media (max-width: 768px) {
  .mm-toc-sticky { position: static; max-height: none; overflow: visible; }
}

/* ═══════ Collapsible TOC — <details class="mm-toc-collapse"> ═══════ */
/* Desktop: always open (summary hidden). Mobile: user taps to expand. */
.mm-toc-collapse { margin: 0; }
.mm-toc-collapse > summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 16px;
  font-weight: 800;
  font-size: 15px;
  color: #111;
  background: #f4f4f4;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mm-toc-collapse > summary::-webkit-details-marker { display: none; }
.mm-toc-collapse > summary::after {
  content: "▼";
  font-size: 10px;
  color: #999;
  transition: transform 0.3s;
}
.mm-toc-collapse[open] > summary::after { transform: rotate(180deg); }
@media (min-width: 769px) {
  .mm-toc-collapse > summary { display: none; }
  .mm-toc-collapse > *:not(summary) { display: block !important; }
}

/* ═══════ Auto fractal hero for all single blog posts ═══════ */
/* Flatsome's single-post featured hero = .page-title.blog-featured-title */
/* This applies the same mm-fx treatment automatically, no per-post action. */
body.single-post .page-title.blog-featured-title { position: relative; overflow: hidden; }

body.single-post .page-title.blog-featured-title::after,
body.single-post .page-title.blog-featured-title::before {
  content: "";
  position: absolute;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: screen;
  filter: grayscale(1) brightness(1.6);
  z-index: 2;
}
body.single-post .page-title.blog-featured-title::after {
  top: -25%; left: -25%;
  width: 150%; height: 150%;
  background-image: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-bg.svg');
  opacity: 0.6;
  animation: mm-fx-spin 140s linear infinite;
}
body.single-post .page-title.blog-featured-title::before {
  top: -40%; left: -40%;
  width: 180%; height: 180%;
  background-image: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-disc.svg');
  opacity: 0.4;
  animation: mm-fx-chaos 190s linear infinite;
}
/* Keep title/breadcrumbs above fractal */
body.single-post .page-title.blog-featured-title .page-title-inner { position: relative; z-index: 3; }

@media (max-width: 768px) {
  body.single-post .page-title.blog-featured-title::after { opacity: 0.85; filter: grayscale(1) brightness(1.9); }
  body.single-post .page-title.blog-featured-title::before { opacity: 0.55; filter: grayscale(1) brightness(1.9); }
}

/* ═══════ Global: H1-H6 weight reset (Heebo Hebrew reads cleaner not bold) ═══════ */
/* IMPORTANT — Hebrew site design: headings should NOT render bold.
   Applies globally incl inside Flatsome, plugins. Sales design also follows. */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-weight: 500 !important; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600 !important; }

/* ═══════════════════════════════════════════════════
   MM Sales Page Design System
   ───────────────────────────────────────────────────
   Dark premium sales page for course/workshop pages.
   Used on /learn/level-1/ and future course pages.
   Apply class="mm-sales" to the wrapping [section]s.
   ═══════════════════════════════════════════════════ */

/* Hero */
.mm-sales-hero { position: relative; overflow: hidden; }
.mm-sales-hero .badge,
.mm-sales .mm-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 18px; background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.22); border-radius: 100px;
  font-size: 12px; font-weight: 700; letter-spacing: .12em;
  margin-bottom: 22px; backdrop-filter: blur(10px); color: #fff;
}
.mm-sales .mm-badge .mm-icon svg { width: 14px !important; height: 14px !important; color: #ffcc00; }
.mm-sales-hero h1,
.mm-sales .mm-h1 {
  font-size: 82px; font-weight: 600 !important; letter-spacing: -.02em;
  line-height: 1.05; margin-bottom: 18px; color: #fff !important;
}
@media (max-width: 768px) { .mm-sales-hero h1, .mm-sales .mm-h1 { font-size: 40px !important; } }
.mm-sales .mm-h1-accent {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline-block;
  font-weight: 700;
  position: relative;
  animation: mm-accent-stardust 5s ease-in-out infinite;
  padding: 0 .1em;
}
@keyframes mm-accent-stardust {
  0%,100% {
    text-shadow:
      0 0 2px rgba(255,255,255,.95),
      0 0 18px rgba(255,110,156,.7),
      -6px 2px 26px rgba(31,191,181,.55),
      6px -2px 26px rgba(255,204,0,.55),
      0 4px 32px rgba(139,95,191,.45);
  }
  33% {
    text-shadow:
      0 0 2px rgba(255,255,255,.95),
      0 0 20px rgba(31,191,181,.75),
      6px 2px 26px rgba(255,110,156,.6),
      -6px -2px 26px rgba(255,204,0,.55),
      0 -4px 32px rgba(201,63,142,.45);
  }
  66% {
    text-shadow:
      0 0 2px rgba(255,255,255,.95),
      0 0 22px rgba(255,204,0,.75),
      -8px 0 30px rgba(139,95,191,.55),
      8px 0 26px rgba(31,191,181,.55),
      0 6px 34px rgba(255,110,156,.45);
  }
}
.mm-sales .mm-sub {
  font-size: 20px; opacity: .9; font-weight: 600; margin-bottom: 30px;
  color: #fff; line-height: 1.55;
}

/* Buttons — dark page CTAs */
.mm-btn-primary,
.mm-btn-primary span,
a.mm-btn-primary,
a.mm-btn-primary span {
  background: linear-gradient(135deg,#ffcc00,#ff6e9c) !important;
  color: #0a0a1e !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  letter-spacing: 0 !important;
}
.mm-btn-primary {
  display: inline-block;
  padding: 17px 38px !important;
  border-radius: 100px !important;
  box-shadow: 0 12px 30px rgba(255,110,156,.4);
  transition: transform .25s, box-shadow .25s; border: none !important;
  text-decoration: none;
}
.mm-btn-primary span { background: transparent !important; padding: 0 !important; }
.mm-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(255,110,156,.6); }
@media (max-width: 768px) { .mm-btn-primary { padding: 14px 26px !important; } .mm-btn-primary, .mm-btn-primary span { font-size: 14px !important; } }

.mm-btn-wa {
  display: inline-flex; align-items: center; gap: 8px;
  background: #25d366 !important; color: #fff !important;
  padding: 14px 26px !important; border-radius: 100px !important;
  font-weight: 800; font-size: 14px;
  transition: transform .25s, box-shadow .25s; text-decoration: none;
}
.mm-btn-wa:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(37,211,102,.4); }
.mm-btn-wa svg { width: 20px; height: 20px; }

.mm-btn-outline {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: #fff !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  padding: 13px 26px !important; border-radius: 100px !important;
  font-weight: 800; font-size: 14px; transition: all .25s;
}
.mm-btn-outline:hover { background: rgba(255,255,255,.08); border-color: #fff !important; }

/* Section wrappers — dark variants */
.mm-sales { color: #fff; font-family: 'Heebo',sans-serif; line-height: 1.55; }
.mm-sales .mm-section-header { text-align: center; margin-bottom: 44px; }
.mm-sales .mm-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 800; letter-spacing: .2em;
  text-transform: uppercase; opacity: .6; margin-bottom: 12px;
}
.mm-sales .mm-eyebrow::before, .mm-sales .mm-eyebrow::after {
  content: ""; width: 30px; height: 1px; background: currentColor; opacity: .4;
}
.mm-sales .mm-section-header h2 {
  font-size: 42px; font-weight: 900; letter-spacing: -.02em; line-height: 1.15; color: #fff;
}
.mm-sales .mm-lead {
  margin-top: 14px; font-size: 17px; opacity: .75;
  max-width: 640px; margin-inline: auto; color: #fff;
}

/* Glass cards — intro section */
.mm-card-dark {
  background: linear-gradient(145deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 100%);
  border: 1px solid rgba(255,255,255,.08); border-radius: 20px;
  padding: 34px 28px; transition: transform .3s, border-color .3s;
}
.mm-card-dark:hover { transform: translateY(-4px); border-color: rgba(201,63,142,.3); }
.mm-card-dark .mm-card-icon {
  width: 52px; height: 52px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg,rgba(201,63,142,.2),rgba(31,191,181,.1));
  border-radius: 14px; margin-bottom: 18px;
}
.mm-card-dark .mm-card-icon .mm-icon svg { width: 28px; height: 28px; color: #ff6e9c; }
.mm-card-dark h3 { font-size: 22px; font-weight: 800; margin-bottom: 10px; letter-spacing: -.01em; color: #fff; }
.mm-card-dark p { font-size: 15px; opacity: .8; line-height: 1.65; color: #fff; }

/* Detail chips (3-col strip) */
.mm-detail-chip {
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px; padding: 20px 14px; text-align: center;
  transition: border-color .25s; color: #fff;
}
.mm-detail-chip:hover { border-color: rgba(201,63,142,.3); }
.mm-detail-chip .mm-icon svg { width: 28px; height: 28px; color: #ff6e9c; margin-bottom: 10px; }
.mm-detail-chip .mm-label { font-size: 11px; opacity: .5; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 4px; font-weight: 700; }
.mm-detail-chip .mm-value { font-size: 16px; font-weight: 800; }

/* Module cards — topics section */
.mm-module-dark {
  background: linear-gradient(145deg,rgba(20,15,30,.9),rgba(10,8,20,.95)) !important;
  border: 1px solid rgba(201,63,142,.15); border-radius: 22px;
  padding: 32px 26px; position: relative; overflow: hidden; transition: all .4s;
  color: #fff;
}
.mm-module-dark:hover { border-color: rgba(201,63,142,.45); transform: translateY(-6px); }
.mm-module-dark::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,transparent,#ff6e9c 50%,transparent);
}
.mm-module-dark .mm-step {
  display: inline-block; padding: 4px 10px;
  background: rgba(255,110,156,.15); color: #ff6e9c; border-radius: 6px;
  font-size: 11px; font-weight: 800; letter-spacing: .1em; margin-bottom: 14px;
}
.mm-module-dark h3 { font-size: 26px; font-weight: 900; margin-bottom: 12px; letter-spacing: -.015em; color: #fff; }
.mm-module-dark p { font-size: 14px; opacity: .75; line-height: 1.65; margin-bottom: 18px; color: #fff; }

/* Dose meter — 5 mushrooms progression */
.mm-meter-wrap {
  padding: 16px 14px; background: rgba(255,255,255,.03);
  border-radius: 14px; border: 1px solid rgba(255,255,255,.06); text-align: center;
}
.mm-dose-meter {
  display: flex; gap: 6px; justify-content: center;
  align-items: flex-end; margin-bottom: 10px;
}
.mm-shroom { width: 28px; height: 36px; transition: transform .3s, filter .3s; }
.mm-shroom.off { opacity: .2; }
.mm-shroom.off path { fill: #888; }
.mm-shroom.on path { fill: currentColor; }
.mm-shroom.on { animation: mm-shroom-wave 5s ease-in-out infinite; }
.mm-shroom.on.s1 { color: #ff6e9c; animation-delay: 0s; }
.mm-shroom.on.s2 { color: #c93f8e; animation-delay: .5s; }
.mm-shroom.on.s3 { color: #b84fb5; animation-delay: 1s; }
.mm-shroom.on.s4 { color: #7e5fc9; animation-delay: 1.5s; }
.mm-shroom.on.s5 { color: #1fbfb5; animation-delay: 2s; }
/* Glow wave: dim → bright peak → dim. Staggered delays create RTL wave. */
@keyframes mm-shroom-wave {
  0%, 60%, 100% {
    transform: scale(0.88) translateY(3px);
    filter: drop-shadow(0 0 2px currentColor) brightness(0.6) saturate(.7);
    opacity: .75;
  }
  20%, 30% {
    transform: scale(1.15) translateY(-5px);
    filter: drop-shadow(0 0 22px currentColor) drop-shadow(0 0 10px currentColor) brightness(1.3) saturate(1.3);
    opacity: 1;
  }
}
.mm-meter-label {
  font-size: 12px; font-weight: 900; color: #ff6e9c;
  letter-spacing: .15em; text-transform: uppercase;
}

/* Benefits */
.mm-benefit-list { list-style: none; padding: 0; margin: 0; }
.mm-benefit-list li {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.06);
  font-size: 15px; opacity: .85; color: #fff;
}
.mm-benefit-list li:last-child { border-bottom: none; }
.mm-benefit-list li::before {
  content: ""; width: 18px; height: 18px; flex-shrink: 0;
  background: linear-gradient(135deg,#ff6e9c,#1fbfb5); border-radius: 50%;
  margin-top: 3px; box-shadow: 0 0 14px rgba(255,110,156,.4);
}

/* What's included checklist */
.mm-inc-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 18px 20px; background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 14px;
  transition: border-color .25s; color: #fff;
}
.mm-inc-item:hover { border-color: rgba(255,110,156,.4); }
.mm-inc-item .mm-tick {
  width: 34px; height: 34px; flex-shrink: 0; display: flex;
  align-items: center; justify-content: center;
  background: linear-gradient(135deg,#ff6e9c,#1fbfb5);
  border-radius: 50%; color: #0a0a1e; font-weight: 900; font-size: 16px;
  box-shadow: 0 0 20px rgba(255,110,156,.35);
}
.mm-inc-item .mm-inc-text { font-size: 15px; line-height: 1.5; }
.mm-inc-item .mm-inc-text strong { display: block; font-size: 16px; margin-bottom: 3px; }
.mm-inc-item .mm-inc-text span { opacity: .7; font-size: 13px; }

/* Testimonials */
.mm-test-card {
  background: linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 20px;
  padding: 28px 24px; position: relative; color: #fff;
  transition: transform .3s, border-color .3s;
}
.mm-test-card:hover { transform: translateY(-4px); border-color: rgba(201,63,142,.4); }
.mm-test-card::before {
  content: "\201D"; position: absolute; top: -6px; right: 20px;
  font-size: 80px; color: #ff6e9c; opacity: .3; font-family: serif; line-height: 1;
}
.mm-test-stars { color: #ffcc00; font-size: 13px; letter-spacing: 2px; margin-bottom: 14px; }
.mm-test-quote { font-size: 15px; line-height: 1.7; margin-bottom: 20px; opacity: .9; font-weight: 500; font-style: italic; }
.mm-test-author { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); }
.mm-test-avatar {
  width: 42px; height: 42px; border-radius: 50%;
  background: linear-gradient(135deg,#c93f8e,#1fbfb5); display: flex;
  align-items: center; justify-content: center;
  color: #fff; font-weight: 900; font-size: 16px; flex-shrink: 0;
}
.mm-test-name { font-weight: 800; font-size: 14px; }
.mm-test-role { font-size: 12px; opacity: .6; }

/* Instructor card */
.mm-instructor-card {
  display: grid; grid-template-columns: 260px 1fr; gap: 36px;
  align-items: center; background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 24px;
  padding: 36px; color: #fff;
}
.mm-instructor-card .mm-portrait {
  width: 100%; aspect-ratio: 1;
  background: linear-gradient(135deg,#c93f8e,#1fbfb5);
  border-radius: 20px; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 80px; overflow: hidden; position: relative;
}
.mm-instructor-card .mm-portrait img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mm-instructor-card .mm-portrait::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(201,63,142,.2), transparent 60%);
  pointer-events: none;
}
.mm-instructor-card .mm-inst-links { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.mm-instructor-card .mm-inst-links a {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 16px; border-radius: 100px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15);
  color: #fff !important; font-size: 12px; font-weight: 700; text-decoration: none;
  transition: all .2s;
}
.mm-instructor-card .mm-inst-links a:hover {
  background: rgba(255,110,156,.15); border-color: #ff6e9c;
}
.mm-instructor-card .mm-inst-links svg { width: 14px; height: 14px; }
.mm-instructor-card .mm-inst-name { font-size: 30px; font-weight: 900; margin-bottom: 6px; }
.mm-instructor-card .mm-inst-role { color: #ff6e9c; font-size: 13px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 14px; }
.mm-instructor-card p { font-size: 14px; opacity: .8; line-height: 1.75; color: #fff; }

/* FAQ (dark style) + hover open + floating */
.mm-faq-list { max-width: 780px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.mm-faq-item {
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; overflow: hidden;
  transition: border-color .3s, transform .3s, box-shadow .3s, background .3s;
  animation: mm-faq-float 7s ease-in-out infinite;
}
.mm-faq-item:nth-child(2) { animation-delay: -1s; }
.mm-faq-item:nth-child(3) { animation-delay: -2s; }
.mm-faq-item:nth-child(4) { animation-delay: -3s; }
.mm-faq-item:nth-child(5) { animation-delay: -4s; }
@keyframes mm-faq-float {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-3px); }
}
.mm-faq-item:hover, .mm-faq-item[open] {
  border-color: rgba(255,110,156,.5);
  background: linear-gradient(145deg,rgba(255,110,156,.06),rgba(31,191,181,.03));
  box-shadow: 0 10px 30px rgba(255,110,156,.18);
  transform: translateY(-5px);
}
.mm-faq-item summary {
  padding: 18px 24px; cursor: pointer; font-weight: 600; font-size: 15.5px;
  display: flex; justify-content: space-between; align-items: center;
  list-style: none; gap: 14px; color: #fff;
}
.mm-faq-item summary::-webkit-details-marker { display: none; }
.mm-faq-item summary::after {
  content: "+"; font-size: 24px; font-weight: 300; color: #ff6e9c;
  transition: transform .3s; flex-shrink: 0;
}
.mm-faq-item:hover summary::after, .mm-faq-item[open] summary::after { transform: rotate(45deg); }
/* Hover-reveal: body slides open on hover OR when [open] */
.mm-faq-item .mm-faq-body {
  max-height: 0; overflow: hidden;
  padding: 0 24px; opacity: 0;
  transition: max-height .45s ease, opacity .3s ease, padding .3s ease;
  font-size: 14px; line-height: 1.7; color: #fff;
}
.mm-faq-item:hover .mm-faq-body, .mm-faq-item[open] .mm-faq-body {
  max-height: 500px; opacity: .9;
  padding: 0 24px 20px;
}

/* Risk reversal / secondary CTA box */
.mm-risk-box {
  max-width: 860px; margin: 0 auto;
  background: linear-gradient(145deg,rgba(255,204,0,.08),rgba(255,110,156,.05));
  border: 1px solid rgba(255,204,0,.25); border-radius: 24px;
  padding: 40px; text-align: center; position: relative; overflow: hidden;
  color: #fff;
}
.mm-risk-box::before {
  content: ""; position: absolute; top: -80px; right: -80px;
  width: 240px; height: 240px;
  background: radial-gradient(circle,rgba(255,204,0,.2),transparent 70%);
  pointer-events: none;
}
.mm-risk-box > * { position: relative; z-index: 1; }
.mm-risk-box .mm-risk-badge {
  display: inline-block; padding: 6px 14px; background: #ffcc00;
  color: #0a0a1e; border-radius: 100px; font-size: 11px; font-weight: 900;
  letter-spacing: .15em; margin-bottom: 16px;
}
.mm-risk-box h3 { font-size: 32px; font-weight: 900; margin-bottom: 10px; letter-spacing: -.02em; color: #fff; }
.mm-risk-box p { font-size: 16px; opacity: .85; line-height: 1.65; margin-bottom: 24px; max-width: 580px; margin-inline: auto; color: #fff; }
.mm-risk-box .mm-risk-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.mm-risk-box .mm-risk-small { margin-top: 20px; font-size: 12px; opacity: .55; line-height: 1.6; }

/* Retreat/Workshop — Statement section (big quote over bg image) */
/* Uses Flatsome native bg_overlay — no custom pseudo overlay (avoids conflicts) */
.mm-statement { text-align: center; }
.mm-statement h2 { font-size: 48px !important; margin-bottom: 24px; color: #fff !important; }
.mm-statement .mm-section-header .mm-eyebrow { color: #fff; opacity: .75; }
.mm-statement-body { font-size: 18px; opacity: .92; line-height: 1.8; max-width: 720px; margin-inline: auto; color: #fff !important; }
@media (max-width: 768px) { .mm-statement h2 { font-size: 26px !important; } .mm-statement-body { font-size: 14px; } }

/* Retreat — Experience/Pillar cards (4-col) */
.mm-exp-card {
  background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 18px;
  padding: 28px 22px; text-align: center; transition: all .3s; color: #fff;
}
.mm-exp-card:hover { transform: translateY(-4px); border-color: rgba(201,63,142,.4); }
.mm-exp-card .mm-exp-ico {
  width: 54px; height: 54px; margin: 0 auto 14px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg,rgba(201,63,142,.2),rgba(31,191,181,.12));
  border-radius: 50%; color: #ff6e9c;
  animation: mm-float 5s ease-in-out infinite;
}
.mm-exp-card .mm-exp-ico svg { width: 28px; height: 28px; }
.mm-exp-card:nth-of-type(2) .mm-exp-ico { animation-delay: -1.2s; }
.mm-exp-card:nth-of-type(3) .mm-exp-ico { animation-delay: -2.4s; }
.mm-exp-card:nth-of-type(4) .mm-exp-ico { animation-delay: -3.6s; }
.mm-exp-card h3 { font-size: 18px; font-weight: 800; margin-bottom: 8px; color: #fff; }
.mm-exp-card p { font-size: 13px; opacity: .75; line-height: 1.5; color: #fff; }

/* Retreat — Journey steps (3-col with connecting line) */
.mm-step-card {
  position: relative; background: #0a0618;
  border: 1px solid rgba(255,255,255,.08); border-radius: 20px;
  padding: 26px 22px; text-align: center; color: #fff;
}
.mm-step-card .mm-step-num {
  width: 84px; height: 84px; margin: 0 auto 20px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg,#c93f8e,#1fbfb5);
  border-radius: 50%; color: #fff; font-size: 32px; font-weight: 900;
  box-shadow: 0 0 30px rgba(255,110,156,.4);
  animation: mm-step-pulse 3s ease-in-out infinite;
}
@keyframes mm-step-pulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 30px rgba(255,110,156,.4); }
  50%     { transform: scale(1.05); box-shadow: 0 0 45px rgba(255,110,156,.7); }
}
.mm-step-card h3 { font-size: 20px; font-weight: 900; margin-bottom: 10px; color: #fff; }
.mm-step-card p { font-size: 14px; opacity: .8; line-height: 1.6; margin-bottom: 12px; color: #fff; }
.mm-step-card .mm-step-tag {
  display: inline-block; padding: 3px 10px;
  background: rgba(255,110,156,.15); color: #ff6e9c;
  border-radius: 6px; font-size: 10px; font-weight: 900;
  letter-spacing: .1em; text-transform: uppercase;
}
@media (max-width: 768px) {
  .mm-step-card { padding: 22px 18px; border-radius: 16px; }
  .mm-step-card .mm-step-num { width: 64px; height: 64px; font-size: 24px; }
}

/* Personal Process — Audience image cards */
.mm-aud-card {
  background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 20px;
  overflow: hidden; transition: all .3s; color: #fff;
}
.mm-aud-card:hover { transform: translateY(-6px); border-color: rgba(201,63,142,.4); }
.mm-aud-card .mm-aud-img { aspect-ratio: 4/3; overflow: hidden; position: relative; }
.mm-aud-card .mm-aud-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; display: block; }
.mm-aud-card:hover .mm-aud-img img { transform: scale(1.06); }
.mm-aud-card .mm-aud-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom,transparent 60%,rgba(7,7,16,.8)); pointer-events: none; }
.mm-aud-card .mm-aud-body { padding: 22px 24px; }
.mm-aud-card .mm-aud-body h4 { font-size: 19px; margin-bottom: 8px; color: #fff; }
.mm-aud-card .mm-aud-body p { font-size: 14px; opacity: .78; line-height: 1.6; color: #fff; }
@media (max-width: 768px) { .mm-aud-card .mm-aud-body { text-align: center; padding: 20px; } }

/* Personal Process — Offer list (image + list) */
.mm-offer-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.mm-offer-list li { display: flex; align-items: flex-start; gap: 14px; font-size: 16px; line-height: 1.55; color: #fff; }
.mm-offer-list li::before {
  content: ""; width: 26px; height: 26px; flex-shrink: 0;
  background: linear-gradient(135deg,#ff6e9c,#1fbfb5); border-radius: 50%;
  margin-top: 2px; animation: mm-float 5s ease-in-out infinite;
}
.mm-offer-list li:nth-child(2)::before { animation-delay: -1.5s; }
.mm-offer-list li:nth-child(3)::before { animation-delay: -3s; }
.mm-offer-list li strong { display: block; font-weight: 600; margin-bottom: 2px; }
.mm-offer-list li span { display: block; opacity: .7; font-size: 13.5px; }

/* Personal Process — Pillar cards (3-col method) */
.mm-pillar {
  text-align: center; padding: 32px 24px;
  background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 20px; color: #fff;
}
.mm-pillar .mm-pillar-num {
  display: inline-block; width: 48px; height: 48px; line-height: 48px;
  border-radius: 50%; background: linear-gradient(135deg,#c93f8e,#1fbfb5);
  color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 16px;
  box-shadow: 0 0 20px rgba(255,110,156,.35);
}
.mm-pillar h3 { font-size: 22px; margin-bottom: 10px; color: #fff; }
.mm-pillar p { font-size: 14px; opacity: .82; line-height: 1.6; color: #fff; }

/* Personal Process — Course bonus tag */
.mm-course-tag {
  display: inline-block; padding: 5px 12px;
  background: linear-gradient(135deg,#ffcc00,#ff6e9c);
  color: #0a0a1e !important; border-radius: 100px;
  font-size: 11px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; margin-bottom: 14px;
}

/* ═══════ Teams Workshop — Hero KPI strip ═══════ */
.mm-kpi-strip {
  display: flex; gap: 30px; justify-content: center; flex-wrap: wrap;
  margin: 24px auto 30px; padding: 20px 28px;
  background: linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.12); border-radius: 100px;
  backdrop-filter: blur(10px); max-width: 720px;
}
.mm-kpi { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mm-kpi-val { font-size: 22px; font-weight: 700; color: #ffcc00; line-height: 1; }
.mm-kpi-label { font-size: 12px; opacity: .75; font-weight: 500; color: #fff; }
.mm-eyebrow-en { font-size: 17px; letter-spacing: .28em; text-transform: uppercase; color: #1fbfb5; font-weight: 600; margin-bottom: 14px; opacity: .95; text-shadow: 0 1px 8px rgba(0,0,0,.5); }
@media (max-width: 768px) { .mm-eyebrow-en { font-size: 13px; letter-spacing: .2em; } }

/* Teams — Goal cards (3 image cards with overlay) */
.mm-goal-card {
  position: relative; aspect-ratio: 4/5;
  border-radius: 20px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .3s, border-color .3s;
}
.mm-goal-card:hover { transform: translateY(-6px); border-color: rgba(201,63,142,.4); }
.mm-goal-card img { position: absolute !important; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.mm-goal-card:hover img { transform: scale(1.05); }
.mm-goal-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(7,7,16,.96) 0%,rgba(7,7,16,.75) 40%,rgba(7,7,16,.25) 75%,transparent 100%); }
.mm-goal-body { position: absolute; bottom: 0; right: 0; left: 0; padding: 28px 24px; z-index: 2; color: #fff; }
.mm-goal-label { display: inline-block; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: #ffcc00; font-weight: 700; margin-bottom: 10px; padding: 4px 12px; background: rgba(255,204,0,.15); border: 1px solid rgba(255,204,0,.4); border-radius: 100px; }
.mm-goal-card h3 { font-size: 22px; margin-bottom: 12px; color: #fff; }
.mm-goal-card p { font-size: 14px; opacity: .88; line-height: 1.6; color: #fff; }

/* Teams — Practice cards (4 icon cards) */
.mm-prac-card {
  text-align: center; padding: 30px 22px;
  background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 20px;
  transition: all .3s; color: #fff;
}
.mm-prac-card:hover { transform: translateY(-5px); border-color: rgba(201,63,142,.4); background: linear-gradient(145deg,rgba(255,110,156,.08),rgba(255,255,255,.01)); }
.mm-prac-card .mm-prac-ico {
  width: 64px; height: 64px; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg,rgba(201,63,142,.2),rgba(31,191,181,.12));
  border-radius: 50%; color: #ff6e9c;
  animation: mm-float 5s ease-in-out infinite;
}
.mm-prac-card .mm-prac-ico svg { width: 30px; height: 30px; }
.mm-prac-card:nth-of-type(2) .mm-prac-ico { animation-delay: -1.2s; }
.mm-prac-card:nth-of-type(3) .mm-prac-ico { animation-delay: -2.4s; }
.mm-prac-card:nth-of-type(4) .mm-prac-ico { animation-delay: -3.6s; }
.mm-prac-card h3 { font-size: 18px; margin-bottom: 8px; color: #fff; }
.mm-prac-card p { font-size: 13.5px; opacity: .78; line-height: 1.55; color: #fff; }

/* Teams — Audience list with psychedelic jiggling icons */
.mm-aud-list {
  list-style: none; padding: 30px 26px; margin: 0;
  background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 20px; color: #fff;
}
.mm-aud-list li {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.06);
  font-size: 15px; line-height: 1.55;
}
.mm-aud-list li:last-child { border-bottom: none; }
.mm-aud-list li::before {
  content: ""; width: 26px; height: 26px; flex-shrink: 0;
  margin-top: 1px; background-size: contain; background-repeat: no-repeat;
  animation: mm-jiggle 0.42s ease-in-out infinite;
  transform-origin: center;
}
/* iPhone-style jiggle */
@keyframes mm-jiggle {
  0%   { transform: rotate(-2.5deg) translateY(0); }
  50%  { transform: rotate(2.5deg) translateY(-1px); }
  100% { transform: rotate(-2.5deg) translateY(0); }
}
/* 6 different psychedelic icons via SVG data URIs */
.mm-aud-list li:nth-child(1)::before { animation-delay:-.06s; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 18 C30 18 15 32 15 50 C15 55 20 58 25 58 L75 58 C80 58 85 55 85 50 C85 32 70 18 50 18 Z M40 58 L40 86 L60 86 L60 58 Z' fill='%23ff6e9c'/%3E%3C/svg%3E"); }
.mm-aud-list li:nth-child(2)::before { animation-delay:-.14s; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23c93f8e' stroke-width='4'%3E%3Ccircle cx='50' cy='50' r='12' fill='%23c93f8e'/%3E%3Ccircle cx='20' cy='28' r='7'/%3E%3Ccircle cx='20' cy='72' r='7'/%3E%3Ccircle cx='80' cy='28' r='7'/%3E%3Ccircle cx='80' cy='72' r='7'/%3E%3Cline x1='50' y1='50' x2='20' y2='28'/%3E%3Cline x1='50' y1='50' x2='20' y2='72'/%3E%3Cline x1='50' y1='50' x2='80' y2='28'/%3E%3Cline x1='50' y1='50' x2='80' y2='72'/%3E%3C/g%3E%3C/svg%3E"); }
.mm-aud-list li:nth-child(3)::before { animation-delay:-.22s; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 25 C20 25 15 35 15 45 C10 50 10 60 17 65 C17 72 25 78 35 78 C42 85 55 85 60 78 C72 78 80 70 80 63 C87 57 87 47 82 42 C82 32 72 25 62 25 C57 18 37 18 30 25 Z' fill='%238b5fbf'/%3E%3C/svg%3E"); }
.mm-aud-list li:nth-child(4)::before { animation-delay:-.08s; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%231fbfb5' stroke-width='4'%3E%3Cpolygon points='50,15 80,32 80,68 50,85 20,68 20,32'/%3E%3Ccircle cx='50' cy='50' r='10' fill='%231fbfb5'/%3E%3C/g%3E%3C/svg%3E"); }
.mm-aud-list li:nth-child(5)::before { animation-delay:-.18s; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23ffcc00' stroke-width='4'%3E%3Cpath d='M20 50 Q35 20 50 50 T80 50'/%3E%3Cpath d='M20 65 Q35 35 50 65 T80 65' opacity='.6'/%3E%3Cpath d='M20 35 Q35 5 50 35 T80 35' opacity='.6'/%3E%3C/g%3E%3C/svg%3E"); }
.mm-aud-list li:nth-child(6)::before { animation-delay:-.28s; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%237e5fc9'%3E%3Ccircle cx='50' cy='50' r='6'/%3E%3Ccircle cx='20' cy='30' r='4'/%3E%3Ccircle cx='80' cy='30' r='4'/%3E%3Ccircle cx='20' cy='70' r='4'/%3E%3Ccircle cx='80' cy='70' r='4'/%3E%3Cg stroke='%237e5fc9' stroke-width='2' fill='none'%3E%3Cline x1='50' y1='50' x2='20' y2='30'/%3E%3Cline x1='50' y1='50' x2='80' y2='30'/%3E%3Cline x1='50' y1='50' x2='20' y2='70'/%3E%3Cline x1='50' y1='50' x2='80' y2='70'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.mm-aud-list li:hover::before { animation-duration: .2s; }

/* Teams — Pillar video cards (3-col) */
.mm-pillar-video-card {
  background: linear-gradient(145deg,rgba(20,15,30,.9),rgba(10,8,20,.95)) !important;
  border: 1px solid rgba(201,63,142,.15); border-radius: 20px;
  overflow: hidden; transition: all .4s; color: #fff;
}
.mm-pillar-video-card:hover { border-color: rgba(201,63,142,.45); transform: translateY(-4px); }
.mm-pillar-video-card .mm-pv-media { aspect-ratio: 16/10; background: #0a0618; position: relative; overflow: hidden; }
.mm-pillar-video-card .mm-pv-media video,
.mm-pillar-video-card .mm-pv-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mm-pillar-video-card .mm-pv-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom,transparent 60%,rgba(10,6,24,.5)); pointer-events: none; }
.mm-pillar-video-card .mm-pv-body { padding: 22px 24px; }
.mm-pillar-video-card .mm-pv-num { display: inline-block; padding: 3px 10px; background: rgba(255,110,156,.15); color: #ff6e9c; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: .1em; margin-bottom: 8px; text-transform: uppercase; }
.mm-pillar-video-card h3 { font-size: 22px; margin-bottom: 8px; color: #fff; }
.mm-pillar-video-card p { font-size: 13.5px; opacity: .8; line-height: 1.55; color: #fff; }

/* Teams — Studio gallery + location */
.mm-studio-img {
  aspect-ratio: 4/3; border-radius: 16px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.08); margin-bottom: 12px;
}
.mm-studio-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; display: block; }
.mm-studio-img:hover img { transform: scale(1.05); }
.mm-location {
  padding: 20px 22px;
  background: linear-gradient(135deg,rgba(31,191,181,.1),rgba(201,63,142,.05));
  border: 1px solid rgba(31,191,181,.25); border-radius: 14px; color: #fff;
}
.mm-location h3 { font-size: 16px; margin-bottom: 6px; color: #1fbfb5; }
.mm-location p { font-size: 14px; opacity: .9; line-height: 1.55; color: #fff; }

/* Teams — Schedule timeline */
.mm-timeline { max-width: 740px; margin: 0 auto; position: relative; padding-right: 40px; }
.mm-timeline::before {
  content: ""; position: absolute; right: 14px; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg,transparent,#ff6e9c 15%,#c93f8e 50%,#1fbfb5 85%,transparent);
}
.mm-t-item {
  position: relative; padding: 18px 24px;
  background: linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08); border-radius: 14px;
  margin-bottom: 14px;
  transition: border-color .35s, transform .35s, box-shadow .35s, background .35s;
  color: #fff; overflow: visible;
  animation: mm-t-float 8s ease-in-out infinite;
}
.mm-t-item:nth-child(2) { animation-delay: -1.5s; }
.mm-t-item:nth-child(3) { animation-delay: -3s; }
.mm-t-item:nth-child(4) { animation-delay: -4.5s; }
.mm-t-item:nth-child(5) { animation-delay: -6s; }
.mm-t-item:nth-child(6) { animation-delay: -7.5s; }
@keyframes mm-t-float {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-4px); }
}
.mm-t-item:hover {
  border-color: rgba(255,110,156,.6);
  box-shadow: 0 0 40px rgba(255,110,156,.25), 0 0 80px rgba(31,191,181,.15);
  background: linear-gradient(145deg,rgba(255,110,156,.08),rgba(31,191,181,.04));
  transform: translateY(-7px);
}
.mm-t-item:hover .mm-t-title em {
  animation: mm-hue-shift 2.5s linear infinite;
}
@keyframes mm-hue-shift {
  0%   { color: #ff6e9c; }
  25%  { color: #ffcc00; }
  50%  { color: #1fbfb5; }
  75%  { color: #c93f8e; }
  100% { color: #ff6e9c; }
}
.mm-t-item::before {
  content: ""; position: absolute; right: -34px; top: 26px;
  width: 16px; height: 16px; z-index: 3;
  background: linear-gradient(135deg,#ff6e9c,#1fbfb5); border-radius: 50%;
  box-shadow: 0 0 0 4px #0a0618, 0 0 18px rgba(255,110,156,.5);
  transition: transform .3s, box-shadow .3s;
}
.mm-t-item:hover::before {
  transform: scale(1.3) rotate(180deg);
  box-shadow: 0 0 0 4px #0a0618, 0 0 30px rgba(255,110,156,.9), 0 0 60px rgba(31,191,181,.6);
}
/* Star dust on hover — twinkling particles */
.mm-t-item::after {
  content: ""; position: absolute; inset: -10px;
  background-image:
    radial-gradient(circle at 15% 25%, #ffcc00 1px, transparent 2px),
    radial-gradient(circle at 85% 65%, #ff6e9c 1px, transparent 2px),
    radial-gradient(circle at 45% 85%, #1fbfb5 1px, transparent 2px),
    radial-gradient(circle at 25% 75%, #c93f8e 1.5px, transparent 2.5px),
    radial-gradient(circle at 75% 15%, #fff 1px, transparent 2px),
    radial-gradient(circle at 55% 45%, #8b5fbf 1px, transparent 2px),
    radial-gradient(circle at 10% 55%, #ffcc00 1px, transparent 2px),
    radial-gradient(circle at 90% 90%, #1fbfb5 1.5px, transparent 2.5px);
  opacity: 0; pointer-events: none; z-index: 1;
  transition: opacity .4s;
  filter: drop-shadow(0 0 4px currentColor);
}
.mm-t-item:hover::after {
  opacity: 1;
  animation: mm-stardust 2.5s ease-in-out infinite;
}
@keyframes mm-stardust {
  0%,100% { transform: scale(1) rotate(0deg); opacity: .9; }
  25%     { transform: scale(1.08) rotate(2deg); opacity: .6; }
  50%     { transform: scale(.95) rotate(-2deg); opacity: 1; }
  75%     { transform: scale(1.05) rotate(1deg); opacity: .7; }
}
.mm-t-time { color: #ffcc00; font-size: 13px; font-weight: 700; letter-spacing: .05em; margin-bottom: 4px; }
.mm-t-title { font-weight: 600; font-size: 17px; margin-bottom: 6px; display: inline-block; color: #fff; }
.mm-t-title em { font-style: normal; color: #ff6e9c; margin-inline-end: 6px; }
.mm-t-desc { font-size: 13.5px; opacity: .8; line-height: 1.55; color: #fff; }
.mm-sched-note { text-align: center; margin-top: 24px; font-size: 13px; opacity: .6; font-style: italic; color: #fff; }

/* Teams — Contact form card */
.mm-contact-card {
  max-width: 780px; margin: 0 auto;
  background: linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.12); border-radius: 24px;
  padding: 40px; box-shadow: 0 20px 60px rgba(0,0,0,.3); color: #fff;
}
.mm-contact-head { text-align: center; margin-bottom: 28px; }
.mm-contact-head h2 { font-size: 28px; margin-bottom: 8px; color: #fff; }
.mm-contact-head p { font-size: 15px; opacity: .82; line-height: 1.55; color: #fff; }
.mm-cf-trust {
  display: flex; gap: 18px; justify-content: center;
  margin-top: 20px; font-size: 12px; opacity: .65; flex-wrap: wrap; color: #fff;
}
.mm-cf-trust span { display: flex; align-items: center; gap: 6px; }
.mm-cf-trust svg { width: 14px; height: 14px; color: #1fbfb5; }

/* CF7 styling inside contact card */
.mm-contact-card .wpcf7 form { display: flex; flex-direction: column; gap: 14px; }
.mm-contact-card .wpcf7 label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 600; opacity: .82; letter-spacing: .05em; color: #fff; }
.mm-contact-card .wpcf7 input[type="text"],
.mm-contact-card .wpcf7 input[type="email"],
.mm-contact-card .wpcf7 input[type="tel"],
.mm-contact-card .wpcf7 input[type="url"],
.mm-contact-card .wpcf7 input[type="number"],
.mm-contact-card .wpcf7 input[type="date"],
.mm-contact-card .wpcf7 textarea,
.mm-contact-card .wpcf7 select {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  color: #fff !important;
  font-family: inherit; font-size: 14px;
  transition: all .2s; outline: none; direction: rtl;
  width: 100%; box-shadow: none !important;
}
.mm-contact-card .wpcf7 input:focus,
.mm-contact-card .wpcf7 textarea:focus,
.mm-contact-card .wpcf7 select:focus {
  border-color: #ff6e9c !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: 0 0 0 3px rgba(255,110,156,.15) !important;
}
.mm-contact-card .wpcf7 input::placeholder,
.mm-contact-card .wpcf7 textarea::placeholder { color: rgba(255,255,255,.4); }
.mm-contact-card .wpcf7 textarea { resize: vertical; min-height: 90px; }
.mm-contact-card .wpcf7 .wpcf7-submit,
.mm-contact-card .wpcf7 input[type="submit"] {
  width: 100% !important; margin-top: 10px !important;
  padding: 16px !important; font-size: 15px !important;
  background: linear-gradient(135deg,#ffcc00,#ff6e9c) !important;
  color: #0a0a1e !important;
  border: none !important; border-radius: 100px !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 30px rgba(255,110,156,.4) !important;
  cursor: pointer; transition: transform .25s, box-shadow .25s;
}
.mm-contact-card .wpcf7 .wpcf7-submit:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(255,110,156,.6) !important; }

/* Mobile for teams page */
@media (max-width: 768px) {
  .mm-kpi-strip { gap: 14px; padding: 14px 18px; border-radius: 16px; }
  .mm-kpi-val { font-size: 18px; }
  .mm-kpi-label { font-size: 10px; }
  .mm-goal-card { aspect-ratio: 5/4; }
  .mm-goal-card h3 { font-size: 18px; }
  .mm-pillar-video-card h3 { font-size: 19px; }
  .mm-timeline { padding-right: 30px; }
  .mm-timeline::before { right: 10px; }
  .mm-t-item::before { right: -26px; width: 12px; height: 12px; top: 22px; }
  .mm-contact-card { padding: 26px 22px; border-radius: 18px; }
}

/* ═══════ Workshops grid — mobile no gaps + mouse kaleidoscope ═══════ */
.mm-workshops-grid .row { padding-top: 0; padding-bottom: 0; }
.mm-workshops-grid .col { padding-top: 0; padding-bottom: 0; }
.mm-workshops-grid .ux-banner { position: relative; overflow: hidden; cursor: pointer; }
/* Mouse-following kaleidoscope layer on banners */
.mm-workshops-grid .ux-banner::after {
  content: ""; position: absolute; inset: -10%;
  background: radial-gradient(circle at var(--mx,50%) var(--my,50%),
    rgba(255,110,156,.35) 0%, rgba(31,191,181,.25) 20%, rgba(255,204,0,.18) 35%, transparent 55%),
    url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-bg.svg') center/cover;
  mix-blend-mode: screen;
  opacity: 0;
  filter: grayscale(.3) brightness(1.6);
  transition: opacity .5s ease;
  pointer-events: none;
  animation: mm-ws-spin 40s linear infinite;
}
.mm-workshops-grid .ux-banner:hover::after { opacity: .75; }
@keyframes mm-ws-spin { to { transform: rotate(360deg); } }

/* Titles + buttons styling */
.mm-workshops-grid h2 { font-size: 32px; margin-bottom: 14px; }
.mm-workshops-grid p { font-size: 16px; line-height: 1.65; opacity: .85; margin-bottom: 20px; }

/* Mobile: remove all gaps between image+text + between rows */
@media (max-width: 768px) {
  .mm-workshops-grid .row { margin: 0 !important; padding: 0 !important; }
  .mm-workshops-grid .col { margin: 0 !important; padding: 0 !important; }
  .mm-workshops-grid .row + .row { margin-top: 0 !important; }
  .mm-workshops-grid .ux-banner { border-radius: 0 !important; }
  .mm-workshops-grid h2 { font-size: 24px; }
  .mm-workshops-grid p { font-size: 14px; }
  /* Text col gets restored minimal padding for readability */
  .mm-workshops-grid .row > .col:not(:has(.ux-banner)) .col-inner { padding: 28px 20px !important; }
}

/* ═══════ Link Tree — psychedelic buttons ═══════ */
.mm-linktree .button {
  position: relative; overflow: visible;
  background: linear-gradient(135deg,rgba(20,15,30,.85),rgba(10,8,20,.9)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  padding: 16px 22px !important;
  margin: 10px 0 !important;
  transition: all .35s cubic-bezier(.25,.8,.3,1) !important;
  backdrop-filter: blur(8px);
}
.mm-linktree .button span { color: #fff !important; font-weight: 500 !important; font-size: 15.5px; }
.mm-linktree .button::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(135deg, transparent, var(--btn-glow, #ff6e9c), transparent);
  opacity: 0; border-radius: inherit;
  transition: opacity .4s; z-index: -1;
}
.mm-linktree .button:hover::before { opacity: .25; }
.mm-linktree .button:hover {
  border-color: var(--btn-glow, #ff6e9c) !important;
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 10px 30px rgba(255,110,156,.25), 0 0 50px var(--btn-glow, rgba(255,110,156,.3));
}
/* Rotate colors per button */
.mm-linktree > .row .col > .col-inner > .button-wrapper:nth-child(1) .button,
.mm-linktree .button:nth-of-type(1) { --btn-glow: #ff6e9c; }
.mm-linktree .button:nth-of-type(2) { --btn-glow: #1fbfb5; }
.mm-linktree .button:nth-of-type(3) { --btn-glow: #ffcc00; }
.mm-linktree .button:nth-of-type(4) { --btn-glow: #c93f8e; }
.mm-linktree .button:nth-of-type(5) { --btn-glow: #8b5fbf; }
.mm-linktree .button:nth-of-type(6) { --btn-glow: #25d366; }
.mm-linktree .button:nth-of-type(7) { --btn-glow: #1fbfb5; }
.mm-linktree .button:nth-of-type(8) { --btn-glow: #ffcc00; }

/* Icon dot before each button — psychedelic glow */
.mm-linktree .button::after {
  content: ""; position: absolute;
  right: 14px; top: 50%; transform: translateY(-50%);
  width: 10px; height: 10px;
  background: var(--btn-glow, #ff6e9c);
  border-radius: 50%;
  box-shadow: 0 0 12px var(--btn-glow, #ff6e9c);
  animation: mm-lt-pulse 2.5s ease-in-out infinite;
}
.mm-linktree .button:nth-of-type(2)::after { animation-delay: -.5s; }
.mm-linktree .button:nth-of-type(3)::after { animation-delay: -1s; }
.mm-linktree .button:nth-of-type(4)::after { animation-delay: -1.5s; }
.mm-linktree .button:nth-of-type(5)::after { animation-delay: -2s; }
@keyframes mm-lt-pulse {
  0%,100% { transform: translateY(-50%) scale(1); opacity: 1; }
  50%     { transform: translateY(-50%) scale(1.4); opacity: .6; }
}

/* Star dust on hover */
.mm-linktree .button:hover::after {
  animation: mm-lt-pulse 1s ease-in-out infinite, mm-lt-dust 3s linear infinite;
}
@keyframes mm-lt-dust {
  0% { box-shadow: 0 0 12px var(--btn-glow), 20px 10px 0 -3px var(--btn-glow), -15px -8px 0 -3px var(--btn-glow), 25px -15px 0 -3px var(--btn-glow); }
  50% { box-shadow: 0 0 20px var(--btn-glow), -20px -10px 0 -4px transparent, 15px 8px 0 -4px transparent, -25px 15px 0 -4px var(--btn-glow); }
  100% { box-shadow: 0 0 12px var(--btn-glow), 20px 10px 0 -3px var(--btn-glow), -15px -8px 0 -3px var(--btn-glow), 25px -15px 0 -3px var(--btn-glow); }
}

.mm-linktree .mm-lt-header { position: relative; z-index: 3; }
.mm-linktree .mm-lt-header h2 { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,.6); }

/* Final CTA section */
.mm-final-cta { text-align: center; position: relative; overflow: hidden; }
.mm-final-cta h2 { font-size: 44px !important; font-weight: 900; margin-bottom: 14px !important; letter-spacing: -.02em; color: #fff; }
.mm-final-cta p { font-size: 17px; opacity: .85; margin-bottom: 30px; color: #fff; }

/* Mobile responsive for sales design */
@media (max-width: 768px) {
  .mm-sales-hero h1, .mm-sales .mm-h1 { font-size: 38px !important; line-height: 1; }
  .mm-sales .mm-sub { font-size: 15px !important; margin-bottom: 22px; }
  .mm-sales .mm-section-header h2 { font-size: 26px !important; }
  .mm-sales .mm-lead { font-size: 14px; }
  .mm-card-dark { padding: 24px 20px; border-radius: 16px; }
  .mm-card-dark h3 { font-size: 19px; }
  .mm-card-dark p { font-size: 14px; }
  .mm-detail-chip { display: flex; align-items: center; justify-content: flex-start; text-align: right; gap: 14px; padding: 14px 18px; }
  .mm-detail-chip .mm-icon svg { margin-bottom: 0 !important; width: 24px !important; height: 24px !important; }
  .mm-module-dark { padding: 24px 22px; border-radius: 18px; }
  .mm-module-dark h3 { font-size: 22px; }
  .mm-instructor-card { grid-template-columns: 1fr; padding: 22px; gap: 20px; text-align: center; }
  .mm-instructor-card .mm-portrait { max-width: 120px; margin: 0 auto; font-size: 50px; }
  .mm-instructor-card .mm-inst-name { font-size: 24px; }
  .mm-inc-item { padding: 14px 16px; }
  .mm-test-card { padding: 22px 20px; }
  .mm-test-quote { font-size: 14px; }
  .mm-risk-box { padding: 28px 22px; border-radius: 18px; }
  .mm-risk-box h3 { font-size: 22px; }
  .mm-risk-box p { font-size: 14px; }
  .mm-faq-item summary { font-size: 14px; padding: 16px 18px; }
  .mm-faq-item .mm-faq-body { padding: 0 18px 18px; font-size: 13px; }
  .mm-final-cta h2 { font-size: 28px !important; }
  .mm-final-cta p { font-size: 14px; }
}

/* ═══════ WA consolidated — hide floating WA everywhere, single inline in banner ═══════ */
.whatsapp-container { display: none !important; }

/* ═══════════════════════════════════════════════════
   LTR OVERRIDES — English site (www.micro-movement.com)
   ═══════════════════════════════════════════════════ */
.mm-timeline { padding-right: 0 !important; padding-left: 40px !important; }
.mm-timeline::before { right: auto !important; left: 14px !important; }
.mm-t-item::before { right: auto !important; left: -34px !important; }
@media (max-width: 768px) {
  .mm-timeline { padding-left: 30px !important; }
  .mm-timeline::before { left: 10px !important; }
  .mm-t-item::before { left: -26px !important; }
}
.mm-card-dark::before, .mm-quote-card::before { right: auto !important; left: 20px !important; }
.mm-contact-card .wpcf7 input,
.mm-contact-card .wpcf7 textarea,
.mm-contact-card .wpcf7 select { direction: ltr !important; text-align: left !important; }
.mm-sales .mm-section-header { text-align: center; }
.mm-sales .mm-final-cta,
.mm-sales .mm-final-cta h2,
.mm-sales .mm-final-cta p { text-align: center; }
.mm-sales .mm-h1, .mm-sales h1, .mm-sales h2, .mm-sales h3 { letter-spacing: -0.01em; }

/* ═══════════════════════════════════════════════════
   TESTIMONIALS — video cards + quote cards
   ═══════════════════════════════════════════════════ */
.mm-sales .mm-video-card {
  background: linear-gradient(180deg, rgba(10,10,15,.85) 0%, rgba(7,7,16,.9) 100%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255,110,156,.25);
  border-radius: 18px;
  padding: 10px !important;
  overflow: hidden;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  position: relative;
}
.mm-sales .mm-video-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,110,156,.4), rgba(31,191,181,.3), rgba(255,204,0,.3));
  z-index: -1;
  opacity: 0;
  transition: opacity .35s ease;
}
.mm-sales .mm-video-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,110,156,.55);
  box-shadow: 0 18px 40px rgba(201,63,142,.28);
}
.mm-sales .mm-video-card:hover::before { opacity: .4; }
.mm-sales .mm-video-card iframe {
  border-radius: 14px;
  display: block;
  width: 100% !important;
  max-width: 100%;
  aspect-ratio: 3 / 4;
  height: auto !important;
  background: #0a0a0f;
}

.mm-sales .mm-quote-card {
  padding: 0 !important;
}
.mm-sales .mm-quote-card .mm-quote-body {
  background: rgba(10,10,15,.88);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 28px 24px 22px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: border-color .3s ease, transform .3s ease;
}
.mm-sales .mm-quote-card .mm-quote-body::before {
  content: "\201C";
  position: absolute;
  top: -6px;
  left: 18px;
  font-size: 70px;
  font-family: Georgia, serif;
  color: #ff6e9c;
  opacity: .55;
  line-height: 1;
}
.mm-sales .mm-quote-card:hover .mm-quote-body {
  border-color: rgba(255,110,156,.35);
  transform: translateY(-3px);
}
.mm-sales .mm-quote-card .mm-quote-body p {
  color: rgba(255,255,255,.88);
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
.mm-sales .mm-quote-card .mm-quote-author {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: auto;
}
.mm-sales .mm-quote-card .mm-quote-link {
  color: #1fbfb5;
  font-size: 12px;
  letter-spacing: .04em;
  text-decoration: none;
  font-weight: 500;
}
.mm-sales .mm-quote-card .mm-quote-link:hover { color: #ff6e9c; }

/* Slider nav styling */
.mm-sales .ux-slider-wrapper .flickity-prev-next-button {
  background: rgba(255,110,156,.15) !important;
  border: 1px solid rgba(255,110,156,.35);
  width: 44px; height: 44px;
}
.mm-sales .ux-slider-wrapper .flickity-prev-next-button:hover {
  background: rgba(255,110,156,.3) !important;
}
.mm-sales .ux-slider-wrapper .flickity-prev-next-button svg { fill: #fff; }
.mm-sales .flickity-page-dots .dot {
  background: rgba(255,255,255,.3);
  border: 0;
}
.mm-sales .flickity-page-dots .dot.is-selected { background: #ff6e9c; }

/* ═══════════════════════════════════════════════════
   INSTRUCTOR CARD — psychedelic portrait treatment
   ═══════════════════════════════════════════════════ */
.mm-sales .mm-instructor-card {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  align-items: center;
  background: rgba(10,10,15,.9);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,110,156,.2);
  border-radius: 24px;
  padding: 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
}
.mm-sales .mm-instructor-card::before {
  content: "";
  position: absolute;
  top: -40%; right: -20%;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(255,110,156,.25) 0%, transparent 60%);
  pointer-events: none;
  animation: mm-pulse-soft 8s ease-in-out infinite;
}
.mm-sales .mm-instructor-card::after {
  content: "";
  position: absolute;
  bottom: -30%; left: -10%;
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(31,191,181,.2) 0%, transparent 60%);
  pointer-events: none;
  animation: mm-pulse-soft 10s ease-in-out infinite reverse;
}

.mm-sales .mm-instructor-photo {
  position: relative;
  z-index: 2;
  padding: 10px;
}
.mm-sales .mm-instructor-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #ff6e9c, #1fbfb5, #ffcc00, #c93f8e, #ff6e9c);
  padding: 3px;
  animation: mm-instructor-rotate 20s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .7;
}
.mm-sales .mm-instructor-photo::after {
  content: "";
  position: absolute;
  inset: -20px;
  background: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-disc.svg') center/contain no-repeat;
  opacity: .25;
  mix-blend-mode: screen;
  filter: grayscale(1) brightness(1.6);
  animation: mm-fx-spin 60s linear infinite;
  pointer-events: none;
  z-index: -1;
}
@keyframes mm-instructor-rotate { to { transform: rotate(360deg); } }

.mm-sales .mm-instructor-photo img {
  border-radius: 50%;
  border: 4px solid rgba(7,7,16,.9);
  box-shadow: 0 18px 50px rgba(0,0,0,.6), 0 0 30px rgba(255,110,156,.3);
  position: relative;
  z-index: 2;
}

.mm-sales .mm-instructor-body { color: rgba(255,255,255,.88); position: relative; z-index: 2; }
.mm-sales .mm-instructor-body h3 {
  color: #fff;
  font-size: 28px;
  margin: 0 0 4px;
  letter-spacing: -0.01em;
}
.mm-sales .mm-instructor-role {
  color: #ff6e9c;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-weight: 600;
}
.mm-sales .mm-instructor-body p {
  color: rgba(255,255,255,.82);
  font-size: 14.5px;
  line-height: 1.75;
  margin-bottom: 14px;
}
.mm-sales .mm-instructor-expertise { margin-top: 20px; }
.mm-sales .mm-instructor-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mm-sales .mm-instructor-chips .mm-detail-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  color: rgba(255,255,255,.9);
  font-size: 13px;
  transition: all .3s ease;
}
.mm-sales .mm-instructor-chips .mm-detail-chip:hover {
  border-color: rgba(255,110,156,.4);
  background: rgba(255,110,156,.08);
}
.mm-sales .mm-instructor-social {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding: 10px 18px;
  background: linear-gradient(135deg, rgba(255,110,156,.15), rgba(201,63,142,.15));
  border: 1px solid rgba(255,110,156,.35);
  border-radius: 999px;
  color: #fff !important;
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 500;
  transition: all .3s ease;
}
.mm-sales .mm-instructor-social:hover {
  background: linear-gradient(135deg, rgba(255,110,156,.3), rgba(201,63,142,.3));
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .mm-sales .mm-instructor-card {
    grid-template-columns: 1fr;
    padding: 28px 20px;
    gap: 24px;
  }
  .mm-sales .mm-instructor-photo { max-width: 220px; margin: 0 auto; }
  .mm-sales .mm-instructor-body { text-align: center; }
  .mm-sales .mm-instructor-chips { justify-content: center; }
}

/* ═══════════════════════════════════════════════════
   IMMERSIVE-LIGHT — white background + colored stardust
   Use: class="mm-immersive-light" (no mm-sales needed)
   Preserves original layout, adds floating stardust layer
   ═══════════════════════════════════════════════════ */
.mm-immersive-light {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  isolation: isolate;
}
/* Layer 1 (::before): pure-CSS kaleidoscope — conic gradient pinwheel + soft orbs */
.mm-immersive-light::before {
  content: "";
  position: absolute;
  inset: -30%;
  z-index: 0;
  pointer-events: none;
  background:
    /* Pinwheel: conic gradient with color stops creating segments */
    conic-gradient(
      from 0deg at 50% 50%,
      rgba(255,110,156,.25) 0deg,
      rgba(255,204,0,.20) 30deg,
      rgba(31,191,181,.25) 60deg,
      rgba(139,95,191,.22) 90deg,
      rgba(201,63,142,.25) 120deg,
      rgba(255,204,0,.20) 150deg,
      rgba(31,191,181,.25) 180deg,
      rgba(255,110,156,.25) 210deg,
      rgba(139,95,191,.22) 240deg,
      rgba(201,63,142,.25) 270deg,
      rgba(255,204,0,.20) 300deg,
      rgba(31,191,181,.25) 330deg,
      rgba(255,110,156,.25) 360deg
    );
  mix-blend-mode: multiply;
  -webkit-mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, transparent 25%, black 60%, transparent 90%);
          mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, transparent 25%, black 60%, transparent 90%);
  animation: mm-kaleido-spin 80s linear infinite;
  filter: saturate(1.4) blur(2px);
  opacity: .7;
}

/* Layer 1b (via wrapper pseudo): concentric rainbow rings rotating opposite */
.mm-immersive-light > *:first-child::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 140vmax; height: 140vmax;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  background:
    repeating-conic-gradient(
      from 0deg at 50% 50%,
      transparent 0deg,
      transparent 14deg,
      rgba(255,110,156,.08) 15deg,
      rgba(255,110,156,.08) 16deg,
      transparent 17deg,
      transparent 29deg,
      rgba(31,191,181,.08) 30deg,
      rgba(31,191,181,.08) 31deg,
      transparent 32deg,
      transparent 44deg,
      rgba(139,95,191,.08) 45deg,
      rgba(139,95,191,.08) 46deg
    );
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, black 20%, transparent 70%);
          mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, black 20%, transparent 70%);
  animation: mm-kaleido-spin-rev 120s linear infinite;
}
/* stardust particles — colorful dots on white */
.mm-immersive-light::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image:
    radial-gradient(2px 2px at 12% 18%, #ff6e9c 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 28% 72%, #1fbfb5 50%, transparent 51%),
    radial-gradient(2px 2px at 45% 30%, #8b5fbf 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 62% 85%, #ffcc00 50%, transparent 51%),
    radial-gradient(2.5px 2.5px at 78% 22%, #c93f8e 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 64%, #1fbfb5 50%, transparent 51%),
    radial-gradient(2px 2px at 18% 55%, #ffcc00 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 52% 48%, #ff6e9c 50%, transparent 51%),
    radial-gradient(2px 2px at 35% 90%, #8b5fbf 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 72% 12%, #c93f8e 50%, transparent 51%),
    radial-gradient(2.5px 2.5px at 8% 40%, #1fbfb5 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 95% 88%, #ff6e9c 50%, transparent 51%),
    radial-gradient(2px 2px at 40% 15%, #ffcc00 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 58% 65%, #8b5fbf 50%, transparent 51%);
  background-size: 260px 230px, 220px 200px, 280px 240px, 200px 180px,
                   300px 260px, 240px 220px, 270px 230px, 210px 190px,
                   290px 250px, 230px 200px, 260px 230px, 250px 220px,
                   240px 210px, 280px 240px;
  background-repeat: repeat;
  opacity: .95;
  animation: mm-stardust-drift-light 55s linear infinite, mm-stardust-twinkle-light 2.5s ease-in-out infinite;
}
/* ensure content sits above bg layers — EXCLUDE .section-bg (must stay position:absolute) */
.mm-immersive-light > .section-content { position: relative; z-index: 2; }

@keyframes mm-light-orbs {
  0%   { transform: translate(0,0) scale(1); }
  50%  { transform: translate(2%,-1%) scale(1.08); }
  100% { transform: translate(-2%,2%) scale(1.04); }
}
@keyframes mm-kaleido-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes mm-kaleido-spin-rev {
  from { transform: rotate(360deg); }
  to   { transform: rotate(0deg); }
}
@keyframes mm-stardust-drift-light {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
  to   { background-position: 380px -340px, -340px 300px, 420px 360px, -300px -270px,
                             460px 400px, -360px 320px, 400px -340px, -320px 290px,
                             440px 380px, -340px -300px, 400px 340px, -380px 330px,
                             360px -320px, -420px 360px; }
}
@keyframes mm-stardust-twinkle-light {
  0%, 100% { opacity: .75; }
  50%      { opacity: 1; }
}
@media (max-width: 768px) {
  .mm-immersive-light::after { opacity: .55; }
}

/* OLD IMMERSIVE (dark) — keep the class but simplify; currently unused */
.mm-immersive {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 20% 10%, rgba(201,63,142,.35) 0%, transparent 45%),
    radial-gradient(ellipse at 85% 15%, rgba(31,191,181,.30) 0%, transparent 48%),
    radial-gradient(ellipse at 75% 85%, rgba(139,95,191,.35) 0%, transparent 50%),
    radial-gradient(ellipse at 15% 90%, rgba(255,204,0,.22) 0%, transparent 45%),
    linear-gradient(180deg, #0a0618 0%, #1a0a2e 50%, #0a0618 100%);
  isolation: isolate;
}
/* layer 1: slow drifting color orbs */
.mm-immersive::before {
  content: "";
  position: absolute;
  inset: -10%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 30% 40%, rgba(255,110,156,.5) 0%, transparent 20%),
    radial-gradient(circle at 70% 60%, rgba(31,191,181,.4) 0%, transparent 22%),
    radial-gradient(circle at 50% 20%, rgba(255,204,0,.35) 0%, transparent 18%),
    radial-gradient(circle at 25% 75%, rgba(139,95,191,.45) 0%, transparent 25%),
    radial-gradient(circle at 80% 30%, rgba(201,63,142,.4) 0%, transparent 22%);
  filter: blur(60px);
  animation: mm-orbs-drift 28s ease-in-out infinite alternate;
  mix-blend-mode: screen;
}
/* layer 2: stardust particles — radial dots tiled + twinkle */
.mm-immersive::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 18%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 28% 72%, rgba(255,110,156,.9) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 45% 30%, rgba(31,191,181,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 62% 85%, #fff 50%, transparent 51%),
    radial-gradient(2px 2px at 78% 22%, rgba(255,204,0,.85) 50%, transparent 51%),
    radial-gradient(1px 1px at 88% 64%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 18% 55%, rgba(139,95,191,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 52% 48%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 35% 90%, rgba(201,63,142,.85) 50%, transparent 51%),
    radial-gradient(1px 1px at 72% 12%, #fff 50%, transparent 51%),
    radial-gradient(2px 2px at 8% 40%, rgba(31,191,181,.8) 50%, transparent 51%),
    radial-gradient(1px 1px at 95% 88%, #fff 50%, transparent 51%);
  background-size: 420px 380px, 380px 340px, 460px 400px, 340px 300px,
                   500px 440px, 400px 360px, 440px 380px, 360px 320px,
                   480px 420px, 380px 340px, 440px 380px, 420px 360px;
  background-repeat: repeat;
  animation: mm-stardust-drift 60s linear infinite, mm-stardust-twinkle 4s ease-in-out infinite;
}
/* Content above bg layers */
.mm-immersive > .section-content,
.mm-immersive > .row,
.mm-immersive .section-content,
.mm-immersive > div { position: relative; z-index: 2; }

@keyframes mm-orbs-drift {
  0%   { transform: translate(0,0) rotate(0deg) scale(1); }
  50%  { transform: translate(3%,-2%) rotate(15deg) scale(1.08); }
  100% { transform: translate(-2%,3%) rotate(-10deg) scale(1.04); }
}
@keyframes mm-stardust-drift {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
  to   { background-position: 420px -380px, -380px 340px, 460px 400px, -340px -300px,
                             500px 440px, -400px 360px, 440px -380px, -360px 320px,
                             480px 420px, -380px -340px, 440px 380px, -420px 360px; }
}
@keyframes mm-stardust-twinkle {
  0%, 100% { opacity: .85; }
  50%      { opacity: 1; filter: brightness(1.3); }
}

/* mobile: reduce particle count via smaller tile + lower opacity so performance ok */
@media (max-width: 768px) {
  .mm-immersive::after { opacity: .7; }
  .mm-immersive::before { filter: blur(40px); }
}

/* ═══ FLOATING PSYCHEDELIC HEADER ═══ */
.mm-section-header-float { position: relative; z-index: 3; }

.mm-h-float {
  display: inline-block;
  font-weight: 700 !important;
  line-height: 1.25;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
  animation: mm-h-float-bob 4.5s ease-in-out infinite;
  position: relative;
}
.mm-h-float span { display: inline-block; }
.mm-h-float > span:not(.mm-h-gradient) { color: #1c1d1f; }
.mm-h-float .mm-h-gradient {
  background: linear-gradient(90deg, #ff6e9c 0%, #ffcc00 20%, #1fbfb5 40%, #8b5fbf 60%, #c93f8e 80%, #ff6e9c 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent;
  animation: mm-h-gradient-shift 5s linear infinite;
  font-weight: 800 !important;
  filter: drop-shadow(0 2px 8px rgba(255,110,156,.4));
  margin: 0 .45em;
}
.mm-h-float > span:nth-child(1) { animation: mm-h-float-letter 5s ease-in-out infinite; }
.mm-h-float > span:nth-child(3) { animation: mm-h-float-letter 5s ease-in-out infinite; animation-delay: -2s; }

@keyframes mm-h-float-bob {
  0%, 100% { transform: translateY(0) rotate(-0.3deg); }
  50%      { transform: translateY(-10px) rotate(0.3deg); }
}
@keyframes mm-h-float-letter {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25%      { transform: translateY(-6px) rotate(-1deg); }
  75%      { transform: translateY(5px) rotate(1deg); }
}
@keyframes mm-h-gradient-shift {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

@media (max-width: 768px) {
  .mm-h-float { font-size: 28px; }
}

/* Image boxes inside immersive-light — center aligned + subtle colorful glow
   Uses Flatsome's actual rendered classes: .box.box-blog-post or .box-image/.box-text */
.mm-immersive-light .col,
.mm-immersive-light .col-inner,
.mm-immersive-light .col-inner .box { position: relative; z-index: 2; }
/* Force center via flex on the box — beats Flatsome width:60% inline */
.mm-immersive-light .col-inner .box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.mm-immersive-light .box-image {
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
}
.mm-immersive-light .box-text,
.mm-immersive-light .box-text-inner { text-align: center !important; width: 100%; }
.mm-immersive-light .col-inner { text-align: center !important; }
.mm-immersive-light .box-image img {
  filter: drop-shadow(0 4px 12px rgba(255,110,156,.2));
  transition: filter .4s ease, transform .4s ease;
}
.mm-immersive-light .box:hover .box-image img {
  filter: drop-shadow(0 6px 18px rgba(255,110,156,.5)) drop-shadow(0 0 24px rgba(31,191,181,.3));
  transform: scale(1.06);
}

/* ═══════════════════════════════════════════════════
   WHAT YOU'LL LEARN — floating + glowing psychedelic icons
   ═══════════════════════════════════════════════════ */
.mm-learn-lead {
  font-size: 1.6rem !important;
  font-weight: 600;
  background: linear-gradient(90deg, #ff6e9c, #8b5fbf, #1fbfb5, #ffcc00, #ff6e9c);
  background-size: 300% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent !important;
  animation: mm-learn-grad-shift 8s linear infinite;
  margin-top: 12px;
  margin-bottom: 18px;
}
@keyframes mm-learn-grad-shift {
  from { background-position: 0% 50%; }
  to   { background-position: 300% 50%; }
}
.mm-learn-wrap .mm-learn-item {
  padding: 6px 0 6px 56px;
  position: relative;
  min-height: 52px;
  font-size: 1.02rem;
  display: flex;
  align-items: center;
}
.mm-learn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 14px 0 0 !important;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.25), rgba(0,0,0,.03) 65%, transparent 80%);
  box-sizing: border-box;
  flex-shrink: 0;
  will-change: transform, filter;
}
.mm-learn-icon svg { width: 40px; height: 40px; display: block; }
/* Float animation — slight up/down */
.mm-learn-icon-1 { animation: mm-learn-float 4.2s ease-in-out infinite, mm-learn-glow-pink 3.5s ease-in-out infinite; }
.mm-learn-icon-2 { animation: mm-learn-float 4.8s ease-in-out infinite -.8s, mm-learn-glow-teal 3.2s ease-in-out infinite -.5s; }
.mm-learn-icon-3 { animation: mm-learn-float 4.0s ease-in-out infinite -1.6s, mm-learn-glow-violet 3.8s ease-in-out infinite -1.1s; }
.mm-learn-icon-4 { animation: mm-learn-float 4.5s ease-in-out infinite -.4s, mm-learn-glow-magenta 3.6s ease-in-out infinite -.9s; }
.mm-learn-icon-5 { animation: mm-learn-float 4.2s ease-in-out infinite -1.2s, mm-learn-glow-yellow 3.3s ease-in-out infinite -.3s; }
.mm-learn-icon-6 { animation: mm-learn-float 4.6s ease-in-out infinite -2.0s, mm-learn-glow-teal 3.4s ease-in-out infinite -1.4s; }

@keyframes mm-learn-float {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50%      { transform: translateY(-6px) rotate(2deg); }
}
/* Glowing "mushroom lighting up" effect — pulsing multi-color drop-shadow */
@keyframes mm-learn-glow-pink {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(255,110,156,.4)) drop-shadow(0 0 0 rgba(255,110,156,0)); }
  50%      { filter: drop-shadow(0 0 10px rgba(255,110,156,.9)) drop-shadow(0 0 22px rgba(255,110,156,.55)); }
}
@keyframes mm-learn-glow-teal {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(31,191,181,.4)) drop-shadow(0 0 0 rgba(31,191,181,0)); }
  50%      { filter: drop-shadow(0 0 10px rgba(31,191,181,.9)) drop-shadow(0 0 22px rgba(31,191,181,.55)); }
}
@keyframes mm-learn-glow-violet {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(139,95,191,.4)) drop-shadow(0 0 0 rgba(139,95,191,0)); }
  50%      { filter: drop-shadow(0 0 10px rgba(139,95,191,.9)) drop-shadow(0 0 22px rgba(139,95,191,.55)); }
}
@keyframes mm-learn-glow-magenta {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(201,63,142,.4)) drop-shadow(0 0 0 rgba(201,63,142,0)); }
  50%      { filter: drop-shadow(0 0 10px rgba(201,63,142,.9)) drop-shadow(0 0 22px rgba(201,63,142,.55)); }
}
@keyframes mm-learn-glow-yellow {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(255,204,0,.4)) drop-shadow(0 0 0 rgba(255,204,0,0)); }
  50%      { filter: drop-shadow(0 0 10px rgba(255,204,0,.95)) drop-shadow(0 0 22px rgba(255,204,0,.6)); }
}
.mm-learn-wrap .mm-learn-item:hover .mm-learn-icon {
  transform: scale(1.15) rotate(6deg);
  transition: transform .3s ease;
}

/* ═══════════════════════════════════════════════════
   HERO PSY — animated gradient tagline + floating logo/video
   ═══════════════════════════════════════════════════ */
.mm-hero-psy { position: relative; overflow: hidden; }
.mm-hero-psy .section-content { position: relative; z-index: 2; }
/* soft psychedelic orbs behind content (similar to immersive-light pinwheel but muted for dark bg) */
.mm-hero-psy::after {
  content: "";
  position: absolute;
  inset: -10%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(40% 50% at 20% 30%, rgba(255,110,156,.22), transparent 70%),
    radial-gradient(45% 55% at 80% 40%, rgba(31,191,181,.22), transparent 70%),
    radial-gradient(50% 60% at 50% 85%, rgba(139,95,191,.24), transparent 70%),
    radial-gradient(35% 45% at 85% 80%, rgba(255,204,0,.14), transparent 70%);
  mix-blend-mode: screen;
  animation: mm-hero-orbs-drift 22s ease-in-out infinite alternate;
  filter: blur(2px);
}
@keyframes mm-hero-orbs-drift {
  0%   { transform: translate(0,0) scale(1); }
  100% { transform: translate(-3%,2%) scale(1.08); }
}

/* H1 — subtle floating */
.mm-hero-h1 {
  animation: mm-hero-h1-float 6s ease-in-out infinite;
}
@keyframes mm-hero-h1-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}

/* Tagline: "What Researchers Know / But You Haven't Been Taught" — rainbow animated gradient, floating */
.mm-hero-tagline {
  font-size: 150%;
  font-weight: 800;
  line-height: 1.15;
  margin: 14px 0;
  letter-spacing: .3px;
}
.mm-hero-tag-line1, .mm-hero-tag-line2 {
  display: inline-block;
  background: linear-gradient(
    90deg,
    #ff6e9c 0%, #ffcc00 20%, #1fbfb5 40%,
    #8b5fbf 60%, #c93f8e 80%, #ff6e9c 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 30px rgba(255,110,156,.35);
  animation: mm-hero-grad-shift 7s linear infinite, mm-hero-tag-float 5s ease-in-out infinite;
  will-change: background-position, transform;
}
.mm-hero-tag-line2 {
  animation: mm-hero-grad-shift 7s linear infinite -3.5s, mm-hero-tag-float 5s ease-in-out infinite -2.5s;
}
@keyframes mm-hero-grad-shift {
  from { background-position: 0% 50%; }
  to   { background-position: 300% 50%; }
}
@keyframes mm-hero-tag-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50%      { transform: translateY(-5px) scale(1.02); }
}

.mm-hero-sub {
  animation: mm-hero-sub-float 7s ease-in-out infinite;
  opacity: .92;
}
@keyframes mm-hero-sub-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-3px); }
}

/* Logo — floating + colorful pulsing glow */
.mm-hero-logo-float img,
.mm-hero-logo-float .img-inner,
img.mm-hero-logo-float {
  animation: mm-hero-logo-spin 18s ease-in-out infinite, mm-hero-logo-glow 4s ease-in-out infinite !important;
  will-change: transform, filter;
}
@keyframes mm-hero-logo-spin {
  0%   { transform: translateY(0) rotate(0deg); }
  25%  { transform: translateY(-6px) rotate(3deg); }
  50%  { transform: translateY(0) rotate(0deg); }
  75%  { transform: translateY(-6px) rotate(-3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes mm-hero-logo-glow {
  0%, 100% { filter: drop-shadow(0 0 8px rgba(255,110,156,.4)) drop-shadow(0 0 18px rgba(31,191,181,.3)); }
  33%      { filter: drop-shadow(0 0 12px rgba(139,95,191,.6)) drop-shadow(0 0 26px rgba(255,204,0,.4)); }
  66%      { filter: drop-shadow(0 0 10px rgba(31,191,181,.55)) drop-shadow(0 0 22px rgba(201,63,142,.4)); }
}

/* Force symmetric padding — Flatsome renders 0 0 0 20px from a cached source we can't flush */
.mm-hero-video-wrap > .col-inner { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
/* Video card — float + energy ripples radiating outward (trailing aura) */
.mm-hero-video-wrap > .col-inner {
  position: relative;
  animation: mm-hero-video-float 7s ease-in-out infinite;
  will-change: transform;
  border-radius: 6px;
  box-shadow:
    0 0 0 0 rgba(255,110,156,.55),
    0 0 0 0 rgba(31,191,181,.45),
    0 0 0 0 rgba(139,95,191,.45);
  animation:
    mm-hero-video-float 7s ease-in-out infinite,
    mm-hero-video-aura 4.5s ease-out infinite;
  overflow: visible;
}
/* Ripple rings expanding outward */
.mm-hero-video-wrap > .col-inner::before,
.mm-hero-video-wrap > .col-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  pointer-events: none;
  z-index: -1;
  border: 3px solid transparent;
  background:
    linear-gradient(#0000 0 0) padding-box,
    conic-gradient(from 0deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c) border-box;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  animation: mm-hero-ripple 4.5s cubic-bezier(.2,.6,.3,1) infinite;
}
.mm-hero-video-wrap > .col-inner::after {
  animation-delay: -2.25s;
}
@keyframes mm-hero-video-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
/* Pulsing aura via box-shadow — trailing energy (intensified) */
@keyframes mm-hero-video-aura {
  0% {
    box-shadow:
      0 0 35px 8px rgba(255,110,156,.8),
      0 0 70px 18px rgba(31,191,181,.5),
      0 0 100px 30px rgba(139,95,191,.25);
  }
  50% {
    box-shadow:
      0 0 45px 14px rgba(139,95,191,.85),
      0 0 90px 26px rgba(255,204,0,.5),
      0 0 140px 45px rgba(201,63,142,.35);
  }
  100% {
    box-shadow:
      0 0 35px 8px rgba(31,191,181,.8),
      0 0 70px 18px rgba(255,110,156,.5),
      0 0 100px 30px rgba(139,95,191,.25);
  }
}
/* Ripple expands from edge outward — wider + brighter */
@keyframes mm-hero-ripple {
  0%   { transform: scale(1);    opacity: 1;  filter: blur(0); }
  70%  { transform: scale(1.35); opacity: 0;  filter: blur(8px); }
  100% { transform: scale(1.35); opacity: 0;  filter: blur(8px); }
}

/* Enroll button — psychedelic morph */
.mm-hero-video-wrap .button.success {
  position: relative;
  background: linear-gradient(90deg, #ff6e9c, #8b5fbf, #1fbfb5, #ffcc00, #c93f8e, #ff6e9c) !important;
  background-size: 300% 100% !important;
  border: none !important;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.4);
  font-weight: 700;
  letter-spacing: .5px;
  overflow: hidden;
  animation: mm-btn-grad 6s linear infinite, mm-btn-pulse 2.8s ease-in-out infinite;
  box-shadow:
    0 4px 18px rgba(255,110,156,.45),
    0 0 0 0 rgba(139,95,191,.4);
  transition: transform .25s ease, box-shadow .3s ease;
}
.mm-hero-video-wrap .button.success::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.25), transparent 60%);
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}
.mm-hero-video-wrap .button.success:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow:
    0 8px 28px rgba(255,110,156,.65),
    0 0 40px rgba(31,191,181,.45);
}
.mm-hero-video-wrap .button.success:hover::before { opacity: 1; }
@keyframes mm-btn-grad {
  from { background-position: 0% 50%; }
  to   { background-position: 300% 50%; }
}
@keyframes mm-btn-pulse {
  0%, 100% {
    box-shadow: 0 4px 18px rgba(255,110,156,.45), 0 0 0 0 rgba(139,95,191,.35);
  }
  50% {
    box-shadow: 0 4px 24px rgba(255,110,156,.65), 0 0 0 10px rgba(139,95,191,0);
  }
}

/* ═══════════════════════════════════════════════════
   PRICING — psychedelic dual-card buynow block
   ═══════════════════════════════════════════════════ */
.mm-pricing-wrap { position: relative; overflow: hidden; }
.mm-pricing-wrap::after {
  content: "";
  position: absolute;
  inset: -10%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(40% 45% at 15% 25%, rgba(255,110,156,.25), transparent 70%),
    radial-gradient(45% 50% at 85% 30%, rgba(31,191,181,.22), transparent 70%),
    radial-gradient(55% 60% at 50% 90%, rgba(139,95,191,.28), transparent 70%),
    radial-gradient(35% 40% at 75% 75%, rgba(255,204,0,.14), transparent 70%);
  mix-blend-mode: screen;
  animation: mm-hero-orbs-drift 24s ease-in-out infinite alternate;
  filter: blur(4px);
}
.mm-pricing-wrap .section-content { position: relative; z-index: 2; }

.mm-pricing-wrap .mm-section-header { margin-bottom: 30px; }
.mm-pricing-wrap .mm-section-header h2 { color: #fff; font-size: 2.4rem; margin: 6px 0; }
.mm-pricing-wrap .mm-section-header h2 strong {
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  background-size: 300% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  animation: mm-hero-grad-shift 7s linear infinite;
}
.mm-pricing-wrap .mm-eyebrow {
  display: inline-block;
  letter-spacing: 3px;
  font-size: 12px;
  text-transform: uppercase;
  color: #ff6e9c;
  padding: 5px 14px;
  border: 1px solid rgba(255,110,156,.5);
  border-radius: 50px;
  background: rgba(255,110,156,.08);
}
.mm-pricing-wrap .mm-lead { color: rgba(255,255,255,.82); font-size: 1.05rem; max-width: 720px; margin: 10px auto 0; }

/* Video hero (centered, floating) */
.mm-pricing-video-hero > .col-inner { max-width: 640px; margin: 0 auto 40px; position: relative; }
.mm-pricing-video-hero .ux-video {
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 12px 44px rgba(255,110,156,.35),
    0 0 70px rgba(139,95,191,.3),
    0 0 0 1px rgba(255,255,255,.08);
  animation: mm-pricing-video-float 6s ease-in-out infinite;
}
.mm-pricing-video-hero .ux-video::before {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: 18px;
  background: conic-gradient(from 0deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  filter: blur(22px);
  opacity: .35;
  z-index: -1;
  animation: mm-pricing-video-halo 6s linear infinite;
}
@keyframes mm-pricing-video-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}
@keyframes mm-pricing-video-halo {
  to { transform: rotate(360deg); }
}
.mm-pricing-note { color: rgba(255,255,255,.75); padding: 16px 4px 0; font-style: italic; text-align: center; }

/* Stardust layer — floating colored specks drifting */
.mm-pricing-stardust::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image:
    radial-gradient(2px 2px at 12% 18%, #ff6e9c 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 28% 72%, #1fbfb5 50%, transparent 51%),
    radial-gradient(2px 2px at 45% 30%, #ffcc00 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 62% 85%, #8b5fbf 50%, transparent 51%),
    radial-gradient(2.5px 2.5px at 78% 22%, #c93f8e 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 64%, #1fbfb5 50%, transparent 51%),
    radial-gradient(2px 2px at 18% 55%, #ff6e9c 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 52% 48%, #ffcc00 50%, transparent 51%),
    radial-gradient(2px 2px at 35% 90%, #8b5fbf 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 72% 12%, #c93f8e 50%, transparent 51%),
    radial-gradient(2.5px 2.5px at 8% 40%, #1fbfb5 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 95% 88%, #ff6e9c 50%, transparent 51%);
  background-size: 320px 280px, 260px 240px, 340px 290px, 240px 220px,
                   360px 310px, 280px 260px, 320px 280px, 250px 230px,
                   340px 300px, 270px 240px, 310px 280px, 290px 260px;
  opacity: .75;
  animation: mm-pricing-stardust-drift 60s linear infinite, mm-pricing-stardust-twinkle 3s ease-in-out infinite;
}
@keyframes mm-pricing-stardust-drift {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
  to   { background-position: 420px -380px, -380px 340px, 460px 400px, -340px -300px,
                             500px 440px, -400px 360px, 440px -380px, -360px 320px,
                             480px 420px, -380px -340px, 440px 380px, -420px 360px; }
}
@keyframes mm-pricing-stardust-twinkle {
  0%, 100% { opacity: .6; }
  50%      { opacity: .95; }
}

/* Cards float with offset timing */
.mm-pricing-basic { animation: mm-pricing-card-float 7s ease-in-out infinite; }
.mm-pricing-featured { animation: mm-pricing-featured-float 7s ease-in-out infinite -3.5s; }
@keyframes mm-pricing-card-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}
@keyframes mm-pricing-featured-float {
  0%, 100% { transform: translateY(-10px); }
  50%      { transform: translateY(-18px); }
}

/* ═══════════════════════════════════════════════════
   PRICING V2 — featured-dominant layout
   ═══════════════════════════════════════════════════ */

/* Trust bar */
.mm-pricing-trust {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin: 18px auto 36px;
  padding: 14px 26px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50px;
  max-width: 820px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.mm-pricing-trust-item { color: rgba(255,255,255,.85); font-size: .95rem; }
.mm-pricing-trust-item b { color: #fff; font-weight: 700; }
.mm-pricing-stars { color: #ffcc00; letter-spacing: 1px; }
.mm-pricing-trust-sep {
  width: 4px; height: 4px; border-radius: 50%;
  background: rgba(255,255,255,.3);
}

/* Hero featured card — big + dominant */
.mm-pricing-hero-col { position: relative; z-index: 3; }
.mm-pricing-hero {
  padding: 48px 44px 38px !important;
  min-height: 540px;
}
.mm-pricing-hero .mm-pricing-title { font-size: 1.9rem; }
.mm-pricing-hero .mm-pricing-sub { font-size: 1rem; margin-top: 8px; max-width: 520px; margin-left: auto; margin-right: auto; }
.mm-pricing-hero .mm-pricing-price { font-size: 5rem; margin: 24px 0 6px; }
.mm-pricing-hero .mm-pricing-currency { font-size: 2rem; }
.mm-pricing-hero .mm-pricing-tag { font-size: .85rem; letter-spacing: 2px; }

.mm-pricing-list-hero { max-width: 540px; margin-left: auto; margin-right: auto; }
.mm-pricing-list-hero li {
  padding: 12px 0;
  font-size: 1.02rem;
  border-bottom: 1px dashed rgba(255,255,255,.06);
}
.mm-pricing-list-hero li:last-child { border-bottom: none; }
.mm-pricing-list-hero li b { color: #fff; }

.mm-pricing-hero .mm-pricing-badge {
  top: -18px;
  padding: 9px 24px;
  font-size: 12px;
  letter-spacing: 2.5px;
}

.mm-pricing-cta-big {
  font-size: 1.1rem !important;
  padding: 16px 26px !important;
  max-width: 420px;
  margin: 16px auto 8px !important;
  display: block !important;
}
.mm-pricing-micro {
  color: rgba(255,255,255,.55);
  font-size: .82rem;
  text-align: center;
  margin: 10px 0 0;
  letter-spacing: .5px;
}

/* Basic inline — compact alternative row */
.mm-pricing-basic-inline-col { margin-top: 28px; }
.mm-pricing-basic-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 26px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: border-color .3s ease, background .3s ease;
}
.mm-pricing-basic-inline:hover {
  border-color: rgba(255,110,156,.35);
  background: rgba(255,255,255,.06);
}
.mm-pricing-basic-inline-left { text-align: left; flex-grow: 1; }
.mm-pricing-basic-inline-label {
  font-size: .72rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin-bottom: 4px;
}
.mm-pricing-basic-inline-title { color: #fff; font-weight: 600; font-size: 1.02rem; }
.mm-pricing-basic-inline-note { color: rgba(255,255,255,.55); font-size: .85rem; margin-top: 2px; }
.mm-pricing-basic-inline-right { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.mm-pricing-basic-inline-price { color: #fff; font-size: 1.5rem; font-weight: 700; }
.mm-pricing-basic-inline-cta {
  color: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  background: transparent !important;
  padding: 8px 20px !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
  margin: 0 !important;
  text-transform: uppercase;
  font-size: .85rem !important;
  transition: all .25s ease;
}
.mm-pricing-basic-inline-cta:hover {
  border-color: #ff6e9c !important;
  color: #fff !important;
  background: rgba(255,110,156,.12) !important;
}

/* Video details — collapsible overview */
.mm-pricing-video-details {
  margin-top: 36px;
  text-align: center;
}
.mm-pricing-video-details summary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 10px 22px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50px;
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.85);
  font-size: .9rem;
  letter-spacing: .5px;
  list-style: none;
  transition: all .25s ease;
  user-select: none;
}
.mm-pricing-video-details summary::-webkit-details-marker { display: none; }
.mm-pricing-video-details summary:hover {
  border-color: rgba(255,110,156,.5);
  background: rgba(255,110,156,.08);
  color: #fff;
}
.mm-pricing-video-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff6e9c, #8b5fbf);
  color: #fff;
  font-size: .7rem;
  padding-left: 3px;
  box-shadow: 0 2px 8px rgba(255,110,156,.4);
}
.mm-pricing-video-box {
  max-width: 640px;
  margin: 24px auto 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(255,110,156,.3), 0 0 0 1px rgba(255,255,255,.08);
  animation: mm-pricing-video-drop .5s ease-out;
}
@keyframes mm-pricing-video-drop {
  from { opacity: 0; transform: translateY(-20px) scale(.95); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
.mm-pricing-video-details[open] summary {
  border-color: rgba(255,110,156,.6);
  background: rgba(255,110,156,.12);
  color: #fff;
}

/* When v2 is active, hide old video hero + disable featured float (hero card is already dominant) */
.mm-pricing-v2 .mm-pricing-video-hero { display: none; }
.mm-pricing-v2 .mm-pricing-hero { animation: mm-pricing-hero-float 8s ease-in-out infinite; }
@keyframes mm-pricing-hero-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}

/* ═══════════════════════════════════════════════════
   PRICING V3 — COMPARE DECK (version A)
   ═══════════════════════════════════════════════════ */
.mm-pricing-compare .mm-pricing-video-hero,
.mm-pricing-compare .mm-pricing-col,
.mm-pricing-compare .mm-pricing-basic-inline-col,
.mm-pricing-compare .mm-pricing-video-details { display: none; }

/* Video + quote column */
.mm-compare-video-col > .col-inner { padding: 0 20px 0 0 !important; }
.mm-compare-video {
  position: relative;
  animation: mm-compare-float 7s ease-in-out infinite;
}
@keyframes mm-compare-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}
.mm-compare-video-frame {
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 14px 50px rgba(255,110,156,.32),
    0 0 80px rgba(139,95,191,.25),
    0 0 0 1px rgba(255,255,255,.08);
  position: relative;
}
.mm-compare-video-frame::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 18px;
  background: conic-gradient(from 0deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  filter: blur(20px);
  opacity: .3;
  z-index: -1;
  animation: mm-pricing-video-halo 8s linear infinite;
}
.mm-compare-quote {
  margin-top: 20px;
  padding: 20px 22px;
  background: rgba(255,255,255,.04);
  border-left: 3px solid #ff6e9c;
  border-radius: 8px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.mm-compare-quote p {
  color: rgba(255,255,255,.88);
  font-style: italic;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 8px;
}
.mm-compare-quote-author {
  color: rgba(255,255,255,.55);
  font-size: .85rem;
  letter-spacing: .5px;
}

/* Comparison table */
.mm-compare-table-col > .col-inner { padding: 0 0 0 10px !important; }
.mm-compare-table {
  position: relative;
  background: linear-gradient(160deg, rgba(30,16,55,.88), rgba(12,8,24,.94));
  border-radius: 14px;
  padding: 8px 8px 20px;
  box-shadow: 0 14px 50px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  overflow: hidden;
}
.mm-compare-table::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 14px;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255,110,156,.5), rgba(139,95,191,.4), rgba(31,191,181,.4), rgba(255,204,0,.3));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  opacity: .8;
}

.mm-compare-row {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) 1fr 1.1fr;
  align-items: center;
  gap: 0;
  padding: 14px 18px;
  border-bottom: 1px dashed rgba(255,255,255,.07);
}
.mm-compare-row:last-child { border-bottom: none; }
.mm-compare-row-highlight {
  background: linear-gradient(90deg, transparent, rgba(255,110,156,.05), transparent);
}
.mm-compare-feature {
  color: rgba(255,255,255,.88);
  font-size: .95rem;
  line-height: 1.4;
}
.mm-compare-feature b { color: #fff; }
.mm-compare-hint { color: rgba(255,255,255,.45); font-size: .82rem; }

.mm-compare-cell { text-align: center; position: relative; }
.mm-compare-cell-featured {
  background: rgba(255,110,156,.06);
  border-left: 1px solid rgba(255,110,156,.15);
  border-right: 1px solid rgba(255,110,156,.15);
}

/* Featured column gets unified visual spine via adjacent row backgrounds */
.mm-compare-row > .mm-compare-cell-featured {
  margin: -14px 0;
  padding: 14px 0;
}

/* Check / no / star icons */
.mm-compare-yes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1fbfb5, #8b5fbf);
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  box-shadow: 0 0 12px rgba(31,191,181,.4);
}
.mm-compare-cell-featured .mm-compare-yes {
  background: linear-gradient(135deg, #ff6e9c, #8b5fbf);
  box-shadow: 0 0 14px rgba(255,110,156,.5);
}
.mm-compare-no { color: rgba(255,255,255,.25); font-size: 1.3rem; letter-spacing: 2px; }
.mm-compare-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffcc00, #ff6e9c);
  color: #1a0a2e;
  font-size: 1rem;
  box-shadow: 0 0 16px rgba(255,204,0,.6);
  animation: mm-compare-star-pulse 2.5s ease-in-out infinite;
}
@keyframes mm-compare-star-pulse {
  0%, 100% { box-shadow: 0 0 16px rgba(255,204,0,.6); transform: scale(1); }
  50%      { box-shadow: 0 0 24px rgba(255,204,0,.9); transform: scale(1.08); }
}

/* Column headers */
.mm-compare-head { padding: 20px 18px 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.mm-compare-plan {
  text-align: center;
  position: relative;
  padding: 8px 0;
}
.mm-compare-plan-name {
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
}
.mm-compare-plan-sub {
  color: rgba(255,255,255,.5);
  font-size: .78rem;
  margin-top: 2px;
  letter-spacing: .5px;
}
.mm-compare-plan-featured {
  background: rgba(255,110,156,.06);
  border-left: 1px solid rgba(255,110,156,.15);
  border-right: 1px solid rgba(255,110,156,.15);
  margin: -20px 0 -18px;
  padding: 20px 0 18px;
  border-radius: 10px 10px 0 0;
}
.mm-compare-plan-featured .mm-compare-plan-name {
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  background-size: 300% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: mm-btn-grad 6s linear infinite;
  font-weight: 800;
}
.mm-compare-plan-badge {
  display: inline-block;
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #ff6e9c);
  background-size: 200% 100%;
  color: #1a0a2e;
  padding: 3px 12px;
  border-radius: 50px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  box-shadow: 0 3px 10px rgba(255,110,156,.5);
  animation: mm-btn-grad 5s linear infinite;
  margin-bottom: 8px;
}

/* Price row — price is NOT leading; framed by value */
.mm-compare-row-price { padding-top: 20px; padding-bottom: 20px; border-bottom: none; }
.mm-compare-cell-price { text-align: center; }
.mm-compare-price-label {
  color: rgba(255,255,255,.55);
  font-size: .72rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.mm-compare-price {
  color: #fff;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1;
}
.mm-compare-cell-featured .mm-compare-price {
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5);
  background-size: 200% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: mm-btn-grad 6s linear infinite;
}

/* CTA row */
.mm-compare-row-cta { padding-top: 10px; padding-bottom: 18px; }
.mm-compare-cta {
  display: inline-block !important;
  width: 100% !important;
  max-width: 180px;
  padding: 10px 16px !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  letter-spacing: .8px !important;
  margin: 0 !important;
  text-transform: uppercase;
  transition: all .25s ease !important;
}
.mm-compare-cta-basic {
  background: transparent !important;
  color: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
}
.mm-compare-cta-basic:hover {
  border-color: #1fbfb5 !important;
  color: #fff !important;
  background: rgba(31,191,181,.1) !important;
}
.mm-compare-cta-featured {
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c) !important;
  background-size: 300% 100% !important;
  color: #fff !important;
  border: none !important;
  animation: mm-btn-grad 5s linear infinite, mm-btn-pulse 2.8s ease-in-out infinite !important;
  box-shadow: 0 6px 20px rgba(255,110,156,.5) !important;
}
.mm-compare-cta-featured:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 28px rgba(255,110,156,.7), 0 0 40px rgba(139,95,191,.4) !important;
}

@media (max-width: 768px) {
  .mm-compare-video-col > .col-inner,
  .mm-compare-table-col > .col-inner { padding: 0 !important; }
  .mm-compare-video { margin-bottom: 26px; }
  .mm-compare-row { grid-template-columns: minmax(0, 1.6fr) 1fr 1.1fr; padding: 12px; }
  .mm-compare-feature { font-size: .82rem; }
  .mm-compare-price { font-size: 1.4rem; }
  .mm-compare-plan-name { font-size: .92rem; }
  .mm-compare-cta { font-size: .72rem !important; padding: 8px 10px !important; }
}

/* ═══════════════════════════════════════════════════
   GLOBAL BURST FX — reusable scale-pop + stardust sparkle
   Used for toggle reveals, hovers, section entrances
   ═══════════════════════════════════════════════════ */
@keyframes mm-burst-in {
  0%   { opacity: 0; transform: scale(.55) rotate(-4deg); filter: blur(8px) brightness(1.8); }
  40%  { opacity: 1; transform: scale(1.08) rotate(2deg); filter: blur(0) brightness(1.4); }
  70%  { transform: scale(.98) rotate(-1deg); filter: brightness(1.1); }
  100% { opacity: 1; transform: scale(1) rotate(0); filter: blur(0) brightness(1); }
}
@keyframes mm-burst-sparkle {
  0%   { opacity: 0; transform: scale(.2); filter: blur(1px); }
  25%  { opacity: 1; }
  70%  { opacity: .65; }
  100% { opacity: 0; transform: scale(2.6); filter: blur(0); }
}
@keyframes mm-burst-glow-ring {
  0%   { opacity: .9; transform: scale(.6); filter: blur(0); }
  100% { opacity: 0; transform: scale(2); filter: blur(4px); }
}

/* Sparkle-emitter pseudo — attach to any .mm-sparkle element */
.mm-sparkle { position: relative; }
.mm-sparkle > .mm-sparkle-layer,
.mm-sparkle-layer {
  content: "";
  position: absolute;
  inset: -28px;
  pointer-events: none;
  background-image:
    radial-gradient(circle 3px at 12% 22%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 72% 12%, #ffcc00 40%, transparent 55%),
    radial-gradient(circle 3px at 86% 72%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2.5px at 22% 82%, #8b5fbf 40%, transparent 55%),
    radial-gradient(circle 2.5px at 52% 8%, #c93f8e 40%, transparent 55%),
    radial-gradient(circle 2px at 40% 92%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2.5px at 94% 42%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 6% 56%, #ffcc00 40%, transparent 55%),
    radial-gradient(circle 2px at 62% 82%, #8b5fbf 40%, transparent 55%),
    radial-gradient(circle 2.5px at 32% 18%, #c93f8e 40%, transparent 55%);
  opacity: 0;
  z-index: 6;
}

/* Utility: .mm-burst attached at entry emits burst-in animation */
.mm-burst { animation: mm-burst-in .75s cubic-bezier(.2,1.4,.4,1); }

/* ═══════════════════════════════════════════════════
   PRICING V4 — SINGLE CARD + UPSELL TOGGLE (addon)
   ═══════════════════════════════════════════════════ */
.mm-pricing-addon .mm-compare-video-col,
.mm-pricing-addon .mm-compare-table-col,
.mm-pricing-addon .mm-pricing-col,
.mm-pricing-addon .mm-pricing-video-hero,
.mm-pricing-addon .mm-pricing-basic-inline-col,
.mm-pricing-addon .mm-pricing-video-details { display: none !important; }

.mm-pricing-addon .mm-addon-input { display: none; }

/* Equal-height left video + right card */
.mm-addon-video-col,
.mm-addon-card-col { display: flex !important; align-items: stretch; }
.mm-addon-video-col > .col-inner,
.mm-addon-card-col > .col-inner { width: 100%; display: flex; flex-direction: column; padding: 0 !important; }

/* Video side */
.mm-addon-video-col > .col-inner { padding-right: 16px !important; }
.mm-addon-video {
  display: flex;
  flex-direction: column;
  height: 100%;
  animation: mm-compare-float 7s ease-in-out infinite;
}
.mm-addon-video-frame {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 14px 50px rgba(255,110,156,.32),
    0 0 80px rgba(139,95,191,.25),
    0 0 0 1px rgba(255,255,255,.08);
  flex-grow: 1;
  min-height: 280px;
}
.mm-addon-video-frame::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 18px;
  background: conic-gradient(from 0deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  filter: blur(20px);
  opacity: .3;
  z-index: -1;
  animation: mm-pricing-video-halo 8s linear infinite;
}
.mm-addon-video-frame .ux-video,
.mm-addon-video-frame iframe { height: 100% !important; min-height: 280px; }
.mm-addon-quote {
  margin-top: 18px;
  padding: 18px 20px;
  background: rgba(255,255,255,.04);
  border-left: 3px solid #ff6e9c;
  border-radius: 8px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.mm-addon-quote p { color: rgba(255,255,255,.88); font-style: italic; font-size: .98rem; line-height: 1.5; margin: 0 0 6px; }
.mm-addon-quote-author { color: rgba(255,255,255,.55); font-size: .82rem; letter-spacing: .5px; }

/* Addon card */
.mm-addon-card-col > .col-inner { padding-left: 16px !important; }
.mm-addon-card {
  position: relative;
  background: linear-gradient(160deg, rgba(30,16,55,.92), rgba(12,8,24,.96));
  border-radius: 16px;
  padding: 36px 32px 28px;
  box-shadow: 0 16px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  height: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  transition: box-shadow .4s ease;
}
.mm-addon-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 16px;
  padding: 2px;
  background: conic-gradient(from 0deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  opacity: .9;
  animation: mm-pricing-ring-spin 12s linear infinite;
}
.mm-addon-card::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 20px;
  z-index: -1;
  background: linear-gradient(135deg, rgba(255,110,156,.35), rgba(139,95,191,.35), rgba(31,191,181,.28));
  filter: blur(20px);
  opacity: .6;
  animation: mm-pricing-aura-pulse 4s ease-in-out infinite;
}

.mm-addon-badge {
  position: absolute;
  top: -14px; left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #ff6e9c);
  background-size: 200% 100%;
  color: #1a0a2e;
  padding: 7px 20px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.5px;
  box-shadow: 0 4px 18px rgba(255,110,156,.55);
  animation: mm-btn-grad 5s linear infinite;
  z-index: 4;
  white-space: nowrap;
}

.mm-addon-head { text-align: center; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.08); }
.mm-addon-title { font-size: 1.6rem; font-weight: 700; color: #fff; }
.mm-addon-sub { color: rgba(255,255,255,.6); font-size: .92rem; margin-top: 4px; }

.mm-addon-features { list-style: none; padding: 0; margin: 0 0 18px; }
.mm-addon-features li {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 9px 0;
  color: rgba(255,255,255,.9);
  font-size: .96rem;
  line-height: 1.4;
}
.mm-addon-features li b { color: #fff; }
.mm-addon-hint { color: rgba(255,255,255,.45); font-size: .82rem; }
.mm-addon-check-ic {
  flex-shrink: 0;
  width: 22px; height: 22px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #1fbfb5, #8b5fbf);
  color: #fff; font-weight: 700; font-size: .85rem;
  box-shadow: 0 0 10px rgba(31,191,181,.35);
}
.mm-addon-check-star {
  background: linear-gradient(135deg, #ffcc00, #ff6e9c) !important;
  box-shadow: 0 0 14px rgba(255,204,0,.55) !important;
  color: #1a0a2e !important;
}

/* Addon toggle box (label looks like clickable card) */
.mm-addon-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  margin: 4px 0 20px;
  background: rgba(255,255,255,.04);
  border: 2px dashed rgba(255,255,255,.18);
  border-radius: 12px;
  cursor: pointer;
  transition: all .3s ease;
  user-select: none;
}
.mm-addon-box:hover { border-color: rgba(255,110,156,.5); background: rgba(255,110,156,.06); }
.mm-addon-switch {
  flex-shrink: 0;
  position: relative;
  width: 44px; height: 24px;
  background: rgba(255,255,255,.15);
  border-radius: 50px;
  transition: background .3s ease;
}
.mm-addon-switch-dot {
  position: absolute;
  top: 2px; left: 2px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #fff;
  transition: left .3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
.mm-addon-box-text { flex-grow: 1; }
.mm-addon-box-title { display: block; color: #fff; font-weight: 700; font-size: .98rem; }
.mm-addon-box-sub { display: block; color: rgba(255,255,255,.55); font-size: .82rem; margin-top: 2px; }
.mm-addon-box-price {
  flex-shrink: 0;
  color: #ffcc00;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: .5px;
}

/* Checked state — addon active */
.mm-addon-input:checked ~ [id^="row-"] .mm-addon-box,
.mm-addon-input:checked ~ .row .mm-addon-box,
.mm-addon-input:checked ~ div .mm-addon-box,
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-box {
  border-color: #ff6e9c;
  background: linear-gradient(135deg, rgba(255,110,156,.12), rgba(139,95,191,.12));
  border-style: solid;
}
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-switch { background: linear-gradient(90deg, #ff6e9c, #8b5fbf); }
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-switch-dot { left: 22px; }

/* Price + features show/hide via toggle (with burst animation) */
.mm-addon-price-basic { display: inline; }
.mm-addon-price-full { display: none; }
.mm-addon-only { display: none !important; position: relative; }

#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-price-basic { display: none; }
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-price-full {
  display: inline;
  animation: mm-burst-in .7s cubic-bezier(.2,1.4,.4,1);
}
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-only {
  display: flex !important;
  animation: mm-burst-in .7s cubic-bezier(.2,1.4,.4,1);
}
/* Stagger feature row bursts */
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-only:nth-of-type(4) { animation-delay: 0s; }
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-only:nth-of-type(5) { animation-delay: .12s; animation-fill-mode: backwards; }

/* Sparkle burst emits from each revealed element */
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-only::after,
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-price-full::after,
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-cta-full::after {
  content: "";
  position: absolute;
  inset: -24px;
  pointer-events: none;
  background-image:
    radial-gradient(circle 3px at 12% 22%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 72% 12%, #ffcc00 40%, transparent 55%),
    radial-gradient(circle 3px at 86% 72%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2.5px at 22% 82%, #8b5fbf 40%, transparent 55%),
    radial-gradient(circle 2.5px at 52% 8%, #c93f8e 40%, transparent 55%),
    radial-gradient(circle 2px at 40% 92%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2.5px at 94% 42%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 6% 56%, #ffcc00 40%, transparent 55%);
  opacity: 0;
  z-index: 6;
  animation: mm-burst-sparkle .95s ease-out;
}
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-only:nth-of-type(5)::after {
  animation-delay: .12s;
  animation-fill-mode: backwards;
}

/* Toggle switch: burst the switch dot + addon-box on check */
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-switch-dot {
  animation: mm-burst-in .5s cubic-bezier(.2,1.6,.4,1);
}
.mm-addon-box { position: relative; overflow: visible; }
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-box::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 14px;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(255,110,156,.5), transparent 70%);
  opacity: 0;
  animation: mm-burst-glow-ring .8s ease-out;
  z-index: 0;
}

/* Price display */
.mm-addon-price-wrap { text-align: center; margin: 6px 0 20px; }
.mm-addon-price-label {
  color: rgba(255,255,255,.55);
  font-size: .72rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.mm-addon-price {
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5);
  background-size: 200% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: mm-btn-grad 6s linear infinite;
  transition: all .4s ease;
}
.mm-addon-price-currency { font-size: 1.3rem; vertical-align: top; margin-right: 2px; }

/* CTAs */
.mm-addon-cta {
  display: block !important;
  text-align: center;
  padding: 14px 22px;
  border-radius: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: .95rem;
  text-decoration: none !important;
  transition: all .25s ease;
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  background-size: 300% 100%;
  color: #fff !important;
  animation: mm-btn-grad 5s linear infinite, mm-btn-pulse 2.8s ease-in-out infinite;
  box-shadow: 0 6px 22px rgba(255,110,156,.5);
}
.mm-addon-cta:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 10px 30px rgba(255,110,156,.7), 0 0 40px rgba(139,95,191,.4);
}
.mm-addon-cta-full { display: none !important; }
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-cta-basic { display: none !important; }
#mm-addon-toggle:checked ~ [id^="row-"] .mm-addon-cta-full { display: block !important; }

.mm-addon-micro {
  color: rgba(255,255,255,.5);
  font-size: .78rem;
  text-align: center;
  margin: 12px 0 0;
  letter-spacing: .5px;
}

@media (max-width: 768px) {
  .mm-addon-video-col > .col-inner,
  .mm-addon-card-col > .col-inner { padding: 0 !important; }
  .mm-addon-video { margin-bottom: 26px; }
  .mm-addon-card { padding: 28px 20px 22px; }
  .mm-addon-price { font-size: 2.4rem; }
}

/* ═══════════════════════════════════════════════════
   APPLY BURST FX globally — hovers + interactions
   ═══════════════════════════════════════════════════ */

/* Hover bursts on major CTAs */
.mm-pricing-cta,
.mm-pricing-cta-featured,
.mm-compare-cta,
.mm-compare-cta-featured,
.mm-addon-cta,
.mm-hero-video-wrap .button.success,
.mm-addon-box { position: relative; }

.mm-pricing-cta:hover::before,
.mm-compare-cta:hover::before,
.mm-addon-cta:hover::before,
.mm-hero-video-wrap .button.success:hover::before {
  content: "";
  position: absolute;
  inset: -14px;
  pointer-events: none;
  z-index: 10;
  background-image:
    radial-gradient(circle 2.5px at 15% 20%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 78% 15%, #ffcc00 40%, transparent 55%),
    radial-gradient(circle 2.5px at 88% 75%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2px at 18% 82%, #8b5fbf 40%, transparent 55%),
    radial-gradient(circle 2px at 48% 92%, #c93f8e 40%, transparent 55%),
    radial-gradient(circle 2px at 52% 8%, #1fbfb5 40%, transparent 55%);
  opacity: 0;
  animation: mm-burst-sparkle .85s ease-out;
}

/* Card hover burst */
.mm-addon-card:hover,
.mm-pricing-card:hover { animation: mm-card-lift .4s ease-out forwards; }
@keyframes mm-card-lift {
  to { transform: translateY(-8px); filter: brightness(1.04); }
}
.mm-addon-card:hover::before,
.mm-pricing-card:hover::before {
  /* existing ::before is gradient border; boost its opacity on hover */
  opacity: 1 !important;
  filter: brightness(1.3) saturate(1.3);
}

/* Learn icons — already pulse, add burst on hover */
.mm-learn-wrap .mm-learn-item:hover .mm-learn-icon { animation: mm-burst-in .6s cubic-bezier(.2,1.4,.4,1); }
.mm-learn-wrap .mm-learn-item:hover::after {
  content: "";
  position: absolute;
  left: 8px; top: 50%;
  width: 60px; height: 60px;
  transform: translateY(-50%);
  pointer-events: none;
  background-image:
    radial-gradient(circle 2px at 20% 20%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 80% 30%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2px at 50% 80%, #ffcc00 40%, transparent 55%),
    radial-gradient(circle 2px at 25% 70%, #8b5fbf 40%, transparent 55%);
  opacity: 0;
  animation: mm-burst-sparkle .8s ease-out;
}
.mm-learn-wrap .mm-learn-item { position: relative; }

/* Immersive-light section — icons burst on hover already via box:hover transform; add sparkle */
.mm-immersive-light .col-inner .box { position: relative; }
.mm-immersive-light .col-inner .box:hover::after {
  content: "";
  position: absolute;
  inset: 20% 30% auto 30%;
  height: 40%;
  pointer-events: none;
  background-image:
    radial-gradient(circle 2.5px at 15% 25%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 75% 20%, #ffcc00 40%, transparent 55%),
    radial-gradient(circle 2.5px at 85% 70%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2px at 25% 75%, #8b5fbf 40%, transparent 55%),
    radial-gradient(circle 2px at 50% 50%, #c93f8e 40%, transparent 55%);
  opacity: 0;
  animation: mm-burst-sparkle .9s ease-out;
  z-index: 5;
}

/* Featured pricing card gets constant subtle sparkle */
.mm-pricing-featured::after,
.mm-addon-card::after {
  /* keep existing aura, don't override */
}

/* ═══════════════════════════════════════════════════
   FAQ / ACCORDION — liquid effects (site-wide)
   Applies to every Flatsome .accordion-item
   White bg preserved; go wild on open
   NOTE: companion JS in child functions.php intercepts
   Flatsome's slideToggle and just flips .active class —
   CSS grid-template-rows handles smooth auto-height.
   ═══════════════════════════════════════════════════ */
.accordion { position: relative; }
.accordion-item {
  background: #fff;
  border: none !important;
  border-radius: 14px;
  margin-bottom: 14px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 14px rgba(139,95,191,.07);
  transition: box-shadow .5s ease, transform .5s cubic-bezier(.2,1.2,.4,1);
  /* Grid rows trick: title = auto, panel = 0fr closed / 1fr open — smooth auto-height transition */
  display: grid !important;
  grid-template-rows: auto 0fr;
  transition: grid-template-rows .95s cubic-bezier(.2,1.15,.35,1), box-shadow .5s ease, transform .5s cubic-bezier(.2,1.2,.4,1);
}
.accordion-item.active { grid-template-rows: auto 1fr; }
.accordion-item:hover {
  box-shadow: 0 8px 28px rgba(255,110,156,.18), 0 2px 8px rgba(139,95,191,.12);
  transform: translateY(-2px);
}

/* Liquid rainbow bar — softer muted palette */
.accordion-item::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #d07090 0%, #d9b267 20%, #4fa69e 40%, #7e5ba0 60%, #a65c7e 80%, #d07090 100%);
  background-size: 100% 300%;
  animation: mm-faq-bar-flow 6s ease-in-out infinite;
  transition: width .4s ease;
  z-index: 2;
}
.accordion-item.active::before,
.accordion-item:has(.active)::before { width: 8px; }
@keyframes mm-faq-bar-flow {
  0%, 100% { background-position: 0% 0%; }
  50%      { background-position: 0% 100%; }
}

/* Title styling */
.accordion-title {
  font-size: 1.08rem !important;
  font-weight: 600 !important;
  padding: 20px 24px 20px 32px !important;
  color: #1c1d1f !important;
  position: relative;
  transition: all .3s ease;
  background: transparent !important;
  border: none !important;
}
.accordion-title:hover { color: #8b5fbf !important; padding-left: 38px !important; }

/* Active title — liquid muted gradient text */
.accordion-title.active,
.accordion-item.active .accordion-title {
  background: linear-gradient(90deg, #c26585 0%, #c9a25b 20%, #479b95 40%, #74548f 60%, #99536f 80%, #c26585 100%) !important;
  background-size: 300% 100% !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: mm-btn-grad 5s linear infinite;
  font-weight: 700 !important;
  padding-left: 40px !important;
}

/* Plus/minus icon — liquid morph */
.accordion-title .toggle,
.accordion-title > button,
.accordion-title .accordion-icon {
  transition: transform .55s cubic-bezier(.2,1.6,.4,1), filter .4s ease;
}
.accordion-title.active .toggle,
.accordion-title.active > button,
.accordion-title.active .accordion-icon,
.accordion-item.active .accordion-title .toggle,
.accordion-item.active .accordion-title > button {
  transform: rotate(180deg) scale(1.15);
  filter: drop-shadow(0 0 5px rgba(208,112,144,.5)) drop-shadow(0 0 10px rgba(79,166,158,.3));
  color: #c26585;
}

/* Ripple on open — expands from title */
.accordion-item.active .accordion-title::after {
  content: "";
  position: absolute;
  left: 24px; top: 50%;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,110,156,.7) 0%, rgba(139,95,191,.4) 40%, transparent 70%);
  opacity: .9;
  pointer-events: none;
  transform: translateY(-50%) scale(0);
  animation: mm-faq-ripple 1.1s ease-out;
  z-index: 1;
}
@keyframes mm-faq-ripple {
  0%   { opacity: 1; transform: translateY(-50%) scale(0); }
  60%  { opacity: .6; }
  100% { opacity: 0; transform: translateY(-50%) scale(60); }
}

/* Inner panel — liquid pour reveal */
.accordion-inner {
  background: #fff;
  position: relative;
  overflow: hidden;
  min-height: 0;
  padding: 0 32px !important;
  color: #3a3a44;
  font-size: .98rem;
  line-height: 1.6;
  display: block !important; /* override Flatsome inline display:none */
  transition: padding .8s cubic-bezier(.2,1.15,.35,1);
}
.accordion-item.active .accordion-inner { padding: 8px 32px 22px !important; }

/* Animated liquid blob bg behind text (only when active) */
.accordion-item.active .accordion-inner::before {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(50% 45% at 20% 30%, rgba(255,110,156,.08), transparent 65%),
    radial-gradient(55% 50% at 80% 40%, rgba(31,191,181,.08), transparent 65%),
    radial-gradient(60% 55% at 50% 85%, rgba(139,95,191,.09), transparent 65%),
    radial-gradient(45% 40% at 85% 85%, rgba(255,204,0,.06), transparent 65%);
  filter: blur(8px);
  animation: mm-faq-blob-morph 14s ease-in-out infinite;
}
@keyframes mm-faq-blob-morph {
  0%, 100% { transform: translate(0,0) scale(1) rotate(0deg); }
  25%      { transform: translate(4%,-3%) scale(1.12) rotate(60deg); }
  50%      { transform: translate(-3%,4%) scale(.94) rotate(160deg); }
  75%      { transform: translate(2%,-2%) scale(1.08) rotate(280deg); }
}

/* Secondary liquid wave — conic gradient swirl */
.accordion-item.active .accordion-inner::after {
  content: "";
  position: absolute;
  left: -10%; right: -10%; top: -30%;
  height: 80%;
  z-index: 0;
  pointer-events: none;
  background: conic-gradient(from 0deg at 50% 100%,
    rgba(255,110,156,.12) 0deg,
    rgba(255,204,0,.10) 60deg,
    rgba(31,191,181,.12) 120deg,
    rgba(139,95,191,.10) 180deg,
    rgba(201,63,142,.12) 240deg,
    rgba(255,110,156,.12) 360deg);
  -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 100%, black 30%, transparent 75%);
          mask-image: radial-gradient(ellipse 70% 50% at 50% 100%, black 30%, transparent 75%);
  filter: blur(14px);
  opacity: .55;
  animation: mm-faq-swirl 18s linear infinite;
}
@keyframes mm-faq-swirl {
  to { transform: rotate(360deg); }
}

.accordion-inner > * { position: relative; z-index: 1; }

/* Liquid pour reveal animation via clip-path morphing */
.accordion-item.active .accordion-inner {
  animation: mm-faq-liquid-pour .95s cubic-bezier(.2,1.15,.35,1);
}
@keyframes mm-faq-liquid-pour {
  0% {
    clip-path: polygon(
      0% 0%, 100% 0%,
      100% 0%, 90% 0%, 80% 0%, 70% 0%, 60% 0%, 50% 0%, 40% 0%, 30% 0%, 20% 0%, 10% 0%, 0% 0%);
    opacity: 0;
    transform: translateY(-12px);
  }
  30% {
    clip-path: polygon(
      0% 0%, 100% 0%,
      100% 40%, 92% 55%, 84% 45%, 76% 58%, 68% 48%, 60% 60%, 52% 48%, 44% 58%, 36% 46%, 28% 56%, 20% 46%, 12% 58%, 4% 48%, 0% 50%);
    opacity: 1;
    transform: translateY(-4px);
  }
  65% {
    clip-path: polygon(
      0% 0%, 100% 0%,
      100% 95%, 92% 102%, 84% 98%, 76% 103%, 68% 99%, 60% 104%, 52% 98%, 44% 103%, 36% 97%, 28% 102%, 20% 97%, 12% 103%, 4% 98%, 0% 100%);
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
    transform: translateY(0);
  }
}

/* Text liquid fade-in — blur out → sharp */
.accordion-item.active .accordion-inner > *,
.accordion-item.active .accordion-inner p,
.accordion-item.active .accordion-inner li,
.accordion-item.active .accordion-inner h3,
.accordion-item.active .accordion-inner h4 {
  animation: mm-faq-text-liquid 1.1s cubic-bezier(.2,.9,.3,1);
}
.accordion-item.active .accordion-inner > *:nth-child(2) { animation-delay: .08s; animation-fill-mode: backwards; }
.accordion-item.active .accordion-inner > *:nth-child(3) { animation-delay: .16s; animation-fill-mode: backwards; }
.accordion-item.active .accordion-inner > *:nth-child(4) { animation-delay: .24s; animation-fill-mode: backwards; }
@keyframes mm-faq-text-liquid {
  0%   { opacity: 0; filter: blur(6px); transform: translateY(10px) skewX(3deg); letter-spacing: 2px; }
  40%  { opacity: .7; filter: blur(2px); transform: translateY(4px) skewX(-1deg); letter-spacing: 1px; }
  100% { opacity: 1; filter: blur(0); transform: translateY(0) skewX(0); letter-spacing: normal; }
}

/* Subtle sparkle bursts emit from opened item edges */
.accordion-item.active::after {
  content: "";
  position: absolute;
  inset: -15px;
  pointer-events: none;
  z-index: 10;
  background-image:
    radial-gradient(circle 2.5px at 8% 20%, #ff6e9c 40%, transparent 55%),
    radial-gradient(circle 2px at 94% 15%, #ffcc00 40%, transparent 55%),
    radial-gradient(circle 2.5px at 96% 85%, #1fbfb5 40%, transparent 55%),
    radial-gradient(circle 2px at 5% 82%, #8b5fbf 40%, transparent 55%),
    radial-gradient(circle 2px at 50% 5%, #c93f8e 40%, transparent 55%),
    radial-gradient(circle 2px at 50% 95%, #1fbfb5 40%, transparent 55%);
  opacity: 0;
  animation: mm-burst-sparkle 1.2s ease-out;
}

@media (max-width: 768px) {
  .accordion-title { font-size: .98rem !important; padding: 16px 18px 16px 26px !important; }
  .accordion-inner { padding: 6px 22px 18px !important; font-size: .92rem; }
}

/* Pricing cards */
.mm-pricing-col > .col-inner { padding: 0 !important; }
.mm-pricing-card {
  position: relative;
  background: linear-gradient(160deg, rgba(30,16,55,.88), rgba(12,8,24,.92));
  border-radius: 14px;
  padding: 34px 26px 28px;
  box-shadow:
    0 10px 40px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform .35s ease, box-shadow .35s ease;
}
.mm-pricing-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 14px;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255,110,156,.6), rgba(139,95,191,.5), rgba(31,191,181,.5), rgba(255,204,0,.4));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  opacity: .75;
}
.mm-pricing-card:hover { transform: translateY(-6px); box-shadow: 0 18px 60px rgba(255,110,156,.3), 0 0 0 1px rgba(255,255,255,.08); }

/* Featured variant */
.mm-pricing-featured {
  background: linear-gradient(160deg, rgba(60,24,85,.92), rgba(20,10,35,.95));
  transform: translateY(-10px);
  z-index: 3;
}
.mm-pricing-featured::before {
  background: conic-gradient(from 0deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
  opacity: 1;
  animation: mm-pricing-ring-spin 10s linear infinite;
}
@keyframes mm-pricing-ring-spin {
  to { filter: hue-rotate(360deg); }
}
.mm-pricing-featured::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 16px;
  z-index: -1;
  background: linear-gradient(135deg, rgba(255,110,156,.4), rgba(139,95,191,.4), rgba(31,191,181,.3));
  filter: blur(18px);
  opacity: .7;
  animation: mm-pricing-aura-pulse 3.5s ease-in-out infinite;
}
@keyframes mm-pricing-aura-pulse {
  0%, 100% { opacity: .5; filter: blur(18px); }
  50%      { opacity: .85; filter: blur(26px); }
}

/* Badge */
.mm-pricing-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #ff6e9c);
  background-size: 200% 100%;
  color: #1a0a2e;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
  box-shadow: 0 4px 18px rgba(255,110,156,.5);
  animation: mm-btn-grad 5s linear infinite;
  white-space: nowrap;
  z-index: 4;
}

/* Card head */
.mm-pricing-head { text-align: center; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.08); }
.mm-pricing-title { font-size: 1.4rem; font-weight: 700; color: #fff; letter-spacing: .3px; }
.mm-pricing-sub { color: rgba(255,255,255,.55); font-size: .88rem; margin-top: 3px; }
.mm-pricing-price {
  margin: 16px 0 8px;
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5);
  background-size: 200% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: mm-btn-grad 6s linear infinite;
  display: inline-block;
}
.mm-pricing-currency { font-size: 1.5rem; vertical-align: top; margin-right: 2px; }
.mm-pricing-tag {
  display: inline-block;
  color: rgba(255,255,255,.6);
  font-size: .78rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 4px;
}

/* Feature list */
.mm-pricing-list { list-style: none; padding: 0; margin: 0 0 22px; flex-grow: 1; }
.mm-pricing-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  color: rgba(255,255,255,.88);
  font-size: .96rem;
  line-height: 1.4;
}
.mm-pricing-list li.mm-pricing-off { color: rgba(255,255,255,.35); text-decoration: line-through; }
.mm-pricing-check {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: .85rem;
  background: linear-gradient(135deg, #1fbfb5, #8b5fbf);
  color: #fff;
  box-shadow: 0 0 10px rgba(31,191,181,.4);
}
.mm-pricing-off .mm-pricing-check { background: rgba(255,255,255,.12); box-shadow: none; color: rgba(255,255,255,.4); }
.mm-pricing-star { background: linear-gradient(135deg, #ffcc00, #ff6e9c) !important; box-shadow: 0 0 14px rgba(255,204,0,.6) !important; }
.mm-pricing-hint { color: rgba(255,255,255,.45); font-size: .82rem; margin-left: 4px; }

/* CTA buttons */
.mm-pricing-cta {
  background: linear-gradient(90deg, #1fbfb5, #8b5fbf, #ff6e9c, #1fbfb5) !important;
  background-size: 300% 100% !important;
  border: none !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  animation: mm-btn-grad 6s linear infinite !important;
  box-shadow: 0 6px 22px rgba(31,191,181,.45) !important;
  transition: transform .25s ease, box-shadow .3s ease !important;
}
.mm-pricing-cta:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 10px 30px rgba(139,95,191,.6), 0 0 40px rgba(255,110,156,.4) !important;
}
.mm-pricing-cta-featured {
  background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c) !important;
  background-size: 300% 100% !important;
  animation: mm-btn-grad 5s linear infinite, mm-btn-pulse 2.5s ease-in-out infinite !important;
  box-shadow: 0 6px 22px rgba(255,110,156,.55), 0 0 0 0 rgba(139,95,191,.4) !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.mm-learn-wrap .mm-learn-item { font-size: .95rem; padding-left: 50px; }
.mm-learn-icon { width: 44px; height: 44px; }
.mm-learn-icon svg { width: 32px; height: 32px; }
.mm-hero-tagline { font-size: 120%; }
.mm-pricing-featured { transform: translateY(0); margin-top: 30px; }
.mm-pricing-wrap .mm-section-header h2 { font-size: 1.8rem; }
.mm-pricing-price { font-size: 2.6rem; }
}

/* ═══════════════════════════════════════════════════
   POST BOTTOM V5 — consolidated (wrap + related + hubs + course bar + disclaimer)
   ═══════════════════════════════════════════════════ */

/* Neutralize any stale breakout */
.mm-pb-breakout {
	width: auto !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ─────────── Wrapper ─────────── */
.mm-pb-wrap {
	margin: 40px 0 0;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

/* ─────────── Related posts (dark + slider + stardust + hover) ─────────── */
.mm-pb-related {
	position: relative;
	background: linear-gradient(160deg, rgba(20, 10, 40, 1), rgba(10, 8, 24, 1));
	border-radius: 14px;
	padding: 28px 28px 24px;
	color: #fff;
	box-shadow: 0 8px 30px rgba(0,0,0,.35);
	overflow: hidden;
	isolation: isolate;
}

/* Animated rainbow edge bar */
.mm-pb-related::before {
	content: "";
	position: absolute;
	inset-inline-start: 0; top: 0; bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #d07090, #d9b267, #4fa69e, #7e5ba0, #a65c7e, #d07090);
	background-size: 100% 300%;
	animation: mm-faq-bar-flow 6s ease-in-out infinite;
	z-index: 3;
}

/* Floating stardust layer behind related posts */
.mm-pb-related::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		radial-gradient(circle 2px at 12% 18%, #ff6e9c 50%, transparent 52%),
		radial-gradient(circle 1.5px at 28% 72%, #1fbfb5 50%, transparent 52%),
		radial-gradient(circle 2px at 45% 30%, #ffcc00 50%, transparent 52%),
		radial-gradient(circle 1.5px at 62% 85%, #8b5fbf 50%, transparent 52%),
		radial-gradient(circle 2.5px at 78% 22%, #c93f8e 50%, transparent 52%),
		radial-gradient(circle 1.5px at 88% 64%, #1fbfb5 50%, transparent 52%),
		radial-gradient(circle 2px at 18% 55%, #ff6e9c 50%, transparent 52%),
		radial-gradient(circle 1.5px at 52% 48%, #ffcc00 50%, transparent 52%),
		radial-gradient(circle 2px at 35% 90%, #8b5fbf 50%, transparent 52%),
		radial-gradient(circle 1.5px at 72% 12%, #c93f8e 50%, transparent 52%);
	background-size: 280px 240px, 240px 210px, 300px 250px, 220px 200px,
	                 320px 270px, 250px 220px, 290px 240px, 230px 210px,
	                 310px 260px, 260px 230px;
	opacity: .45;
	animation: mm-pb-stardust-drift 55s linear infinite, mm-pb-stardust-twinkle 3s ease-in-out infinite;
}
@keyframes mm-pb-stardust-drift {
	from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
	to   { background-position: 360px -320px, -320px 280px, 400px 340px, -280px -240px,
	                            440px 380px, -340px 300px, 380px -320px, -300px 270px,
	                            420px 360px, -320px -280px; }
}
@keyframes mm-pb-stardust-twinkle {
	0%, 100% { opacity: .35; }
	50%      { opacity: .65; }
}

.mm-pb-related > * { position: relative; z-index: 1; }

.mm-pb-head { margin-bottom: 20px; }
.mm-pb-eyebrow {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: #ff6e9c;
	padding: 4px 12px;
	border: 1px solid rgba(255,110,156,.4);
	border-radius: 50px;
	background: rgba(255,110,156,.08);
	margin-bottom: 10px;
}
.mm-pb-head h3 {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	margin: 0;
}

/* Slider nav — light arrows on dark bg */
.mm-pb-related .slider .flickity-prev-next-button {
	background: rgba(255,255,255,.1) !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,.2) !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	transition: all .25s ease;
}
.mm-pb-related .slider .flickity-prev-next-button:hover {
	background: rgba(255,110,156,.25) !important;
	border-color: #ff6e9c !important;
}
.mm-pb-related .slider .flickity-prev-next-button svg path,
.mm-pb-related .slider .flickity-prev-next-button svg line { stroke: #fff !important; fill: #fff !important; }
.mm-pb-related .slider-nav-dots .flickity-page-dots .dot { background: rgba(255,255,255,.3); }
.mm-pb-related .slider-nav-dots .flickity-page-dots .dot.is-selected { background: #ff6e9c; }

/* Related post card hover — lift + glow */
.mm-pb-related .post-item {
	padding: 0 8px;
	margin-bottom: 0;
	transition: transform .4s cubic-bezier(.2,1.2,.4,1);
}
.mm-pb-related .post-item:hover {
	transform: translateY(-6px) scale(1.02);
}
.mm-pb-related .post-item .box-image {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	transition: box-shadow .35s ease;
}
.mm-pb-related .post-item:hover .box-image {
	box-shadow: 0 10px 30px rgba(255,110,156,.35), 0 0 40px rgba(31,191,181,.25);
}
.mm-pb-related .post-item .box-image img {
	transition: transform .6s cubic-bezier(.2,1,.3,1), filter .4s ease;
}
.mm-pb-related .post-item:hover .box-image img {
	transform: scale(1.08);
	filter: saturate(1.2) brightness(1.05);
}

/* Card text */
.mm-pb-related .post-item .box-text { padding: 10px 0 0; background: transparent; }
.mm-pb-related .post-item .box-text h5,
.mm-pb-related .post-item .box-text .post-title {
	font-size: .95rem;
	line-height: 1.35;
	color: #fff;
	margin: 0 0 4px;
	font-weight: 600;
}
.mm-pb-related .post-item .box-text h5 a,
.mm-pb-related .post-item .box-text .post-title a { color: #fff; transition: color .3s ease; }
.mm-pb-related .post-item:hover .box-text h5 a,
.mm-pb-related .post-item:hover .box-text .post-title a { color: #ff6e9c; }
.mm-pb-related .post-item .post-date,
.mm-pb-related .post-item .post-meta,
.mm-pb-related .post-item .box-text .date-meta { color: rgba(255,255,255,.5); font-size: .75rem; }

/* ─────────── Hub tiles ─────────── */
.mm-pb-hubs-section .mm-immersive-light {
	border-radius: 14px;
	overflow: hidden;
}
.mm-pb-tile {
	display: block;
	padding: 22px 20px;
	background: rgba(255,255,255,.7);
	border: 1px solid rgba(126,91,160,.1);
	border-radius: 12px;
	text-decoration: none !important;
	color: inherit;
	transition: all .35s cubic-bezier(.2,1.2,.4,1);
	backdrop-filter: blur(8px);
	height: 100%;
}
.mm-pb-tile:hover {
	transform: translateY(-4px);
	border-color: rgba(208,112,144,.4);
	box-shadow: 0 12px 30px rgba(208,112,144,.2);
	background: rgba(255,255,255,.85);
}
.mm-pb-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px; height: 56px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.8), rgba(255,255,255,.3) 70%);
	margin-bottom: 12px;
	transition: transform .35s ease;
}
.mm-pb-tile:hover .mm-pb-icon { transform: scale(1.1) rotate(-5deg); }
.mm-pb-tile h3 {
	margin: 0 0 6px;
	font-size: 1.1rem;
	font-weight: 700;
	color: #1c1d1f;
}
.mm-pb-tile p {
	margin: 0 0 10px;
	color: #555;
	font-size: .88rem;
	line-height: 1.45;
}
.mm-pb-more {
	display: inline-block;
	color: #7e5ba0;
	font-weight: 600;
	font-size: .85rem;
}
.mm-pb-tile:hover .mm-pb-more { color: #c26585; }

/* ─────────── Course bar ─────────── */
.mm-pb-course-bar {
	display: flex !important;
	align-items: center;
	gap: 18px;
	padding: 16px 22px;
	background: linear-gradient(135deg, rgba(30,16,55,.95), rgba(12,8,24,.98));
	border-radius: 14px;
	text-decoration: none !important;
	position: relative;
	transition: transform .25s ease, box-shadow .3s ease;
	box-shadow: 0 6px 20px rgba(0,0,0,.35);
	overflow: hidden;
	color: #fff !important;
}
.mm-pb-course-bar::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 14px;
	padding: 1.5px;
	background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #ff6e9c);
	background-size: 300% 100%;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	        mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;
	animation: mm-btn-grad 6s linear infinite;
	opacity: .7;
	pointer-events: none;
}
.mm-pb-course-bar:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 32px rgba(255,110,156,.25);
}
.mm-pb-course-ic {
	flex-shrink: 0;
	width: 44px; height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,110,156,.25), rgba(0,0,0,.2) 70%);
	box-shadow: 0 0 14px rgba(255,110,156,.3);
}
.mm-pb-course-ic svg { width: 28px !important; height: 28px !important; }
.mm-pb-course-txt {
	flex-grow: 1;
	min-width: 0;
	display: flex !important;
	flex-direction: column;
	gap: 2px;
}
.mm-pb-course-txt strong {
	color: #fff !important;
	font-size: .98rem;
	font-weight: 700;
	line-height: 1.3;
}
.mm-pb-course-sub {
	color: rgba(255,255,255,.6) !important;
	font-size: .78rem;
}
.mm-pb-course-go {
	flex-shrink: 0;
	background: #fff;
	color: #070710 !important;
	padding: 12px 22px;
	font-size: .9rem;
	font-weight: 900;
	border-radius: 3px;
	white-space: nowrap;
	letter-spacing: 0;
}
.mm-pb-course-bar:hover .mm-pb-course-go {
	animation: mm-chromatic .4s steps(3) forwards;
	letter-spacing: .03em;
}
@keyframes mm-chromatic {
	0%   { text-shadow: none; transform: translateX(0); box-shadow: none; }
	33%  { text-shadow: 2px 0 0 #00fff0, -2px 0 0 #ff00a0; transform: translateX(-1px); box-shadow: 2px 0 0 #00fff0, -2px 0 0 #ff00a0; }
	66%  { text-shadow: -2px 0 0 #00fff0, 2px 0 0 #ff00a0; transform: translateX(1px); box-shadow: -2px 0 0 #00fff0, 2px 0 0 #ff00a0; }
	100% { text-shadow: none; transform: translateX(0); box-shadow: 4px 4px 0 #00fff0, -4px -4px 0 #ff00a0; }
}

@media (max-width: 600px) {
	.mm-pb-course-bar { flex-wrap: wrap; padding: 14px 16px; gap: 12px; }
	.mm-pb-course-txt { flex-basis: 100%; order: 2; }
	.mm-pb-course-go { order: 3; margin-inline-start: auto; }
	.mm-pb-related { padding: 22px 20px; }
	.mm-pb-head h3 { font-size: 1.35rem; }
}

/* ─────────── Disclaimer (kaleidoscope psychedelic) ─────────── */
.mm-pb-disclaimer {
	position: relative;
	margin: 0;
	padding: 22px 24px;
	border-radius: 14px;
	overflow: hidden;
	isolation: isolate;
	background: linear-gradient(140deg, #fefdfb 0%, #f8f4fa 100%);
	box-shadow: 0 4px 20px rgba(126,91,160,.1), inset 0 0 0 1px rgba(208,112,144,.15);
}

.mm-pb-disc-kaleido {
	position: absolute;
	inset: -40%;
	z-index: 0;
	pointer-events: none;
	background:
		conic-gradient(from 0deg at 30% 40%,
			rgba(208,112,144,.18) 0deg,
			rgba(217,178,103,.14) 60deg,
			rgba(79,166,158,.18) 120deg,
			rgba(126,91,160,.16) 180deg,
			rgba(166,92,126,.18) 240deg,
			rgba(217,178,103,.14) 300deg,
			rgba(208,112,144,.18) 360deg),
		radial-gradient(45% 55% at 80% 70%, rgba(79,166,158,.2), transparent 70%),
		radial-gradient(40% 50% at 15% 85%, rgba(126,91,160,.18), transparent 70%);
	-webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 75%);
	        mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 75%);
	animation: mm-disc-kaleido 22s linear infinite, mm-disc-float 14s ease-in-out infinite alternate;
	filter: blur(3px) saturate(1.4);
	mix-blend-mode: multiply;
}
@keyframes mm-disc-kaleido { to { transform: rotate(360deg); } }
@keyframes mm-disc-float { 0% { transform: translate(0,0) rotate(0); } 100% { transform: translate(-3%,2%) rotate(360deg); } }

.mm-pb-disclaimer::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		radial-gradient(circle 2px at 12% 28%, #d07090 40%, transparent 55%),
		radial-gradient(circle 1.5px at 72% 18%, #d9b267 40%, transparent 55%),
		radial-gradient(circle 2px at 86% 75%, #4fa69e 40%, transparent 55%),
		radial-gradient(circle 1.5px at 22% 82%, #7e5ba0 40%, transparent 55%),
		radial-gradient(circle 2px at 52% 50%, #a65c7e 40%, transparent 55%),
		radial-gradient(circle 1.5px at 45% 12%, #4fa69e 40%, transparent 55%);
	opacity: .5;
	animation: mm-disc-twinkle 3s ease-in-out infinite;
}
@keyframes mm-disc-twinkle { 0%, 100% { opacity: .35; } 50% { opacity: .7; } }

.mm-pb-disc-content {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 12px;
	align-items: flex-start;
}
.mm-pb-disc-icon {
	flex-shrink: 0;
	font-size: 1.4rem;
	color: #c26585;
	line-height: 1.2;
	animation: mm-disc-icon-glow 3s ease-in-out infinite;
}
@keyframes mm-disc-icon-glow {
	0%, 100% { filter: drop-shadow(0 0 4px rgba(194,101,133,.4)); }
	50%      { filter: drop-shadow(0 0 10px rgba(194,101,133,.8)) drop-shadow(0 0 20px rgba(79,166,158,.4)); }
}
.mm-pb-disc-content p { margin: 0; font-size: .88rem; line-height: 1.6; color: #3a3a44; flex-grow: 1; }
.mm-pb-disc-content strong {
	background: linear-gradient(90deg, #c26585, #479b95, #7e5ba0, #c26585);
	background-size: 300% 100%;
	-webkit-background-clip: text;
	        background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	animation: mm-btn-grad 6s linear infinite;
	font-weight: 800;
}

/* ═══════════════════════════════════════════════════
   MM-HOVER-LIFT — reusable card hover (UX Builder class name)
   Apply: add `mm-hover-lift` to Col / Box / Item → Advanced → Class name
   Also auto-applied on /psychedelics/ hub children
   ═══════════════════════════════════════════════════ */
.mm-hover-lift,
.mm-hover-lift > .col-inner,
.mm-hover-lift > .col-inner > .box,
.parent-pageid-9287 .col .box,
.parent-pageid-9287 .page-item {
	transition: transform .4s cubic-bezier(.2,1.2,.4,1), box-shadow .35s ease !important;
}
.mm-hover-lift:hover,
.mm-hover-lift:hover > .col-inner,
.mm-hover-lift:hover > .col-inner > .box,
.parent-pageid-9287 .col:hover .box,
.parent-pageid-9287 .page-item:hover {
	transform: translateY(-6px) scale(1.02);
}
.mm-hover-lift .box-image,
.mm-hover-lift img,
.parent-pageid-9287 .col .box-image,
.parent-pageid-9287 .page-item .box-image {
	transition: box-shadow .35s ease, transform .6s cubic-bezier(.2,1,.3,1), filter .4s ease !important;
	overflow: hidden;
}
.mm-hover-lift:hover .box-image,
.parent-pageid-9287 .col:hover .box-image,
.parent-pageid-9287 .page-item:hover .box-image {
	box-shadow: 0 14px 36px rgba(208,112,144,.35), 0 0 50px rgba(79,166,158,.22);
}
.mm-hover-lift:hover img,
.mm-hover-lift:hover .box-image img,
.parent-pageid-9287 .col:hover .box-image img,
.parent-pageid-9287 .page-item:hover .box-image img {
	transform: scale(1.08) !important;
	filter: saturate(1.2) brightness(1.05);
}
.mm-hover-lift:hover h1,
.mm-hover-lift:hover h2,
.mm-hover-lift:hover h3,
.mm-hover-lift:hover h4,
.mm-hover-lift:hover h5,
.mm-hover-lift:hover .title,
.parent-pageid-9287 .col:hover h2,
.parent-pageid-9287 .col:hover h3,
.parent-pageid-9287 .col:hover h4,
.parent-pageid-9287 .page-item:hover h2,
.parent-pageid-9287 .page-item:hover h3 {
	color: #c26585;
	transition: color .3s ease;
}


/* ═══════════════════════════════════════════════════
   MM-HOVER-LIFT — reusable card hover (UX Builder class name)
   Apply: add `mm-hover-lift` to Col / Box / Item → Advanced → Class name
   Also auto-applied on /psychedelics/ hub children
   ═══════════════════════════════════════════════════ */
.mm-hover-lift,
.mm-hover-lift > .col-inner,
.mm-hover-lift > .col-inner > .box,
.parent-pageid-9287 .col .box,
.parent-pageid-9287 .page-item {
	transition: transform .4s cubic-bezier(.2,1.2,.4,1), box-shadow .35s ease !important;
}
.mm-hover-lift:hover,
.mm-hover-lift:hover > .col-inner,
.mm-hover-lift:hover > .col-inner > .box,
.parent-pageid-9287 .col:hover .box,
.parent-pageid-9287 .page-item:hover {
	transform: translateY(-6px) scale(1.02);
}
.mm-hover-lift .box-image,
.mm-hover-lift img,
.parent-pageid-9287 .col .box-image,
.parent-pageid-9287 .page-item .box-image {
	transition: box-shadow .35s ease, transform .6s cubic-bezier(.2,1,.3,1), filter .4s ease !important;
	overflow: hidden;
}
.mm-hover-lift:hover .box-image,
.parent-pageid-9287 .col:hover .box-image,
.parent-pageid-9287 .page-item:hover .box-image {
	box-shadow: 0 14px 36px rgba(208,112,144,.35), 0 0 50px rgba(79,166,158,.22);
}
.mm-hover-lift:hover img,
.mm-hover-lift:hover .box-image img,
.parent-pageid-9287 .col:hover .box-image img,
.parent-pageid-9287 .page-item:hover .box-image img {
	transform: scale(1.08) !important;
	filter: saturate(1.2) brightness(1.05);
}
.mm-hover-lift:hover h1,
.mm-hover-lift:hover h2,
.mm-hover-lift:hover h3,
.mm-hover-lift:hover h4,
.mm-hover-lift:hover h5,
.mm-hover-lift:hover .title,
.parent-pageid-9287 .col:hover h2,
.parent-pageid-9287 .col:hover h3,
.parent-pageid-9287 .col:hover h4,
.parent-pageid-9287 .page-item:hover h2,
.parent-pageid-9287 .page-item:hover h3 {
	color: #c26585;
	transition: color .3s ease;
}

/* ═══════════════════════════════════════════════════
   DISCLAIMER (standalone block) — psychedelic, no image
   Used in block slug=disclaimer on IL (9306), www (10195)
   ═══════════════════════════════════════════════════ */
.mm-disc-psy {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: 28px 24px !important;
	background: linear-gradient(140deg, #1a0a2e 0%, #0a0a0f 100%) !important;
	border-radius: 0;
	color: #fff;
	text-align: center;
}
.mm-disc-psy .row,
.mm-disc-psy .col,
.mm-disc-psy .col-inner {
	text-align: center !important;
}
.mm-disc-psy p,
.mm-disc-psy h3,
.mm-disc-psy .mm-disc-psy-icon {
	text-align: center;
	max-width: 680px;
	margin-inline: auto;
}
@media (max-width: 600px) {
	.mm-disc-psy { padding: 22px 18px !important; }
	.mm-disc-psy h3 { font-size: 1.1rem; }
	.mm-disc-psy p { font-size: .92rem; }
}
/* Narrow container (col 6, etc) — force full width visually */
.col .mm-disc-psy,
.col-inner .mm-disc-psy { padding: 22px 18px !important; }

/* Rotating kaleidoscope conic layer */
.mm-disc-psy::before {
	content: "";
	position: absolute;
	inset: -50%;
	z-index: 0;
	pointer-events: none;
	background:
		conic-gradient(from 0deg at 40% 50%,
			rgba(255,110,156,.35) 0deg,
			rgba(255,204,0,.25) 60deg,
			rgba(31,191,181,.35) 120deg,
			rgba(139,95,191,.3) 180deg,
			rgba(201,63,142,.35) 240deg,
			rgba(255,204,0,.25) 300deg,
			rgba(255,110,156,.35) 360deg);
	-webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 25%, transparent 80%);
	        mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 25%, transparent 80%);
	animation: mm-disc-kaleido 30s linear infinite, mm-disc-float 18s ease-in-out infinite alternate;
	filter: blur(6px) saturate(1.4);
	mix-blend-mode: screen;
}

/* Stardust layer */
.mm-disc-psy::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-image:
		radial-gradient(circle 2.5px at 8% 22%, #ff6e9c 40%, transparent 55%),
		radial-gradient(circle 2px at 30% 70%, #ffcc00 40%, transparent 55%),
		radial-gradient(circle 2.5px at 52% 18%, #1fbfb5 40%, transparent 55%),
		radial-gradient(circle 2px at 72% 60%, #8b5fbf 40%, transparent 55%),
		radial-gradient(circle 2.5px at 88% 25%, #c93f8e 40%, transparent 55%),
		radial-gradient(circle 2px at 18% 82%, #ffcc00 40%, transparent 55%),
		radial-gradient(circle 2.5px at 45% 88%, #ff6e9c 40%, transparent 55%),
		radial-gradient(circle 2px at 92% 82%, #1fbfb5 40%, transparent 55%),
		radial-gradient(circle 1.5px at 38% 42%, #ffcc00 40%, transparent 55%),
		radial-gradient(circle 1.5px at 62% 35%, #8b5fbf 40%, transparent 55%);
	background-size: 260px 230px, 220px 200px, 280px 240px, 200px 180px,
	                 300px 260px, 240px 220px, 270px 230px, 210px 190px,
	                 290px 250px, 230px 200px;
	opacity: .8;
	animation: mm-disc-star-drift 55s linear infinite, mm-disc-star-twinkle 2.5s ease-in-out infinite;
}
@keyframes mm-disc-star-drift {
	from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
	to   { background-position: 380px -340px, -340px 300px, 420px 360px, -300px -270px,
	                            460px 400px, -360px 320px, 400px -340px, -320px 290px,
	                            440px 380px, -340px -300px; }
}
@keyframes mm-disc-star-twinkle {
	0%, 100% { opacity: .6; }
	50%      { opacity: 1; }
}

.mm-disc-psy > * { position: relative; z-index: 2; }

.mm-disc-psy h3,
.mm-disc-psy strong,
.mm-disc-psy b {
	display: inline-block;
	background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #c93f8e, #ff6e9c);
	background-size: 300% 100%;
	-webkit-background-clip: text;
	        background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent !important;
	animation: mm-btn-grad 6s linear infinite;
	font-weight: 800;
	margin-bottom: 10px;
}
.mm-disc-psy p,
.mm-disc-psy span {
	color: rgba(255,255,255,.88);
	line-height: 1.65;
}
.mm-disc-psy-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px; height: 54px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,110,156,.3), rgba(0,0,0,.2) 70%);
	font-size: 1.6rem;
	margin-bottom: 14px;
	animation: mm-disc-icon-glow 3s ease-in-out infinite;
	box-shadow: 0 0 20px rgba(255,110,156,.35);
}


/* ═══ DISCLAIMER COMPACT override (2026-04-22) — shrink further ═══ */
.mm-disc-psy { padding: 18px 22px !important; }
.mm-disc-psy h3 { font-size: 1.05rem !important; margin-bottom: 6px !important; }
.mm-disc-psy p { font-size: .86rem !important; line-height: 1.5 !important; margin-bottom: 6px !important; max-width: 560px; }
.mm-disc-psy p:last-child { margin-bottom: 0 !important; }
.mm-disc-psy-icon { width: 36px !important; height: 36px !important; font-size: 1.15rem !important; margin-bottom: 8px !important; }
.col-inner .mm-disc-psy, .col .mm-disc-psy { padding: 14px 16px !important; }
.col-inner .mm-disc-psy h3, .col .mm-disc-psy h3 { font-size: .98rem !important; }
.col-inner .mm-disc-psy p, .col .mm-disc-psy p { font-size: .8rem !important; line-height: 1.45 !important; }
.col-inner .mm-disc-psy-icon, .col .mm-disc-psy-icon { width: 30px !important; height: 30px !important; font-size: 1rem !important; margin-bottom: 6px !important; }
@media (max-width: 600px) {
    .mm-disc-psy { padding: 14px 16px !important; }
    .mm-disc-psy h3 { font-size: .98rem !important; }
    .mm-disc-psy p { font-size: .8rem !important; }
}

/* ═══════════════════════════════════════════════════
   RESTORE 2026-04-22: fx2-fx5 + hover-lift + disclaimer + related posts dark
   (appended fresh; earlier truncation recovered)
   ═══════════════════════════════════════════════════ */

/* ─────── MM-HOVER-LIFT reusable card hover ─────── */
.mm-hover-lift,
.mm-hover-lift > .col-inner,
.mm-hover-lift > .col-inner > .box,
.parent-pageid-9287 .col .box,
.parent-pageid-9287 .page-item {
	transition: transform .4s cubic-bezier(.2,1.2,.4,1), box-shadow .35s ease !important;
}
.mm-hover-lift:hover,
.mm-hover-lift:hover > .col-inner,
.mm-hover-lift:hover > .col-inner > .box,
.parent-pageid-9287 .col:hover .box,
.parent-pageid-9287 .page-item:hover {
	transform: translateY(-6px) scale(1.02);
}
.mm-hover-lift .box-image,
.mm-hover-lift img,
.parent-pageid-9287 .col .box-image,
.parent-pageid-9287 .page-item .box-image {
	transition: box-shadow .35s ease, transform .6s cubic-bezier(.2,1,.3,1), filter .4s ease !important;
	overflow: hidden;
}
.mm-hover-lift:hover .box-image,
.parent-pageid-9287 .col:hover .box-image,
.parent-pageid-9287 .page-item:hover .box-image {
	box-shadow: 0 14px 36px rgba(208,112,144,.35), 0 0 50px rgba(79,166,158,.22);
}
.mm-hover-lift:hover img,
.mm-hover-lift:hover .box-image img,
.parent-pageid-9287 .col:hover .box-image img,
.parent-pageid-9287 .page-item:hover .box-image img {
	transform: scale(1.08) !important;
	filter: saturate(1.2) brightness(1.05);
}

/* ─────── MM-FX2 Sacred Hex Grid ─────── */
.mm-fx2 { position: relative; overflow: hidden; isolation: isolate; }
.mm-fx2::before {
	content: "";
	position: absolute;
	inset: -20%;
	z-index: 0;
	pointer-events: none;
	background:
		repeating-conic-gradient(from 30deg at 50% 50%,
			rgba(255,110,156,.14) 0deg 30deg, transparent 30deg 60deg,
			rgba(31,191,181,.14) 60deg 90deg, transparent 90deg 120deg,
			rgba(139,95,191,.14) 120deg 150deg, transparent 150deg 180deg),
		linear-gradient(60deg, transparent 48%, rgba(255,255,255,.06) 49%, rgba(255,255,255,.06) 51%, transparent 52%),
		linear-gradient(-60deg, transparent 48%, rgba(255,255,255,.06) 49%, rgba(255,255,255,.06) 51%, transparent 52%),
		linear-gradient(0deg, transparent 48%, rgba(255,255,255,.06) 49%, rgba(255,255,255,.06) 51%, transparent 52%);
	background-size: 100% 100%, 60px 60px, 60px 60px, 60px 60px;
	filter: blur(1px);
	opacity: .8;
	animation: mm-fx2-rotate 80s linear infinite, mm-fx2-pulse 5s ease-in-out infinite;
	mix-blend-mode: screen;
}
@keyframes mm-fx2-rotate { to { transform: rotate(360deg); } }
@keyframes mm-fx2-pulse { 0%,100%{opacity:.5;filter:blur(1px) saturate(1);} 50%{opacity:.9;filter:blur(2px) saturate(1.6);} }
.mm-fx2::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: radial-gradient(ellipse 60% 40% at 50% 50%, rgba(255,110,156,.3), transparent 70%),
	            radial-gradient(ellipse 50% 60% at 50% 50%, rgba(31,191,181,.25), transparent 70%);
	mix-blend-mode: screen;
	animation: mm-fx2-core-pulse 6s ease-in-out infinite alternate;
}
@keyframes mm-fx2-core-pulse { 0%{transform:scale(1);filter:hue-rotate(0deg) blur(0);} 100%{transform:scale(1.15);filter:hue-rotate(60deg) blur(4px);} }
.mm-fx2 .section-content, .mm-fx2 .row, .mm-fx2 .col, .mm-fx2 .col-inner { position: relative; z-index: 2; }
.mm-fx2 h1, .mm-fx2 h2, .mm-fx2 h3 { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,.75), 0 0 2px rgba(0,0,0,.6); }
.mm-fx2 p, .mm-fx2 .mm-lead { color: rgba(255,255,255,.9); text-shadow: 0 1px 4px rgba(0,0,0,.65); }

/* ─────── MM-FX3 Neon Liquid Motion ─────── */
.mm-fx3 { position: relative; overflow: hidden; isolation: isolate; background-color: #050510 !important; }
.mm-fx3::before {
	content: ""; position: absolute; top: -30%; left: -25%; width: 75%; height: 80%;
	background: radial-gradient(circle at 40% 40%, rgba(255,40,160,.95) 0%, rgba(255,80,200,.7) 30%, rgba(201,63,142,.4) 60%, transparent 80%);
	border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
	filter: blur(85px) saturate(1.8); mix-blend-mode: plus-lighter;
	z-index: 0; pointer-events: none; will-change: transform, border-radius;
	animation: mm-fx3-morph-a 13s ease-in-out infinite alternate, mm-fx3-drift-a 24s ease-in-out infinite alternate, mm-fx3-hue 48s linear infinite;
}
.mm-fx3::after {
	content: ""; position: absolute; bottom: -35%; right: -30%; width: 80%; height: 85%;
	background: radial-gradient(circle at 60% 60%, rgba(0,220,255,.95) 0%, rgba(80,140,255,.7) 30%, rgba(31,191,181,.4) 60%, transparent 80%);
	border-radius: 45% 55% 40% 60% / 55% 45% 60% 40%;
	filter: blur(90px) saturate(1.8); mix-blend-mode: plus-lighter;
	z-index: 0; pointer-events: none; will-change: transform, border-radius;
	animation: mm-fx3-morph-b 16s ease-in-out infinite alternate, mm-fx3-drift-b 30s ease-in-out infinite alternate, mm-fx3-hue 60s linear infinite reverse;
}
@keyframes mm-fx3-morph-a { 0%{border-radius:63% 37% 54% 46% / 55% 48% 52% 45%;} 50%{border-radius:40% 60% 30% 70% / 50% 60% 40% 50%;} 100%{border-radius:70% 30% 50% 50% / 35% 65% 45% 55%;} }
@keyframes mm-fx3-morph-b { 0%{border-radius:45% 55% 40% 60% / 55% 45% 60% 40%;} 50%{border-radius:60% 40% 55% 45% / 45% 60% 40% 60%;} 100%{border-radius:35% 65% 50% 50% / 60% 40% 55% 45%;} }
@keyframes mm-fx3-drift-a { 0%{transform:translate(0,0) rotate(0) scale(1);} 50%{transform:translate(18%,12%) rotate(22deg) scale(1.15);} 100%{transform:translate(-10%,18%) rotate(-16deg) scale(1.08);} }
@keyframes mm-fx3-drift-b { 0%{transform:translate(0,0) rotate(0) scale(1);} 50%{transform:translate(-16%,-10%) rotate(-24deg) scale(1.2);} 100%{transform:translate(12%,-14%) rotate(18deg) scale(1.1);} }
@keyframes mm-fx3-hue { 0%{filter:blur(85px) saturate(1.8) hue-rotate(0deg);} 100%{filter:blur(85px) saturate(1.8) hue-rotate(360deg);} }
.mm-fx3 .section-content, .mm-fx3 .row, .mm-fx3 .col, .mm-fx3 .col-inner { position: relative; z-index: 2; }
.mm-fx3 h1, .mm-fx3 h2, .mm-fx3 h3 { color: #fff !important; text-shadow: 0 2px 10px rgba(0,0,0,.85), 0 0 3px rgba(0,0,0,.7); }
.mm-fx3 p, .mm-fx3 .mm-lead { color: rgba(255,255,255,.92); text-shadow: 0 1px 6px rgba(0,0,0,.75); }

/* ─────── MM-FX4 Scanlines + Waveform ─────── */
.mm-fx4 { position: relative; overflow: hidden; isolation: isolate; background-color: #070715 !important; }
.mm-fx4::before {
	content: ""; position: absolute; inset: -5%; z-index: 0; pointer-events: none;
	background: repeating-linear-gradient(0deg, rgba(255,110,156,.22) 0, rgba(255,110,156,.22) 2px, transparent 2px, transparent 7px, rgba(31,191,181,.22) 7px, rgba(31,191,181,.22) 9px, transparent 9px, transparent 14px);
	background-size: 100% 14px; opacity: .55; mix-blend-mode: screen;
	animation: mm-fx4-scan-drift 4s linear infinite, mm-fx4-chroma 18s ease-in-out infinite alternate;
}
@keyframes mm-fx4-scan-drift { from{background-position:0 0;} to{background-position:0 -28px;} }
@keyframes mm-fx4-chroma { 0%{filter:hue-rotate(0deg) saturate(1.2);} 100%{filter:hue-rotate(360deg) saturate(2);} }
.mm-fx4::after {
	content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(180deg, rgba(255,110,156,.15) 0%, transparent 15%, transparent 85%, rgba(31,191,181,.18) 100%),
	            radial-gradient(ellipse 120% 40% at 50% 100%, rgba(139,95,191,.35), transparent 70%),
	            radial-gradient(ellipse 120% 40% at 50% 0%, rgba(201,63,142,.25), transparent 70%);
	mix-blend-mode: screen;
	animation: mm-fx4-pulse 3s ease-in-out infinite;
}
@keyframes mm-fx4-pulse { 0%,100%{opacity:.8;transform:scaleY(1);} 50%{opacity:1;transform:scaleY(1.05);} }
.mm-fx4 .section-content, .mm-fx4 .row, .mm-fx4 .col, .mm-fx4 .col-inner { position: relative; z-index: 2; }
.mm-fx4 h1, .mm-fx4 h2, .mm-fx4 h3 { color: #fff !important; text-shadow: 0 2px 10px rgba(0,0,0,.85), 0 0 2px rgba(255,110,156,.5); }
.mm-fx4 p, .mm-fx4 .mm-lead { color: rgba(255,255,255,.92); text-shadow: 0 1px 6px rgba(0,0,0,.75); }

/* ─────── MM-FX5 Plasma Waves ─────── */
.mm-fx5 { position: relative; overflow: hidden; isolation: isolate; background-color: #080720 !important; }
.mm-fx5::before {
	content: ""; position: absolute; inset: -25%; z-index: 0; pointer-events: none;
	background: linear-gradient(45deg, rgba(255,110,156,.4) 0%, transparent 20%, rgba(31,191,181,.4) 40%, transparent 60%, rgba(139,95,191,.4) 80%, transparent 100%),
	            linear-gradient(-45deg, rgba(255,204,0,.3) 0%, transparent 25%, rgba(201,63,142,.4) 50%, transparent 75%, rgba(31,191,181,.3) 100%);
	background-size: 250% 250%, 300% 300%; mix-blend-mode: screen; filter: blur(40px) saturate(1.4);
	animation: mm-fx5-wave-a 16s ease-in-out infinite alternate, mm-fx5-wave-b 22s ease-in-out infinite alternate, mm-fx5-plasma 30s linear infinite;
}
@keyframes mm-fx5-wave-a { 0%{background-position:0% 0%,100% 100%;} 100%{background-position:100% 100%,0% 0%;} }
@keyframes mm-fx5-wave-b { 0%{background-position:50% 0%,50% 100%;} 100%{background-position:0% 100%,100% 0%;} }
@keyframes mm-fx5-plasma { 0%{filter:blur(40px) saturate(1.4) hue-rotate(0deg);} 100%{filter:blur(40px) saturate(1.4) hue-rotate(360deg);} }
.mm-fx5::after {
	content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: radial-gradient(circle at 50% 50%, transparent 0%, transparent 10%, rgba(255,110,156,.15) 12%, transparent 14%, transparent 22%, rgba(31,191,181,.15) 24%, transparent 26%, transparent 34%, rgba(139,95,191,.15) 36%, transparent 38%, transparent 46%, rgba(255,204,0,.12) 48%, transparent 50%);
	mix-blend-mode: screen;
	animation: mm-fx5-ring-pulse 8s ease-in-out infinite;
}
@keyframes mm-fx5-ring-pulse { 0%,100%{transform:scale(1);opacity:.6;} 50%{transform:scale(1.3);opacity:1;} }
.mm-fx5 .section-content, .mm-fx5 .row, .mm-fx5 .col, .mm-fx5 .col-inner { position: relative; z-index: 2; }
.mm-fx5 h1, .mm-fx5 h2, .mm-fx5 h3 { color: #fff !important; text-shadow: 0 2px 10px rgba(0,0,0,.85), 0 0 3px rgba(0,0,0,.7); }
.mm-fx5 p, .mm-fx5 .mm-lead { color: rgba(255,255,255,.92); text-shadow: 0 1px 6px rgba(0,0,0,.75); }

/* ─────── DISCLAIMER (compact + centered) ─────── */
.mm-disc-psy {
	position: relative; overflow: hidden; isolation: isolate;
	padding: 16px 20px !important;
	background: linear-gradient(140deg, #1a0a2e 0%, #0a0a0f 100%) !important;
	color: #fff !important;
	text-align: center !important;
}
.mm-disc-psy::before {
	content: ""; position: absolute; inset: -50%; z-index: 0; pointer-events: none;
	background: conic-gradient(from 0deg at 30% 40%, rgba(208,112,144,.18) 0deg, rgba(217,178,103,.14) 60deg, rgba(79,166,158,.18) 120deg, rgba(126,91,160,.16) 180deg, rgba(166,92,126,.18) 240deg, rgba(217,178,103,.14) 300deg, rgba(208,112,144,.18) 360deg),
	            radial-gradient(45% 55% at 80% 70%, rgba(79,166,158,.2), transparent 70%),
	            radial-gradient(40% 50% at 15% 85%, rgba(126,91,160,.18), transparent 70%);
	-webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 75%);
	        mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 75%);
	animation: mm-disc-kaleido 22s linear infinite;
	filter: blur(3px) saturate(1.4);
	mix-blend-mode: screen;
}
@keyframes mm-disc-kaleido { to { transform: rotate(360deg); } }
.mm-disc-psy > * { position: relative; z-index: 2; }
.mm-disc-psy .row, .mm-disc-psy .col, .mm-disc-psy .col-inner, .mm-disc-psy [class*="col-"] {
	text-align: center !important;
	position: relative; z-index: 2;
}
.mm-disc-psy h3 {
	display: inline-block !important;
	background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5, #8b5fbf, #ff6e9c);
	background-size: 300% 100%;
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent !important;
	animation: mm-btn-grad 6s linear infinite;
	font-weight: 800;
	font-size: .98rem !important;
	margin: 0 0 4px !important;
}
.mm-disc-psy p {
	color: rgba(255,255,255,.88) !important;
	font-size: .82rem !important;
	line-height: 1.5 !important;
	margin: 0 auto !important;
	max-width: 520px;
	text-align: center !important;
}
.mm-disc-psy p + p { margin-top: 4px !important; }
.mm-disc-psy strong, .mm-disc-psy b {
	display: inline;
	background: linear-gradient(90deg, #ff6e9c, #ffcc00, #1fbfb5);
	background-size: 200% 100%;
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent !important;
	animation: mm-btn-grad 6s linear infinite;
	font-weight: 700;
}
.mm-disc-psy-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px !important; height: 28px !important;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,110,156,.3), rgba(0,0,0,.2) 70%);
	font-size: .95rem !important;
	margin: 0 auto 4px !important;
	box-shadow: 0 0 12px rgba(255,110,156,.3);
}
/* Narrow col = even tighter */
.col .mm-disc-psy, .col-inner .mm-disc-psy { padding: 12px 14px !important; }
.col .mm-disc-psy h3, .col-inner .mm-disc-psy h3 { font-size: .9rem !important; }
.col .mm-disc-psy p, .col-inner .mm-disc-psy p { font-size: .76rem !important; line-height: 1.45 !important; }
.col .mm-disc-psy-icon, .col-inner .mm-disc-psy-icon { width: 24px !important; height: 24px !important; font-size: .85rem !important; }

/* ─────── RELATED POSTS dark card — strong override ─────── */
.mm-pb-related .post-item,
.mm-pb-related .post-item .box,
.mm-pb-related .post-item .box .box-text,
.mm-pb-related .post-item .box .box-text .box-text-inner,
.mm-pb-related .post-item .box-text,
.mm-pb-related .post-item .box-text-inner,
.mm-pb-related .box-blog-post,
.mm-pb-related .box-blog-post .box-text,
.mm-pb-related .col,
.mm-pb-related .col-inner {
	background: transparent !important;
	background-color: transparent !important;
}

.mm-pb-related .post-item .box-text h5,
.mm-pb-related .post-item .box-text h5 *,
.mm-pb-related .post-item .box-text h5 a,
.mm-pb-related .post-item .box-text .post-title,
.mm-pb-related .post-item .box-text .post-title *,
.mm-pb-related .post-item .box-text .post-title a,
.mm-pb-related .post-item .box-text .from_the_blog_excerpt {
	color: #fff !important;
	background: transparent !important;
}

.mm-pb-related .post-item .box-text h5 a:hover,
.mm-pb-related .post-item .box-text .post-title a:hover { color: #ff6e9c !important; }

.mm-pb-related .post-item .post-date,
.mm-pb-related .post-item .post-meta,
.mm-pb-related .post-item time,
.mm-pb-related .post-item .is-divider,
.mm-pb-related .post-item .divider { color: rgba(255,255,255,.55) !important; background: rgba(255,255,255,.15) !important; }

/* ═══ DISCLAIMER CENTER HAMMER 2026-04-22 ═══ */
.mm-disc-psy,
.mm-disc-psy * { text-align: center !important; }
.mm-disc-psy .section-content,
.mm-disc-psy .row,
.mm-disc-psy > .section-content > .row,
.mm-disc-psy .col,
.mm-disc-psy .col-inner { text-align: center !important; justify-content: center !important; }
.mm-disc-psy p { margin-left: auto !important; margin-right: auto !important; max-width: 560px; }
.mm-disc-psy h3, .mm-disc-psy .mm-disc-psy-icon { display: block !important; margin-left: auto !important; margin-right: auto !important; width: fit-content !important; }

/* ═══ DISCLAIMER FLEX CENTER 2026-04-22 final ═══ */
.mm-disc-psy .section-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.mm-disc-psy .section-content .row { width: 100% !important; max-width: 100% !important; margin: 0 !important; display: flex !important; justify-content: center !important; }
.mm-disc-psy .col { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
.mm-disc-psy .col-inner { padding: 0 !important; margin: 0 auto !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
.mm-disc-psy .col-inner > * { max-width: 560px; margin-left: auto !important; margin-right: auto !important; }


/* FIX disclaimer: scope z-index override to section-content only (was > * which broke section-bg absolute) */
.mm-disc-psy > .section-bg { position: absolute !important; }

/* ═══════════════════════════════════════════════════
   TOC (joli-table-of-contents) — FAQ-style + fractal bg
   Site-wide: IL + www + learn
   Target: .wpj-jtoc container
   ═══════════════════════════════════════════════════ */
.wpj-jtoc {
	position: relative !important;
	background: #fff !important;
	border: none !important;
	border-radius: 14px !important;
	margin: 20px 0 30px !important;
	box-shadow: 0 4px 18px rgba(139,95,191,.08), 0 1px 4px rgba(0,0,0,.04) !important;
	overflow: hidden !important;
	isolation: isolate;
	padding: 0 !important;
}

/* Rainbow left bar — flowing gradient (muted palette) */
.wpj-jtoc::before {
	content: "";
	position: absolute;
	inset-inline-start: 0; top: 0; bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #d07090 0%, #d9b267 20%, #4fa69e 40%, #7e5ba0 60%, #a65c7e 80%, #d07090 100%);
	background-size: 100% 300%;
	animation: mm-faq-bar-flow 6s ease-in-out infinite;
	z-index: 3;
}
html[dir="rtl"] .wpj-jtoc::before { inset-inline-start: 0; }

/* Kaleidoscope conic-gradient bg — subtle, behind content */
.wpj-jtoc::after {
	content: "";
	position: absolute;
	inset: -40%;
	z-index: 0;
	pointer-events: none;
	background:
		conic-gradient(from 0deg at 30% 40%,
			rgba(208,112,144,.1) 0deg,
			rgba(217,178,103,.08) 60deg,
			rgba(79,166,158,.1) 120deg,
			rgba(126,91,160,.09) 180deg,
			rgba(166,92,126,.1) 240deg,
			rgba(217,178,103,.08) 300deg,
			rgba(208,112,144,.1) 360deg),
		radial-gradient(45% 55% at 85% 70%, rgba(79,166,158,.12), transparent 70%),
		radial-gradient(40% 50% at 15% 85%, rgba(126,91,160,.1), transparent 70%);
	-webkit-mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 20%, transparent 80%);
	        mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 20%, transparent 80%);
	animation: mm-toc-kaleido 28s linear infinite;
	filter: blur(4px) saturate(1.3);
	opacity: .9;
}
@keyframes mm-toc-kaleido { to { transform: rotate(360deg); } }

.wpj-jtoc > * { position: relative; z-index: 2; }

/* Header */
.wpj-jtoc--header,
.wpj-jtoc--header-main {
	padding: 16px 22px 12px !important;
	background: transparent !important;
	border-bottom: 1px dashed rgba(139,95,191,.15) !important;
}
.wpj-jtoc--header-main { padding: 0 !important; border: none !important; }

.wpj-jtoc--title {
	display: flex;
	align-items: center;
	gap: 10px;
}
.wpj-jtoc--title-label,
.wpj-jtoc .joli-heading,
.wpj-jtoc .jtoc-heading {
	background: linear-gradient(90deg, #c26585 0%, #c9a25b 20%, #479b95 40%, #74548f 60%, #99536f 80%, #c26585 100%) !important;
	background-size: 300% 100% !important;
	-webkit-background-clip: text !important;
	        background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	animation: mm-btn-grad 6s linear infinite;
	font-weight: 800 !important;
	font-size: 1.1rem !important;
	letter-spacing: .3px;
	margin: 0 !important;
}

/* Toggle icon — morph on fold */
.wpj-jtoc--toggle,
.wpj-jtoc--toggle-box {
	transition: transform .55s cubic-bezier(.2,1.6,.4,1), filter .4s ease;
	color: #c26585 !important;
}
.wpj-jtoc.--jtoc-is-unfolded .wpj-jtoc--toggle {
	transform: rotate(180deg) scale(1.1);
	filter: drop-shadow(0 0 5px rgba(208,112,144,.5));
}

/* Body */
.wpj-jtoc--body {
	padding: 10px 22px 16px !important;
	background: transparent !important;
}

/* Items */
.wpj-jtoc--body ol,
.wpj-jtoc--body ul {
	margin: 0 !important;
	padding-inline-start: 20px !important;
	list-style: none !important;
	counter-reset: mm-toc-counter;
}
.wpj-jtoc--body ol { counter-reset: mm-toc-counter; }
.wpj-jtoc--body li {
	position: relative;
	padding: 4px 0 !important;
	margin: 0 !important;
	list-style: none !important;
	counter-increment: mm-toc-counter;
}
.wpj-jtoc--body li::marker { content: none !important; }

.wpj-jtoc--body li a,
.wpj-jtoc--body .wpj-jtoc--link {
	color: #3a3a44 !important;
	text-decoration: none !important;
	font-size: .95rem;
	line-height: 1.5;
	display: inline-block;
	padding: 2px 0;
	transition: color .3s ease, transform .3s ease, letter-spacing .3s ease;
	border-bottom: none !important;
}
.wpj-jtoc--body li a:hover,
.wpj-jtoc--body .wpj-jtoc--link:hover {
	color: #c26585 !important;
	transform: translateX(4px);
}
html[dir="rtl"] .wpj-jtoc--body li a:hover { transform: translateX(-4px); }

/* Active heading (highlighted as user scrolls) */
.wpj-jtoc--body li.--jtoc-is-active > a,
.wpj-jtoc--body li.jtoc-is-active > a,
.wpj-jtoc--body a.is-active,
.wpj-jtoc--body a.active {
	background: linear-gradient(90deg, #c26585, #c9a25b, #479b95, #74548f, #c26585) !important;
	background-size: 300% 100% !important;
	-webkit-background-clip: text !important;
	        background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	animation: mm-btn-grad 5s linear infinite;
	font-weight: 700 !important;
}

/* Numeration styling */
.wpj-jtoc--body li > .wpj-jtoc--numeration,
.wpj-jtoc--body li .wpj-jtoc--numeration {
	color: #7e5ba0 !important;
	font-weight: 700;
	font-size: .82rem;
	margin-inline-end: 6px;
	opacity: .75;
}

/* Nested sublists — slight indent + divider */
.wpj-jtoc--body ol ol,
.wpj-jtoc--body ul ul {
	margin-inline-start: 12px !important;
	padding-inline-start: 14px !important;
	border-inline-start: 1px dashed rgba(126,91,160,.2);
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

/* Sticky variant (already in use) — glass effect */
.mm-toc-sticky .wpj-jtoc {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(255,255,255,.88) !important;
}

/* Collapsed variant — tight */
.wpj-jtoc:not(.--jtoc-is-unfolded) .wpj-jtoc--body { display: none; }
.wpj-jtoc:not(.--jtoc-is-unfolded) .wpj-jtoc--header { border-bottom: none !important; }

/* Hover card lift */
.wpj-jtoc:hover {
	box-shadow: 0 8px 24px rgba(208,112,144,.18), 0 2px 8px rgba(126,91,160,.12) !important;
	transform: translateY(-1px);
	transition: transform .3s ease, box-shadow .3s ease;
}

@media (max-width: 600px) {
	.wpj-jtoc--header,
	.wpj-jtoc--header-main,
	.wpj-jtoc--body { padding: 14px 18px !important; }
	.wpj-jtoc--title-label { font-size: 1rem !important; }
	.wpj-jtoc--body li a { font-size: .88rem; }
}

/* ═══════════════════════════════════════════════════
   STICKY COURSE BAR — fixed to viewport bottom
   ═══════════════════════════════════════════════════ */
@media (min-width: 769px) {
	body > .mm-pb-course-bar {
		position: fixed !important;
		bottom: 16px !important;
		left: 24px !important;
		right: 24px !important;
		max-width: 760px !important;
		margin: 0 auto !important;
		z-index: 95 !important;
		box-shadow: 0 14px 40px rgba(0,0,0,.55), 0 0 60px rgba(255,110,156,.2) !important;
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}
}
@media (max-width: 768px) {
	body > .mm-pb-course-bar {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 95 !important;
		border-radius: 14px 14px 0 0 !important;
		padding: 10px 14px !important;
		gap: 10px !important;
		box-shadow: 0 -8px 24px rgba(0,0,0,.5) !important;
	}
	.mm-pb-course-bar .mm-pb-course-ic {
		width: 36px !important;
		height: 36px !important;
		flex-shrink: 0;
	}
	.mm-pb-course-bar .mm-pb-course-ic svg {
		width: 22px !important;
		height: 22px !important;
	}
	.mm-pb-course-bar .mm-pb-course-txt strong {
		font-size: .82rem !important;
		line-height: 1.2 !important;
	}
	.mm-pb-course-bar .mm-pb-course-sub {
		font-size: .68rem !important;
		display: block;
	}
	.mm-pb-course-bar .mm-pb-course-go {
		font-size: .78rem !important;
		flex-shrink: 0;
		padding: 8px 14px !important;
	}
	/* push content up so sticky bar doesn't cover footer */
	.single-post #content { padding-bottom: 70px; }
}

/* ═════════════════════════════════════════════════
   MM-V2-HERO — Cinematic Blended Hero (shared CSS)
   ═════════════════════════════════════════════════ */
.mm-v2-hero { background: #0a0508 !important; position: relative; overflow: hidden; }
.mm-v2-hero .section-inner { min-height: 90vh; display: flex; align-items: center; justify-content: center; }
.mm-v2-hero .row { width: 100%; }
.mm-v2-hero .section-video { position: absolute; inset: 0; z-index: 0; }
.mm-v2-hero .section-video video { width: 100%; height: 100%; object-fit: cover; }
.mm-v2-hero .section-bg-overlay,
.mm-v2-hero.dark::before,
.mm-v2-hero .section-bg { background: linear-gradient(180deg,rgba(10,5,8,.45) 0%,rgba(10,5,8,.62) 55%,rgba(10,5,8,.90) 100%),radial-gradient(circle at 50% 35%,rgba(255,140,90,.20),transparent 65%) !important; z-index: 1 !important; }
.mm-v2-hero::after { content:; position:absolute; inset:-15%; background:url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-bg.svg') center/contain no-repeat; mix-blend-mode:overlay; opacity:.14; filter:sepia(.4) brightness(1.6); animation:mm-fx-spin 200s linear infinite; pointer-events:none; z-index:2; }
.mm-v2-hero .col-inner { position: relative; z-index: 5; }
@keyframes mm-spin { to { transform: rotate(360deg); } }
@keyframes mm-float-sm { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes mm-float-lg { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes mm-pulse-line { 0%,100%{opacity:.6;height:28px} 50%{opacity:1;height:38px} }
@keyframes mm-badge-glow { 0%,100%{box-shadow:0 0 0 rgba(255,184,103,0)} 50%{box-shadow:0 0 18px rgba(255,184,103,.25)} }
@keyframes mm-gradient-shift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
.mm-v2-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 20px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.22); border-radius:100px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#fff; backdrop-filter:blur(10px); margin-bottom:26px; animation:mm-float-sm 6s ease-in-out infinite,mm-badge-glow 5s ease-in-out infinite; transition:background .3s,border-color .3s; }
.mm-v2-badge:hover { background:rgba(255,184,103,.15); border-color:rgba(255,184,103,.5); }
.mm-v2-badge-dot { width:8px; height:8px; border-radius:50%; background:#ffb867; display:inline-block; flex-shrink:0; }
.mm-v2-hero-h1 { font-size:clamp(42px,7vw,82px) !important; font-weight:600 !important; letter-spacing:-.03em !important; line-height:.92 !important; margin-bottom:20px !important; color:#fff !important; animation:mm-float-lg 8s ease-in-out infinite; }
.mm-v2-accent { display:inline-block; background:linear-gradient(135deg,#ffb867 0%,#ff6e9c 55%,#c93f8e 100%); background-size:200% 200%; -webkit-background-clip:text; background-clip:text; color:transparent !important; -webkit-text-fill-color:transparent; animation:mm-gradient-shift 6s ease infinite; transition:letter-spacing .4s ease; }
.mm-v2-accent:hover { letter-spacing:.01em; }
.mm-v2-small { display:block; font-size:.4em; font-weight:400; letter-spacing:.06em; opacity:.75; margin-top:16px; line-height:1.5; -webkit-text-fill-color:#fff; color:#fff !important; background:none; background-clip:initial; -webkit-background-clip:initial; }
.mm-v2-sub { font-size:18px !important; opacity:.90; font-weight:500 !important; margin:8px auto 36px !important; max-width:560px; line-height:1.65; color:rgba(255,255,255,.92) !important; }
.mm-v2-cta-row { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:48px; }
.mm-v2-btn-primary { display:inline-flex; align-items:center; gap:10px; padding:16px 32px; border-radius:100px; background:linear-gradient(135deg,#ffb867,#ff6e9c); background-size:200% 200%; color:#0a0508 !important; font-weight:700; font-size:15px; box-shadow:0 12px 30px rgba(255,110,156,.38); transition:transform .25s cubic-bezier(.2,1.2,.4,1),box-shadow .25s ease; animation:mm-gradient-shift 5s ease infinite; }
.mm-v2-btn-primary:hover { transform:translateY(-3px); box-shadow:0 18px 40px rgba(255,110,156,.55); }
.mm-v2-btn-outline { display:inline-flex; align-items:center; gap:8px; padding:14px 26px; border-radius:100px; background:transparent; border:1px solid rgba(255,255,255,.32); color:#fff !important; font-weight:600; font-size:14px; transition:background .25s,border-color .25s,transform .25s; }
.mm-v2-btn-outline:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.7); transform:translateY(-2px); }
.mm-v2-meta-strip { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.mm-v2-meta { display:inline-flex; align-items:center; gap:8px; padding:9px 18px; border-radius:100px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.11); backdrop-filter:blur(10px); font-size:12px; font-weight:600; color:rgba(255,255,255,.85); transition:background .3s,transform .3s,border-color .3s; animation:mm-float-sm 7s ease-in-out infinite; }
.mm-v2-meta:nth-child(2) { animation-delay:-2.3s; }
.mm-v2-meta:nth-child(3) { animation-delay:-4.6s; }
.mm-v2-meta:hover { background:rgba(255,184,103,.12); border-color:rgba(255,184,103,.35); transform:translateY(-3px); }
.mm-v2-meta-icon { width:14px; height:14px; color:#1fbfb5; flex-shrink:0; }
.mm-v2-scroll-cue { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); z-index:6; font-size:10px; letter-spacing:.24em; text-transform:uppercase; opacity:.55; display:flex; flex-direction:column; align-items:center; gap:8px; color:#fff; }
.mm-v2-scroll-line { width:1px; height:32px; background:linear-gradient(180deg,#fff,transparent); animation:mm-pulse-line 2s ease-in-out infinite; display:block; }
@media (max-width:768px) {
  .mm-v2-hero .section-inner{min-height:85vh}
  .mm-v2-hero-h1{font-size:clamp(36px,10vw,54px)!important}
  .mm-v2-sub{font-size:16px!important}
  .mm-v2-cta-row{flex-direction:column;align-items:center}
  .mm-v2-meta-strip{gap:10px}
  .mm-v2-scroll-cue{display:none}
}

/* Fix mm-v2-hero fractal: reuse existing asset + spin keyframe */
.mm-v2-hero::after { background-image: url('https://il.micro-movement.com/wp-content/uploads/2026/04/mm-fractal-bg.svg') !important; animation-name: mm-fx-spin !important; }


/* ═══════════════════════════════════════════════════════════
   MICRO-MOVEMENT · Article pages (Mockup A — Dark Psy Match)
   Used on /psychedelics/* hierarchy. Prefixed mm- to avoid collision.
   ═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,900&display=swap');

/* HERO */
.mm-hero{position:relative;overflow:hidden;background:#070710;color:#fff}
.mm-hero .mm-hero-fx{position:absolute;inset:0;background:url('/wp-content/uploads/mm-fractal.svg') center/cover;opacity:.55;animation:mm-spin 200s linear infinite;pointer-events:none}
.mm-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 70%,rgba(7,7,16,0) 0%,#070710 80%);pointer-events:none}
@keyframes mm-spin{to{transform:rotate(360deg)}}
.mm-hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:60px 20px 80px}
.mm-hero-pill{display:inline-block;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;color:#c93f8e;background:rgba(201,63,142,.12);border:1px solid rgba(201,63,142,.4);padding:6px 14px;border-radius:100px;margin-bottom:22px;text-transform:uppercase}
.mm-hero-h1{font-family:'Fraunces',serif !important;font-size:60px !important;font-weight:700 !important;line-height:1.05 !important;letter-spacing:-.02em;color:#fff !important;margin:0 0 18px !important}
.mm-hero-deck{font-family:'Inter',sans-serif !important;font-size:20px !important;color:#c8c2dc !important;line-height:1.45 !important;font-weight:400 !important;max-width:680px}
.mm-hero-meta{font-family:'Inter',sans-serif;margin-top:32px;display:flex;flex-wrap:wrap;gap:22px;font-size:13px;color:#a89cc8;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.mm-hero-meta strong{color:#fff;font-weight:600}

/* DISCLAIMER BAND */
.mm-disclaim{background:#1a0d10;border-top:1px solid rgba(255,186,56,.3);border-bottom:1px solid rgba(255,186,56,.3);padding:18px 30px;font-family:'Inter',sans-serif}
.mm-disclaim-row{display:flex;gap:16px;align-items:center;max-width:1040px;margin:0 auto;font-size:13px;color:#e8d4a0;line-height:1.55}
.mm-disclaim-icn{flex-shrink:0;width:32px;height:32px;border:1.5px solid #ffba38;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffba38;font-weight:900;font-size:16px}
.mm-disclaim strong{color:#ffba38}

/* BODY SECTION (dark bg + grid) */
.mm-body-section{background:#070710;color:#e8e6f0;font-family:'Inter',sans-serif}
.mm-body-section .col-inner{max-width:none}
.mm-toc-col{position:relative}
.mm-toc{position:sticky;top:30px;font-size:13px}
.mm-toc-lab{font-size:10px;font-weight:800;letter-spacing:.18em;color:#6b6480;margin-bottom:14px;text-transform:uppercase}
.mm-toc ul{list-style:none;padding:0;margin:0}
.mm-toc li{margin-bottom:3px}
.mm-toc a{display:block;padding:6px 0 6px 12px;color:#a89cc8;border-left:2px solid transparent;transition:.2s;text-decoration:none}
.mm-toc a:hover,.mm-toc a.active{color:#c93f8e;border-left-color:#c93f8e}

/* ARTICLE BODY */
.mm-article{font-family:'Inter',sans-serif;color:#e8e6f0}
.mm-article h2{font-family:'Fraunces',serif !important;font-size:32px !important;font-weight:700 !important;color:#fff !important;margin:46px 0 16px !important;letter-spacing:-.01em;line-height:1.15}
.mm-article h2:first-child{margin-top:0 !important}
.mm-article h3{font-size:20px !important;font-weight:700 !important;color:#e8e6f0 !important;margin:26px 0 10px !important}
.mm-article p{margin:0 0 16px;color:#c8c2dc;font-size:16px;line-height:1.7}
.mm-article ul,.mm-article ol{margin:0 0 18px 22px;color:#c8c2dc;font-size:16px;line-height:1.7}
.mm-article li{margin-bottom:8px}
.mm-article a{color:#1fbfb5;text-decoration:none;border-bottom:1px solid rgba(31,191,181,.3)}
.mm-article a:hover{color:#c93f8e;border-bottom-color:#c93f8e}
.mm-article strong{color:#fff;font-weight:600}

/* TL;DR card */
.mm-tldr{background:linear-gradient(135deg,rgba(139,95,191,.15),rgba(31,191,181,.08));border:1px solid rgba(139,95,191,.3);border-radius:8px;padding:24px 28px;margin-bottom:36px}
.mm-tldr-lab{font-size:10px;font-weight:800;letter-spacing:.18em;color:#c93f8e;margin-bottom:10px;text-transform:uppercase}
.mm-tldr ul{list-style:none;margin:0;padding:0}
.mm-tldr li{padding:6px 0 6px 22px;position:relative;color:#e8e6f0;font-size:15px;line-height:1.55;margin:0}
.mm-tldr li::before{content:"●";position:absolute;left:0;color:#1fbfb5;font-size:10px;top:10px}

/* RESEARCH TABLE */
.mm-research-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:13px;border:1px solid rgba(255,255,255,.08)}
.mm-research-table th{background:rgba(139,95,191,.15);color:#fff;text-align:left;padding:10px 12px;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.mm-research-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:#c8c2dc}

/* RISK CALLOUT */
.mm-risk{background:linear-gradient(135deg,#2a0e15,#1a0810);border-left:4px solid #c93f8e;border-radius:4px;padding:22px 26px;margin:24px 0}
.mm-risk-lab{font-size:11px;font-weight:800;letter-spacing:.15em;color:#c93f8e;text-transform:uppercase;margin-bottom:10px}
.mm-risk h4{color:#fff !important;font-size:18px !important;margin:0 0 8px !important;font-weight:700 !important}
.mm-risk p{color:#e8d4a0 !important;font-size:14px !important;margin:0 !important}

/* FAQ */
.mm-faq details{border-top:1px solid rgba(255,255,255,.08);padding:18px 0}
.mm-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.mm-faq summary{font-size:17px;font-weight:600;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}
.mm-faq summary::after{content:"+";color:#c93f8e;font-size:24px;font-weight:300;transition:.2s}
.mm-faq details[open] summary::after{transform:rotate(45deg)}
.mm-faq summary::-webkit-details-marker{display:none}
.mm-faq details p{margin-top:12px;color:#c8c2dc;font-size:15px}

/* AUTHOR BLOCK */
.mm-author-block{background:rgba(139,95,191,.08);border:1px solid rgba(139,95,191,.2);border-radius:10px;padding:30px;margin:50px auto;max-width:820px;display:grid;grid-template-columns:1fr 1fr;gap:30px;font-family:'Inter',sans-serif}
.mm-author-block.single{grid-template-columns:1fr}
.mm-person{display:flex;gap:16px;align-items:flex-start;color:#e8e6f0}
.mm-person-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c93f8e,#8b5fbf);flex-shrink:0;border:2px solid rgba(255,255,255,.1)}
.mm-person-avatar.b{background:linear-gradient(135deg,#1fbfb5,#8b5fbf)}
.mm-person-lab{font-size:10px;font-weight:800;letter-spacing:.15em;color:#1fbfb5;text-transform:uppercase;margin-bottom:4px}
.mm-person-name{color:#fff;font-weight:700;font-size:16px;margin-bottom:2px}
.mm-person-title{color:#a89cc8;font-size:13px;margin-bottom:6px}
.mm-person-bio{color:#c8c2dc;font-size:13px;line-height:1.55}
.mm-person-links{margin-top:8px;display:flex;gap:10px;font-size:12px}
.mm-person-links a{color:#1fbfb5;text-decoration:none}

/* RELATED STRIP */
.mm-related{background:linear-gradient(180deg,#070710,#0d0820);font-family:'Inter',sans-serif;padding:60px 30px;border-top:1px solid rgba(255,255,255,.05)}
.mm-related-lab{font-size:11px;font-weight:800;letter-spacing:.18em;color:#c93f8e;text-transform:uppercase;margin-bottom:24px}
.mm-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto}
.mm-related-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:22px;transition:.2s;text-decoration:none;display:block}
.mm-related-card:hover{border-color:rgba(201,63,142,.4);transform:translateY(-2px)}
.mm-related-card .tag{font-size:10px;color:#1fbfb5;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.mm-related-card h4{color:#fff !important;font-size:17px !important;font-weight:700 !important;line-height:1.3 !important;margin:0 !important}

/* CTA */
.mm-cta{padding:80px 30px;text-align:center;background:radial-gradient(ellipse at center,rgba(201,63,142,.15),transparent 70%) #070710;font-family:'Inter',sans-serif}
.mm-cta h3{font-family:'Fraunces',serif !important;font-size:36px !important;color:#fff !important;margin:0 0 14px !important;font-weight:700 !important}
.mm-cta p{color:#c8c2dc !important;margin:0 auto 28px !important;max-width:520px;font-size:16px !important}
.mm-cta-btn{display:inline-block;background:#c93f8e;color:#fff !important;padding:16px 36px;border-radius:100px;font-weight:700;font-size:15px;letter-spacing:.02em;text-decoration:none;transition:.2s}
.mm-cta-btn:hover{background:#1fbfb5;color:#fff !important}

/* SOURCES */
.mm-sources{padding:50px 30px;background:#070710;border-top:1px solid rgba(255,255,255,.05);font-family:'Inter',sans-serif;font-size:13px;color:#8a8499}
.mm-sources-inner{max-width:820px;margin:0 auto}
.mm-sources h3{color:#fff !important;font-size:18px !important;margin:0 0 18px !important;font-family:'Inter',sans-serif !important;font-weight:700 !important}
.mm-sources ol{margin-left:22px}
.mm-sources li{margin-bottom:8px}
.mm-sources a{color:#a89cc8;text-decoration:none}
.mm-sources a:hover{color:#1fbfb5}

/* MOBILE */
@media(max-width:849px){
  .mm-hero-h1{font-size:38px !important}
  .mm-hero-deck{font-size:17px !important}
  .mm-hero-meta{flex-direction:column;gap:8px}
  .mm-author-block{grid-template-columns:1fr;padding:22px}
  .mm-related-grid{grid-template-columns:1fr}
  .mm-toc{position:relative;margin-bottom:30px}
  .mm-cta h3{font-size:28px !important}
}


/* ═══════════════════════════════════════════════════════════
   MICRO-MOVEMENT · v2 — typography fix + psychedelic animations
   Override + extend v1. Keep prefixed mm- to avoid collision.
   ═══════════════════════════════════════════════════════════ */

/* TYPOGRAPHY · use site's default heading font (Flatsome's default), not Fraunces */
.mm-hero-h1,
.mm-article h2,
.mm-article h3,
.mm-cta h3,
.mm-risk h4,
.mm-related-card h4,
.mm-sources h3{font-family:inherit !important}

/* HERO · floating mandala particles (CSS-only) */
.mm-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 12% 20%,rgba(201,63,142,.08) 0,transparent 22%),
    radial-gradient(circle at 88% 75%,rgba(31,191,181,.07) 0,transparent 25%),
    radial-gradient(circle at 75% 25%,rgba(139,95,191,.06) 0,transparent 20%);
  animation:mm-bg-drift 22s ease-in-out infinite alternate
}
@keyframes mm-bg-drift{
  0%{transform:translate(0,0) scale(1);filter:hue-rotate(0deg)}
  50%{transform:translate(-12px,8px) scale(1.04);filter:hue-rotate(20deg)}
  100%{transform:translate(8px,-6px) scale(1.02);filter:hue-rotate(-15deg)}
}

/* Floating decorative mandalas — used as <span class="mm-orb mm-orb-1"> */
.mm-orb{position:absolute;pointer-events:none;border-radius:50%;mix-blend-mode:screen;filter:blur(.5px)}
.mm-orb svg{width:100%;height:100%;animation:mm-spin 40s linear infinite}
.mm-orb-1{width:120px;height:120px;top:8%;right:6%;opacity:.45;animation:mm-float 14s ease-in-out infinite}
.mm-orb-2{width:80px;height:80px;bottom:18%;left:5%;opacity:.35;animation:mm-float 18s ease-in-out infinite reverse}
.mm-orb-3{width:50px;height:50px;top:60%;right:18%;opacity:.55;animation:mm-float 11s ease-in-out infinite}
.mm-orb-2 svg{animation-direction:reverse;animation-duration:55s}
.mm-orb-3 svg{animation-duration:30s}
@keyframes mm-float{
  0%,100%{transform:translateY(0) translateX(0) rotate(0)}
  33%{transform:translateY(-18px) translateX(12px) rotate(120deg)}
  66%{transform:translateY(14px) translateX(-10px) rotate(240deg)}
}

/* DISCLAIMER · animated gradient border + breathing fractal underlay */
.mm-disclaim{position:relative;overflow:hidden}
.mm-disclaim::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 50%,rgba(255,186,56,.08) 0,transparent 40%),
    radial-gradient(circle at 80% 50%,rgba(201,63,142,.06) 0,transparent 35%);
  animation:mm-disclaim-breathe 8s ease-in-out infinite;
  pointer-events:none
}
.mm-disclaim::after{
  content:"";position:absolute;left:0;right:0;height:1px;top:0;
  background:linear-gradient(90deg,transparent,rgba(255,186,56,.6),rgba(201,63,142,.4),rgba(255,186,56,.6),transparent);
  background-size:200% 100%;
  animation:mm-shimmer 6s linear infinite
}
@keyframes mm-disclaim-breathe{
  0%,100%{opacity:.6;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes mm-shimmer{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}
.mm-disclaim-icn{animation:mm-warn-pulse 3s ease-in-out infinite}
@keyframes mm-warn-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,186,56,.4),inset 0 0 0 0 rgba(255,186,56,0)}
  50%{box-shadow:0 0 0 8px rgba(255,186,56,0),inset 0 0 8px 0 rgba(255,186,56,.3)}
}
.mm-disclaim-row > div:last-child{position:relative;z-index:1}

/* TL;DR · hover-lift + electric conic-gradient border + color shift */
.mm-tldr{position:relative;transition:transform .4s cubic-bezier(.2,.9,.3,1.4),box-shadow .4s}
.mm-tldr::before{
  content:"";position:absolute;inset:-1px;border-radius:8px;padding:1px;
  background:conic-gradient(from 0deg,#c93f8e,#1fbfb5,#8b5fbf,#c93f8e);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .4s;
  animation:mm-spin 6s linear infinite;
  pointer-events:none
}
.mm-tldr:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 14px 40px rgba(201,63,142,.18),0 4px 14px rgba(31,191,181,.12)}
.mm-tldr:hover::before{opacity:1}
.mm-tldr:hover .mm-tldr-lab{animation:mm-hue 3s linear infinite}
@keyframes mm-spin{to{transform:rotate(360deg)}}
@keyframes mm-hue{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}

/* Decorative orb anchors (between sections) */
.mm-divider-orb{position:relative;height:60px;display:flex;align-items:center;justify-content:center;background:#070710}
.mm-divider-orb::before{
  content:"";width:160px;height:160px;border-radius:50%;
  background:
    radial-gradient(circle at center,rgba(201,63,142,.18) 0,rgba(201,63,142,0) 45%),
    conic-gradient(from 0deg at center,rgba(201,63,142,.0) 0deg,rgba(31,191,181,.18) 90deg,rgba(139,95,191,.0) 180deg,rgba(201,63,142,.18) 270deg,rgba(201,63,142,.0) 360deg);
  filter:blur(8px);
  animation:mm-spin 30s linear infinite
}

/* BODY SECTION · delicate fractal layer + corner mandalas */
.mm-body-section{position:relative;overflow:hidden}
.mm-body-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 95% 8%,rgba(201,63,142,.05) 0,transparent 20%),
    radial-gradient(circle at 5% 92%,rgba(31,191,181,.04) 0,transparent 22%),
    radial-gradient(circle at 50% 50%,rgba(139,95,191,.025) 0,transparent 50%);
  animation:mm-bg-drift 30s ease-in-out infinite alternate-reverse
}
.mm-body-section .row,.mm-body-section .container{position:relative;z-index:1}

/* RESEARCH TABLE · row hover + study link styling */
.mm-research-table tr{transition:background .2s}
.mm-research-table tbody tr:hover td{background:rgba(139,95,191,.07)}
.mm-research-table td a{color:#e8e6f0;border-bottom:1px dashed rgba(31,191,181,.4);text-decoration:none;transition:.2s}
.mm-research-table td a:hover{color:#1fbfb5;border-bottom-color:#1fbfb5;border-bottom-style:solid}
.mm-research-table td a::after{content:" ↗";font-size:.8em;color:#1fbfb5;opacity:.7}

/* RISK · subtle pulsing left border */
.mm-risk{position:relative;overflow:hidden}
.mm-risk::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#c93f8e,#8b5fbf,#c93f8e);
  background-size:100% 200%;
  animation:mm-risk-flow 4s linear infinite
}
@keyframes mm-risk-flow{
  0%{background-position:0 200%}
  100%{background-position:0 -200%}
}

/* FAQ · upgraded accordion w/ glow + smooth */
.mm-faq details{transition:background .25s;padding:18px 20px;border-radius:6px;margin:0 -20px}
.mm-faq details:hover{background:rgba(139,95,191,.06)}
.mm-faq details[open]{background:linear-gradient(135deg,rgba(201,63,142,.06),rgba(31,191,181,.04))}
.mm-faq summary{padding:0;transition:color .2s}
.mm-faq summary:hover{color:#c93f8e}
.mm-faq summary::after{transition:transform .35s cubic-bezier(.2,.9,.3,1.4),color .2s}
.mm-faq details[open] summary{color:#c93f8e}
.mm-faq details[open] summary::after{transform:rotate(45deg) scale(1.1);color:#1fbfb5}
.mm-faq details p{animation:mm-faq-fade .35s ease-out}
@keyframes mm-faq-fade{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* AUTHOR BLOCK · animated gradient avatar ring */
.mm-person-avatar{position:relative}
.mm-person-avatar::after{
  content:"";position:absolute;inset:-3px;border-radius:50%;
  background:conic-gradient(from 0deg,#c93f8e,#1fbfb5,#8b5fbf,#c93f8e);
  z-index:-1;
  animation:mm-spin 8s linear infinite;
  filter:blur(.5px)
}

/* RELATED CARDS · hover glow */
.mm-related-card{position:relative;overflow:hidden}
.mm-related-card::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(201,63,142,.15) 0,transparent 40%);
  opacity:0;transition:opacity .3s;
  pointer-events:none
}
.mm-related-card:hover::before{opacity:1}

/* CTA · breathing aurora bg */
.mm-cta{position:relative;overflow:hidden}
.mm-cta::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 30% 30%,rgba(201,63,142,.18) 0,transparent 35%),
    radial-gradient(circle at 70% 70%,rgba(31,191,181,.15) 0,transparent 35%),
    radial-gradient(circle at 50% 50%,rgba(139,95,191,.12) 0,transparent 50%);
  animation:mm-cta-breathe 10s ease-in-out infinite alternate;
  pointer-events:none
}
@keyframes mm-cta-breathe{
  0%{transform:scale(1) rotate(0);filter:hue-rotate(0)}
  100%{transform:scale(1.15) rotate(20deg);filter:hue-rotate(40deg)}
}
.mm-cta > *{position:relative;z-index:1}
.mm-cta-btn{position:relative;overflow:hidden;z-index:1}
.mm-cta-btn::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);
  transform:translateX(-100%);
  transition:transform .6s
}
.mm-cta-btn:hover::before{transform:translateX(100%)}

/* TOC · active marker pulse */
.mm-toc a.active{position:relative}
.mm-toc a.active::before{
  content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;
  background:#c93f8e;
  box-shadow:0 0 8px rgba(201,63,142,.6);
  animation:mm-toc-pulse 2s ease-in-out infinite
}
@keyframes mm-toc-pulse{
  0%,100%{box-shadow:0 0 6px rgba(201,63,142,.5)}
  50%{box-shadow:0 0 14px rgba(201,63,142,.9),0 0 24px rgba(201,63,142,.3)}
}

/* Reduced motion respect */
@media (prefers-reduced-motion:reduce){
  .mm-hero::before,.mm-orb,.mm-orb svg,.mm-disclaim::before,.mm-disclaim::after,
  .mm-disclaim-icn,.mm-tldr::before,.mm-divider-orb::before,.mm-body-section::before,
  .mm-risk::before,.mm-person-avatar::after,.mm-cta::before{animation:none !important}
}


/* ═══════════════════════════════════════════════════════════
   MICRO-MOVEMENT · v3 — louder psy, floating icons, IL button port
   ═══════════════════════════════════════════════════════════ */

/* IL site primary button (ported, slight dark-page tweak) */
.mm-btn-primary,
.mm-btn-primary span,
a.mm-btn-primary,
a.mm-btn-primary span{
  background:linear-gradient(135deg,#ffcc00,#ff6e9c) !important;
  color:#0a0a1e !important;
  font-weight:600 !important;
  font-size:17px !important;
  letter-spacing:0 !important;
}
.mm-btn-primary{
  display:inline-block;
  padding:17px 38px !important;
  border-radius:100px !important;
  box-shadow:0 12px 30px rgba(255,110,156,.4);
  transition:transform .25s,box-shadow .25s;
  border:0 !important;
  text-decoration:none;
  position:relative;
  overflow:hidden
}
.mm-btn-primary span{background:transparent !important;padding:0 !important}
.mm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,110,156,.6)}
.mm-btn-primary::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);
  transform:translateX(-100%);
  transition:transform .7s
}
.mm-btn-primary:hover::after{transform:translateX(100%)}
@media (max-width:768px){
  .mm-btn-primary{padding:14px 26px !important}
  .mm-btn-primary,.mm-btn-primary span{font-size:14px !important}
}

/* DISCLAIMER · upgraded — aurora + multi-orb */
.mm-disclaim::before{
  background:
    radial-gradient(circle at 8% 50%,rgba(255,186,56,.18) 0,transparent 28%),
    radial-gradient(circle at 35% 30%,rgba(201,63,142,.14) 0,transparent 22%),
    radial-gradient(circle at 65% 70%,rgba(139,95,191,.14) 0,transparent 22%),
    radial-gradient(circle at 92% 50%,rgba(31,191,181,.16) 0,transparent 28%) !important;
  animation:mm-disclaim-aurora 9s ease-in-out infinite !important
}
@keyframes mm-disclaim-aurora{
  0%,100%{transform:translateX(0) scale(1);filter:hue-rotate(0)}
  33%{transform:translateX(20px) scale(1.1);filter:hue-rotate(40deg)}
  66%{transform:translateX(-15px) scale(.95);filter:hue-rotate(-30deg)}
}
.mm-disclaim::after{
  height:2px !important;
  background:linear-gradient(90deg,transparent,#ffba38,#c93f8e,#1fbfb5,#8b5fbf,#c93f8e,#ffba38,transparent) !important;
  background-size:300% 100% !important;
  animation:mm-shimmer 4s linear infinite !important;
  filter:drop-shadow(0 0 4px rgba(255,186,56,.5))
}
@keyframes mm-shimmer{
  0%{background-position:300% 0}
  100%{background-position:-300% 0}
}
.mm-disclaim .mm-disclaim-row{position:relative;z-index:2}
.mm-disclaim .mm-mini-orb{
  position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  animation:mm-mini-drift 10s ease-in-out infinite
}
.mm-mini-orb-a{width:60px;height:60px;top:-20px;left:18%;background:radial-gradient(circle,rgba(201,63,142,.4),transparent 70%);animation-duration:11s}
.mm-mini-orb-b{width:80px;height:80px;bottom:-30px;right:22%;background:radial-gradient(circle,rgba(31,191,181,.3),transparent 70%);animation-duration:14s;animation-direction:reverse}
.mm-mini-orb-c{width:40px;height:40px;top:50%;right:8%;background:radial-gradient(circle,rgba(255,186,56,.4),transparent 70%);animation-duration:8s}
@keyframes mm-mini-drift{
  0%,100%{transform:translate(0,0) scale(1);opacity:.6}
  50%{transform:translate(20px,-12px) scale(1.3);opacity:1}
}

/* RISK CALLOUT · psychedelic fractal swooping in/out from right */
.mm-risk{position:relative;overflow:hidden}
.mm-risk::after{
  content:"";position:absolute;top:50%;width:240px;height:240px;
  background:
    radial-gradient(circle,rgba(201,63,142,.18) 0%,rgba(139,95,191,.1) 40%,transparent 70%),
    conic-gradient(from 0deg,rgba(201,63,142,.15) 0deg,transparent 60deg,rgba(31,191,181,.12) 120deg,transparent 180deg,rgba(139,95,191,.15) 240deg,transparent 360deg);
  border-radius:50%;
  transform:translateY(-50%);
  pointer-events:none;
  filter:blur(2px);
  animation:mm-risk-swoop 10s ease-in-out infinite,mm-spin 18s linear infinite
}
@keyframes mm-risk-swoop{
  0%,100%{right:-180px;opacity:.3}
  50%{right:20%;opacity:.9}
}
.mm-risk > *{position:relative;z-index:1}

/* AUTHOR BLOCK · darker, dynamic bg, conic ambient */
.mm-author-block{
  background:
    radial-gradient(circle at 15% 25%,rgba(201,63,142,.22) 0,transparent 35%),
    radial-gradient(circle at 85% 70%,rgba(31,191,181,.18) 0,transparent 35%),
    radial-gradient(circle at 50% 50%,rgba(139,95,191,.12) 0,transparent 60%),
    linear-gradient(135deg,#08040f,#11081e) !important;
  border:1px solid rgba(201,63,142,.3) !important;
  position:relative;overflow:hidden
}
.mm-author-block::before{
  content:"";position:absolute;inset:-50%;
  background:conic-gradient(from 0deg at 50% 50%,rgba(201,63,142,.08) 0deg,rgba(31,191,181,.06) 90deg,rgba(139,95,191,.08) 180deg,rgba(201,63,142,.06) 270deg,rgba(201,63,142,.08) 360deg);
  animation:mm-spin 50s linear infinite;
  pointer-events:none
}
.mm-author-block::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 5% 10%,rgba(201,63,142,.3) 0,transparent 25%),
    radial-gradient(circle at 95% 90%,rgba(31,191,181,.25) 0,transparent 25%);
  animation:mm-bg-drift 12s ease-in-out infinite alternate;
  pointer-events:none
}
.mm-author-block > *{position:relative;z-index:2}

/* RELATED · centered label + grid */
.mm-related{text-align:center}
.mm-related-lab{text-align:center !important}
.mm-related-grid{justify-content:center}

/* Multi-column list (integration practices) */
.mm-multi-col{column-count:2;column-gap:36px;margin:0 0 18px !important;padding:0 !important;list-style:none !important}
.mm-multi-col li{break-inside:avoid;padding:14px 16px;margin:0 0 14px !important;background:rgba(139,95,191,.06);border-left:2px solid rgba(31,191,181,.4);border-radius:0 6px 6px 0;transition:.3s}
.mm-multi-col li:hover{background:rgba(201,63,142,.08);border-left-color:#c93f8e;transform:translateX(4px)}
.mm-multi-col li strong{color:#fff;display:block;margin-bottom:4px}
@media (max-width:849px){.mm-multi-col{column-count:1}}

/* FLOATING ICONS · use [mm_icon ...] inside .mm-float-icon wrapper */
.mm-float-icon{
  position:absolute;display:flex;align-items:center;justify-content:center;
  pointer-events:auto;cursor:default;
  color:#c93f8e;
  filter:drop-shadow(0 0 12px rgba(201,63,142,.35));
  animation:mm-float-icon 14s ease-in-out infinite;
  transition:color .4s,filter .4s,transform .35s,animation-play-state .2s;
  z-index:3
}
.mm-float-icon svg{width:100%;height:100%}
.mm-float-icon:hover{
  animation-play-state:paused;
  color:#1fbfb5;
  filter:drop-shadow(0 0 18px rgba(31,191,181,.7));
  transform:scale(1.18)
}
.mm-float-icon-1{width:44px;height:44px;top:14%;right:6%;animation-duration:14s}
.mm-float-icon-2{width:36px;height:36px;bottom:18%;left:5%;animation-duration:16s;animation-direction:reverse;color:#1fbfb5;filter:drop-shadow(0 0 12px rgba(31,191,181,.35))}
.mm-float-icon-3{width:40px;height:40px;top:48%;right:3%;animation-duration:11s;color:#8b5fbf;filter:drop-shadow(0 0 12px rgba(139,95,191,.35))}
.mm-float-icon-4{width:32px;height:32px;top:32%;left:7%;animation-duration:13s;animation-direction:reverse}
.mm-float-icon-5{width:38px;height:38px;bottom:8%;right:14%;animation-duration:17s;color:#1fbfb5;filter:drop-shadow(0 0 12px rgba(31,191,181,.35))}
.mm-float-icon-6{width:30px;height:30px;top:64%;left:3%;animation-duration:12s;animation-direction:reverse;color:#8b5fbf;filter:drop-shadow(0 0 12px rgba(139,95,191,.35))}
@keyframes mm-float-icon{
  0%,100%{transform:translateY(0) translateX(0) rotate(0)}
  25%{transform:translateY(-30px) translateX(18px) rotate(90deg)}
  50%{transform:translateY(18px) translateX(-15px) rotate(180deg)}
  75%{transform:translateY(-12px) translateX(22px) rotate(270deg)}
}
.mm-float-icon:hover{transform:scale(1.18) !important}

/* Section-wrapping container for floating icons (parents need relative+overflow) */
.mm-has-floats{position:relative;overflow:hidden}

/* Section accent orbs (re-usable, smaller than hero ones, use in any section) */
.mm-section-orb{position:absolute;pointer-events:none;border-radius:50%;mix-blend-mode:screen;opacity:.4;z-index:1}
.mm-section-orb svg{width:100%;height:100%;animation:mm-spin 50s linear infinite}
.mm-section-orb-tr{width:140px;height:140px;top:5%;right:3%;animation:mm-float 18s ease-in-out infinite}
.mm-section-orb-bl{width:100px;height:100px;bottom:8%;left:4%;animation:mm-float 22s ease-in-out infinite reverse}
.mm-section-orb-mc{width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2;animation:mm-float 25s ease-in-out infinite}
@keyframes mm-float{
  0%,100%{transform:translateY(0) translateX(0) rotate(0)}
  33%{transform:translateY(-22px) translateX(15px) rotate(120deg)}
  66%{transform:translateY(16px) translateX(-12px) rotate(240deg)}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .mm-disclaim::before,.mm-disclaim::after,.mm-mini-orb,
  .mm-risk::after,.mm-author-block::before,.mm-author-block::after,
  .mm-multi-col li,.mm-float-icon,.mm-section-orb,.mm-section-orb svg,
  .mm-btn-primary::after{animation:none !important;transition:none !important}
}


/* ═══════════════════════════════════════════════════════════
   v4 — Author photo, dark author wrapper, related centering, icon visibility
   ═══════════════════════════════════════════════════════════ */

/* AUTHOR SECTION wrapper (replaces lone block — page now wraps in [section]) */
.mm-author-section{
  background:#070710;
  position:relative;overflow:hidden;
  padding:60px 20px !important
}
.mm-author-section::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 10% 20%,rgba(201,63,142,.12) 0,transparent 35%),
    radial-gradient(circle at 90% 80%,rgba(31,191,181,.10) 0,transparent 35%);
  animation:mm-bg-drift 20s ease-in-out infinite alternate;
  pointer-events:none
}

/* Author block tweaks */
.mm-author-block{
  margin:0 auto !important;
  grid-template-columns:1fr 1fr !important
}
.mm-author-block.single{grid-template-columns:1fr !important}
@media (max-width:849px){
  .mm-author-block{grid-template-columns:1fr !important;padding:24px !important}
}

/* Person photo (replacing avatar gradient) */
.mm-person-photo{
  width:84px;height:84px;border-radius:50%;flex-shrink:0;
  object-fit:cover;display:block;
  border:2px solid rgba(255,255,255,.12);
  position:relative;
  box-shadow:0 6px 20px rgba(0,0,0,.4)
}
.mm-person-photo-wrap{position:relative;flex-shrink:0;width:84px;height:84px}
.mm-person-photo-wrap::before{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  background:conic-gradient(from 0deg,#c93f8e,#1fbfb5,#8b5fbf,#c93f8e);
  z-index:0;
  animation:mm-spin 8s linear infinite;
  filter:blur(.5px);opacity:.7
}
.mm-person-photo-wrap .mm-person-photo{position:relative;z-index:1;width:84px;height:84px}

/* RELATED · force centering with stronger specificity */
.mm-related .mm-related-lab,
section.mm-related .mm-related-lab{text-align:center !important;width:100%}
.mm-related-grid{margin-left:auto;margin-right:auto}

/* FLOATING ICONS · brighter on dark bg */
.mm-float-icon{
  filter:drop-shadow(0 0 16px rgba(201,63,142,.6)) !important;
  z-index:5 !important
}
.mm-float-icon-2{filter:drop-shadow(0 0 16px rgba(31,191,181,.6)) !important}
.mm-float-icon-3,.mm-float-icon-6{filter:drop-shadow(0 0 16px rgba(139,95,191,.6)) !important}
.mm-float-icon-5{filter:drop-shadow(0 0 16px rgba(31,191,181,.6)) !important}
.mm-float-icon svg{display:block}
.mm-float-icon .mm-icon{
  width:100% !important;height:100% !important;
  vertical-align:top !important
}

/* Mailto link styling */
.mm-mailto{
  display:inline-flex;align-items:center;gap:6px;
  color:#1fbfb5 !important;text-decoration:none;
  border-bottom:1px dashed rgba(31,191,181,.4);
  transition:.2s
}
.mm-mailto:hover{color:#c93f8e !important;border-bottom-color:#c93f8e}
.mm-mailto::before{content:"✉";font-size:.9em}

/* Reviewer panel emphasis */
.mm-person.mm-reviewer .mm-person-lab{color:#ffba38}
.mm-person.mm-reviewer .mm-person-photo-wrap::before{
  background:conic-gradient(from 0deg,#1fbfb5,#8b5fbf,#1fbfb5)
}

@media (prefers-reduced-motion:reduce){
  .mm-author-section::before,.mm-person-photo-wrap::before{animation:none !important}
}


/* ═══════════════════════════════════════════════════════════
   v5 — Archetype B (Drug Interactions) primitives
   Verdict banner, interaction matrix, mini-cards
   ═══════════════════════════════════════════════════════════ */

/* VERDICT BANNER · 4 states */
.mm-verdict{
  position:relative;overflow:hidden;
  margin:0 auto 30px;max-width:820px;
  border-radius:10px;padding:24px 28px;
  display:flex;align-items:center;gap:20px;
  background:#070710;border:1px solid;
  font-family:'Inter',sans-serif
}
.mm-verdict::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  animation:mm-verdict-pulse 4s ease-in-out infinite;
  z-index:0
}
.mm-verdict > *{position:relative;z-index:1}
@keyframes mm-verdict-pulse{
  0%,100%{opacity:.4;transform:scale(1)}
  50%{opacity:.9;transform:scale(1.05)}
}
.mm-verdict-icon{
  flex-shrink:0;width:60px;height:60px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:30px;font-weight:900;
  border:2px solid currentColor
}
.mm-verdict-body{flex:1}
.mm-verdict-lab{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;opacity:.85}
.mm-verdict-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;font-family:inherit !important}
.mm-verdict-desc{font-size:14px;color:#c8c2dc;line-height:1.5;margin:0}

/* Verdict state colors */
.mm-verdict-green{border-color:rgba(31,191,181,.5);color:#1fbfb5}
.mm-verdict-green::before{background:radial-gradient(circle at 10% 50%,rgba(31,191,181,.18) 0,transparent 40%),radial-gradient(circle at 90% 50%,rgba(31,191,181,.12) 0,transparent 40%)}

.mm-verdict-yellow{border-color:rgba(255,186,56,.5);color:#ffba38}
.mm-verdict-yellow::before{background:radial-gradient(circle at 10% 50%,rgba(255,186,56,.18) 0,transparent 40%),radial-gradient(circle at 90% 50%,rgba(255,186,56,.12) 0,transparent 40%)}

.mm-verdict-red{border-color:rgba(201,63,142,.6);color:#c93f8e}
.mm-verdict-red::before{background:radial-gradient(circle at 10% 50%,rgba(201,63,142,.22) 0,transparent 40%),radial-gradient(circle at 90% 50%,rgba(201,63,142,.16) 0,transparent 40%)}

.mm-verdict-black{border-color:rgba(255,255,255,.5);color:#fff;background:linear-gradient(135deg,#1a0810,#0a0410)}
.mm-verdict-black::before{background:radial-gradient(circle at 10% 50%,rgba(201,63,142,.3) 0,transparent 40%),radial-gradient(circle at 90% 50%,rgba(255,0,0,.15) 0,transparent 40%)}

/* INTERACTION MATRIX · 4-row mini cards */
.mm-matrix{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.mm-matrix-card{
  background:rgba(139,95,191,.06);border:1px solid rgba(139,95,191,.2);border-radius:8px;
  padding:18px 20px;font-family:'Inter',sans-serif;
  position:relative;overflow:hidden;transition:.3s
}
.mm-matrix-card:hover{border-color:rgba(201,63,142,.4);transform:translateY(-2px)}
.mm-matrix-lab{font-size:10px;font-weight:800;letter-spacing:.2em;color:#1fbfb5;text-transform:uppercase;margin-bottom:8px}
.mm-matrix-card h4{color:#fff !important;font-size:15px !important;font-weight:700 !important;margin:0 0 6px !important;font-family:inherit !important}
.mm-matrix-card p{font-size:13px !important;color:#c8c2dc !important;margin:0 !important;line-height:1.55}
@media (max-width:849px){.mm-matrix{grid-template-columns:1fr}}

/* Substance pill chips (e.g. "Substance A + Substance B" header) */
.mm-substance-pair{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:10px 0 4px;font-family:'Inter',sans-serif
}
.mm-substance-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  padding:6px 12px;border-radius:100px;
  font-size:12px;font-weight:600;color:#e8e6f0
}
.mm-substance-plus{color:#c93f8e;font-weight:900;font-size:18px}

/* Tapering / steps timeline */
.mm-timeline{margin:24px 0;padding-left:24px;border-left:2px solid rgba(139,95,191,.3);list-style:none}
.mm-timeline li{position:relative;padding:0 0 22px 14px;color:#c8c2dc}
.mm-timeline li::before{
  content:"";position:absolute;left:-31px;top:8px;width:14px;height:14px;border-radius:50%;
  background:#070710;border:2px solid #c93f8e;
  box-shadow:0 0 12px rgba(201,63,142,.5)
}
.mm-timeline li strong{color:#fff;display:block;margin-bottom:4px}

/* Emergency signs box */
.mm-emergency{
  background:linear-gradient(135deg,#2a0e15,#1a0810);
  border:2px solid #c93f8e;
  border-radius:8px;padding:22px 26px;margin:24px 0;
  position:relative;overflow:hidden
}
.mm-emergency::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(201,63,142,.05) 12px,rgba(201,63,142,.05) 24px);
  animation:mm-emergency-stripe 8s linear infinite
}
@keyframes mm-emergency-stripe{
  0%{transform:translateX(0)}
  100%{transform:translateX(48px)}
}
.mm-emergency > *{position:relative;z-index:1}
.mm-emergency-lab{font-size:11px;font-weight:800;letter-spacing:.2em;color:#c93f8e;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.mm-emergency-lab::before{content:"⚠";font-size:18px}
.mm-emergency h4{color:#fff !important;font-size:18px !important;margin:0 0 10px !important;font-family:inherit !important}
.mm-emergency p{color:#e8d4a0 !important;font-size:14px !important;margin:0 0 8px !important}
.mm-emergency p:last-child{margin:0 !important}

/* Hub grid (for /psychedelics/interactions/ landing) */
.mm-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:30px 0}
.mm-hub-card{
  background:rgba(139,95,191,.06);border:1px solid rgba(139,95,191,.2);border-radius:8px;
  padding:22px;text-decoration:none;display:block;transition:.3s;
  font-family:'Inter',sans-serif;position:relative;overflow:hidden
}
.mm-hub-card:hover{border-color:rgba(201,63,142,.5);transform:translateY(-3px)}
.mm-hub-card .verdict-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.mm-hub-card .verdict-dot.green{background:#1fbfb5;box-shadow:0 0 8px rgba(31,191,181,.6)}
.mm-hub-card .verdict-dot.yellow{background:#ffba38;box-shadow:0 0 8px rgba(255,186,56,.6)}
.mm-hub-card .verdict-dot.red{background:#c93f8e;box-shadow:0 0 8px rgba(201,63,142,.6)}
.mm-hub-card .verdict-dot.black{background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5)}
.mm-hub-card h4{color:#fff !important;font-size:16px !important;font-weight:700 !important;margin:0 0 4px !important;font-family:inherit !important}
.mm-hub-card p{color:#a89cc8 !important;font-size:13px !important;margin:0 !important}

@media (prefers-reduced-motion:reduce){
  .mm-verdict::before,.mm-emergency::before{animation:none !important}
}


/* v6 — Archetype E (Comparison) primitives */
.mm-compare-table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-family:'Inter',sans-serif;font-size:14px}
.mm-compare-table th{background:rgba(139,95,191,.18);color:#fff;text-align:left;padding:12px 14px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;border-bottom:1px solid rgba(139,95,191,.4)}
.mm-compare-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:#c8c2dc;vertical-align:top}
.mm-compare-table th:first-child,.mm-compare-table td:first-child{font-weight:700;color:#fff;background:rgba(139,95,191,.04)}
.mm-compare-table tr:hover td{background:rgba(139,95,191,.07)}
.mm-compare-winner{color:#1fbfb5;font-weight:700}
.mm-compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}
.mm-compare-col{background:rgba(139,95,191,.06);border:1px solid rgba(139,95,191,.2);border-radius:8px;padding:24px;font-family:'Inter',sans-serif}
.mm-compare-col h3{color:#fff !important;font-size:18px !important;margin:0 0 12px !important;font-family:inherit !important;display:flex;align-items:center;gap:8px}
.mm-compare-col h3::before{content:"";width:10px;height:10px;border-radius:50%;background:#c93f8e;box-shadow:0 0 8px rgba(201,63,142,.6)}
.mm-compare-col.b h3::before{background:#1fbfb5;box-shadow:0 0 8px rgba(31,191,181,.6)}
.mm-compare-col p,.mm-compare-col li{font-size:14px !important;color:#c8c2dc !important;line-height:1.55}
.mm-compare-col ul{margin-left:20px;margin-bottom:0}
@media (max-width:849px){.mm-compare-cols{grid-template-columns:1fr}}

/* ═══════ MM-PSY-PAGES v7 PATCH (RTL + 3-card protocols + 4-box who-not) ═══════ */

/* ── RTL bullet position fix for TL;DR + multi-col + ordered lists ── */
[dir="rtl"] .mm-tldr ul,
.mm-tldr-rtl ul,
.mm-article[dir="rtl"] .mm-tldr ul,
.mm-article[dir="rtl"] ul,
.mm-article[dir="rtl"] ol {
  padding-right: 24px;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  list-style-position: outside;
}
[dir="rtl"] .mm-tldr ul li,
.mm-tldr-rtl ul li,
.mm-article[dir="rtl"] li {
  text-align: right;
  direction: rtl;
}

/* ── 3-card protocols grid ── */
.mm-protocol-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 24px 0 28px;
}
@media (max-width: 850px) {
  .mm-protocol-cards { grid-template-columns: 1fr; }
}
.mm-protocol-card {
  background: linear-gradient(135deg, rgba(139,95,191,.10), rgba(31,191,181,.05));
  border: 1px solid rgba(139,95,191,.28);
  border-radius: 12px;
  padding: 22px 22px 20px;
  position: relative;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.mm-protocol-card:hover {
  transform: translateY(-3px);
  border-color: rgba(201,63,142,.55);
  box-shadow: 0 8px 24px rgba(201,63,142,.12);
}
.mm-protocol-card .mm-pc-num {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c93f8e, #1fbfb5);
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 30px;
  margin-bottom: 12px;
  font-size: 14px;
  letter-spacing: 0;
}
.mm-protocol-card h4 {
  color: #c93f8e;
  margin: 0 0 8px;
  font-size: 17px;
  letter-spacing: .01em;
  font-weight: 700;
}
.mm-protocol-card p {
  font-size: 14px;
  line-height: 1.65;
  color: #c8bdde;
  margin: 0;
}

/* ── 4-box who-not grid ── */
.mm-whonot-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 22px 0 28px;
}
@media (max-width: 600px) {
  .mm-whonot-grid { grid-template-columns: 1fr; }
}
.mm-whonot-card {
  background: rgba(40, 28, 68, .42);
  border: 1px solid rgba(255,186,56,.28);
  border-radius: 10px;
  padding: 18px 22px 16px;
  position: relative;
  transition: transform .3s ease, border-color .3s ease;
}
.mm-whonot-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,186,56,.6);
}
.mm-whonot-card::before {
  content: "✕";
  position: absolute;
  top: 10px;
  right: 14px;
  color: #ffba38;
  font-size: 18px;
  font-weight: 700;
  opacity: .75;
}
[dir="rtl"] .mm-whonot-card::before,
.mm-article[dir="rtl"] .mm-whonot-card::before {
  right: auto;
  left: 14px;
}
.mm-whonot-card strong {
  display: block;
  color: #ffba38;
  font-size: 13px;
  margin-bottom: 6px;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700;
}
.mm-whonot-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #d6cce8;
}

/* ── Flatsome accordion theming for FAQ ── */
.mm-faq-accordion .accordion-item {
  background: linear-gradient(135deg, rgba(139,95,191,.06), rgba(31,191,181,.03));
  border: 1px solid rgba(139,95,191,.18);
  border-radius: 10px;
  margin-bottom: 12px;
  transition: border-color .3s, box-shadow .3s;
}
.mm-faq-accordion .accordion-item:hover {
  border-color: rgba(201,63,142,.4);
}
.mm-faq-accordion .accordion-item .toggle {
  color: #c93f8e !important;
}
.mm-faq-accordion .accordion-title {
  border: 0 !important;
  padding: 16px 20px !important;
  font-weight: 600;
}
.mm-faq-accordion .accordion-title.active {
  background: linear-gradient(135deg, rgba(201,63,142,.10), rgba(31,191,181,.05));
  color: #c93f8e !important;
}
.mm-faq-accordion .accordion-inner {
  padding: 8px 20px 20px !important;
  color: #d6cce8;
  line-height: 1.7;
}
.mm-faq-accordion .accordion-inner a {
  color: #1fbfb5;
}

/* ═══════ MM-PSY-PAGES v7 PATCH END ═══════ */

/* ═══════ MM-PSY-PAGES v8 PATCH (TL;DR RTL bullets + dark accordion + cluster→מקבצי) ═══════ */

/* ── TL;DR bullets RTL (override v1 absolute-positioned ::before bullet) ── */
.mm-article[dir="rtl"] .mm-tldr li,
.mm-tldr-rtl li,
[dir="rtl"] .mm-tldr li {
  padding: 6px 22px 6px 0 !important;
  text-align: right !important;
}
.mm-article[dir="rtl"] .mm-tldr li::before,
.mm-tldr-rtl li::before,
[dir="rtl"] .mm-tldr li::before {
  left: auto !important;
  right: 0 !important;
}

/* ── ordered/bullet lists RTL (article body) ── */
.mm-article[dir="rtl"] ul,
.mm-article[dir="rtl"] ol,
[dir="rtl"] .mm-article ul,
[dir="rtl"] .mm-article ol {
  margin: 0 22px 18px 0 !important;
  padding: 0 !important;
}

/* ── dark accordion theming (override Flatsome white default) ── */
.mm-article .mm-faq-accordion .accordion,
.mm-faq-accordion .accordion {
  background: transparent !important;
  border: 0 !important;
}
.mm-article .mm-faq-accordion .accordion-item,
.mm-faq-accordion .accordion-item {
  background: linear-gradient(135deg, rgba(40,28,68,.55), rgba(28,20,52,.55)) !important;
  border: 1px solid rgba(139,95,191,.25) !important;
  border-radius: 10px !important;
  margin-bottom: 12px !important;
  overflow: hidden;
}
.mm-article .mm-faq-accordion .accordion-item:hover,
.mm-faq-accordion .accordion-item:hover {
  border-color: rgba(201,63,142,.45) !important;
}
.mm-article .mm-faq-accordion .accordion-title,
.mm-faq-accordion .accordion-title {
  background: transparent !important;
  border: 0 !important;
  color: #e8e6f0 !important;
  padding: 16px 22px !important;
  font-weight: 600;
  font-size: 16px;
}
.mm-article .mm-faq-accordion .accordion-title.active,
.mm-faq-accordion .accordion-title.active {
  background: linear-gradient(135deg, rgba(201,63,142,.10), rgba(31,191,181,.06)) !important;
  color: #c93f8e !important;
  border-bottom: 1px solid rgba(139,95,191,.2) !important;
}
.mm-article .mm-faq-accordion .accordion-title .toggle,
.mm-faq-accordion .accordion-title .toggle {
  color: #c93f8e !important;
}
.mm-article .mm-faq-accordion .accordion-inner,
.mm-faq-accordion .accordion-inner {
  background: rgba(20,14,38,.4) !important;
  color: #c8c2dc !important;
  padding: 16px 22px !important;
  line-height: 1.7;
  font-size: 15px;
}
.mm-article .mm-faq-accordion .accordion-inner p,
.mm-faq-accordion .accordion-inner p {
  color: #c8c2dc !important;
  margin: 0 !important;
}
.mm-article .mm-faq-accordion .accordion-inner a,
.mm-faq-accordion .accordion-inner a {
  color: #1fbfb5 !important;
  border-bottom: 1px solid rgba(31,191,181,.35);
}

/* ═══════ MM-PSY-PAGES v8 PATCH END ═══════ */

/* ═══════ MM-PSY-PAGES v9 PATCH (font sizes + accordion clip) ═══════ */

/* ── Bump small subheading/label font sizes for readability ── */
.mm-tldr-lab,
.mm-matrix-lab,
.mm-toc-lab,
.mm-person-lab,
.mm-emergency-lab,
.mm-related-lab,
.mm-protocol-card .mm-pc-num + h4 + p,
.mm-verdict-lab,
.mm-risk-lab {
  font-size: 13px !important;
  letter-spacing: .14em;
}

.mm-tldr li,
.mm-article[dir="rtl"] .mm-tldr li,
.mm-tldr-rtl li {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

.mm-matrix-card .mm-matrix-lab {
  font-size: 13px !important;
  letter-spacing: .12em !important;
}
.mm-matrix-card h4 {
  font-size: 17px !important;
}
.mm-matrix-card p {
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.mm-research-table {
  font-size: 14px !important;
}
.mm-research-table th {
  font-size: 12px !important;
}

.mm-protocol-card h4 { font-size: 18px !important; }
.mm-protocol-card p { font-size: 15px !important; }

.mm-whonot-card strong { font-size: 14px !important; }
.mm-whonot-card p { font-size: 15px !important; }

.mm-toc { font-size: 14px !important; }
.mm-toc-lab { font-size: 12px !important; }

.mm-hub-card p { font-size: 14px !important; line-height: 1.6 !important; }
.mm-hub-card h4 { font-size: 17px !important; }

.mm-hero-meta { font-size: 14px !important; }

/* TL;DR label "בקצרה" */
.mm-tldr-lab { font-size: 13px !important; }

/* ── Accordion clip fix: ensure closed-state inner is fully hidden ── */
.mm-faq-accordion .accordion-item .accordion-inner {
  display: none !important;
  max-height: 0;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
.mm-faq-accordion .accordion-item.active .accordion-inner {
  display: block !important;
  max-height: none !important;
  padding: 16px 22px !important;
  background: rgba(20,14,38,.4) !important;
  color: #c8c2dc !important;
  line-height: 1.7;
  font-size: 15px;
}
.mm-faq-accordion .accordion-item.active .accordion-inner p {
  color: #c8c2dc !important;
  margin: 0 !important;
  font-size: 15px !important;
}

/* When accordion item is collapsed, ensure title bar isn't bottom-bordered */
.mm-faq-accordion .accordion-item:not(.active) .accordion-title {
  border-bottom: 0 !important;
}

/* ═══════ MM-PSY-PAGES v9 PATCH END ═══════ */

/* ═══════ MM-PSY-PAGES v10 PATCH (wpautop-safe span replacements for h4/p inside hub/related cards) ═══════ */

.mm-hub-card .mm-card-title,
.mm-related-card .mm-card-title {
  display: block;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 8px 0 !important;
  font-family: 'Fraunces', serif;
}

.mm-hub-card .mm-card-body,
.mm-related-card .mm-card-body {
  display: block;
  color: #c8c2dc !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.mm-hub-card .mm-card-title + .mm-card-body,
.mm-related-card .mm-card-title + .mm-card-body {
  margin-top: 6px !important;
}

/* ═══════ MM-PSY-PAGES v10 PATCH END ═══════ */


/* === Psychedelics page intro: research cards === */
.mm-immersive { color:#fff; position:relative; isolation:isolate; }
.mm-immersive .mm-section-header h2 strong { background:linear-gradient(90deg,#c93f8e,#1fbfb5); -webkit-background-clip:text; background-clip:text; color:transparent; }
.mm-immersive .mm-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border:1px solid rgba(139,95,191,.4); border-radius:99px; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#a89cc8; margin-bottom:16px; background:rgba(139,95,191,.08); }
.mm-immersive .mm-lead { color:#cdc1e6 !important; font-size:1.05rem; line-height:1.7; max-width:820px; margin:0 auto; }
.mm-immersive .mm-lead a { color:#1fbfb5; }
.mm-research-row { margin-top:28px !important; }
.mm-research-card { background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); border:1px solid rgba(139,95,191,.25); border-radius:14px; padding:22px 20px; height:100%; backdrop-filter:blur(8px); transition:transform .25s ease, border-color .25s ease, box-shadow .3s ease; }
.mm-research-card:hover { transform:translateY(-3px); border-color:rgba(31,191,181,.5); box-shadow:0 10px 28px rgba(0,0,0,.4),0 0 22px rgba(31,191,181,.12); }
.mm-research-num { font-size:1.6rem; font-weight:900; background:linear-gradient(90deg,#1fbfb5,#8b5fbf); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1; margin-bottom:10px; letter-spacing:.02em; }
.mm-research-body { color:#d4cae8; font-size:.92rem; line-height:1.55; margin-bottom:14px; }
.mm-research-body a { color:#1fbfb5; }
.mm-research-cite-link { font-size:.78rem; color:#a89cc8; letter-spacing:.05em; }
.mm-research-cite-link a { color:#c93f8e; text-decoration:none; }
.mm-research-cite-link a:hover { color:#ff86b8; }
.mm-research-foot { margin-top:32px !important; color:#a89cc8 !important; font-size:.95rem; line-height:1.65; max-width:780px; }
.mm-research-foot a { color:#1fbfb5; }

/* Hide Knowledge hubs section on the psychedelics hub page (it IS the psychedelics hub) */
body.page-id-10185 .mm-pb-hubs-section { display:none !important; }


/* FIX: restore .section-bg position:absolute inside .mm-immersive (broken by line 1636 ".mm-immersive > div" rule) */
.mm-immersive > .section-bg { position: absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; height:100% !important; z-index: 0 !important; }


/* === PSYCHEDELIC LIBRARY HERO STAGE === */
.mm-psy-stage { position:relative; isolation:isolate; overflow:hidden; min-height:760px; }
.mm-psy-stage > .section-bg { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; z-index:0 !important; }

/* Layer 1: huge slow-rotating sacred-geometry mandala */
.mm-psy-stage::before {
  content:""; position:absolute; inset:-20%; z-index:1; pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='white' stroke-width='0.6' opacity='0.7'%3E%3Ccircle cx='200' cy='200' r='80'/%3E%3Ccircle cx='200' cy='120' r='80'/%3E%3Ccircle cx='200' cy='280' r='80'/%3E%3Ccircle cx='130' cy='160' r='80'/%3E%3Ccircle cx='130' cy='240' r='80'/%3E%3Ccircle cx='270' cy='160' r='80'/%3E%3Ccircle cx='270' cy='240' r='80'/%3E%3Ccircle cx='200' cy='200' r='160'/%3E%3Ccircle cx='200' cy='200' r='190'/%3E%3Cpolygon points='200,40 340,280 60,280'/%3E%3Cpolygon points='200,360 60,120 340,120'/%3E%3Cline x1='200' y1='10' x2='200' y2='390'/%3E%3Cline x1='10' y1='200' x2='390' y2='200'/%3E%3Cline x1='40' y1='40' x2='360' y2='360'/%3E%3Cline x1='360' y1='40' x2='40' y2='360'/%3E%3C/g%3E%3C/svg%3E");
  background-position:center center; background-repeat:no-repeat; background-size:130% auto;
  opacity:.22; mix-blend-mode:screen;
  animation:mm-psy-spin 60s linear infinite, mm-psy-pulse 8s ease-in-out infinite;
}

/* Layer 2: drifting kaleidoscope color blobs */
.mm-psy-stage::after {
  content:""; position:absolute; inset:-10%; z-index:1; pointer-events:none;
  background:
    radial-gradient(circle at 22% 30%, rgba(201,63,142,.55) 0%, transparent 25%),
    radial-gradient(circle at 78% 25%, rgba(31,191,181,.50) 0%, transparent 25%),
    radial-gradient(circle at 50% 78%, rgba(139,95,191,.55) 0%, transparent 28%),
    radial-gradient(circle at 12% 75%, rgba(255,204,0,.40) 0%, transparent 22%),
    radial-gradient(circle at 88% 80%, rgba(255,110,156,.45) 0%, transparent 25%);
  filter:blur(60px) saturate(1.3);
  animation:mm-psy-blobs 22s ease-in-out infinite alternate, mm-psy-hue 18s linear infinite;
  mix-blend-mode:screen;
}

/* Stardust particles overlay (small fast-twinkle dots) */
.mm-psy-stage > .section-content::before {
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    radial-gradient(1.5px 1.5px at 20% 30%, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 80% 20%, rgba(255,200,100,.95) 50%, transparent 51%),
    radial-gradient(2px 2px at 50% 70%, rgba(120,220,255,.95) 50%, transparent 51%),
    radial-gradient(1px 1px at 35% 85%, rgba(255,150,210,.9) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 65% 50%, rgba(255,255,255,.85) 50%, transparent 51%),
    radial-gradient(1px 1px at 90% 65%, rgba(180,255,200,.9) 50%, transparent 51%),
    radial-gradient(2px 2px at 12% 60%, rgba(255,255,255,.8) 50%, transparent 51%),
    radial-gradient(1px 1px at 75% 90%, rgba(220,180,255,.85) 50%, transparent 51%);
  background-size: 320px 280px, 280px 240px, 360px 320px, 240px 220px,
                   400px 360px, 320px 300px, 360px 340px, 280px 260px;
  background-repeat:repeat;
  animation:mm-psy-stardust 80s linear infinite, mm-psy-twinkle 3s ease-in-out infinite;
  opacity:.85;
}

/* Make sure section-content + everything stays above bg layers */
.mm-psy-stage > .section-content { position:relative; z-index:3; }

@keyframes mm-psy-spin { to { transform:rotate(360deg); } }
@keyframes mm-psy-pulse { 0%,100% { opacity:.18; transform:scale(1); } 50% { opacity:.28; transform:scale(1.04); } }
@keyframes mm-psy-blobs {
  0%   { transform:translate(0,0) rotate(0deg) scale(1); }
  50%  { transform:translate(4%,-3%) rotate(20deg) scale(1.12); }
  100% { transform:translate(-3%,4%) rotate(-15deg) scale(1.06); }
}
@keyframes mm-psy-hue { to { filter:blur(60px) saturate(1.3) hue-rotate(360deg); } }
@keyframes mm-psy-stardust {
  from { background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0; }
  to   { background-position:320px -280px,-280px 240px,360px -320px,-240px 220px,400px -360px,-320px 300px,360px -340px,-280px 260px; }
}
@keyframes mm-psy-twinkle { 0%,100% { opacity:.85; } 50% { opacity:1; filter:brightness(1.4); } }

/* lead text larger inside the merged hero */
.mm-psy-stage .mm-sub-lead {
  font-size:1.08rem !important;
  line-height:1.7;
  max-width:820px;
  margin:0 auto 28px !important;
  color:#e7dfff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.5);
}
.mm-psy-stage .mm-sub-lead a { color:#9ee6e0; text-decoration:underline; text-decoration-color:rgba(31,191,181,.4); }
.mm-psy-stage .mm-sub-lead a:hover { color:#1fbfb5; }
.mm-psy-stage h1.mm-h1 { text-shadow:0 4px 24px rgba(0,0,0,.6),0 0 60px rgba(139,95,191,.3); }

/* research cards more glowy on dark bg */
.mm-psy-stage .mm-research-card {
  background:linear-gradient(135deg,rgba(20,12,38,.85),rgba(8,4,16,.7));
  border:1px solid rgba(139,95,191,.4);
  backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);
}
.mm-psy-stage .mm-research-card:hover {
  border-color:rgba(31,191,181,.6);
  box-shadow:0 14px 40px rgba(0,0,0,.6),0 0 28px rgba(31,191,181,.18),inset 0 1px 0 rgba(255,255,255,.1);
}
.mm-psy-stage .mm-research-foot { color:#bdb0e0 !important; max-width:780px; margin:24px auto 0 !important; }
.mm-psy-stage .mm-research-foot a { color:#1fbfb5; }

/* mobile: tone down for performance */
@media (max-width:768px) {
  .mm-psy-stage { min-height:auto; }
  .mm-psy-stage::before { animation:mm-psy-spin 90s linear infinite; opacity:.14; }
  .mm-psy-stage::after { animation:mm-psy-blobs 30s ease-in-out infinite alternate; filter:blur(50px); }
}


/* Research cards padding + breathing room (IL & WWW) */
.mm-research-row { margin-top:36px !important; gap:24px 0; }
.mm-research-row > .col { padding:0 14px !important; margin-bottom:18px !important; }
.mm-research-card { padding:32px 28px !important; min-height:230px; display:flex; flex-direction:column; }
.mm-research-num { font-size:1.85rem !important; margin-bottom:14px !important; }
.mm-research-body { font-size:.95rem !important; line-height:1.6 !important; margin-bottom:18px !important; flex-grow:1; }
.mm-research-cite-link { font-size:.82rem !important; padding-top:6px; border-top:1px solid rgba(139,95,191,.15); }
.mm-research-foot { margin:40px auto 0 !important; padding:0 20px; }
@media (max-width:768px) {
  .mm-research-row > .col { padding:0 8px !important; margin-bottom:14px !important; }
  .mm-research-card { padding:24px 20px !important; min-height:auto; }
}

/* === MM Submenu polish (Learn dropdown) === */
.header-nav .nav-dropdown,
.nav-dropdown.nav-dropdown-default{
  background:#fff!important;
  border:1px solid rgba(15,15,24,.06)!important;
  border-radius:14px!important;
  box-shadow:0 18px 48px rgba(15,15,24,.14),0 4px 12px rgba(15,15,24,.06)!important;
  padding:10px 8px!important;
  min-width:240px!important;
  margin-top:8px!important;
  overflow:hidden;
}
.header-nav .nav-dropdown::before,
.nav-dropdown.nav-dropdown-default::before{
  content:"";
  position:absolute;top:-6px;left:24px;width:12px;height:12px;
  background:#fff;border-left:1px solid rgba(15,15,24,.06);border-top:1px solid rgba(15,15,24,.06);
  transform:rotate(45deg);
}
.header-nav .nav-dropdown li,
.nav-dropdown.nav-dropdown-default li{
  margin:0!important;border-bottom:none!important;
}
.header-nav .nav-dropdown li > a,
.nav-dropdown.nav-dropdown-default li > a{
  font-family:'Inter','Heebo',sans-serif;
  font-size:14.5px!important;
  font-weight:600!important;
  color:#1a1a24!important;
  padding:10px 16px!important;
  border-radius:8px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  transition:all .15s ease!important;
  display:flex;align-items:center;gap:8px;
  white-space:nowrap;
  border-bottom:none!important;
}
.header-nav .nav-dropdown li > a::before,
.nav-dropdown.nav-dropdown-default li > a::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#8b5fbf;opacity:0;transition:opacity .15s,transform .15s;
  flex-shrink:0;
}
.header-nav .nav-dropdown li > a:hover,
.nav-dropdown.nav-dropdown-default li > a:hover{
  background:linear-gradient(90deg,rgba(139,95,191,.08) 0%,rgba(31,191,181,.04) 100%)!important;
  color:#8b5fbf!important;
  padding-left:20px!important;
}
.header-nav .nav-dropdown li > a:hover::before,
.nav-dropdown.nav-dropdown-default li > a:hover::before{opacity:1}
.header-nav .nav-dropdown li.current-menu-item > a,
.nav-dropdown.nav-dropdown-default li.current-menu-item > a{
  color:#8b5fbf!important;
}
.header-nav .nav-dropdown li.current-menu-item > a::before{opacity:1}

/* Learn parent caret rotation on hover */
.header-nav .nav-dropdown.nav-dropdown-bold > li > a{font-weight:700!important}

/* RTL support for IL */
html[dir="rtl"] .header-nav .nav-dropdown li > a:hover{padding-left:16px!important;padding-right:20px!important}
html[dir="rtl"] .header-nav .nav-dropdown::before{left:auto;right:24px}

@media(max-width:849px){
  .header-nav .nav-dropdown,
  .nav-dropdown.nav-dropdown-default{
    box-shadow:none!important;border-radius:0!important;border:none!important;
    background:#fafafb!important;padding:0!important;
  }
  .header-nav .nav-dropdown::before{display:none}
}

/* ═══════ Blog post / article additions (mm-article scoped) ═══════ */
.mm-article h4{font-family:'Inter',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 10px;letter-spacing:-.005em}
.mm-article .mm-pullquote p,.mm-article .mm-callout p,.mm-article .mm-art-step p,.mm-article .mm-pillar-box p{margin-bottom:8px}

/* Pillars grid (4-up) */
.mm-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 30px}
@media(max-width:980px){.mm-pillars-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mm-pillars-grid{grid-template-columns:1fr}}
.mm-pillar-box{position:relative;background:linear-gradient(180deg,rgba(139,95,191,.10),rgba(31,191,181,.04));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 18px;overflow:hidden;transition:.25s}
.mm-pillar-box:hover{transform:translateY(-3px);border-color:rgba(201,63,142,.35)}
.mm-pillar-box .mm-pillar-num{position:absolute;top:8px;right:12px;font-size:34px;font-weight:900;line-height:1;color:transparent;background:linear-gradient(135deg,rgba(201,63,142,.5),rgba(31,191,181,.4));-webkit-background-clip:text;background-clip:text;font-family:'Inter',sans-serif;letter-spacing:-.04em}
.mm-pillar-box h4{font-size:16px;color:#fff;margin:0 0 8px;position:relative;z-index:2}
.mm-pillar-box p{font-size:13.5px;color:#c8c2dc;line-height:1.55;margin:0;position:relative;z-index:2}

/* Steps grid (2-col) */
.mm-steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0 30px}
@media(max-width:760px){.mm-steps-grid{grid-template-columns:1fr}}
.mm-art-step{position:relative;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-left:3px solid #1fbfb5;border-radius:12px;padding:22px 22px 18px;transition:.25s}
.mm-art-step:nth-child(2n){border-left-color:#c93f8e}
.mm-art-step:nth-child(3n){border-left-color:#8b5fbf}
.mm-art-step:hover{background:rgba(255,255,255,.04);transform:translateX(2px)}
.mm-art-step .mm-art-step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5fbf,#1fbfb5);color:#fff;font-size:15px;font-weight:800;margin-bottom:12px;box-shadow:0 4px 14px rgba(139,95,191,.35);font-family:'Inter',sans-serif}
.mm-art-step h4{font-size:16px;color:#fff;margin:0 0 8px}
.mm-art-step p{font-size:14px;color:#c8c2dc;line-height:1.6;margin:0 0 8px}
.mm-art-step ul{font-size:13.5px;color:#a89cc8;margin:8px 0 0 18px;line-height:1.55}
.mm-art-step ul li{margin-bottom:5px}

/* Callouts */
.mm-callout{position:relative;background:rgba(139,95,191,.08);border:1px solid rgba(139,95,191,.25);border-left:3px solid #8b5fbf;border-radius:10px;padding:18px 22px;margin:22px 0}
.mm-callout-violet{border-left-color:#8b5fbf;background:rgba(139,95,191,.08);border-color:rgba(139,95,191,.25)}
.mm-callout-magenta{border-left-color:#c93f8e;background:rgba(201,63,142,.08);border-color:rgba(201,63,142,.25)}
.mm-callout-teal{border-left-color:#1fbfb5;background:rgba(31,191,181,.08);border-color:rgba(31,191,181,.25)}
.mm-callout .mm-callout-lab{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:#8b5fbf}
.mm-callout-magenta .mm-callout-lab{color:#c93f8e}
.mm-callout-teal .mm-callout-lab{color:#1fbfb5}
.mm-callout p{margin:0;font-size:14.5px;line-height:1.6;color:#c8c2dc}

/* Pull quote */
.mm-pullquote{position:relative;margin:36px 0;padding:32px 36px 32px 56px;background:linear-gradient(135deg,rgba(139,95,191,.10),rgba(31,191,181,.05));border-radius:14px;border:1px solid rgba(255,255,255,.06)}
.mm-pullquote::before{content:"\201C";position:absolute;top:8px;left:18px;font-family:Georgia,serif;font-size:64px;color:#c93f8e;opacity:.5;line-height:1}
.mm-pullquote p{margin:0;font-family:'Fraunces',serif;font-size:20px;line-height:1.45;color:#fff;font-style:italic;font-weight:500}
@media(max-width:560px){.mm-pullquote{padding:24px 22px 24px 44px}.mm-pullquote p{font-size:17px}.mm-pullquote::before{font-size:48px;top:6px;left:12px}}

/* Last updated stamp */
.mm-last-updated{margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);text-align:right}
.mm-last-updated small{color:#8a7aaa;font-size:12px;letter-spacing:.05em}

/* ═══════ Blog Post (.mm-bp) — light, container-width ═══════ */
body.single-post .entry-content,body.single-post .post-content{font-family:'Inter',system-ui,sans-serif;color:#2a2238;line-height:1.7;font-size:16px}
body.single-post .entry-content p{margin:0 0 1.1rem;color:#3a2f4a}
body.single-post .entry-content a{color:#8b5fbf;border-bottom:1px solid rgba(139,95,191,.3);text-decoration:none;transition:.2s}
body.single-post .entry-content a:hover{color:#c93f8e;border-bottom-color:#c93f8e}
body.single-post .entry-content h2{font-family:'Inter',sans-serif;font-size:1.7rem;font-weight:700;color:#1a1530;margin:2.6rem 0 1rem;letter-spacing:-.015em;line-height:1.25;position:relative;padding-left:1rem}
body.single-post .entry-content h2::before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:4px;border-radius:4px;background:linear-gradient(180deg,#8b5fbf,#1fbfb5)}
body.single-post .entry-content h3{font-size:1.2rem;font-weight:700;color:#3a2a5a;margin:1.7rem 0 .7rem}
body.single-post .entry-content h4{font-size:1rem;font-weight:700;color:#1a1530;margin:0 0 .5rem}
body.single-post .entry-content ul,body.single-post .entry-content ol{margin:0 0 1.2rem 1.2rem;color:#3a2f4a}
body.single-post .entry-content ul li,body.single-post .entry-content ol li{margin-bottom:.45rem}
body.single-post .entry-content strong{color:#1a1530}

/* TOC collapsible */
.mm-bp-toc{background:#fbfaff;border:1px solid rgba(139,95,191,.18);border-radius:12px;padding:0;margin:0 0 1.75rem;overflow:hidden}
.mm-bp-toc>summary{list-style:none;cursor:pointer;padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(139,95,191,.06),rgba(31,191,181,.03));font-weight:700}
.mm-bp-toc>summary::-webkit-details-marker{display:none}
.mm-bp-toc-lab{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8b5fbf}
.mm-bp-toc-tog{color:#8b5fbf;font-size:1rem;transition:.2s}
.mm-bp-toc[open] .mm-bp-toc-tog{transform:rotate(180deg)}
.mm-bp-toc ul{list-style:none;margin:0;padding:.75rem 1rem 1rem;columns:2;column-gap:1.25rem}
.mm-bp-toc ul li{break-inside:avoid;margin:0 0 .25rem;padding:0}
.mm-bp-toc ul li a{display:block;padding:.2rem .4rem;font-size:.88rem;color:#3a2a5a;border-bottom:none;border-radius:4px;line-height:1.4}
.mm-bp-toc ul li a:hover{background:rgba(139,95,191,.08);color:#8b5fbf}
.mm-bp-toc .aipkit-toc-level-3 a{font-size:.82rem;color:#6a5a8a;padding-left:1rem}
.mm-bp-toc .aipkit-toc-level-3 a::before{content:"›";margin-right:.4rem;color:#1fbfb5}
@media(max-width:600px){.mm-bp-toc ul{columns:1}}

/* TLDR */
.mm-bp-tldr{background:linear-gradient(135deg,#fbfaff,#f0fcfb);border:1px solid rgba(139,95,191,.2);border-radius:14px;padding:1.25rem 1.5rem;margin:0 0 2rem;position:relative}
.mm-bp-tldr-lab{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#c93f8e;margin-bottom:.6rem}
.mm-bp-tldr ul{list-style:none;margin:0;padding:0}
.mm-bp-tldr ul li{position:relative;padding:.25rem 0 .25rem 1.1rem;margin:0 0 .25rem;color:#2a2238;font-size:.95rem;line-height:1.55}
.mm-bp-tldr ul li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:#1fbfb5}

/* Pillars 4-up */
.mm-bp-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.25rem 0 2rem}
@media(max-width:780px){.mm-bp-pillars{grid-template-columns:repeat(2,1fr)}}
.mm-bp-pillar{position:relative;background:#fff;border:1px solid rgba(139,95,191,.15);border-radius:12px;padding:1rem .9rem;transition:.25s;overflow:hidden}
.mm-bp-pillar:hover{transform:translateY(-3px);border-color:rgba(139,95,191,.4);box-shadow:0 8px 24px rgba(139,95,191,.12)}
.mm-bp-pillar .n{position:absolute;top:.3rem;right:.55rem;font-size:1.6rem;font-weight:900;line-height:1;color:transparent;background:linear-gradient(135deg,rgba(201,63,142,.35),rgba(31,191,181,.3));-webkit-background-clip:text;background-clip:text;letter-spacing:-.04em}
.mm-bp-pillar h4{font-size:.95rem;margin:0 0 .35rem;color:#1a1530;position:relative;z-index:2}
.mm-bp-pillar p{font-size:.82rem;color:#5a4a7a;line-height:1.5;margin:0;position:relative;z-index:2}

/* Steps 2-up */
.mm-bp-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.25rem 0 2rem}
@media(max-width:680px){.mm-bp-steps{grid-template-columns:1fr}}
.mm-bp-step{background:#fff;border:1px solid rgba(31,191,181,.18);border-left:3px solid #1fbfb5;border-radius:10px;padding:1.1rem 1.2rem;transition:.2s}
.mm-bp-step:nth-child(2n){border-left-color:#c93f8e}
.mm-bp-step:nth-child(3n){border-left-color:#8b5fbf}
.mm-bp-step:hover{box-shadow:0 6px 20px rgba(26,15,46,.08)}
.mm-bp-step .num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8b5fbf,#1fbfb5);color:#fff;font-size:.85rem;font-weight:800;margin-bottom:.6rem;box-shadow:0 3px 10px rgba(139,95,191,.3)}
.mm-bp-step h4{font-size:.98rem;margin:0 0 .4rem;color:#1a1530}
.mm-bp-step p{font-size:.9rem;color:#3a2f4a;line-height:1.55;margin:0 0 .4rem}
.mm-bp-step ul{font-size:.85rem;margin:.4rem 0 0 1rem;color:#5a4a7a;line-height:1.5}
.mm-bp-step ul li{margin-bottom:.25rem}

/* Callouts */
.mm-bp-callout{position:relative;background:rgba(139,95,191,.05);border:1px solid rgba(139,95,191,.2);border-left:3px solid #8b5fbf;border-radius:10px;padding:1rem 1.25rem;margin:1.5rem 0}
.mm-bp-callout.m{border-left-color:#c93f8e;background:rgba(201,63,142,.04);border-color:rgba(201,63,142,.2)}
.mm-bp-callout.t{border-left-color:#1fbfb5;background:rgba(31,191,181,.04);border-color:rgba(31,191,181,.2)}
.mm-bp-callout .lab{display:block;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;color:#8b5fbf}
.mm-bp-callout.m .lab{color:#c93f8e}
.mm-bp-callout.t .lab{color:#1fbfb5}
.mm-bp-callout p{margin:0;font-size:.95rem;color:#3a2f4a;line-height:1.55}

/* Pull quote */
.mm-bp-quote{position:relative;background:linear-gradient(135deg,#fbfaff,#f0fcfb);border:1px solid rgba(139,95,191,.15);border-radius:14px;padding:1.5rem 1.75rem 1.5rem 3.25rem;margin:2rem 0}
.mm-bp-quote::before{content:"\201C";position:absolute;top:.05em;left:.4em;font-family:Georgia,serif;font-size:3.5rem;color:#c93f8e;opacity:.4;line-height:1}
.mm-bp-quote p{margin:0;font-size:1.05rem;line-height:1.5;color:#1a1530;font-style:italic;font-weight:500}

/* Research papers grid */
.mm-bp-papers{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin:1.25rem 0 1.5rem}
@media(max-width:680px){.mm-bp-papers{grid-template-columns:1fr}}
.mm-bp-paper{background:#fbfaff;border:1px solid rgba(139,95,191,.15);border-radius:12px;padding:1rem 1.1rem;transition:.2s}
.mm-bp-paper:hover{border-color:rgba(139,95,191,.35);box-shadow:0 6px 18px rgba(139,95,191,.1)}
.mm-bp-paper .tag{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1fbfb5;margin-bottom:.4rem}
.mm-bp-paper h4{font-size:.95rem;margin:0 0 .35rem;color:#1a1530}
.mm-bp-paper p{font-size:.85rem;color:#4a3a6a;line-height:1.5;margin:0 0 .5rem}
.mm-bp-paper a{font-size:.8rem;font-weight:600;color:#8b5fbf;border-bottom:none}

/* Internal link cards */
.mm-bp-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.1rem 0 2rem}
@media(max-width:680px){.mm-bp-links{grid-template-columns:1fr}}
.mm-bp-link{position:relative;display:block;background:linear-gradient(135deg,#fff,#fbfaff);border:1.5px solid rgba(139,95,191,.18);border-bottom:1.5px solid rgba(139,95,191,.18);border-radius:12px;padding:.85rem 2.2rem .9rem 1rem;color:#1a1530;transition:.2s}
.mm-bp-link:hover{border-color:#8b5fbf;color:#1a1530;transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,95,191,.15)}
.mm-bp-link .kicker{display:block;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1fbfb5;margin-bottom:.2rem}
.mm-bp-link strong{display:block;font-size:.95rem;color:#1a1530;margin-bottom:.2rem}
.mm-bp-link .d{display:block;font-size:.8rem;color:#5a4a7a;line-height:1.4}
.mm-bp-link::after{content:"\2192";position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#8b5fbf;font-size:1rem;transition:transform .2s}
.mm-bp-link:hover::after{transform:translate(4px,-50%)}

/* Last updated */
.mm-bp-stamp{margin-top:2rem;padding-top:1.1rem;border-top:1px solid rgba(139,95,191,.12);text-align:right}
.mm-bp-stamp small{color:#8a7aaa;font-size:.78rem;letter-spacing:.04em}

/* ═══════ Legal pages — fix white-on-white header ═══════ */
body.parent-pageid-18175 .header:not(.stuck) .header-main,
body.page-id-18175 .header:not(.stuck) .header-main,
body.parent-pageid-18175 .header-bg-color,
body.page-id-18175 .header-bg-color{background-color:#1a1530!important}
body.parent-pageid-18175 .header,
body.page-id-18175 .header{background:#1a1530}

/* ═══════ Doctor avatars on protocol mentions ═══════ */
.mm-doc-pair{display:inline-flex;align-items:center;gap:.5em;flex-wrap:wrap}
img.mm-doc-avatar{width:42px!important;height:42px!important;border-radius:50%;object-fit:cover;border:2px solid rgba(139,95,191,.25);box-shadow:0 2px 8px rgba(26,15,46,.12);background:#fff;flex-shrink:0;display:inline-block;vertical-align:middle;margin:0!important}
.mm-doc-pair strong{display:inline}
li .mm-doc-pair{margin-bottom:.15em}
@media (max-width:600px){img.mm-doc-avatar{width:36px!important;height:36px!important}}
/* in dark sections (article body of psychedelics pages) */
.mm-article img.mm-doc-avatar,.mm-body-section img.mm-doc-avatar{border-color:rgba(31,191,181,.4);background:#1a1530}

/* ═══════ /micro-movement/advanced/ — dark full-width redesign ═══════ */
.mm-adv-hero{position:relative;overflow:hidden}
.mm-adv-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(139,95,191,.18),transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(31,191,181,.12),transparent 55%);pointer-events:none;z-index:0}
.mm-adv-orb{position:absolute;pointer-events:none;z-index:0}
.mm-adv-orb-1{top:-60px;right:-80px;width:340px;height:340px;animation:mm-adv-rot 60s linear infinite}
.mm-adv-orb-2{bottom:-100px;left:-100px;width:280px;height:280px;animation:mm-adv-rot 90s linear infinite reverse}
.mm-adv-orb-3{top:30%;right:5%;width:180px;height:180px;animation:mm-adv-rot 120s linear infinite}
.mm-adv-orb-close{top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:520px;animation:mm-adv-rot 180s linear infinite;opacity:.5}
@keyframes mm-adv-rot{to{transform:rotate(360deg)}}
.mm-adv-orb-close{transform:translate(-50%,-50%) rotate(0)}
@keyframes mm-adv-rot-c{to{transform:translate(-50%,-50%) rotate(360deg)}}
.mm-adv-orb-close{animation-name:mm-adv-rot-c}

.mm-adv-hero .col-inner{position:relative;z-index:2}
.mm-adv-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:rgba(255,204,0,.08);border:1px solid rgba(255,204,0,.3);color:#ffcc00;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:24px}
.mm-adv-h1{font-family:'Fraunces',serif!important;font-size:clamp(48px,7vw,84px)!important;font-weight:700!important;color:#fff!important;letter-spacing:-.02em;line-height:1.05!important;margin:0 0 18px!important}
.mm-adv-h1-accent{background:linear-gradient(135deg,#c93f8e 0%,#8b5fbf 50%,#1fbfb5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.mm-adv-sub{color:#c8c2dc;font-size:18px;line-height:1.6;max-width:680px;margin:0 auto 28px;font-family:'Inter',sans-serif}
.mm-adv-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.mm-adv-pill{display:inline-block;padding:6px 18px;border-radius:30px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#a89cc8;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;font-family:'Inter',sans-serif}

.mm-adv-section{position:relative;color:#e8e6f0;font-family:'Inter',sans-serif;overflow:hidden}
.mm-adv-section .row{position:relative;z-index:2}
.mm-adv-section-orb{position:absolute;pointer-events:none;z-index:1;width:340px;height:340px;animation:mm-adv-rot 80s linear infinite}
.mm-adv-section-orb-tr{top:-80px;right:-100px}
.mm-adv-section-orb-bl{bottom:-100px;left:-100px;animation-direction:reverse}

.mm-adv-pillar-lab{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.mm-adv-num{font-family:'Fraunces',serif;font-size:48px;font-weight:300;line-height:1;color:transparent;background:linear-gradient(135deg,#c93f8e,#1fbfb5);-webkit-background-clip:text;background-clip:text;letter-spacing:-.04em}
.mm-adv-pillar-name{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#a89cc8}
.mm-adv-h2{font-family:'Fraunces',serif!important;font-size:clamp(32px,4.5vw,52px)!important;font-weight:600!important;color:#fff!important;letter-spacing:-.015em;line-height:1.1!important;margin:0 0 14px!important}
.mm-adv-deck{font-size:17px;line-height:1.55;color:#c8c2dc;max-width:780px;margin:0 0 36px}

.mm-adv-card{position:relative;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:28px 28px 26px;margin:0 0 18px;transition:.3s;backdrop-filter:blur(6px);overflow:hidden;height:100%}
.mm-adv-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#8b5fbf,#1fbfb5);opacity:.7}
.mm-adv-card-violet::before{background:linear-gradient(180deg,#8b5fbf,#c93f8e)}
.mm-adv-card-teal::before{background:linear-gradient(180deg,#1fbfb5,#8b5fbf)}
.mm-adv-card-magenta::before{background:linear-gradient(180deg,#c93f8e,#1fbfb5)}
.mm-adv-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.04);border-color:rgba(139,95,191,.3);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.mm-adv-card-icn{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(139,95,191,.10);border:1px solid rgba(139,95,191,.2);margin-bottom:18px}
.mm-adv-card-teal .mm-adv-card-icn{background:rgba(31,191,181,.10);border-color:rgba(31,191,181,.2)}
.mm-adv-card-magenta .mm-adv-card-icn{background:rgba(201,63,142,.10);border-color:rgba(201,63,142,.2)}
.mm-adv-card h3{font-family:'Fraunces',serif!important;font-size:22px!important;font-weight:600!important;color:#fff!important;margin:0 0 12px!important;line-height:1.25}
.mm-adv-card p{font-family:'Inter',sans-serif;font-size:15px;line-height:1.65;color:#c8c2dc;margin:0 0 12px}
.mm-adv-card p:last-child{margin-bottom:0}
.mm-adv-card a{color:#1fbfb5;border-bottom:1px solid rgba(31,191,181,.3);text-decoration:none;transition:.2s}
.mm-adv-card a:hover{color:#c93f8e;border-bottom-color:#c93f8e}
.mm-adv-card strong{color:#fff;font-weight:600}

.mm-adv-card-tall{min-height:340px}
.mm-adv-card-wide{padding:36px 36px 32px}

.mm-adv-closing{position:relative;text-align:center;overflow:hidden}
.mm-adv-closing::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(139,95,191,.15),transparent 60%);pointer-events:none;z-index:0}
.mm-adv-closing .col-inner{position:relative;z-index:2}
.mm-adv-closing-h2{font-family:'Fraunces',serif!important;font-size:clamp(32px,4.5vw,48px)!important;font-weight:600!important;color:#fff!important;letter-spacing:-.015em;margin:0 0 14px!important}
.mm-adv-closing-p{color:#c8c2dc;font-size:17px;line-height:1.6;max-width:640px;margin:0 auto 28px;font-family:'Inter',sans-serif}
.mm-adv-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:30px;background:linear-gradient(135deg,#c93f8e,#8b5fbf);color:#fff!important;font-weight:700;font-size:15px;letter-spacing:.05em;text-decoration:none;border:none!important;transition:.25s;box-shadow:0 8px 24px rgba(201,63,142,.3)}
.mm-adv-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,63,142,.45);color:#fff!important}

@media (max-width:780px){
  .mm-adv-card{padding:22px 20px}
  .mm-adv-card h3{font-size:19px!important}
  .mm-adv-card-tall{min-height:auto}
  .mm-adv-num{font-size:36px}
  .mm-adv-deck{font-size:16px;margin-bottom:24px}
}

/* ═══════ Library / archive widget ═══════ */
.mm-library-section{background:#fbfaff;color:#2a2238;font-family:'Inter',sans-serif}
.mm-library-lab{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#8b5fbf;margin-bottom:8px}
.mm-library-h2{font-family:'Inter',sans-serif;font-size:clamp(28px,3.5vw,38px);font-weight:700;color:#1a1530;margin:0 0 8px;letter-spacing:-.015em}
.mm-library-deck{font-size:15px;color:#5a4a7a;margin:0 0 28px;max-width:600px}
.mm-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.mm-library-cat{background:#fff;border:1px solid rgba(139,95,191,.12);border-radius:12px;padding:18px 20px}
.mm-library-cat h3{font-family:'Inter',sans-serif;font-size:13px;font-weight:800;color:#8b5fbf;letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(139,95,191,.12)}
.mm-library-cat ul{list-style:none;padding:0;margin:0}
.mm-library-cat li{margin:0 0 6px;padding:0}
.mm-library-cat li a{font-size:13.5px;color:#3a2a5a;text-decoration:none;border-bottom:none;line-height:1.4;display:block;padding:3px 0;transition:.15s}
.mm-library-cat li a:hover{color:#c93f8e;padding-left:4px}

/* ═══════ Doctor avatars — sized up 3x ═══════ */
img.mm-doc-avatar{width:120px!important;height:120px!important;border-width:3px!important}
.mm-doc-pair{align-items:flex-start;gap:1em}
@media (max-width:600px){img.mm-doc-avatar{width:90px!important;height:90px!important}}

/* ═══════ Advanced page — use theme h1, fractal bg ═══════ */
.mm-adv-h1{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:#fff!important;letter-spacing:inherit!important;line-height:1.1!important;margin:0 0 18px!important}
.mm-adv-h2{font-family:inherit!important;font-size:clamp(28px,4vw,42px)!important;font-weight:700!important;color:#fff!important;letter-spacing:-.01em;line-height:1.2!important}
.mm-adv-closing-h2{font-family:inherit!important;font-weight:700!important}
.mm-adv-section::before{content:;position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(139,95,191,.18),transparent 35%),radial-gradient(circle at 85% 70%,rgba(31,191,181,.14),transparent 38%),radial-gradient(circle at 50% 50%,rgba(201,63,142,.08),transparent 50%);pointer-events:none;z-index:0}
.mm-adv-section{background-image:url('/wp-content/uploads/mm-fractal.svg'),linear-gradient(180deg,rgba(7,7,16,.96),rgba(10,10,22,.96))!important;background-size:auto,cover;background-blend-mode:overlay;background-attachment:scroll}
.mm-adv-mind,.mm-adv-integration{background-color:#0a0a16!important}
.mm-adv-practice,.mm-adv-body{background-color:#070710!important}

/* Research cards equal height */
.mm-research-row { align-items: stretch; }
.mm-research-row .col { display: flex; }
.mm-research-card { display: flex; flex-direction: column; height: 100%; width: 100%; }
.mm-research-card .mm-research-body { flex: 1; }


/* === Mobile sidebar menu fixes (padding + bigger toggle hit area) === */
.mobile-sidebar .nav-sidebar > li > a,
#main-menu .nav-sidebar > li > a {
  padding: 18px 56px 18px 26px !important;
  font-size: 16px !important;
}
.mobile-sidebar .nav-slide-header {
  padding: 16px 26px !important;
}
.mobile-sidebar .nav-sidebar > li {
  border-bottom: 1px solid rgba(255,255,255,.08);
}
/* bigger touch target for the slide-toggle button (caret) */
.mobile-sidebar .nav-sidebar li > .toggle,
#main-menu li > .toggle {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 60px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  z-index: 5 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  color: #fff !important;
  font-size: 20px !important;
}
.mobile-sidebar .nav-sidebar li > .toggle:active,
.mobile-sidebar .nav-sidebar li > .toggle:hover {
  background: rgba(255,255,255,.06) !important;
}
.mobile-sidebar .nav-sidebar li > .toggle .icon-angle-right,
.mobile-sidebar .nav-sidebar li > .toggle i { font-size: 18px !important; }
.mobile-sidebar .nav-sidebar li { position: relative !important; }
.mobile-sidebar .nav-sidebar > li > a { display: block !important; }


/* === Hide reviewer byline (Leehe Peled-Avron / Vanessa Green) — added 2026-05-18 === */
/* MM-FIX 2026-05-23: restored reviewer to top byline with separators */
.mm-reviewer-hide { display: inline; }
.mm-reviewer-hide::before { content: " · "; }
.mm-reviewer-hide::after { content: " · "; }

/* MM-FIX 2026-05-20: wpautop injects <br> between cards in mm-related-grid → grid places <br> as cell → zigzag layout. Hide them. */
.mm-related-grid > br { display: none; }
/* ═══════ MM-ANECDOTE-V2 2026-05-20 — detailed testimonial cards with psychedelic visual treatment ═══════ */

.mm-anecdotes-wrap{position:relative;padding:24px 0}

/* TOP AGGREGATE BLOCK · community-signal-at-a-glance */
.mm-anecdote-aggregate{
  background:linear-gradient(135deg,rgba(139,95,191,.14),rgba(201,63,142,.10),rgba(31,191,181,.12));
  border:1px solid rgba(201,63,142,.28);
  border-radius:14px;
  padding:24px 28px;
  margin-bottom:32px;
  position:relative;
  overflow:hidden
}
.mm-anecdote-aggregate::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 90% 10%,rgba(201,63,142,.20),transparent 40%),
    radial-gradient(circle at 10% 90%,rgba(31,191,181,.18),transparent 40%);
  pointer-events:none;z-index:0
}
.mm-anecdote-aggregate > *{position:relative;z-index:1}
.mm-anecdote-aggregate h3{
  font-family:'Fraunces',serif !important;
  color:#fff !important;font-size:22px !important;
  margin:0 0 10px !important;font-weight:400 !important
}
.mm-anecdote-aggregate p{color:#d8d2e8;font-size:14px;line-height:1.6;margin:0 0 10px}
.mm-anecdote-aggregate .mm-agg-stats{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.mm-anecdote-aggregate .mm-agg-stat{
  background:rgba(7,7,16,.55);
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;padding:7px 16px;
  font-size:12.5px;color:#c8c2dc;letter-spacing:.02em
}
.mm-anecdote-aggregate .mm-agg-stat strong{color:#ff6e9c;font-weight:700;margin-right:4px}
[dir="rtl"] .mm-anecdote-aggregate .mm-agg-stat strong{margin-right:0;margin-left:4px}

/* CARD GRID */
.mm-anecdote-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:22px;margin:24px 0
}
.mm-anecdote-grid > br{display:none}

/* TESTIMONIAL CARD · animated aurora border + nebula glow */
.mm-anecdote-card{
  position:relative;
  background:linear-gradient(180deg,rgba(13,8,32,.88),rgba(7,7,16,.96));
  border-radius:16px;padding:24px;
  overflow:hidden;isolation:isolate
}
.mm-anecdote-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,#c93f8e,#8b5fbf,#1fbfb5,#c93f8e);
  background-size:300% 300%;
  animation:mm-aurora-anec 14s ease infinite;
  z-index:-2;border-radius:16px;padding:1px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.45
}
.mm-anecdote-card::after{
  content:"";position:absolute;
  top:-40%;right:-30%;width:280px;height:280px;
  background:radial-gradient(circle,rgba(201,63,142,.20),transparent 70%);
  filter:blur(40px);z-index:-1;pointer-events:none
}
[dir="rtl"] .mm-anecdote-card::after{right:auto;left:-30%}
@keyframes mm-aurora-anec{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* HEAD · avatar + name + tag */
.mm-anec-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.mm-anec-avatar{
  width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,63,142,.45),rgba(139,95,191,.25));
  border:1px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:400;
  color:#fff;font-size:19px;
  box-shadow:0 0 16px rgba(201,63,142,.40);
  flex-shrink:0
}
.mm-anec-meta{flex:1;min-width:0}
.mm-anec-name{color:#fff;font-weight:700;font-size:15px;line-height:1.2}
.mm-anec-tag{color:#c8c2dc;font-size:12px;margin-top:3px;line-height:1.4}

/* PILLS · protocol summary */
.mm-anec-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.mm-anec-pill{
  background:rgba(31,191,181,.13);
  border:1px solid rgba(31,191,181,.32);
  border-radius:999px;padding:4px 11px;
  font-size:11px;color:#1fbfb5;letter-spacing:.04em
}
.mm-anec-pill.dose{
  background:rgba(255,110,156,.13);
  border-color:rgba(255,110,156,.32);
  color:#ff6e9c
}

/* QUOTE · the actual report */
.mm-anec-quote{
  color:#e8e3f0;
  font-size:14px;line-height:1.65;
  font-style:italic;
  border-right:2px solid rgba(255,110,156,.55);
  padding-right:14px;margin:12px 0 16px
}
[dir="ltr"] .mm-anec-quote{
  border-right:none;
  border-left:2px solid rgba(255,110,156,.55);
  padding-right:0;padding-left:14px
}

/* STATS · numeric callouts */
.mm-anec-stats{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.mm-anec-stat{
  background:rgba(7,7,16,.6);
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;padding:9px 12px;
  font-size:11px;color:#c8c2dc;
  flex:1;min-width:88px
}
.mm-anec-stat strong{
  display:block;color:#fff;
  font-size:18px;font-family:'Fraunces',serif;font-weight:400;
  margin-bottom:2px
}

/* ANALYSIS + HYPOTHESIS · editor commentary insets */
.mm-anec-analysis,.mm-anec-hypothesis{
  margin-top:12px;padding:11px 14px;border-radius:8px;
  font-size:12.5px;line-height:1.55;color:#c8c2dc
}
.mm-anec-analysis{background:rgba(139,95,191,.09);border-left:2px solid rgba(139,95,191,.55)}
[dir="rtl"] .mm-anec-analysis{border-left:none;border-right:2px solid rgba(139,95,191,.55)}
.mm-anec-hypothesis{background:rgba(31,191,181,.07);border-left:2px solid rgba(31,191,181,.45)}
[dir="rtl"] .mm-anec-hypothesis{border-left:none;border-right:2px solid rgba(31,191,181,.45)}
.mm-anec-analysis strong,.mm-anec-hypothesis strong{
  display:block;color:#fff;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  margin-bottom:5px;font-weight:700
}
.mm-anec-analysis strong{color:#bf94d4}
.mm-anec-hypothesis strong{color:#1fbfb5}

/* SOURCE · provenance link */
.mm-anec-source{margin-top:14px;font-size:11px;color:#8b5fbf;letter-spacing:.02em}
.mm-anec-source a{color:#bf94d4;text-decoration:none;border-bottom:1px dotted rgba(191,148,212,.4)}
.mm-anec-source a:hover{color:#fff;border-bottom-color:#fff}

/* FRAMING NOTE · "anecdotes are signal, not proof" */
.mm-anec-framing{
  background:rgba(255,204,0,.06);
  border:1px solid rgba(255,204,0,.20);
  border-radius:10px;
  padding:14px 18px;
  margin:18px 0 28px;
  font-size:13px;line-height:1.6;color:#e8e3d8
}
.mm-anec-framing strong{color:#ffcc00;font-weight:700}

@media (max-width:768px){
  .mm-anecdote-grid{grid-template-columns:1fr}
  .mm-anecdote-aggregate{padding:18px 20px}
  .mm-anec-stats{gap:8px}
  .mm-anec-stat{min-width:72px;padding:7px 10px}
  .mm-anec-stat strong{font-size:16px}
}

/* ═══════ MM-ANECDOTE-V2 END ═══════ */


/* ═══════ MM-MARKER-HUB-SLIDER 2026-05-22: 2-row horizontal slider for /psychedelics/ hub sub-sections ═══════ */
.mm-hub-slider{
  display:grid;
  grid-template-rows:repeat(2,1fr);
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px,320px);
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:8px 4px 18px;
  margin:24px 0 12px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#6B47A8 rgba(255,255,255,.05);
}
.mm-hub-slider::-webkit-scrollbar{height:8px}
.mm-hub-slider::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}
.mm-hub-slider::-webkit-scrollbar-thumb{background:#6B47A8;border-radius:4px}
.mm-hub-slider::-webkit-scrollbar-thumb:hover{background:#8b5fbf}
.mm-hub-slider > .mm-hub-card{
  scroll-snap-align:start;
  margin:0;
  min-height:0;
}
@media (max-width:768px){
  .mm-hub-slider{
    grid-template-rows:auto;
    grid-auto-columns:80%;
  }
}
/* ═══════ MM-MARKER-HUB-SLIDER END ═══════ */

/* ═══════ MM-MARKER-PHASE1-FIXES 2026-05-22 ═══════ */
.mm-body-section h2, .mm-body-section h3 { color: #fff; }
.mm-instructor-card { max-width: 720px; margin: 0 auto; }
.mm-pb-head-title { font-size: 24px; font-weight: 700; color: #fff; margin: 0; }
.mm-pb-h2 { font-size: 28px; font-weight: 700; color: #fff; text-align: center; margin: 0; }
.mm-pb-tile-title { font-size: 18px; font-weight: 700; color: #fff; margin: 8px 0 4px; }
/* ═══════ MM-MARKER-PHASE1-FIXES END ═══════ */

 /* MM-PRINCIPLES-ARC 2026-05-27 — Three Principles + Arc sections on /micro-movement/ (page 9552) */
.mm-principles-section { position: relative; overflow: hidden; }
.mm-principles-section::before,
.mm-principles-section::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.mm-principles-section::before {
  width: 420px; height: 420px;
  top: -120px; left: -140px;
  background: radial-gradient(circle, rgba(255,204,0,0.16), transparent 70%);
  filter: blur(50px);
  animation: mm-float-a 14s ease-in-out infinite;
}
.mm-principles-section::after {
  width: 560px; height: 560px;
  bottom: -200px; right: -180px;
  background: radial-gradient(circle, rgba(140,90,220,0.22), transparent 70%);
  filter: blur(60px);
  animation: mm-float-b 18s ease-in-out infinite;
}
.mm-principles-section > .row { position: relative; z-index: 1; }
@keyframes mm-float-a {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(40px, 30px); }
}
@keyframes mm-float-b {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-30px, -40px); }
}

.mm-principles-grid .mm-principle-card {
  position: relative;
  padding: 38px 28px 32px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  height: 100%;
}
.mm-principles-grid .mm-principle-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255,204,0,0.4);
  box-shadow: 0 18px 50px -20px rgba(255,204,0,0.25);
}
.mm-principle-glyph {
  width: 58px; height: 58px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 30%, rgba(255,204,0,0.28), rgba(140,90,220,0.22));
  border: 1px solid rgba(255,204,0,0.45);
  margin-bottom: 20px;
  font-family: 'Fraunces', Georgia, serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffcc00;
  letter-spacing: 0.5px;
}
.mm-principles-grid .mm-principle-card h3 {
  color: #fff;
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
}
.mm-principles-grid .mm-principle-card p {
  color: rgba(255,255,255,0.78);
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}
.mm-sub-2 {
  color: rgba(255,255,255,0.6);
  font-size: 15.5px;
  margin: 10px 0 0;
  font-style: italic;
}

.mm-lineage p {
  color: rgba(255,255,255,0.85);
  font-size: 16.5px;
  line-height: 1.8;
  text-align: center;
}
.mm-lineage p strong {
  color: #ffcc00;
  font-weight: 500;
}

.mm-arc-section { position: relative; }
.mm-arc-stages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 36px;
}
@media (max-width: 720px) {
  .mm-arc-stages { grid-template-columns: 1fr; }
}
.mm-arc-stage {
  position: relative;
  padding: 28px 26px;
  border-radius: 16px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.07);
  transition: border-color .3s ease, background .3s ease;
}
.mm-arc-stage:hover {
  border-color: rgba(255,204,0,0.3);
  background: rgba(255,255,255,0.05);
}
.mm-arc-num {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 42px;
  line-height: 1;
  color: rgba(255,204,0,0.85);
  margin-bottom: 14px;
  letter-spacing: -1px;
}
.mm-arc-stage h4 {
  color: #fff;
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 400;
}
.mm-arc-stage p {
  color: rgba(255,255,255,0.78);
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}
/* END MM-PRINCIPLES-ARC */

  

/* ═══════ MM-REL-V15 2026-05-27 — psychedelic dark related section ═══════ */
.mm-rel-v15{
  position:relative;font-family:'Inter',sans-serif;
  background:linear-gradient(160deg,#0d0820 0%,#1a0a2e 45%,#070710 100%);
  padding:80px 24px;margin-top:56px;color:#fff;
  overflow:hidden;isolation:isolate
}
.mm-rel-v15::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 40% at 15% 20%,rgba(201,63,142,.18),transparent 60%),
    radial-gradient(ellipse 50% 35% at 85% 70%,rgba(31,191,181,.15),transparent 60%),
    radial-gradient(ellipse 40% 30% at 50% 100%,rgba(139,95,191,.12),transparent 65%);
  animation:mm-rel-bg-drift 24s ease-in-out infinite alternate
}
@keyframes mm-rel-bg-drift{
  0%{transform:translate(0,0) scale(1);filter:hue-rotate(0deg)}
  100%{transform:translate(-20px,15px) scale(1.05);filter:hue-rotate(25deg)}
}
.mm-rel-stardust{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle 2px at 12% 18%,#ff6e9c 50%,transparent 52%),
    radial-gradient(circle 1.5px at 28% 72%,#1fbfb5 50%,transparent 52%),
    radial-gradient(circle 2px at 45% 30%,#ffcc00 50%,transparent 52%),
    radial-gradient(circle 1.5px at 62% 85%,#8b5fbf 50%,transparent 52%),
    radial-gradient(circle 2.5px at 78% 22%,#c93f8e 50%,transparent 52%),
    radial-gradient(circle 1.5px at 88% 64%,#1fbfb5 50%,transparent 52%),
    radial-gradient(circle 2px at 18% 55%,#ff6e9c 50%,transparent 52%),
    radial-gradient(circle 1.5px at 52% 48%,#ffcc00 50%,transparent 52%);
  background-size:380px 320px,340px 280px,400px 340px,320px 290px,420px 360px,350px 310px,390px 330px,330px 300px;
  opacity:.35;
  animation:mm-rel-twinkle 4s ease-in-out infinite, mm-rel-drift 60s linear infinite
}
@keyframes mm-rel-twinkle{0%,100%{opacity:.25}50%{opacity:.55}}
@keyframes mm-rel-drift{
  from{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
  to{background-position:480px -420px,-420px 380px,520px 440px,-380px -340px,560px 480px,-440px 400px,500px -420px,-400px 360px}
}
.mm-rel-orb{
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;
  filter:blur(40px);mix-blend-mode:screen;
  animation:mm-rel-orb-float 18s ease-in-out infinite
}
.mm-rel-orb-1{width:280px;height:280px;top:-60px;left:-80px;background:radial-gradient(circle,#c93f8e,transparent 70%);opacity:.45}
.mm-rel-orb-2{width:240px;height:240px;bottom:-50px;right:-60px;background:radial-gradient(circle,#1fbfb5,transparent 70%);opacity:.4;animation-delay:-6s;animation-duration:22s}
.mm-rel-orb-3{width:180px;height:180px;top:40%;right:25%;background:radial-gradient(circle,#8b5fbf,transparent 70%);opacity:.35;animation-delay:-12s;animation-duration:26s}
@keyframes mm-rel-orb-float{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(30px,-20px) scale(1.1)}
  66%{transform:translate(-25px,25px) scale(.95)}
}

.mm-rel-v15 .mm-rel-inner{position:relative;z-index:1;max-width:1080px;margin:0 auto}

.mm-rel-v15 .mm-rel-head{text-align:center;margin-bottom:44px}
.mm-rel-v15 .mm-rel-eyebrow{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:#ff6e9c;
  padding:6px 16px;border:1px solid rgba(255,110,156,.35);border-radius:100px;
  background:rgba(255,110,156,.08);margin-bottom:16px;
  backdrop-filter:blur(8px)
}
.mm-rel-v15 .mm-rel-head h2{
  font-family:'Fraunces',serif !important;
  font-size:42px !important;font-weight:600 !important;
  color:#fff !important;margin:0 !important;letter-spacing:-.02em;line-height:1.1;
  background:linear-gradient(135deg,#fff 0%,#ffd1e1 50%,#a8eee5 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent
}

.mm-rel-v15 .mm-rel-grid{
  list-style:none;padding:0;margin:0 0 56px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.mm-rel-v15 .mm-rel-card{margin:0;display:flex}
.mm-rel-v15 .mm-rel-card a{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;
  width:100%;min-height:180px;padding:24px 22px 20px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.1);border-radius:16px;
  text-decoration:none;color:#fff;
  backdrop-filter:blur(10px);overflow:hidden;
  transition:transform .4s cubic-bezier(.2,1.2,.4,1),border-color .3s,box-shadow .3s;
  animation:mm-rel-card-in .8s ease-out backwards;animation-delay:var(--mm-delay)
}
@keyframes mm-rel-card-in{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
.mm-rel-v15 .mm-rel-card-glow{
  position:absolute;inset:-1px;border-radius:16px;z-index:-1;opacity:0;
  background:linear-gradient(135deg,#ff6e9c,#1fbfb5,#8b5fbf,#ff6e9c);
  background-size:300% 300%;
  transition:opacity .3s;
  animation:mm-rel-glow-rotate 6s linear infinite paused
}
@keyframes mm-rel-glow-rotate{to{background-position:300% 300%}}
.mm-rel-v15 .mm-rel-card a:hover{
  transform:translateY(-6px) scale(1.02);
  border-color:transparent;
  box-shadow:0 12px 40px rgba(201,63,142,.3),0 0 0 1px rgba(255,110,156,.5)
}
.mm-rel-v15 .mm-rel-card a:hover .mm-rel-card-glow{opacity:.6;animation-play-state:running}
.mm-rel-v15 .mm-rel-card-num{
  position:absolute;top:18px;right:18px;
  font-family:'Fraunces',serif;font-size:42px;font-weight:300;
  color:transparent;
  background:linear-gradient(135deg,rgba(255,110,156,.4),rgba(31,191,181,.4));
  -webkit-background-clip:text;background-clip:text;
  line-height:1;transition:.3s
}
.mm-rel-v15 .mm-rel-card a:hover .mm-rel-card-num{
  background:linear-gradient(135deg,#ff6e9c,#1fbfb5);
  -webkit-background-clip:text;background-clip:text;
  transform:scale(1.15) rotate(-5deg)
}
[dir="rtl"] .mm-rel-v15 .mm-rel-card-num{right:auto;left:18px}
.mm-rel-v15 .mm-rel-card h3{
  font-family:'Fraunces',serif !important;
  font-size:17px !important;font-weight:500 !important;
  color:#fff !important;line-height:1.35;margin:32px 0 14px !important;
  padding-right:48px
}
[dir="rtl"] .mm-rel-v15 .mm-rel-card h3{padding-right:0;padding-left:48px}
.mm-rel-v15 .mm-rel-card-arrow{
  display:inline-block;font-size:18px;color:#ff6e9c;
  transition:transform .3s,color .3s
}
.mm-rel-v15 .mm-rel-card a:hover .mm-rel-card-arrow{transform:translateX(6px);color:#1fbfb5}
[dir="rtl"] .mm-rel-v15 .mm-rel-card-arrow{transform:scaleX(-1)}
[dir="rtl"] .mm-rel-v15 .mm-rel-card a:hover .mm-rel-card-arrow{transform:scaleX(-1) translateX(6px)}

.mm-rel-v15 .mm-rel-hubs{padding-top:48px;border-top:1px solid rgba(255,255,255,.08)}
.mm-rel-v15 .mm-rel-hubs-label{
  font-family:inherit !important;
  font-size:11px !important;font-weight:700 !important;
  text-transform:uppercase !important;letter-spacing:.22em !important;
  color:rgba(255,255,255,.55) !important;
  text-align:center;margin:0 0 24px !important
}
.mm-rel-v15 .mm-rel-hubs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mm-rel-v15 .mm-rel-hub{
  position:relative;display:flex;flex-direction:column;gap:6px;
  padding:24px 22px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.1);border-radius:14px;
  text-decoration:none;overflow:hidden;
  transition:all .35s cubic-bezier(.2,1.2,.4,1)
}
.mm-rel-v15 .mm-rel-hub::before{
  content:"";position:absolute;inset:0;border-radius:14px;
  background:radial-gradient(circle at 50% 0%,var(--mm-hub-color),transparent 60%);
  opacity:0;transition:opacity .35s;pointer-events:none
}
.mm-rel-v15 .mm-rel-hub:hover{
  transform:translateY(-4px);
  border-color:var(--mm-hub-color);
  box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 30px var(--mm-hub-color)
}
.mm-rel-v15 .mm-rel-hub:hover::before{opacity:.12}
.mm-rel-v15 .mm-rel-hub-ic{
  position:relative;z-index:1;display:inline-flex;
  width:48px;height:48px;border-radius:12px;
  align-items:center;justify-content:center;margin-bottom:6px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  transition:.35s
}
.mm-rel-v15 .mm-rel-hub:hover .mm-rel-hub-ic{
  background:var(--mm-hub-color);
  box-shadow:0 0 24px var(--mm-hub-color);
  transform:rotate(8deg) scale(1.08)
}
.mm-rel-v15 .mm-rel-hub-ic .mm-icon svg{width:24px !important;height:24px !important}
.mm-rel-v15 .mm-rel-hub strong{
  position:relative;z-index:1;
  font-family:'Fraunces',serif;font-size:18px;font-weight:500;color:#fff
}
.mm-rel-v15 .mm-rel-hub-desc{
  position:relative;z-index:1;
  font-size:13px;color:rgba(255,255,255,.6);line-height:1.45
}
.mm-rel-v15 .mm-rel-hub-arrow{
  position:absolute;top:24px;right:20px;color:rgba(255,255,255,.4);
  font-size:16px;transition:.3s
}
.mm-rel-v15 .mm-rel-hub:hover .mm-rel-hub-arrow{color:var(--mm-hub-color);transform:translateX(4px)}
[dir="rtl"] .mm-rel-v15 .mm-rel-hub-arrow{right:auto;left:20px;transform:scaleX(-1)}
[dir="rtl"] .mm-rel-v15 .mm-rel-hub:hover .mm-rel-hub-arrow{transform:scaleX(-1) translateX(4px)}

.mm-rel-v15 .mm-rel-course{
  display:flex;align-items:center;gap:18px;
  margin-top:36px;padding:18px 22px;
  background:linear-gradient(135deg,rgba(255,204,0,.08),rgba(255,110,156,.08));
  border:1px solid rgba(255,204,0,.25);border-radius:14px;
  text-decoration:none;
  transition:all .3s;backdrop-filter:blur(10px)
}
.mm-rel-v15 .mm-rel-course:hover{
  border-color:#ffcc00;
  box-shadow:0 8px 30px rgba(255,204,0,.2)
}
.mm-rel-v15 .mm-rel-course-tag{
  flex-shrink:0;display:inline-block;
  padding:5px 12px;background:linear-gradient(135deg,#ffcc00,#ff6e9c);
  color:#0a0a1e !important;border-radius:100px;
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase
}
.mm-rel-v15 .mm-rel-course-body{flex:1;display:flex;flex-direction:column;gap:2px}
.mm-rel-v15 .mm-rel-course-body strong{font-size:15px;font-weight:600;color:#fff}
.mm-rel-v15 .mm-rel-course-body span{font-size:12px;color:rgba(255,255,255,.55)}
.mm-rel-v15 .mm-rel-course-cta{
  flex-shrink:0;font-size:13px;font-weight:700;color:#ffcc00;
  white-space:nowrap;transition:.3s
}
.mm-rel-v15 .mm-rel-course:hover .mm-rel-course-cta{color:#ff6e9c;transform:translateX(4px)}

@media(max-width:900px){
  .mm-rel-v15{padding:60px 16px}
  .mm-rel-v15 .mm-rel-head h2{font-size:32px !important}
  .mm-rel-v15 .mm-rel-grid{grid-template-columns:repeat(2,1fr)}
  .mm-rel-v15 .mm-rel-hubs-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .mm-rel-v15{padding:48px 14px}
  .mm-rel-v15 .mm-rel-head h2{font-size:26px !important}
  .mm-rel-v15 .mm-rel-grid{grid-template-columns:1fr;gap:10px}
  .mm-rel-v15 .mm-rel-card a{min-height:140px;padding:20px 18px 16px}
  .mm-rel-v15 .mm-rel-card-num{font-size:32px}
  .mm-rel-v15 .mm-rel-course{flex-direction:column;align-items:flex-start;gap:10px}
}

@media (prefers-reduced-motion: reduce){
  .mm-rel-v15::before,.mm-rel-stardust,.mm-rel-orb,.mm-rel-card{animation:none !important}
}
/* ═══════ MM-REL-V15 END ═══════ */

/* MM-REL-V15 hub row 1-col on small mobile */
@media(max-width:520px){.mm-rel-v15 .mm-rel-hubs-row{grid-template-columns:1fr !important}}

/* ═══════ MM-MARKER-HUB-UX-SLIDER 2026-05-28: Flickity width for hub cards ═══════ */
.mm-hub-ux-slider .slider .mm-hub-card{width:290px;margin:0 9px;min-height:140px}
.mm-hub-ux-slider .slider{padding-bottom:8px}
@media(max-width:768px){
  .mm-hub-ux-slider .slider .mm-hub-card{width:78vw;max-width:290px;margin:0 8px}
}
/* ═══════ MM-MARKER-HUB-UX-SLIDER END ═══════ */

/* MM-FIX-INSTRUCTOR-CARD 2026-05-27 — force self-contained dark bg, prevents white-on-white when placed in light contexts */
.mm-instructor-card {
  background: linear-gradient(145deg,#0a0a1e,#1a0a2e) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.mm-instructor-card .mm-inst-name { color: #fff !important; }
.mm-instructor-card .mm-inst-links a { color: rgba(255,255,255,.85) !important; }
/* MM-FIX-INSTRUCTOR-CARD END */


/* MM-TRISQU 2026-05-28: triangle→circle hero BGs.
   Three variants: .mm-ts1 (outward bloom), .mm-ts2 (rotated sets, outlined),
   .mm-ts3 (static rotating circle). Apply on any [section] alongside existing
   hero classes (e.g. class="mm-immersive mm-ts2"). DOM is injected by
   mm-trisqu.js — these styles only handle layout + animation.

   Palette CSS vars are scoped to each variant; override per-page by setting
   them on the section element. */

.mm-ts1, .mm-ts2, .mm-ts3 {
  position: relative;
  overflow: hidden;
}
.mm-ts1 .mm-ts-bg,
.mm-ts2 .mm-ts-bg,
.mm-ts3 .mm-ts-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  --c1:#7df9ff; --c2:#ff6ec7; --c3:#a78bfa; --c4:#ffd166;
  --c5:#4ade80; --c6:#f97316; --c7:#38bdf8; --c8:#e879f9;
  --c9:#facc15; --cA:#fb7185; --cB:#22d3ee; --cC:#c084fc;
  background:
    radial-gradient(1200px 800px at 70% 20%, rgba(167,139,250,.18), transparent 60%),
    radial-gradient(900px 700px at 20% 80%, rgba(125,249,255,.14), transparent 60%),
    radial-gradient(1400px 1000px at 50% 50%, rgba(11,15,42,.55) 0%, rgba(5,7,26,.65) 60%, rgba(2,3,13,.75) 100%);
}
/* twinkling stars layer */
.mm-ts1 .mm-ts-bg::before,
.mm-ts2 .mm-ts-bg::before,
.mm-ts3 .mm-ts-bg::before {
  content:""; position:absolute; inset:-10%;
  background-image:
    radial-gradient(2px 2px at 20% 30%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 70% 65%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 40% 80%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 85% 15%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 55% 40%, #fff 50%, transparent 51%),
    radial-gradient(2px 2px at 10% 60%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 90% 90%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 30% 10%, #fff 50%, transparent 51%);
  background-size: 600px 600px; opacity:.45;
  animation: mm-ts-drift 60s linear infinite, mm-ts-twinkle 4s ease-in-out infinite;
}
@keyframes mm-ts-drift   { to { transform: translate(60px,-40px); } }
@keyframes mm-ts-twinkle { 50% { opacity:.18 } }

/* Stage = centered square holding wedges */
.mm-ts-stage {
  position: absolute;
  left: 50%; top: 50%;
  width: min(60vh, 520px);
  aspect-ratio: 1 / 1;
  translate: -50% -50%;
  --mx:0; --my:0;
  animation: mm-ts-float 18s ease-in-out infinite;
  transition: filter .4s ease;
}
.mm-ts1:hover .mm-ts-stage,
.mm-ts2:hover .mm-ts-stage,
.mm-ts3:hover .mm-ts-stage { filter: brightness(1.15) saturate(1.1); }
@keyframes mm-ts-float {
  0%,100% { transform: translate(0,0) rotate(0deg); }
  25%     { transform: translate(8px,-10px) rotate(.6deg); }
  50%     { transform: translate(-6px,6px) rotate(-.4deg); }
  75%     { transform: translate(10px,4px) rotate(.3deg); }
}

/* Hero content (Flatsome cols/text) must sit above bg */
.mm-ts1 > .row, .mm-ts2 > .row, .mm-ts3 > .row,
.mm-ts1 > .container, .mm-ts2 > .container, .mm-ts3 > .container { position: relative; z-index: 2; }

/* ===== shared set/wedge styles (used by ts1 + ts2) ===== */
.mm-ts-set {
  position:absolute; inset:0;
  transform-origin: 50% 50%;
  opacity: 0;
  --depth: 1;
  translate:
    calc(var(--mx,0) * var(--depth) * 14px)
    calc(var(--my,0) * var(--depth) * 14px);
  transition: translate .25s ease-out, scale .25s ease-out;
  animation: mm-ts-pop .5s ease-out forwards var(--delay,0s),
             mm-ts-bob 7s ease-in-out infinite calc(var(--delay,0s) + .5s);
}
.mm-ts1:hover .mm-ts-set,
.mm-ts2:hover .mm-ts-set { scale: 1.02; }
@keyframes mm-ts-pop {
  0%   { opacity:0; transform: rotate(var(--set-rot,0deg)) scale(.7); }
  60%  { opacity:1; }
  100% { opacity:1; transform: rotate(var(--set-rot,0deg)) scale(1); }
}
@keyframes mm-ts-bob {
  0%,100% { translate: 0 0; }
  50%     { translate: var(--bob-x,3px) var(--bob-y,-3px); }
}
.mm-ts-set svg {
  position:absolute; inset:0; width:100%; height:100%;
  overflow: visible;
  transform: rotate(var(--set-rot,0deg));
  transform-origin: 50% 50%;
}
.mm-ts-set svg polygon {
  stroke-width: 1.6;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 14px currentColor);
}

/* ===== mm-ts1: rings growing outward, filled wedges, larger circle ===== */
.mm-ts1 .mm-ts-set svg polygon { fill-opacity: .55; stroke-opacity: .8; stroke-width: 1; }

/* ===== mm-ts2: rotated sets, outlined only, dense final ===== */
.mm-ts2 .mm-ts-set svg polygon { fill-opacity: .08; stroke-opacity: .9; }

/* ===== mm-ts3: static end-state, slow rotate, calm ===== */
.mm-ts3 .mm-ts-stage { animation: mm-ts-float 24s ease-in-out infinite, mm-ts-spin 80s linear infinite; }
@keyframes mm-ts-spin { to { rotate: 360deg; } }
.mm-ts3 .mm-ts-set { opacity: 1; animation: mm-ts-bob 9s ease-in-out infinite var(--delay,0s); }
.mm-ts3 .mm-ts-set svg polygon { fill-opacity: .05; stroke-opacity: .55; stroke-width: 1; }