/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/figtree-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/figtree-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/figtree-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/figtree-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/figtree-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/figtree-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/figtree-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/figtree-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/newsreader-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/newsreader-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/newsreader-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/newsreader-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/newsreader-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/newsreader-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/newsreader-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/newsreader-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/newsreader-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/newsreader-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/newsreader-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/newsreader-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

#mf * { box-sizing: border-box; }
#mf a { color: #0E8C7A; text-decoration: none; }
#mf a:hover { color: #F5A623; }
.outcomes-section { background: #F1F6F4; }
.outcomes-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.outcome-card { height: 100%; padding: 32px 28px; background: #FFFFFF; border: 1px solid #E3E6E2; border-radius: 22px; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.outcome-card:hover { transform: translateY(-3px); border-color: rgba(14, 140, 122, 0.28); box-shadow: 0 12px 28px rgba(22, 33, 29, 0.08); }
.outcome-bar { height: 7px; border-radius: 99px; background: #5FB9AC; margin-bottom: 18px; }
.outcome-card h3 { margin: 0 0 8px; color: #16211D; font-family: 'Newsreader', serif; font-weight: 600; font-size: 23px; }
.outcome-card p { margin: 0; color: #5C6C66; font-size: 16px; line-height: 1.55; }
@media (max-width: 900px) {
  .outcomes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .outcomes-grid { grid-template-columns: 1fr; }
}

.hero-grid { grid-template-columns: 1.05fr 0.95fr; }
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; }
}

.how-it-works-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .how-it-works-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .how-it-works-grid { grid-template-columns: 1fr; }
}

/* --- quiz card interactive states (were inline via {{ }} bindings in the DC runtime) --- */
.q-option { display:flex; align-items:center; gap:14px; width:100%; text-align:left; padding:15px 16px; border-radius:14px; border:1.5px solid #E3E6E2; background:#FFFFFF; cursor:pointer; font:500 16px/1.2 'Figtree',sans-serif; color:#16211D; transition:all .15s ease; margin-bottom:10px; }
.q-option.selected { border-color:#0E8C7A; background:#EAF4F1; box-shadow:0 0 0 3px #EAF4F1; }
.q-option-dot { flex:0 0 auto; width:22px; height:22px; border-radius:50%; border:2px solid #E3E6E2; display:flex; align-items:center; justify-content:center; }
.q-option.selected .q-option-dot { border-color:#0E8C7A; }
.q-option-dot-inner { display:block; width:10px; height:10px; border-radius:50%; background:transparent; }
.q-option.selected .q-option-dot-inner { background:#0E8C7A; }
.q-option-label-wrap { display:flex; flex-direction:column; }
.q-option-label { font:600 16px 'Figtree',sans-serif; color:#16211D; }
.q-option-sub { font:400 13px 'Figtree',sans-serif; color:#5C6C66; }

.q-field { display:flex; flex-direction:column; gap:6px; }
.q-field-label { font:600 13px 'Figtree',sans-serif; color:#16211D; }
.q-input { width:100%; padding:13px 14px; border-radius:12px; border:1.5px solid #E3E6E2; background:#FFFFFF; font:500 16px 'Figtree',sans-serif; color:#16211D; outline:none; box-sizing:border-box; }

.q-consent { display:flex; align-items:flex-start; gap:10px; margin:2px 0 4px; cursor:pointer; }
.q-checkbox { width:20px; height:20px; margin-top:2px; accent-color:#0E8C7A; flex:0 0 auto; }
.q-consent-text { font:400 13px/1.45 'Figtree',sans-serif; color:#5C6C66; }

.q-submit { margin-top:4px; width:100%; padding:15px; border-radius:14px; border:none; background:#E3E6E2; color:#5C6C66; font:700 17px 'Figtree',sans-serif; cursor:not-allowed; transition:all .15s ease; }
.q-submit.enabled { background:#0E8C7A; color:#ffffff; cursor:pointer; }
.q-reassure { margin:2px 0 0; text-align:center; font:500 12px 'Figtree',sans-serif; color:#5C6C66; }
.q-back { margin-top:14px; background:none; border:none; padding:6px 0; font:600 14px 'Figtree',sans-serif; color:#5C6C66; cursor:pointer; }

.q-done-wrap { text-align:center; padding:6px 0; }
.q-done-badge { width:56px; height:56px; border-radius:50%; background:#0E8C7A; color:#ffffff; font:700 26px 'Figtree',sans-serif; display:flex; align-items:center; justify-content:center; margin:4px auto 16px; }
.q-done-title { margin:0 0 10px; font:600 26px/1.15 'Newsreader',serif; color:#16211D; letter-spacing:-0.01em; }
.q-done-body { margin:0 auto 20px; max-width:340px; font:400 15px/1.5 'Figtree',sans-serif; color:#5C6C66; }
.q-done-card { text-align:left; background:#EAF4F1; border-radius:14px; padding:14px 16px; display:flex; flex-direction:column; gap:8px; }
.q-done-row { display:flex; justify-content:space-between; gap:12px; font:500 14px 'Figtree',sans-serif; }
.q-done-key { color:#5C6C66; }
.q-done-val { color:#16211D; font-weight:600; }

.faq-icon { flex:0 0 auto; width:28px; height:28px; border-radius:8px; background:#E5F3F0; color:#0E8C7A; display:flex; align-items:center; justify-content:center; font:400 22px 'Figtree',sans-serif; transition:transform .2s ease; }

#mf a.footer-link { color:#8FD3C3; text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(143,211,195,0.45); transition:color .15s ease, text-decoration-color .15s ease; }
#mf a.footer-link:hover { color:#F5A623; text-decoration-color:#F5A623; }
.faq-icon.open { transform: rotate(45deg); }