/* SCORECARD PAGE */
.mm-sc-page { min-height: 100vh; }
.mm-sc-progress-bar { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--gray-2); height: 42px; display: flex; align-items: center; gap: 1rem; padding: 0 1.5rem; }
.mm-sc-progress-fill { height: 5px; background: linear-gradient(90deg,var(--terra),var(--gold)); border-radius: 9999px; transition: width .35s var(--ease); flex: 1; }
.mm-sc-progress-label { font-family: var(--font-ui); font-size: .72rem; letter-spacing: .08em; color: var(--gray-4); white-space: nowrap; }
.mm-sc-hero { background: var(--espresso); padding: 3rem 0 2.5rem; text-align: center; }
.mm-sc-hero__title { font-family: var(--font-disp); color: #fff; font-size: clamp(1.6rem,4vw,2.8rem); margin-bottom: .5rem; }
.mm-sc-hero__sub { color: rgba(255,255,255,.65); font-size: 1.05rem; }
.mm-sc-hero__meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.25rem; margin-top: 1rem; }
.mm-sc-hero__meta span { font-family: var(--font-ui); font-size: .72rem; letter-spacing: .07em; color: rgba(255,255,255,.45); }

.mm-sc-step { display: none; }
.mm-sc-step.is-active { display: block; }
.mm-sc-intro { max-width: 620px; margin: 3rem auto; background: #fff; border-radius: var(--r-xl); padding: 2.5rem; box-shadow: var(--shadow-lg); text-align: center; }
.mm-sc-intro h2 { font-family: var(--font-disp); font-size: 1.8rem; margin-bottom: .75rem; }
.mm-sc-scale { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; background: var(--gray-1); border-radius: var(--r-lg); padding: 1.25rem; margin: 1.25rem 0; }
.mm-sc-scale__item { display: flex; flex-direction: column; align-items: center; gap: .25rem; }
.mm-sc-scale__num { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 2px solid var(--gray-2); display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 1.1rem; font-weight: 700; color: var(--espresso); }
.mm-sc-scale__item > span:last-child { font-size: .62rem; font-family: var(--font-ui); letter-spacing: .06em; color: var(--gray-4); text-align: center; max-width: 56px; }
.mm-sc-optin { margin: 1.25rem 0; }
.mm-sc-optin p { font-size: .85rem; color: var(--gray-4); margin-bottom: .75rem; }
.mm-sc-optin__fields { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }

.mm-sc-section-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; padding-bottom: 1.25rem; border-bottom: 2px solid var(--gray-2); }
.mm-sc-section-icon { font-size: 2rem; }
.mm-sc-section-header h2 { font-family: var(--font-disp); font-size: 1.6rem; }
.mm-sc-questions { display: flex; flex-direction: column; gap: 1.75rem; max-width: 720px; margin: 0 auto; }
.mm-sc-q { background: #fff; border-radius: var(--r-xl); padding: 2rem; box-shadow: 0 2px 12px rgba(43,31,20,.07); border: 2px solid var(--gray-1); transition: border-color .2s; }
.mm-sc-q.answered { border-color: rgba(135,168,120,.35); }
.mm-sc-q__num { font-family: var(--font-disp); font-size: 1.5rem; font-weight: 800; color: var(--terra); line-height: 1; margin-bottom: .75rem; }
.mm-sc-q__text { font-family: var(--font-head); font-size: 1.15rem; color: var(--espresso); line-height: 1.4; margin-bottom: 1.25rem; font-weight: 500; }
.mm-sc-options { display: grid; grid-template-columns: repeat(5,1fr); gap: .6rem; }
.mm-sc-opt { display: flex; flex-direction: column; align-items: center; gap: .3rem; padding: .75rem .35rem; border-radius: var(--r-lg); border: 2px solid var(--gray-2); cursor: pointer; transition: all .15s; background: #fff; text-align: center; }
.mm-sc-opt:hover { border-color: var(--terra); background: rgba(224,90,58,.04); }
.mm-sc-opt.selected { border-color: var(--terra); background: rgba(224,90,58,.08); }
.mm-sc-opt__num { width: 36px; height: 36px; border-radius: 50%; background: var(--gray-1); display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 1.1rem; font-weight: 700; color: var(--espresso); transition: all .15s; }
.mm-sc-opt.selected .mm-sc-opt__num { background: var(--terra); color: #fff; }
.mm-sc-opt__lbl { font-family: var(--font-ui); font-size: .58rem; letter-spacing: .05em; text-transform: uppercase; color: var(--gray-4); line-height: 1.3; transition: color .15s; }
.mm-sc-opt.selected .mm-sc-opt__lbl { color: var(--terra); }

.mm-sc-nav { display: flex; align-items: center; justify-content: space-between; padding-top: 2rem; border-top: 1px solid var(--gray-2); margin-top: 2rem; max-width: 720px; margin-inline: auto; gap: 1rem; }
.mm-sc-nav__info { font-family: var(--font-ui); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gray-4); }
.mm-sc-center { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; padding: 5rem 0; }

/* RESULTS */
.mm-results-hero { padding: 4rem 0 3rem; }
.mm-results-hero__inner { display: flex; align-items: center; justify-content: space-between; gap: 3rem; flex-wrap: wrap; }
.mm-results-hero__content { color: #fff; }
.mm-results-hero__content h1 { font-family: var(--font-disp); font-size: clamp(2rem,5vw,3.5rem); font-weight: 800; color: #fff; margin-bottom: 1rem; }
.mm-results-band { display: inline-block; background: rgba(0,0,0,.2); color: #fff; font-family: var(--font-ui); font-size: 1.1rem; font-weight: 700; padding: .5rem 1.5rem; border-radius: var(--r-full); backdrop-filter: brightness(.8); }
.mm-results-meter { position: relative; }
.mm-results-meter svg { display: block; }
.mm-results-meter__label { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }
.mm-results-meter__score { font-family: var(--font-disp); font-size: 2.5rem; font-weight: 800; line-height: 1; }
.mm-results-meter__max   { font-family: var(--font-ui); font-size: .85rem; opacity: .7; }
.mm-results-meter__pct   { font-family: var(--font-ui); font-size: .95rem; font-weight: 700; margin-top: .2rem; }
.mm-meter-arc { transition: stroke-dashoffset 1.8s var(--ease); }

.mm-results-grid { display: grid; grid-template-columns: 1fr 340px; gap: 2rem; align-items: start; }
.mm-results-main { display: flex; flex-direction: column; gap: 1.5rem; }
.mm-results-sidebar { display: flex; flex-direction: column; gap: 1.5rem; position: sticky; top: 90px; }
.mm-results-analysis__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
.mm-results-analysis__header h2 { font-family: var(--font-head); font-size: 1.4rem; }
.mm-results-analysis__loading { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 2rem; text-align: center; }
.mm-results-analysis__text { font-family: var(--font-head); font-size: 1.05rem; line-height: 1.85; color: var(--gray-5); }
.mm-results-analysis__text p + p { margin-top: 1rem; }
.mm-results-sections { display: flex; flex-direction: column; gap: 1.25rem; }
.mm-results-section { display: flex; flex-direction: column; }
.mm-results-section__header { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.mm-results-section__icon { font-size: 1.3rem; flex-shrink: 0; }
.mm-results-section__header > div { flex: 1; }
.mm-results-section__header strong { display: block; font-size: 1rem; color: var(--espresso); }
.mm-results-section__header .mm-resource-meta { margin: 0; }
.mm-results-bar { height: 100%; border-radius: 9999px; transition: width 1.2s var(--ease); }
.mm-results-invalid { min-height: 60vh; display: flex; align-items: center; }
.mm-results-cta-icon { font-size: 2.5rem; margin-bottom: .75rem; }
.card--cta { text-align: center; }
.card--cta h3 { font-family: var(--font-head); font-size: 1.2rem; margin-bottom: .5rem; }
.card--cta p { font-size: .88rem; color: var(--gray-5); margin-bottom: 1.25rem; }
.mm-share-btns { display: flex; flex-wrap: wrap; gap: .5rem; }
.mm-share-btn { flex: 1; min-width: 80px; padding: .5rem .75rem; border-radius: var(--r-md); font-family: var(--font-ui); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-align: center; text-decoration: none; cursor: pointer; border: none; transition: all .15s; }
.mm-share-btn--wa   { background: #25d366; color: #fff; }
.mm-share-btn--fb   { background: #1877f2; color: #fff; }
.mm-share-btn--copy { background: var(--gray-1); color: var(--espresso); }
.mm-share-btn:hover { opacity: .85; transform: translateY(-1px); }
.mm-more-link { display: flex; align-items: center; justify-content: space-between; padding: .75rem; border-radius: var(--r-md); border: 1px solid var(--gray-2); font-family: var(--font-ui); font-size: .82rem; font-weight: 600; color: var(--espresso); text-decoration: none; margin-bottom: .5rem; transition: all .15s; }
.mm-more-link:hover { border-color: var(--terra); color: var(--terra); background: rgba(224,90,58,.04); }

@media (max-width:1024px) { .mm-results-grid { grid-template-columns: 1fr; } .mm-results-sidebar { position: static; } }
@media (max-width:640px) { .mm-sc-options { grid-template-columns: repeat(5,1fr); } .mm-sc-opt { padding: .5rem .2rem; } .mm-sc-opt__num { width: 28px; height: 28px; font-size: .95rem; } .mm-sc-optin__fields { grid-template-columns: 1fr; } .mm-sc-nav { flex-wrap: wrap; justify-content: center; } }

/* ── RESULTS TOP ROW ── */
.mm-results-top-row { display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;margin-bottom:2rem;align-items:start; }
.mm-results-breakdown-card { background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 24px rgba(44,26,14,.07);border:1px solid rgba(135,174,115,.2); }
.mm-results-breakdown-card h2 { font-size:1.3rem;font-weight:900;color:var(--espresso);margin-bottom:1.5rem; }
.mm-results-analysis-panel { background:#2C1A0E;border-radius:16px;padding:2rem;box-shadow:0 8px 40px rgba(44,26,14,.25);display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden; }
.mm-results-analysis-panel::before { content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:#E2725B;opacity:.08;border-radius:50%;pointer-events:none; }
.mm-results-analysis-panel__header { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem; }
.mm-analysis-eyebrow { display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#87AE73;margin-bottom:.4rem; }
.mm-analysis-title { font-size:1.25rem;font-weight:900;color:#FDFBD4;margin:0;line-height:1.2; }
.mm-analysis-icon { font-size:2rem;flex-shrink:0;opacity:.8; }
.mm-results-analysis-panel__text { color:#FDFBD4;font-size:1rem;line-height:1.85;font-weight:500;flex:1; }
.mm-results-analysis-panel__text p { color:rgba(253,251,212,.9);margin-bottom:1rem;line-height:1.85; }
.mm-results-analysis-panel__text p:last-child { margin-bottom:0; }
.mm-results-analysis-panel__loading { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 0;flex:1; }
.mm-results-analysis-panel__loading p { color:rgba(253,251,212,.6);font-size:.9rem;margin:0; }
.mm-analysis-spinner { width:36px;height:36px;border:3px solid rgba(253,251,212,.15);border-top-color:#E2725B;border-radius:50%;animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.mm-analysis-cta { margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(253,251,212,.12); }
.mm-analysis-cta-btn { display:block;text-align:center;background:#E2725B;color:#fff;font-weight:700;font-size:.875rem;text-decoration:none;padding:.9rem 1.5rem;border-radius:8px;transition:background .2s,transform .2s; }
.mm-analysis-cta-btn:hover { background:#c45a43;transform:translateY(-2px);color:#fff; }

/* ── SCORECARD HUB GRID ── */
.mm-sc-hub-grid { display:grid !important; grid-template-columns:repeat(3,1fr); gap:1.75rem; margin-bottom:3rem; }
.mm-sc-hub-card--featured { border:2px solid var(--terra) !important; transform:translateY(-4px); box-shadow:0 8px 32px rgba(226,114,91,.18); }