:root{--paper:#000;--paper-raised:#070707;--faint:#111;--hairline:#292929;--hairline-strong:#3a3a3a;--ink:#f7f7f4;--dim:#ffffff8f;--quiet:#ffffff80;--positive:#30d158;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, "Cascadia Mono", monospace;--max-width:1440px}*{box-sizing:border-box;border-radius:0}html{background:var(--paper);min-width:320px;color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.035em;-webkit-font-smoothing:antialiased;text-transform:uppercase;margin:0;font-size:13px;line-height:1.5}button,input{color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-transform:uppercase}button,a,input[type=range]{-webkit-tap-highlight-color:transparent}button{border:0;padding:0}a{color:inherit;text-decoration:none}p,h1,h2,h3,fieldset,legend{margin:0;padding:0}fieldset{border:0}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:1px solid var(--positive);outline-offset:3px}.app-shell{min-height:100dvh;overflow:clip}.topbar{z-index:20;height:53px;max-width:var(--max-width);border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);border-left:1px solid var(--hairline);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000f0;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:0 24px;display:grid;position:sticky;top:0}.wordmark,.byline,.share-button{letter-spacing:.09em;font-size:10px;font-weight:400}.wordmark{min-height:32px;color:var(--ink);justify-self:start;align-items:center;display:flex}.byline{color:var(--quiet)}.share-button{border:1px solid var(--hairline-strong);color:var(--dim);cursor:pointer;background:0 0;justify-self:end;padding:7px 10px;transition:border-color .14s,color .14s,background .14s}.share-button:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}main,footer{max-width:var(--max-width);border-right:1px solid var(--hairline);border-left:1px solid var(--hairline);margin:0 auto}.intro{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:56px;min-height:280px;padding:58px 28px 34px;display:grid}.section-index,.section-heading,.control-heading,.number-field label,.term-field legend{letter-spacing:.09em;color:var(--quiet);font-size:10px}.intro h1{letter-spacing:-.065em;margin-top:20px;font-size:clamp(26px,3.2vw,46px);font-weight:400;line-height:.94}.intro h1 span{color:var(--dim)}.intro-copy{color:var(--dim);gap:10px;padding-bottom:6px;font-size:12px;line-height:1.7;display:grid}.intro-copy p+p{color:var(--quiet)}.workbench{grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.controls{border-right:1px solid var(--hairline);background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--hairline-strong) var(--paper);max-height:calc(100dvh - 53px);padding:24px;position:sticky;top:53px;overflow-y:auto}.control-heading,.section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.control-heading>span,.section-heading>h2{color:var(--ink)}.section-heading>h2{font:inherit;letter-spacing:inherit;font-weight:400}.control-heading button{min-height:28px;color:var(--quiet);letter-spacing:.08em;cursor:pointer;background:0 0;margin:-7px;padding:7px;font-size:9px;transition:color .14s}.control-heading button:hover{color:var(--ink)}.asset-switch{border-top:1px solid var(--hairline-strong);border-left:1px solid var(--hairline-strong);grid-template-columns:1fr 1fr;margin-top:22px;display:grid}.asset-switch button{border-right:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);min-height:42px;color:var(--quiet);letter-spacing:.09em;cursor:pointer;background:0 0;font-size:10px}.asset-switch button:hover{color:var(--ink)}.asset-switch button.active{background:var(--ink);color:var(--paper)}.field-stack{gap:22px;padding:28px 0;display:grid}.number-field label,.term-field legend{margin-bottom:7px;display:block}.number-control{border-bottom:1px solid var(--hairline-strong);min-height:43px;color:var(--dim);align-items:baseline;gap:5px;padding:7px 0 6px;display:flex}.number-control:focus-within{border-color:var(--ink)}.number-control input{width:100%;min-width:0;color:var(--ink);letter-spacing:-.04em;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:22px;font-weight:400;line-height:1}.number-control input::-webkit-inner-spin-button{appearance:none;margin:0}.number-control input::-webkit-outer-spin-button{appearance:none;margin:0}.number-control>span{font-size:12px}.term-options{border-top:1px solid var(--hairline-strong);border-left:1px solid var(--hairline-strong);display:flex}.term-options button{border-right:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);min-height:38px;color:var(--quiet);cursor:pointer;background:0 0;flex:1;font-size:10px}.term-options button:hover{color:var(--ink)}.term-options button.active{background:var(--ink);color:var(--paper)}.borrow-equation{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:.95fr .95fr 1.1fr;margin-top:2px;display:grid}.borrow-equation>*{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:8px 7px;overflow:hidden}.borrow-equation span{color:var(--quiet);font-size:8px}.borrow-equation strong{color:var(--dim);font-size:9px;font-weight:400}.borrow-equation strong:last-child{color:var(--ink)}.control-note{color:var(--quiet);margin-top:22px;font-size:9px;line-height:1.7}.results{min-width:0}.result-section{border-bottom:1px solid var(--hairline);padding:27px 28px 30px}.exchange-grid{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:24px;min-height:245px;padding:36px 0;display:grid}.exchange-number{flex-direction:column;min-width:0;display:flex}.exchange-number>span,.exchange-number small{color:var(--quiet);letter-spacing:.09em;font-size:9px}.exchange-number strong{color:var(--ink);letter-spacing:-.065em;text-overflow:ellipsis;white-space:nowrap;margin:9px 0 7px;font-size:clamp(30px,4.7vw,68px);font-weight:400;line-height:.95;overflow:hidden}.exchange-number-right{text-align:right;align-items:flex-end}.exchange-time{color:var(--quiet);text-align:center;grid-template-columns:1fr;justify-items:center;gap:8px;font-size:9px;display:grid}.exchange-time i{width:100%;color:var(--dim);grid-template-columns:1fr auto;align-items:center;font-size:16px;font-style:normal;display:grid}.exchange-time i:before{background:var(--hairline-strong);content:"";height:1px}.cost-statement{border-top:1px solid var(--hairline);grid-template-columns:1fr auto;align-items:end;gap:20px;padding-top:23px;display:grid}.cost-statement span{max-width:30ch;color:var(--dim);line-height:1.6}.cost-statement strong{letter-spacing:-.055em;font-size:clamp(28px,4vw,56px);font-weight:400;line-height:1}.repayment-bar{border:1px solid var(--hairline-strong);width:100%;height:136px;margin-top:27px;display:flex;overflow:hidden}.principal-segment,.interest-segment{align-items:flex-end;min-width:0;transition:width .28s cubic-bezier(.2,.7,.2,1);display:flex}.principal-segment{background:var(--ink);color:var(--paper)}.interest-segment{color:var(--ink);background:#202020}.principal-segment>span,.interest-segment>span{min-width:0;color:inherit;flex-direction:column;padding:15px;font-size:9px;display:flex}.principal-segment strong,.interest-segment strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:clamp(16px,2vw,25px);font-weight:400;overflow:hidden}.metric-strip{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid}.metric-strip>div,.checkpoint-grid>div{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);flex-direction:column;justify-content:space-between;min-width:0;min-height:88px;padding:13px;display:flex}.metric-strip span,.checkpoint-grid span,.lever-outcome span{color:var(--quiet);letter-spacing:.08em;font-size:8px}.metric-strip strong,.checkpoint-grid strong{color:var(--ink);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,1.8vw,23px);font-weight:400;overflow:hidden}.chart-legend{color:var(--quiet);flex-wrap:wrap;gap:16px;margin-top:25px;font-size:8px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border:1px solid var(--hairline-strong);width:10px;height:10px;display:inline-block}.chart-legend .principal-key{background:#ffffffd1}.chart-legend .interest-key{background:#242424}.chart-legend .selected-key{border-color:var(--positive);background:0 0}.timeline-scroll{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) var(--paper);margin:18px -2px 0;padding:2px 2px 8px;overflow-x:auto}.timeline-bars{align-items:stretch;gap:4px;height:190px;display:flex}.year-bar{min-width:12px;color:var(--quiet);cursor:pointer;background:0 0;flex-direction:column;flex:1 1 0;gap:8px;display:flex}.bar-fill{border:1px solid var(--hairline);background:var(--faint);flex-direction:column;height:160px;transition:border-color .14s,transform .14s;display:flex;position:relative;overflow:hidden}.year-bar:hover .bar-fill{border-color:var(--dim);transform:translateY(-2px)}.year-bar.selected .bar-fill{border-color:var(--positive)}.bar-fill i{flex:none;width:100%;font-style:normal;transition:height .28s cubic-bezier(.2,.7,.2,1);display:block}.bar-interest{background:#242424}.bar-principal{background:#ffffffd1}.bar-year{text-align:center;height:15px;font-size:8px;overflow:visible}.year-bar.selected .bar-year{color:var(--positive)}.checkpoint-control{grid-template-columns:auto minmax(80px,1fr) 42px;align-items:center;gap:18px;margin-top:22px;display:grid}.checkpoint-control label,.checkpoint-control output{color:var(--quiet);font-size:9px}.checkpoint-control output{color:var(--positive);text-align:right}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--hairline-strong);height:1px}input[type=range]::-moz-range-track{background:var(--hairline-strong);height:1px}input[type=range]::-webkit-slider-thumb{background:var(--positive);appearance:none;border:0;width:18px;height:18px;margin-top:-8.5px}input[type=range]::-moz-range-thumb{background:var(--positive);border:0;width:18px;height:18px}.checkpoint{border:1px solid var(--hairline-strong);background:var(--paper-raised);margin-top:22px}.checkpoint-title{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-end;gap:24px;min-height:90px;padding:18px;display:flex}.checkpoint-title>span{color:var(--dim);font-size:10px}.checkpoint-title strong{color:var(--ink);letter-spacing:-.055em;text-align:right;font-size:clamp(25px,4vw,50px);font-weight:400;line-height:1}.checkpoint-grid{grid-template-columns:repeat(4,1fr);display:grid}.checkpoint-grid>div:last-child{border-right:0}.ownership-line{background:var(--hairline);height:6px;margin:18px}.ownership-line span{background:var(--positive);height:100%;transition:width .28s cubic-bezier(.2,.7,.2,1);display:block}.checkpoint>p{max-width:74ch;color:var(--dim);padding:0 18px 18px;font-size:10px;line-height:1.7}.no-debt-statement{text-align:center;align-content:center;justify-items:center;min-height:310px;padding:48px 20px;display:grid}.no-debt-statement>span{color:var(--quiet);font-size:9px}.no-debt-statement>strong{letter-spacing:-.065em;margin-top:12px;font-size:clamp(42px,8vw,108px);font-weight:400;line-height:.95}.no-debt-statement>p{max-width:52ch;color:var(--dim);margin-top:22px;font-size:10px;line-height:1.7}.lever-grid{border:1px solid var(--hairline-strong);background:var(--hairline);grid-template-columns:1fr 1fr;gap:1px;margin-top:25px;display:grid}.lever-card{background:var(--paper-raised);min-width:0;padding:20px}.lever-title{justify-content:space-between;align-items:start;gap:18px;min-height:66px;display:flex}.lever-title>span,.rate-shift>span{color:var(--dim);font-size:9px}.lever-title .number-field{width:145px}.lever-title .number-field label{text-align:right}.lever-title .number-control{min-height:34px;padding-top:3px}.lever-title .number-control input{text-align:right;font-size:18px}.lever-title .number-control>span{font-size:10px}.lever-range{margin:12px 0 18px!important}.lever-outcome{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:1fr 1fr;display:grid}.lever-outcome>div{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);flex-direction:column;justify-content:space-between;min-width:0;min-height:92px;padding:12px;display:flex}.lever-outcome strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,2.6vw,32px);font-weight:400;overflow:hidden}.positive{color:var(--positive)}.lever-card>p{color:var(--quiet);margin-top:16px;font-size:9px;line-height:1.65}.rate-card{flex-direction:column;display:flex}.rate-shift{grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;min-height:100px;display:grid}.rate-shift strong{letter-spacing:-.04em;font-size:clamp(18px,2.4vw,30px);font-weight:400}.rate-shift i{color:var(--quiet);font-style:normal}.closing{border-bottom:1px solid var(--hairline);min-height:390px;padding:92px 28px 42px}.closing>p{letter-spacing:-.065em;max-width:900px;font-size:clamp(26px,3.4vw,50px);line-height:.95}.closing>div{color:var(--quiet);justify-content:space-between;gap:32px;margin-top:86px;font-size:9px;display:flex}footer{min-height:90px;color:var(--quiet);justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;font-size:9px;display:flex}footer span:first-child{color:var(--ink)}@media (max-width:1050px){.workbench{grid-template-columns:280px minmax(0,1fr)}.controls{padding:20px}.exchange-grid{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);gap:14px}.metric-strip,.checkpoint-grid{grid-template-columns:repeat(2,1fr)}.checkpoint-grid>div:nth-child(2),.checkpoint-grid>div:last-child{border-right:0}}@media (max-width:820px){.topbar{padding:0 18px}.intro{grid-template-columns:1fr;gap:34px;min-height:360px;padding:58px 20px 28px}.intro-copy{max-width:48ch}.workbench{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--hairline);max-height:none;padding:24px 20px 28px;position:static;overflow:visible}.field-stack{grid-template-columns:1fr 1fr;column-gap:28px}.asset-switch{max-width:360px}.borrow-equation{max-width:520px}.control-note{max-width:65ch}}@media (max-width:680px){body{font-size:12px}.topbar{grid-template-columns:1fr auto}.byline{display:none}.share-button{font-size:9px}.intro{min-height:330px}.intro h1{font-size:clamp(28px,7vw,34px)}.field-stack{grid-template-columns:1fr}.result-section{padding:24px 20px 27px}.section-heading>span:last-child{text-align:right}.exchange-grid{grid-template-columns:1fr;gap:20px;min-height:0;padding:38px 0 30px}.exchange-number strong{font-size:clamp(45px,14vw,68px)}.exchange-number-right{text-align:left;align-items:flex-start}.exchange-time{grid-template-columns:auto 1fr auto;place-items:center stretch}.exchange-time i{min-width:90px}.cost-statement{grid-template-columns:1fr}.cost-statement strong{font-size:42px}.repayment-bar{height:112px}.principal-segment>span,.interest-segment>span{padding:10px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div,.checkpoint-grid>div{min-height:82px}.checkpoint-title{flex-direction:column;align-items:flex-start;min-height:116px}.checkpoint-title strong{text-align:left}.checkpoint-grid{grid-template-columns:1fr 1fr}.lever-grid{grid-template-columns:1fr}.closing{min-height:430px;padding:74px 20px 34px}.closing>div{flex-direction:column;gap:10px;margin-top:90px}footer{flex-direction:column;align-items:flex-start;padding:26px 20px}}@media (max-width:420px){.wordmark{font-size:9px}.share-button{padding:6px 8px}.repayment-bar span{font-size:7px}.repayment-bar strong{font-size:14px}.metric-strip,.checkpoint-grid{grid-template-columns:1fr}.metric-strip>div,.checkpoint-grid>div{border-right:0;min-height:70px}.lever-title{gap:10px}.lever-title .number-field{width:128px}.lever-outcome{grid-template-columns:1fr}.rate-shift{grid-template-columns:1fr auto}.rate-shift>span{grid-column:1/-1}.rate-shift i{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}