/* My numbers (8 Nov 2026): one guided plan. Same system as the homepage preview: SF type, headings 500, everything
   else 400, liquid glass cards, iOS segmented controls, generous spacing, one step at a time on phones. */
.mn{--mn-w:min(860px,calc(100% - 2 * var(--hig-gutter,20px)));--mn-ease:cubic-bezier(.2,.8,.2,1);--mn-blue:#0071e3;--mn-soft:#6e6e73;
  padding:120px 0 64px;color:#1d1d1f}
.mn-flow>*{width:var(--mn-w);margin-inline:auto}
.mn h1,.mn h2,.mn h3{font-weight:500;letter-spacing:-.03em;margin:0;text-wrap:balance}
.mn h1{font-size:clamp(40px,6vw,64px);line-height:1.04}
.mn h2{font-size:clamp(24px,3vw,32px);line-height:1.15}
.mn h3{font-size:22px;line-height:1.2}
.mn-head p{margin:14px 0 0;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--mn-soft);max-width:640px}
.mn-back{display:inline-flex;gap:6px;align-items:center;margin-bottom:16px;color:var(--mn-blue);text-decoration:none;font-size:15px}
.mn-dots{display:flex;gap:8px;list-style:none;margin:22px 0 0;padding:0}
.mn-dots li{width:28px;height:5px;border-radius:99px;background:rgba(118,118,128,.18);transition:background .5s var(--mn-ease)}
.mn-dots li.is-done{background:var(--mn-blue)}
.mn-step{margin-top:22px;padding:clamp(18px,3vw,30px);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.84),rgba(255,255,255,.55));
  border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 1px rgba(16,42,84,.04),0 16px 40px rgba(16,42,84,.08),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.mn-step:first-of-type{margin-top:32px}
.mn-step>header{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.mn-num{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--mn-blue);color:#fff;font-size:15px;flex:none}
.mn-seg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.mn-seg button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.75);font:inherit;font-size:15px;color:#1d1d1f;
  cursor:pointer;transition:background .3s var(--mn-ease),color .3s var(--mn-ease),scale .3s var(--mn-ease)}
