:root{--ink:#112c37;--paper:#f6f5ef;--white:#fff;--muted:#50646b;--line:#cbd5d5;--mint:#dcefe8;--teal:#176855;--orange:#ed9c54;--radius:16px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd5800;outline-offset:4px}input,select,textarea{min-width:0;border:1px solid #9caeb0;border-radius:7px;background:#fff;color:var(--ink);padding:12px;width:100%}input,select{min-height:46px}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;padding:14px;background:#fff;z-index:20}.skip:focus{top:10px}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:850;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.logo{font-size:27px;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--ink);color:#fff}.header nav,.footer nav{display:flex;gap:23px;flex-wrap:wrap}.header nav a{color:var(--ink);font-size:14px;font-weight:650;text-decoration:none}.header nav a:hover,.footer a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.35fr .8fr;gap:70px;align-items:center;padding-block:65px 56px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--teal);margin:0 0 18px}.hero h1{font-size:clamp(42px,5.2vw,65px);letter-spacing:-.055em;line-height:1.03;margin:0 0 24px;max-width:750px}.hero h1 em{font-style:normal;color:var(--teal)}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:680px}.hero .lead{max-width:570px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.tags span{font-size:12px;padding:8px 11px;border:1px solid var(--line);border-radius:30px;background:#fff}.hero-graphic{background:var(--ink);border-radius:18px;padding:29px;color:#fff;box-shadow:9px 9px 0 #dce6e2;transform:rotate(2deg)}.graphic-head{display:flex;align-items:center;justify-content:space-between;font:12px ui-monospace,monospace;color:#c4d8d7;border-bottom:1px solid #52656c;padding-bottom:22px}.graphic-numeral{font-size:42px;font-weight:760;letter-spacing:-2px;margin:24px 0 5px}.graphic-caption{font-size:13px;color:#cad8d8;line-height:1.6}.file-track{height:9px;background:#4d6267;border-radius:9px;margin:24px 0 20px;overflow:hidden}.file-track span{display:block;width:72%;height:100%;background:var(--orange)}.graphic-equation{font:12px/1.8 ui-monospace,monospace;color:#deebe7}.section-label{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:16px}.section-label h2{margin:0;font-size:25px;letter-spacing:-.7px}.section-label span{font:12px ui-monospace,monospace;color:var(--muted)}.planner-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);gap:22px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.step{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--teal);margin-bottom:10px}h2,h3{line-height:1.2}h3{font-size:21px;margin:0 0 10px;letter-spacing:-.4px}.small{font-size:13px;color:var(--muted);line-height:1.65}.file-row{display:grid;grid-template-columns:minmax(110px,1.3fr) minmax(90px,.8fr) minmax(80px,.65fr);gap:10px;border-top:1px solid #e1e7e6;padding:18px 0 11px;margin-top:15px}.file-row label,.rate-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.remove{grid-column:3;justify-self:end;border:0;background:none;color:var(--muted);text-decoration:underline;padding:4px;font-size:12px}.secondary{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:7px;padding:10px 15px;font-size:13px;font-weight:700;min-height:42px}.rate-section{margin-top:27px;padding-top:25px;border-top:1px solid var(--line)}.rate-grid{display:grid;grid-template-columns:1fr .85fr 1fr;gap:12px;margin-top:18px}.help{margin:11px 0 0;font-size:12px;line-height:1.65;color:var(--muted)}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}.primary{background:var(--teal);border:1px solid var(--teal);border-radius:8px;padding:14px 22px;color:#fff;font-size:15px;font-weight:750;min-height:48px}.primary:hover{background:#0b4f3f}.text-button{border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline;padding:9px 0}.error{color:#9b2111;font-weight:650;font-size:14px;line-height:1.5}.error:empty{display:none}.result{background:var(--ink);color:#fff;border:0;margin-bottom:20px}.result h3{font-size:14px;letter-spacing:.01em;color:#b7d9ce;font-weight:600}.time-value{font-size:clamp(26px,3vw,38px);font-weight:760;letter-spacing:-1.4px;line-height:1.12;margin:12px 0;overflow-wrap:anywhere}.result .small{color:#bdd3d0}.result-detail{padding-top:20px;margin-top:20px;border-top:1px solid #52656c}.metric{font-size:19px;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.bar{min-width:0;border-radius:4px;font-size:0;height:9px;padding:0;margin-top:10px}.theoretical{background:#c0dfd3;color:#183e32}.adjusted{width:100%;background:var(--orange);color:#302212}.exports{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.result .secondary{border-color:#b7d1ca;color:#fff;background:transparent;min-height:38px;padding:8px 10px;font-size:11px}.explainer{background:var(--mint);border:0}.explainer h3{font-size:23px;max-width:230px}.explainer p{font-size:14px;line-height:1.75}.formula{font:13px/1.8 ui-monospace,monospace;background:#fff;padding:17px;border-radius:8px;margin:20px 0}.method-row{display:flex;gap:14px;margin-top:18px}.method-row span{display:grid;place-items:center;flex:0 0 29px;height:29px;background:#bdddd0;border-radius:50%;font-size:12px;font-weight:800}.method-row p{margin:1px 0 0;font-size:13px}.note-band{padding:28px 0 35px;max-width:780px;font-size:13px;color:var(--muted);line-height:1.7}.lower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);padding:36px 0 50px}.lower-grid h3{font-size:17px}.lower-grid p{font-size:13px;line-height:1.75;color:var(--muted)}.footer{border-top:1px solid var(--line);padding-block:26px 35px;display:flex;justify-content:space-between;gap:22px;font-size:12px;color:var(--muted)}.footer a{color:var(--muted)}.prose{max-width:780px;margin:65px auto 80px;line-height:1.8}.prose h1{font-size:clamp(35px,5vw,54px);letter-spacing:-.045em;line-height:1.08;margin:0 0 24px}.prose h2{font-size:25px;margin-top:36px;letter-spacing:-.5px}.prose h3{font-size:19px;margin-top:26px}.prose p,.prose li{font-size:15px;color:#334c55}.prose .lead{font-size:18px}.example{padding:22px;border-left:4px solid var(--teal);background:#e5efe9;border-radius:0 9px 9px 0;margin-block:26px}.example p:first-child{margin-top:0}.example p:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;margin:24px 0;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;vertical-align:top}th{font-weight:750}.table-wrap{overflow-x:auto}.status{font-size:12px;line-height:1.6;min-height:1px}.fallback{margin-top:22px}.fallback textarea{min-height:220px;font:12px/1.5 ui-monospace,monospace}.noscript{padding:20px;background:#fff0d9;border-radius:8px;margin-bottom:20px}[hidden]{display:none!important}
@media(max-width:880px){.hero{gap:35px;grid-template-columns:1.3fr .8fr}.hero h1{font-size:48px}.hero-graphic{padding:22px}.planner-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar .result{margin:0}.sidebar .result[hidden]+.explainer{grid-column:1/-1}.explainer h3{max-width:none}.lower-grid{gap:20px}.hero{padding-top:45px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header{padding-block:19px;gap:16px}.brand{font-size:23px;gap:8px}.logo{width:34px;height:34px;font-size:22px}.header nav{gap:14px}.header nav a{font-size:12px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:28px;padding-block:37px}.hero h1{font-size:47px;letter-spacing:-2.7px}.hero .lead{font-size:16px}.hero-graphic{display:none}.section-label{display:block}.section-label span{display:block;margin-top:8px;font-size:11px}.panel{padding:20px}.file-row{grid-template-columns:minmax(110px,1fr) minmax(85px,.7fr);gap:10px}.file-row label:first-child{grid-column:1/-1}.file-row .remove{grid-column:1/-1;margin-top:3px}.rate-grid{grid-template-columns:1fr 1fr}.rate-grid label:last-child{grid-column:1/-1}.sidebar{display:block}.result{margin-bottom:20px!important}.lower-grid{grid-template-columns:1fr;gap:12px;padding-top:28px}.lower-grid p{margin-top:8px}.footer{display:block}.footer nav{margin-top:18px;gap:19px}.prose{margin-block:40px 55px}.prose h1{font-size:39px}.prose h2{font-size:23px}.prose p,.prose li{font-size:14px}.prose .lead{font-size:16px}.panel-head{display:block}.hero .tags{margin-top:20px}.time-value{font-size:35px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
