@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans-variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
:root{--picker-bg:#fff}
.language-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}.language-picker{display:flex;align-items:center;gap:9px;color:#758197;font-size:11px;font-weight:600}.language-picker select{appearance:none;border:1px solid #dfe4ec;border-radius:9px;background:#fff;color:#354155;padding:9px 30px 9px 11px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 2px 8px #25324a08}.language-picker select:focus{outline:2px solid #927df5;outline-offset:2px}.status-chip{max-width:210px;text-align:center;line-height:1.35;white-space:normal}
:root{font-family:'DM Sans',sans-serif;color:#18212f;background:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--muted:#758197;--line:#e9edf3;--purple:#7357ef;--ink:#172235;--mint:#20ad87}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#fff 0,#f5f6fa 62%);min-height:100vh}.shell{max-width:1190px;margin:auto;padding:54px 32px 28px}.hero{max-width:700px;margin:0 auto 36px;text-align:center}.eyebrow,.kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:#7a8498}.eyebrow{display:inline-flex;align-items:center;gap:8px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#7860ee;box-shadow:0 0 0 4px #ece8ff}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(36px,5vw,58px);line-height:1.04;margin:17px 0 15px;font-weight:800;color:#182235}h1 span{color:#7258ee}.hero p{color:#718097;font-size:15px;line-height:1.6;max-width:575px;margin:0 auto}.layout{display:grid;grid-template-columns:minmax(320px,.87fr) minmax(0,1.35fr);gap:20px;align-items:start}.panel{background:#fff;border:1px solid #e8ebf2;border-radius:18px;box-shadow:0 10px 35px #25324a0a}.inputs{padding:25px 26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-heading h2,.chart-head h2{font-size:20px;margin:4px 0 0;letter-spacing:-.035em}.reset{border:0;background:#f4f2ff;color:#7158e9;padding:8px 12px;border-radius:9px;font:600 12px 'DM Sans';cursor:pointer}.reset:hover{background:#ebe7ff}.field{display:block;margin-bottom:19px}.field>span,.funding legend{display:flex;align-items:center;justify-content:space-between;color:#39465a;font-size:12px;font-weight:600;margin-bottom:8px}.field small{color:#9aa4b5;font-weight:500}.field input[type=number]{width:100%;height:43px;border:1px solid #dfe4ec;border-radius:9px;padding:0 12px;color:#1d293b;background:white;font:600 14px 'DM Sans';outline:none;transition:border .15s,box-shadow .15s}.field input[type=number]:focus{border-color:#927df5;box-shadow:0 0 0 3px #eeeaff}.field em{display:block;color:#919bad;font-size:10px;font-style:normal;line-height:1.4;margin-top:6px}.range-row{display:flex;align-items:center;gap:12px}.range-row input{width:100%;accent-color:#765df0}.range-row output{min-width:45px;text-align:right;font-size:13px;color:#6f55e9;font-weight:700}.funding{border:0;border-top:1px solid var(--line);padding:17px 0 0;margin:0 0 17px}.funding legend{justify-content:flex-start;padding:0;margin:0 0 10px}.choice{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #e8ebf2;border-radius:10px;margin-bottom:8px;cursor:pointer;transition:.15s}.choice:has(input:checked){background:#f8f7ff;border-color:#cfc6ff}.choice input{accent-color:#765df0;margin:2px 0 0}.choice b{display:block;font-size:11px;color:#354155}.choice small{display:block;margin-top:4px;font-size:10px;color:#8490a3;line-height:1.4}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.field-grid .field{margin-bottom:14px}.form-note{border-top:1px solid var(--line);padding-top:13px;margin:0;color:#8994a7;font-size:10px;line-height:1.5}.results-column{display:grid;gap:20px}.summary{padding:24px 25px 19px}.summary .panel-heading{margin-bottom:19px}.status-chip{font-size:9px;letter-spacing:.08em;color:#6852d5;background:#f1eeff;padding:7px 9px;border-radius:6px;font-weight:700}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:99px;background:#f7f8fb;border-radius:12px;padding:15px 15px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.metric.primary{background:linear-gradient(130deg,#7259ed,#9277f4);color:white;grid-row:span 2}.metric span{font-size:11px;color:#788499}.metric.primary span,.metric.primary small{color:#e5ddff}.metric strong{font:700 24px Manrope,sans-serif;letter-spacing:-.04em;color:#202c40;margin:6px 0 2px}.metric.primary strong{font-size:33px;color:white}.metric small{font-size:10px;color:#98a2b1}.breakdown{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.break-row{display:flex;justify-content:space-between;padding:5px 0;color:#778398;font-size:10px}.break-row strong{color:#465267;font-size:10px;font-weight:600}.chart-panel{padding:23px 25px 17px}.chart-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:9px}.legend{display:flex;gap:13px;color:#8590a2;font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-profit{background:#7158ee}.legend-payout{background:#2ab18b}.chart-wrap{width:100%;min-height:220px}.chart-wrap svg{width:100%;height:auto;overflow:visible}.chart-foot{display:flex;justify-content:space-between;color:#939dae;font-size:10px;margin-top:-3px}.axis-label{fill:#8b95a7;font:10px 'DM Sans',sans-serif}.grid-line{stroke:#edf0f5;stroke-width:1}.profit-line{fill:none;stroke:#765cf0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.payout-line{fill:none;stroke:#2bb18c;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.area-fill{fill:url(#profitFill)}.current-line{stroke:#a89af7;stroke-dasharray:4 5;stroke-width:1.3}.point{stroke:#fff;stroke-width:3}.tooltip-bg{fill:#1d2940}.tooltip-text{fill:white;font:600 10px 'DM Sans',sans-serif}footer{display:flex;justify-content:space-between;color:#919bad;font-size:10px;padding:19px 2px 0}footer a{color:#7258e9;text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}
@media(max-width:850px){.layout{grid-template-columns:1fr;max-width:660px;margin:auto}.hero{margin-bottom:27px}.inputs{padding:22px}.shell{padding:38px 20px 24px}}@media(max-width:480px){.shell{padding:32px 13px 20px}.hero p{font-size:13px}.summary,.chart-panel{padding:19px 16px}.inputs{padding:20px 17px}.metric{padding:12px}.metric strong{font-size:20px}.metric.primary strong{font-size:28px}.chart-head{align-items:flex-start;gap:10px}.chart-head h2{font-size:17px}.legend{gap:8px;font-size:9px}.chart-wrap{min-height:175px}footer{gap:12px;align-items:flex-start}}

/* Keep result cards inside narrow screens when translated labels or values grow. */
.layout,.layout>*,.results-column,.panel,.metrics,.metric{min-width:0}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.metric span,.metric small,.metric strong{max-width:100%;overflow-wrap:anywhere}
.chart-wrap{min-width:0;overflow:hidden}
.chart-wrap svg{overflow:hidden}
@media(max-width:380px){
  .metrics{grid-template-columns:minmax(0,1fr)}
  .metric.primary{grid-row:auto}
  .summary .panel-heading{gap:12px;flex-wrap:wrap}
  .chart-head,.chart-foot{flex-wrap:wrap;gap:10px}
}