.mbsn-calculator{
    --mbsn-navy:#00294b;
    --mbsn-accent:#314fa6;
    --mbsn-accent-dark:#263f8e;
    --mbsn-accent-soft:#edf3ff;
    --mbsn-accent-line:#cbd8f4;
    --mbsn-border:#dbe2ee;
    --mbsn-border-strong:#cfd7e5;
    --mbsn-muted:#667085;
    --mbsn-bg:#f5f7fb;
    --mbsn-bg-soft:#fbfcfe;
    --mbsn-text:#172033;
    font-family:inherit;
    color:var(--mbsn-text);
    line-height:1.55;
    max-width:1180px;
    margin:56px auto;
}
.mbsn-calculator *{box-sizing:border-box}
.mbsn-grid{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);
    gap:42px;
    align-items:start;
}
.mbsn-form-panel,.mbsn-result{
    border:1px solid var(--mbsn-border);
    border-radius:22px;
    background:#fff;
    box-shadow:0 20px 55px rgba(0,41,75,.10);
}
.mbsn-form-panel{padding:44px;overflow:hidden}
 .mbsn-intro{
    position:relative;
    margin:-44px -44px 42px;
    padding:44px;
    border-bottom:0;
    color:#fff;
    background:
        radial-gradient(circle at 92% 10%,rgba(255,255,255,.17),transparent 28%),
        linear-gradient(135deg,var(--mbsn-navy),var(--mbsn-accent));
}
.mbsn-kicker{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 11px;
    margin-bottom:16px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:12px;
    font-weight:750;
    letter-spacing:.055em;
    text-transform:uppercase;
}
.mbsn-intro h2{
    margin:0 0 14px;
    max-width:820px;
    font-size:clamp(27px,3vw,38px);
    line-height:1.16;
    letter-spacing:-.025em;
    color:#fff;
}
.mbsn-intro p{
    margin:0;
    max-width:780px;
    color:rgba(255,255,255,.88);
    font-size:15px;
    line-height:1.7;
}
.mbsn-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px 28px;
}
.mbsn-wide{grid-column:1/-1}
.mbsn-field label,.mbsn-field legend{
    display:block;
    color:var(--mbsn-text);
    font-size:14px;
    font-weight:700;
    letter-spacing:-.005em;
}
.mbsn-field select,.mbsn-field input[type=number]{
    width:100%;
    min-height:52px;
    margin-top:9px;
    padding:12px 14px;
    border:1px solid var(--mbsn-border-strong);
    border-radius:13px;
    background:#fff;
    color:inherit;
    font:inherit;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.mbsn-field select:hover,.mbsn-field input[type=number]:hover{border-color:#bac7e2}
.mbsn-field select:focus,.mbsn-field input:focus{
    outline:none;
    border-color:var(--mbsn-accent);
    box-shadow:0 0 0 4px rgba(49,79,166,.12);
}
.mbsn-fieldset{border:0;padding:0;margin:0}
.mbsn-radio-row{display:flex;gap:22px;min-height:50px;align-items:center}
.mbsn-radio,.mbsn-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.mbsn-radio input,.mbsn-check input{margin-top:4px}
.mbsn-help,.mbsn-inline-note,.mbsn-warning{
    margin:10px 0 0;
    color:var(--mbsn-muted);
    font-size:13px;
    line-height:1.58;
}
.mbsn-warning{color:#b42318}
.mbsn-input-suffix{position:relative}
.mbsn-input-suffix input{padding-right:58px!important}
.mbsn-input-suffix>span{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-36%);
    color:var(--mbsn-muted);
    font-size:13px;
    pointer-events:none;
}
.mbsn-link-button{
    border:0;
    background:transparent;
    padding:0;
    color:var(--mbsn-accent);
    text-decoration:none;
    cursor:pointer;
    font:inherit;
    font-size:13px;
    font-weight:650;
}
.mbsn-link-button:hover{text-decoration:underline}
.mbsn-notice{
    padding:18px 20px;
    border:1px solid var(--mbsn-accent-line);
    border-left:4px solid var(--mbsn-accent);
    border-radius:13px;
    background:var(--mbsn-accent-soft);
    font-size:13px;
    line-height:1.65;
}
.mbsn-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:40px;
    padding-top:32px;
    border-top:1px solid #edf2f7;
}
.mbsn-button,.mbsn-button-secondary{
    min-height:50px;
    padding:13px 22px;
    border-radius:13px;
    font:inherit;
    font-weight:750;
    cursor:pointer;
    transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
.mbsn-button{
    border:1px solid var(--mbsn-accent);
    background:var(--mbsn-accent);
    color:#fff;
    box-shadow:0 8px 18px rgba(49,79,166,.20);
}
.mbsn-button-secondary{border:1px solid #bac7e2;background:#fff;color:var(--mbsn-accent)}
@media(hover:hover) and (pointer:fine){
    .mbsn-button:hover{transform:translateY(-1px);background:var(--mbsn-accent-dark);box-shadow:0 10px 24px rgba(49,79,166,.24)}
    .mbsn-button-secondary:hover{border-color:#bac7e2;background:var(--mbsn-accent-soft)}
}
.mbsn-error{min-height:22px;margin:10px 0 0;color:#b42318;font-weight:650;font-size:13px}
.mbsn-result{
    position:sticky;
    top:24px;
    overflow:hidden;
    border-color:var(--mbsn-border);
}
.mbsn-result-head{
    position:relative;
    padding:36px 34px 34px;
    background:
        radial-gradient(circle at 92% 10%,rgba(255,255,255,.14),transparent 30%),
        linear-gradient(135deg,var(--mbsn-navy),var(--mbsn-accent));
    border-bottom:1px solid rgba(255,255,255,.15);
}
 .mbsn-result-head:before{display:none}
.mbsn-result-head span{display:block;color:rgba(255,255,255,.74);font-size:12px;font-weight:750;letter-spacing:.025em;text-transform:uppercase}
.mbsn-result-head strong{
    display:block;
    margin-top:10px;
    color:#fff;
    font-size:clamp(36px,5vw,52px);
    line-height:1.04;
    letter-spacing:-.04em;
}
.mbsn-result-head small{display:block;margin-top:5px;color:rgba(255,255,255,.72);font-size:13px}
.mbsn-summary{margin:0;padding:18px 30px}
.mbsn-summary div{display:flex;justify-content:space-between;gap:22px;padding:18px 0;border-bottom:1px solid #edf2f7}
.mbsn-summary div:last-child{border-bottom:0}
.mbsn-summary dt{color:var(--mbsn-muted);font-size:13px;line-height:1.45}
.mbsn-summary dd{margin:0;text-align:right;font-weight:750;color:var(--mbsn-navy)}
.mbsn-total{
    margin:8px 30px 28px;
    padding:18px 20px;
    border:1px solid var(--mbsn-accent-line);
    border-radius:14px;
    background:var(--mbsn-accent-soft);
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
}
.mbsn-details{margin:0 30px 26px;border-top:1px solid var(--mbsn-border);padding-top:20px}
.mbsn-details summary{font-weight:750;cursor:pointer;color:#172033}
.mbsn-formula{padding-top:12px;color:var(--mbsn-muted);font-size:13px;line-height:1.65;word-break:break-word}
.mbsn-legal-note{margin:0 30px 30px;padding-top:20px;border-top:1px solid var(--mbsn-border);color:var(--mbsn-muted);font-size:13px;line-height:1.65}
.mbsn-legal-note strong{color:#172033}
.mbsn-sources{
    margin-top:42px;
    padding:22px 26px;
    border:1px solid var(--mbsn-border);
    border-radius:16px;
    background:var(--mbsn-bg);
    color:var(--mbsn-muted);
    font-size:13px;
    line-height:1.7;
}
.mbsn-sources p{margin:0}
.mbsn-sources a{color:var(--mbsn-accent)}
[hidden]{display:none!important}

.mbsn-combined-wrap{
    padding:24px;
    border:1px solid var(--mbsn-border);
    border-radius:16px;
    background:var(--mbsn-bg);
}
.mbsn-combined-head strong{font-size:16px;color:var(--mbsn-navy)}
.mbsn-combined-head .mbsn-help{margin-top:7px}
.mbsn-combined-rows{display:grid;gap:16px;margin-top:20px}
.mbsn-combined-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
    gap:16px;
    align-items:end;
    padding:18px;
    border:1px solid var(--mbsn-border);
    border-radius:14px;
    background:#fff;
}
.mbsn-remove-row{
    min-height:46px;
    padding:10px 14px;
    border:1px solid var(--mbsn-border-strong);
    border-radius:11px;
    background:#fff;
    color:var(--mbsn-text);
    font:inherit;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}
.mbsn-remove-row:disabled{opacity:.45;cursor:not-allowed}
.mbsn-add-row{margin-top:18px}
.mbsn-combined-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.mbsn-combined-preview>div{
    min-width:0;
    padding:15px 16px;
    border:1px solid var(--mbsn-border);
    border-radius:12px;
    background:#fff;
}
.mbsn-combined-preview span{display:block;margin-bottom:5px;color:var(--mbsn-muted);font-size:12px}
.mbsn-combined-preview strong{display:block;color:var(--mbsn-navy);font-size:15px;overflow-wrap:anywhere}


.mbsn-calculator input[type=checkbox],.mbsn-calculator input[type=radio]{accent-color:var(--mbsn-accent)}
.mbsn-combined-row:focus-within{border-color:#9ab0df;box-shadow:0 0 0 4px rgba(49,79,166,.09)}
.mbsn-details summary{color:var(--mbsn-accent)}
.mbsn-total strong{color:var(--mbsn-navy)}

@media(max-width:860px){
    .mbsn-calculator{margin:38px auto}
    .mbsn-grid{grid-template-columns:1fr;gap:28px}
    .mbsn-result{position:static}
    .mbsn-form-panel{padding:30px}
    .mbsn-intro{margin:-30px -30px 36px;padding:34px 30px}
}
@media(max-width:760px){.mbsn-combined-preview{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
    .mbsn-calculator{margin:28px auto}
    .mbsn-fields{grid-template-columns:1fr;gap:24px}
    .mbsn-wide{grid-column:auto}
    .mbsn-form-panel{padding:22px}
    .mbsn-intro{margin:-22px -22px 30px;padding:30px 22px}
    .mbsn-summary{padding-left:20px;padding-right:20px}
    .mbsn-total,.mbsn-details,.mbsn-legal-note{margin-left:20px;margin-right:20px}
    .mbsn-result-head{padding:28px 22px 26px}
    .mbsn-radio-row{flex-wrap:wrap}
    .mbsn-combined-row{grid-template-columns:1fr}
    .mbsn-remove-row{width:100%}
    .mbsn-combined-preview{grid-template-columns:1fr}
    .mbsn-sources{margin-top:30px;padding:18px 20px}
}