:root{--paper:#F6F7F9;--ink:#1C2B4A;--muted:#64748B;--lime:#06B6D4;--line:#E2E4E9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,Helvetica,sans-serif}header,main,footer{max-width:1240px;margin:auto}header{padding:28px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;font-size:25px;font-weight:900;letter-spacing:-1.5px}.brand span{display:block;letter-spacing:0;font-size:9px;font-weight:400;margin-top:4px}.header-note,.section-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px}.intro{padding:72px 40px 60px;position:relative}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;background:#06B6D4;border-radius:50%}h1{font-size:clamp(50px,7.5vw,96px);line-height:1.03;letter-spacing:-5px;margin:26px 0}h1 em{font-style:normal;background:var(--lime);padding:0 12px 5px;margin-left:-12px}.intro p{font-size:19px;line-height:1.6;max-width:520px;color:var(--muted)}.jump{display:inline-flex;gap:45px;align-items:center;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding:14px 0;font-weight:700}.jump span{font-size:24px}.aside{position:absolute;right:40px;bottom:70px;font-size:12px;line-height:1.8;color:var(--muted)}.calculator{margin:0 40px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.inputs,.results{padding:36px}.section-label{color:var(--muted);margin-bottom:24px}h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:0 0 30px}label{display:block;font-size:13px;font-weight:700;line-height:1.6}select,input[type=number],input[type=text]{font:inherit;width:100%;padding:15px;border:1px solid #E2E4E9;border-radius:6px;background:#F6F7F9;color:var(--ink);margin-top:8px}select{font-size:15px;margin-bottom:24px}input[type=number]{font-size:27px;font-weight:700}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:7px}.example{font-size:12px;line-height:1.6;color:var(--muted);margin-top:28px}.custom{margin-bottom:20px}.custom[hidden]{display:none}#error{color:#B42318;font-size:13px}.results{background:var(--ink);color:var(--paper)}.results .section-label{color:#A5D9E6}.quote{font-size:17px;line-height:1.5}.money{font-size:clamp(40px,5vw,65px);font-weight:700;letter-spacing:-3px;color:var(--lime);margin-top:18px;overflow-wrap:anywhere}.money-caption{font-size:12px;color:#BDCCDF;margin:7px 0 28px}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3D4D69;border-bottom:1px solid #3D4D69;padding:23px 0;gap:12px}.metrics strong{display:block;font-size:31px;letter-spacing:-1px;overflow-wrap:anywhere}.metrics span{display:block;font-size:11px;color:#BDCCDF;margin-top:5px}.potential{margin:26px 0}.potential label{font-size:16px;font-weight:400}.potential strong{color:var(--lime)}input[type=range]{width:100%;accent-color:var(--lime);cursor:pointer;margin:22px 0 0}.range-labels{display:flex;justify-content:space-between;color:#BDCCDF;font-size:10px}.potential p{font-size:13px;line-height:1.8}.potential p span{font-size:11px;color:#BDCCDF}button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:var(--ink);border:0;border-radius:6px;padding:18px;font-size:14px;font-weight:700;cursor:pointer}button:hover{background:#22D3EE}button:disabled{opacity:.45;cursor:not-allowed}#status{font-size:10px;color:#BDCCDF;line-height:1.5;margin-bottom:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0E7490;outline-offset:4px}.explanation{margin:70px 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.explanation p{font-size:14px;line-height:1.8;color:var(--muted)}.explanation .formula{font-weight:700;color:var(--ink);font-size:16px;margin-top:0}.formula span{font-weight:400}details{border-top:1px solid var(--line);padding-top:18px}summary{font-size:13px;font-weight:700;cursor:pointer}.closing{border-top:1px solid var(--line);text-align:center;padding:55px 20px 65px}.closing>span{font-size:10px;letter-spacing:2px}.closing h2{font-size:36px;margin:20px 0}.closing p{font-size:15px;line-height:1.7;color:var(--muted)}footer{padding:24px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}@media(max-width:750px){header{padding:22px}.header-note{display:none}.intro{padding:45px 22px 35px}h1{letter-spacing:-2.8px}.intro p{font-size:17px}.aside{position:static;margin-top:23px;font-size:11px}.calculator{margin:0 16px;grid-template-columns:1fr}.inputs,.results{padding:26px 22px}.fields{gap:22px 12px}.fields label{font-size:12px}.money{font-size:56px}.explanation{margin:45px 22px;grid-template-columns:1fr;gap:0}.explanation h2{margin-bottom:24px}.closing h2{font-size:30px}footer{padding:22px;flex-direction:column}.section-label{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.steps{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:12px}.steps b{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);height:24px;width:24px;border-radius:50%;margin-right:6px}.intro .aside{bottom:140px}.intro p strong{color:var(--ink)}.input-intro{color:var(--muted);font-size:14px;line-height:1.7;margin-top:-14px;margin-bottom:24px}.reveal{display:flex;justify-content:space-between;padding:17px;border:1px solid var(--ink);border-radius:6px;font-size:14px;color:var(--ink);text-decoration:none;font-weight:700}.reveal:hover{background:var(--lime)}.result-routine{display:inline-block;border:1px solid #536781;border-radius:20px;padding:6px 12px;font-size:11px;color:#D8E7F0;margin:0 0 17px;overflow-wrap:anywhere;max-width:100%}.potential .section-label{margin:0 0 16px}.time-blocks{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin-top:23px}.time-blocks i{height:30px;border:1px solid #536781;border-radius:3px;background:transparent;transition:background .2s,transform .2s}.time-blocks i.freed{background:var(--lime);border-color:var(--lime);transform:translateY(-3px)}.block-legend{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#BDCCDF;margin-top:9px}.block-legend span:first-child{color:var(--lime)}.freedom{display:flex;align-items:center;gap:16px;margin-top:22px}.freedom>strong{font-size:52px;letter-spacing:-2px;line-height:1;overflow-wrap:anywhere;max-width:65%}.freedom>span{font-size:13px;line-height:1.6}.potential .scenario-note{font-size:10px;color:#BDCCDF}.goal-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px auto;max-width:850px}.goal-buttons button{width:auto;border:1px solid var(--line);background:transparent;display:block;font-size:13px}.goal-buttons button[aria-pressed=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.closing .goal-result{font-size:24px;letter-spacing:-.5px;font-weight:700;color:var(--ink);max-width:650px;margin:28px auto;min-height:58px}.next-step{max-width:620px;background:#EAF5F8;border-radius:10px;margin:30px auto 0;text-align:left;padding:25px}.next-step b{font-size:14px}.next-step p{font-size:14px;margin:10px 0}.next-step span{font-size:11px;color:var(--muted)}@media(max-width:750px){.intro .aside{position:static}.steps{gap:14px;font-size:11px;margin-top:25px}.steps b{width:20px;height:20px}.goal-buttons{flex-direction:column;max-width:340px}.closing .goal-result{font-size:21px}.time-blocks{gap:3px}}@media(prefers-reduced-motion:reduce){.time-blocks i{transition:none}}

/* HEEP Loop / Modern Clarity: navy, cyan, DM Sans & DM Mono */
.brand{display:flex;flex-direction:column;gap:10px;letter-spacing:0}.brand img{display:block;width:210px;height:30px}.brand span{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:0}.header-note{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1px;color:#64748B}header{background:#fff;max-width:none;padding-left:max(40px,calc((100vw - 1160px)/2));padding-right:max(40px,calc((100vw - 1160px)/2))}.intro{background-image:linear-gradient(rgba(28,43,74,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,43,74,.035) 1px,transparent 1px);background-size:32px 32px;border-bottom:1px solid var(--line);margin-bottom:35px}.eyebrow,.section-label,.closing>span{font-family:'DM Mono',monospace;letter-spacing:1px}.eyebrow{color:#0E7490}h1{font-weight:700;letter-spacing:-4px}h1 em{color:#0E7490;background:#DFF3F7;border-radius:5px;padding:0 10px 4px}.jump{color:#0E7490;border-color:#0E7490}.steps b{background:#1C2B4A;color:#67E8F9;font-family:'DM Mono',monospace}.calculator{box-shadow:0 4px 16px rgba(28,43,74,.06)}.results{background:radial-gradient(ellipse at top right,rgba(6,182,212,.12),transparent 65%),#1C2B4A;color:#F6F7F9}.results .section-label{color:#A5D9E6}.money,.potential strong,.block-legend span:first-child{color:#67E8F9}.money,.metrics strong,.freedom>strong{font-variant-numeric:tabular-nums}.money{letter-spacing:-2px}.range-labels,.block-legend,.formula,.example,.money-caption{font-family:'DM Mono',monospace}.money-caption{font-size:11px}.time-blocks i.freed{background:#06B6D4;border-color:#22D3EE}.reveal{border-color:#0E7490;color:#0E7490}.reveal:hover{background:#EAF5F8}button{font-family:'DM Sans',sans-serif;background:#0E7490;color:#fff;border-radius:8px}button:hover{background:#155E75}.results>button{background:#06B6D4;color:#102039}.results>button:hover{background:#22D3EE}.goal-buttons button{color:#1C2B4A;background:#fff}.goal-buttons button:hover{background:#EAF5F8}.goal-buttons button[aria-pressed=true]{background:#1C2B4A;color:#67E8F9}.next-step{border:1px solid #BBDDE5;border-left:3px solid #06B6D4;background:#EFF8FA}.next-step b{color:#0E7490}input[type=range]{accent-color:#06B6D4}input[type=number]{font-family:'DM Sans',sans-serif}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:#06B6D4}@media(max-width:750px){header{padding:22px}.brand img{width:182px;height:26px}h1{letter-spacing:-2.8px}.eyebrow{font-size:9px}.intro{margin-bottom:22px}.money{font-size:52px}.range-labels{font-size:9px}.block-legend{font-size:8px}}