.mn-seg button:hover{box-shadow:0 6px 20px rgba(0,113,227,.12),0 1px 4px rgba(16,42,84,.06)}
.mn-seg button:active{scale:.97}
.mn-seg button[aria-pressed=true]{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.mn-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.mn-panel[hidden],.mn-pair[hidden],[data-order][hidden]{display:none}
.mn-field{position:relative;display:block;margin-bottom:14px;font-size:14px;color:var(--mn-soft)}
.mn-field>span{display:block;margin-bottom:6px}
.mn-field small{display:block;margin-top:6px;font-size:13px;color:var(--mn-soft)}
.mn-field small a,.mn-estimate a{color:var(--mn-blue)}
.mn-field input:not([type=range]),.mn-field select{width:100%;min-height:50px;padding:0 16px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.92);
  font:inherit;font-size:16px;color:#1d1d1f;outline:none;transition:box-shadow .3s var(--mn-ease)}
.mn-field input:focus,.mn-field select:focus{box-shadow:0 0 0 4px rgba(0,113,227,.16)}
.mn-ac .vc-ac-list{position:absolute;z-index:20;left:0;right:0;top:100%;margin:4px 0 0;padding:6px;list-style:none;border-radius:14px;background:#fff;
  box-shadow:0 18px 40px rgba(16,42,84,.16);max-height:260px;overflow:auto}
.mn-ac .vc-ac-list li{padding:10px 12px;border-radius:10px;cursor:pointer;color:#1d1d1f;font-size:15px}
.mn-ac .vc-ac-list li[aria-selected=true],.mn-ac .vc-ac-list li:hover{background:#f2f2f7}
.mn-estimate,.mn-result{margin:4px 0 14px;font-size:16px;line-height:1.55;color:#3a3a3c}
.mn-estimate:empty,.mn-result:empty{display:none}
.mn-estimate b,.mn-result b,.mn-launch b{font-weight:500;color:#1d1d1f}
.mn-wait{margin:0;font-size:16px;color:var(--mn-soft)}
.mn-wait[hidden]{display:none}
.mn-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mn-card{display:grid;align-content:start;gap:6px;padding:18px;border-radius:22px;background:#fff;box-shadow:0 1px 1px rgba(16,42,84,.04),0 10px 26px rgba(16,42,84,.06);
  animation:mn-in .55s var(--mn-ease) both}
.mn-card:nth-child(2){animation-delay:.05s}.mn-card:nth-child(3){animation-delay:.1s}.mn-card:nth-child(4){animation-delay:.15s}
@keyframes mn-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.mn-card small{font-size:13px;color:var(--mn-soft)}
.mn-card b{font-size:clamp(26px,3vw,34px);font-weight:500;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.mn-card span{font-size:13px;line-height:1.45;color:#3a3a3c}
.mn-card.is-good b{color:#1f8a3b}
.mn-card.is-short b{color:#c4302b}
.mn-note{grid-column:1/-1;margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--mn-soft)}
.mn-launch{margin:16px 0 0;padding:16px 18px;border-radius:18px;background:rgba(0,113,227,.06);font-size:15px;line-height:1.55}
.mn-ahead{margin-top:22px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}
.mn-ahead-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}
.mn-grow{min-width:260px;margin:0}
.mn-grow input{width:100%;accent-color:var(--mn-blue)}
.mn-ahead-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.mn-ahead-row>div{display:grid;gap:4px;padding:16px 18px;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(16,42,84,.06)}
.mn-ahead-row small{font-size:13px;color:var(--mn-soft)}
.mn-ahead-row b{font-size:28px;font-weight:500;letter-spacing:-.02em}
.mn-ahead-row span{font-size:13px;color:#3a3a3c}
.mn-end{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;margin-top:24px;padding:22px;border-radius:24px;background:linear-gradient(160deg,#f2f7ff,#fff)}
.mn-end[hidden],.mn-ahead[hidden]{display:none}
.mn-end img{width:100%;height:auto}
.mn-end p{margin:8px 0 16px;font-size:16px;line-height:1.55;color:#3a3a3c}
.mn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.mn-actions .advisory-button{margin:0}
.mn .launch-small{margin-top:18px}
@media (max-width:700px){
  .mn{padding-top:100px}
  .mn-pair,.mn-cards,.mn-ahead-row{grid-template-columns:1fr}
  .mn-end{grid-template-columns:1fr}.mn-end img{width:110px}
  .mn-actions .advisory-button{width:100%}
}
@media (prefers-reduced-motion:reduce){.mn *{transition:none!important;animation:none!important}}
.mn-alt{margin:4px 0 8px;font-size:14px;color:#6e6e73}.mn-alt:empty{display:none}
/* 9 Nov 2026 — Where each choice leads: room to breathe, staying in red against moving up in green, one clear line after. */
.mn-ahead{margin-top:44px;padding-top:36px}
.mn-ahead-head{align-items:center;gap:16px 28px}
.mn-ahead-head h3{margin:0;font-size:clamp(21px,2.2vw,24px);font-weight:500;letter-spacing:-.015em}
.mn-ahead-row{gap:16px;margin-top:22px}
.mn-ahead-row>div{gap:8px;padding:24px 26px;border-radius:22px}
.mn-ahead-row>:only-child{grid-column:1/-1}
.mn-ahead-row b{font-size:clamp(30px,3.6vw,38px)}
.mn-ahead-row span{font-size:14px;line-height:1.5;color:#3a3a3c}
.mn-stay{background:#fff7f6!important;box-shadow:inset 0 0 0 1px rgba(196,48,43,.14),0 10px 26px rgba(16,42,84,.05)!important}
.mn-stay b{color:#c4302b}
.mn-move{box-shadow:inset 0 0 0 1px rgba(31,138,59,.16),0 10px 26px rgba(16,42,84,.06)!important}
.mn-move b{color:#1f8a3b}
.mn .mn-push{margin:18px 0 0;padding:18px 22px;border-radius:18px;background:#f1f8f3;font-size:17px!important;line-height:1.5;color:#1d1d1f!important}
.mn-push b{font-weight:500;color:#1f8a3b}
.mn-end{margin-top:44px;padding:28px;gap:28px;grid-template-columns:200px minmax(0,1fr)}
.mn-end h3{margin:0;font-size:clamp(20px,2.1vw,23px);font-weight:500;letter-spacing:-.015em}
.mn-end p{margin:12px 0 22px}
.mn .mn-howto{margin:36px 0 0!important;font-size:13px!important;line-height:1.6!important;color:#6e6e73!important;max-width:none}
@media (max-width:760px){
  .mn-ahead{margin-top:36px;padding-top:28px}
  .mn-ahead-row>div{padding:20px}
  .mn-push{font-size:16px;padding:16px 18px}
  .mn-end{grid-template-columns:1fr;gap:16px;padding:22px 20px;margin-top:36px}
  .mn-end img{width:200px;justify-self:center}
  .mn-howto{margin-top:28px}
}
/* Stay or move, today / 5 years / 10 years, in plain words. */
.mn .mn-ahead-lead{margin:10px 0 0!important;font-size:15px!important;line-height:1.5;color:#6e6e73!important}
.mn-ahead-row>div{display:block!important}
.mn-ahead-row h4{margin:0;font-size:17px;font-weight:500;letter-spacing:-.01em;color:#1d1d1f}
.mn .mn-ahead-row p{margin:4px 0 14px!important;font-size:14px!important;line-height:1.45;color:#6e6e73!important}
.mn-years{display:grid;gap:0;margin:0;padding:0;list-style:none}
.mn-years li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "l g";align-items:baseline;column-gap:12px;padding:12px 0;border-top:1px solid rgba(0,0,0,.06)}
.mn-years li span{grid-area:l;font-size:15px;color:#3a3a3c}
.mn-years li b{grid-area:v;font-size:22px;font-weight:500;letter-spacing:-.01em;color:#1d1d1f;text-align:right;font-variant-numeric:tabular-nums}
.mn-years li em{grid-area:g;font-style:normal;font-size:13px;text-align:right;color:#6e6e73}
.mn-years li.is-stay b,.mn-years li.is-stay em{color:#c4302b}
.mn-years li.is-move b,.mn-years li.is-move em{color:#1f8a3b}
.mn-years li:last-child b{font-size:clamp(26px,3vw,30px)}