:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf3;background:#10131c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1140px;margin:auto;padding:30px 38px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:28px;border-bottom:1px solid #303244}.brand{color:#eef0f7;text-decoration:none;font-size:11px;font-weight:750;letter-spacing:.13em}.brand span{color:#9296ae}.pill{color:#d4c4ff;border:1px solid #574777;padding:8px 12px;border-radius:25px;font-size:9px;letter-spacing:.08em;white-space:nowrap}.intro{padding:42px 0 20px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:750;color:#979eb7;margin:0 0 16px}h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.045em;line-height:1.05;margin:0 0 20px}h1 em{font-style:normal;color:#cbb3ff}.lede{max-width:640px;font-size:16px;line-height:1.7;color:#a7aec5}.metrics{display:grid;grid-template-columns:1.5fr 1fr 1fr;border:1px solid #37384d;border-radius:12px;margin:10px 0 28px;background:#191d2a}.metrics div{padding:22px;border-right:1px solid #37384d;min-width:0}.metrics div:last-child{border:0}.metrics span{display:block;font-size:10px;color:#a2a8c0;margin-bottom:12px}.metrics strong{font-size:clamp(16px,2.3vw,28px);font-weight:600;letter-spacing:-.03em;overflow-wrap:anywhere}.metrics .small{font-size:20px;color:#a6aec1}.workspace{display:grid;grid-template-columns:350px 1fr;background:#181d2b;border:1px solid #36394e;border-radius:12px;overflow:hidden}.controls,.result{padding:26px;min-width:0}.controls{border-right:1px solid #36394e}label{display:block;color:#a6afc5;font-size:12px;margin:16px 0 8px}select,input,button{font:inherit;border-radius:6px;padding:11px;font-size:12px}select,input{width:100%;background:#101522;border:1px solid #484b67;color:#edf0f7}button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:12px 0 0;background:#cbb4ff;color:#201437;font-weight:750;border:0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.note{font-size:11px;line-height:1.7;color:#939db5;margin:18px 0}details{border-top:1px solid #36394e;padding-top:18px;margin-top:22px}summary{font-size:12px;color:#b8bdd2;cursor:pointer}.input-grid{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:6px;align-items:center}.input-grid span{font-size:10px;color:#919bb5}.input-grid label{font-size:10px;margin:0}.input-grid input{padding:8px;font-size:11px;min-width:0}h2{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:0 0 16px}#explanation{font-size:13px;line-height:1.7;color:#adb8cb;min-height:50px}.calculation{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#101522;border:1px solid #414363;border-radius:6px;color:#cebaff;font:11px/1.9 ui-monospace,monospace;margin-top:24px}pre{color:#bcc2dc;font:11px/1.6 ui-monospace,monospace;max-height:310px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.ledger{padding:28px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-head h2{font-size:21px;margin:0}.section-head .eyebrow{margin-bottom:10px}.section-head a{font-size:11px;color:#c6b3f8}.secondary{background:transparent;border:1px solid #4a4d66;color:#bdc4d8;font-size:10px;padding:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;margin-top:20px;white-space:nowrap}th{color:#8c98b2;font-size:10px;font-weight:500}th,td{padding:13px 10px;border-bottom:1px solid #2c3345}td{color:#bcc7db}footer{border-top:1px solid #303244;padding:22px 0;font-size:11px;line-height:1.8;color:#8e9bb2}footer strong{color:#bcc5d9}footer a{color:#c5b2f6}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:740px){main{padding:22px}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #36394e}header{flex-wrap:wrap}.brand span{display:none}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid #37384d}.metrics strong{font-size:25px}.section-head{align-items:flex-start}}