@font-face{font-family:FinanceMVCU;src:url('/assets/mvcu/PublicSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:FinanceMVCU;src:url('/assets/mvcu/PublicSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:FinanceMVCU;src:url('/assets/mvcu/PublicSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
.mvcu-demo{font-family:FinanceMVCU,Arial,sans-serif;color:#073567;background:#fff;padding:clamp(20px,4vw,52px);border:1px solid #e0e7ee;border-radius:4px;line-height:1.5;isolation:isolate;min-width:0}
.mvcu-demo *{box-sizing:border-box}
.mvcu-demo button,.mvcu-demo input{font:inherit}
.mvcu-demo button{cursor:pointer}
.mvcu-demo button:focus-visible,.mvcu-demo input:focus-visible{outline:3px solid #1476bf;outline-offset:4px}
.mvcu-demo .mvcu-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #e3e9ef}
.mvcu-demo .mvcu-brand img{width:218px;max-width:58%;height:auto}
.mvcu-demo .mvcu-brand>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#607489;text-align:right}
.mvcu-demo .mvcu-intro{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:30px 0}
.mvcu-demo .mvcu-eyebrow{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#d12030}
.mvcu-demo h3{font-size:clamp(26px,3.3vw,39px);letter-spacing:-.035em;line-height:1.15;margin:0;font-weight:700;color:#073567}
.mvcu-demo .mvcu-reset{border:0;background:none;padding:8px 0;color:#526c85;font-size:12px;white-space:nowrap}
.mvcu-demo .mvcu-reset span{display:inline-block;margin-left:8px;font-size:22px;vertical-align:middle}
.mvcu-demo .mvcu-workspace{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:38px}
.mvcu-demo .mvcu-controls{max-width:390px;min-width:0}
.mvcu-demo .mvcu-controls>label{font-weight:600;font-size:14px}
.mvcu-demo .mvcu-money-field{display:flex;align-items:center;border-bottom:2px solid #073567;margin:8px 0 20px;font-size:34px;letter-spacing:-.04em}
.mvcu-demo .mvcu-money-field>span{color:#7e92a4}
.mvcu-demo .mvcu-money-field input{width:100%;min-width:0;border:0;background:transparent;color:#073567;padding:3px 9px;font-weight:600;font-size:inherit;appearance:textfield;-moz-appearance:textfield}
.mvcu-demo input[type=number]::-webkit-inner-spin-button{appearance:none}
.mvcu-demo input[type=range]{width:100%;display:block;accent-color:#d12030;cursor:pointer;height:20px;margin:0}
.mvcu-demo .mvcu-range-ends{display:flex;justify-content:space-between;font-size:11px;color:#607489;margin-top:5px}
.mvcu-demo .mvcu-control-note{font-size:12px;color:#607489;line-height:1.6;margin:16px 0 0}
.mvcu-demo .mvcu-result{background:#073567;color:white;padding:25px 28px;border-radius:4px;display:flex;flex-direction:column;min-width:0;border-bottom:5px solid #d12030}
.mvcu-demo .mvcu-result>span:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#c3d6e7}
.mvcu-demo .mvcu-result>strong{font-size:clamp(30px,4vw,46px);line-height:1.3;letter-spacing:-.04em;margin:6px 0;overflow-wrap:anywhere}
.mvcu-demo .mvcu-earned{font-size:14px}.mvcu-demo .mvcu-earned>span{font-weight:700}
.mvcu-demo .mvcu-rate{font-size:11px;color:#c3d6e7;margin-top:14px}
.mvcu-demo .mvcu-chart-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px}
.mvcu-demo .mvcu-legend{display:flex;gap:15px;color:#607489;font-size:11px}
.mvcu-demo .mvcu-legend span{white-space:nowrap}.mvcu-demo .mvcu-legend i{display:inline-block;width:8px;height:8px;background:#dfe8f1;margin-right:5px}
.mvcu-demo .mvcu-legend span:last-child i{background:#d12030}
.mvcu-demo .mvcu-chart svg{display:block;width:100%;height:auto;margin-top:22px;overflow:visible}
.mvcu-demo .mvcu-terms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.mvcu-demo .mvcu-terms button{border:1px solid transparent;background:#f4f7f9;color:#073567;border-radius:3px;padding:12px 3px;display:flex;flex-direction:column;gap:3px;align-items:center;min-width:0}
.mvcu-demo .mvcu-terms button[aria-pressed=true]{border-color:#d12030;background:#fff3f3;box-shadow:inset 0 -2px #d12030}
.mvcu-demo .mvcu-terms button:hover{background:#eaf0f5}.mvcu-demo .mvcu-terms span{font-size:12px;font-weight:600;white-space:nowrap}
.mvcu-demo .mvcu-terms strong{font-size:14px;color:#b31725;overflow-wrap:anywhere}
.mvcu-demo .mvcu-terms small{font-size:10px;color:#607489}
.mvcu-demo .mvcu-disclosure{font-size:11px;color:#607489;line-height:1.65;margin:25px 0 0;padding-top:18px;border-top:1px solid #e3e9ef}
@media(max-width:650px){.mvcu-demo .mvcu-intro{align-items:flex-start;gap:12px;flex-direction:column;margin:24px 0}.mvcu-demo .mvcu-reset{padding:0}.mvcu-demo .mvcu-workspace{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.mvcu-demo .mvcu-controls{max-width:none}.mvcu-demo .mvcu-result{padding:22px}.mvcu-demo .mvcu-chart-heading{align-items:flex-start;flex-direction:column;gap:8px}.mvcu-demo .mvcu-terms{gap:4px}.mvcu-demo .mvcu-terms span{font-size:10px}.mvcu-demo .mvcu-terms strong{font-size:11px}.mvcu-demo .mvcu-terms small{font-size:9px}.mvcu-demo .mvcu-brand>span{font-size:10px}.mvcu-demo .mvcu-chart svg{margin-top:14px}}