:root{--ink:#10191b;--muted:#637174;--canvas:#eef0eb;--paper:#fbfcf8;--line:#cbd2cb;--lime:#c9f85b;--orange:#ff7043;--radius:3px}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;color:var(--ink);font:500 16px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--canvas)}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font:800 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.07em;text-decoration:none}.brand span{color:var(--muted);font-weight:600}.topbar p{margin:0;color:var(--muted);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.intro{padding:clamp(64px,12vw,132px) 0 72px;max-width:780px}.eyebrow{margin:0 0 20px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:var(--muted)}h1{margin:0;max-width:650px;font-size:clamp(55px,9vw,112px);letter-spacing:-.09em;line-height:.87;text-wrap:balance}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.lede{max-width:480px;margin:34px 0 0;color:var(--muted);font-size:18px;line-height:1.6}.calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.88fr);border:1px solid var(--ink);background:var(--paper)}.inputs{padding:clamp(30px,5vw,60px);border-right:1px solid var(--ink)}.field+.field{margin-top:39px}.field label,.number-field label{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px;font-size:14px;font-weight:750}.field output{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}input[type=range]{appearance:none;width:100%;height:8px;margin:0;border:0;border-radius:20px;background:linear-gradient(90deg,var(--lime) var(--progress,0%),#dfe3dc var(--progress,0%));cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:2px 2px 0 var(--ink)}input[type=range]::-moz-range-thumb{width:19px;height:19px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:2px 2px 0 var(--ink)}.range-scale{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:43px}.number-input{display:flex;align-items:center;border-bottom:1px solid var(--ink)}.number-input input{width:100%;min-width:0;padding:8px 0;border:0;outline:0;background:transparent;color:var(--ink);font:700 25px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em}.number-input span{color:var(--muted);font-size:14px}.fineprint{margin:43px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.result{min-height:520px;padding:clamp(30px,5vw,60px);display:flex;flex-direction:column;background:var(--ink);color:var(--paper)}.result-label{margin:0;color:#b6c0bb;font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.future-value{min-width:0;margin-top:25px;overflow-wrap:anywhere;font-size:clamp(42px,4.3vw,58px);font-weight:800;letter-spacing:-.08em;line-height:.95;font-variant-numeric:tabular-nums}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:auto;padding-top:52px}.result-details div{display:grid;gap:5px}.result-details span{color:#b6c0bb;font-size:12px}.result-details strong{font-size:16px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.bar{height:13px;display:flex;overflow:hidden;margin-top:31px;background:#344043;border-radius:50px}.bar span{width:50%;background:var(--lime);transition:width .25s ease}.bar i{width:50%;background:var(--orange);transition:width .25s ease}.legend{display:flex;gap:17px;margin-top:10px;color:#b6c0bb;font-size:11px}.dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.principal{background:var(--lime)}.interest{background:var(--orange)}footer{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:25px 0 42px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase}input:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:740px){.shell,footer{width:min(calc(100% - 32px),550px)}.topbar{height:70px}.topbar p{display:none}.intro{padding:72px 0 55px}.lede{font-size:16px}.calculator{grid-template-columns:minmax(0,1fr)}.inputs{border-right:0;border-bottom:1px solid var(--ink)}.result{min-width:0;min-height:410px}.future-value{font-size:clamp(38px,12vw,52px)}.split-fields{margin-top:35px}footer{padding:20px 0 32px;flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}