@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f3eb;--ink:#173e38;--muted:#59716a;--line:#d5ded6;--green:#317a67;--lime:#c4df72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:12px 20px}button:hover{background:#e7ecdf}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:4px}header{max-width:1280px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-size:13px;font-weight:700;letter-spacing:.1em;text-decoration:none;color:var(--ink)}.brand span{font-weight:400;color:var(--muted)}main{max-width:1280px;margin:auto;padding:28px 5% 100px}.slide{min-height:62vh}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.16em;font-weight:700;margin:0 0 28px}h1,h2{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.06em;line-height:1.08;margin:0 0 28px}h1{font-size:clamp(48px,7.5vw,94px)}h2{font-size:clamp(34px,5vw,62px)}h3{font-size:21px;margin:16px 0 12px}.lede{font-size:21px;line-height:1.65;max-width:720px;color:var(--muted)}.small{font-size:18px}.names{display:flex;gap:14px;flex-wrap:wrap;margin:36px 0}.names span{border-bottom:2px solid var(--lime);padding:0 6px 10px;font:500 21px Manrope,sans-serif}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);margin:15px 0}.primary:hover{background:var(--green)}.footnote{font-size:12px;line-height:1.65;color:var(--muted);max-width:950px;margin-top:25px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:35px 0}.rules article{border-top:1px solid var(--line);padding-top:22px}.rules p{line-height:1.7;color:var(--muted)}.number{font:500 32px Manrope;color:var(--green)}aside{background:#e6eddc;padding:25px 30px;border-radius:12px;line-height:1.7}aside strong{display:block}.controls{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0 20px}.controls label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}select{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px;border-radius:8px;max-width:100%;font-size:16px}.check{font-size:14px;display:flex;gap:8px;align-items:center}.check input{accent-color:var(--green);width:18px;height:18px}.budget{font-size:15px;color:var(--muted);margin:24px 0}.legend{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:18px 0}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:12px;height:12px;display:inline-block}.principal{background:var(--green)}.growth{background:var(--lime)}.bar-row{margin:24px 0}.bar-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.bar-head strong{font-weight:500}.bar-head span{font-variant-numeric:tabular-nums}.track{height:38px;background:#e5e9df;border-radius:3px;position:relative}.fill{height:100%;display:flex;overflow:hidden;border-radius:3px;transition:width .25s}.fill .principal,.fill .growth{height:100%}.bar-label{position:absolute;left:10px;top:9px;font-size:13px;line-height:20px;color:#173e38;background:#f6f3ebe0;padding:0 5px;border-radius:3px}.bar-caption{color:var(--muted);font-size:12px;margin-top:5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:30px 0;min-width:570px}th,td{text-align:right;border-bottom:1px solid var(--line);padding:18px 12px;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}th{font-size:13px;font-weight:500;color:var(--muted)}td{font-size:19px}td small{display:block;font-size:12px;color:var(--muted);margin-top:6px}details{border-top:1px solid var(--line);padding:22px 0;line-height:1.65;font-size:14px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}details a{color:var(--green)}footer{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:16px 5%;z-index:2}footer nav{display:flex;gap:8px;flex:1;justify-content:center}footer nav button{width:12px;height:12px;padding:0;border:0;background:#c8d4c9}footer nav button[aria-current="step"]{background:var(--green)}#count{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:99px;display:none;z-index:5}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px 6%}.brand span{display:none}header button{font-size:12px;padding:10px 14px}main{padding:25px 6% 50px}.rules{grid-template-columns:1fr;gap:18px}.rules article{padding-top:12px}.lede{font-size:18px}.controls{gap:12px}.controls label{min-width:130px}footer{gap:10px;padding:12px 5%}footer button{padding:10px 12px;font-size:12px}footer nav{gap:7px}aside{padding:20px}.bar-label{font-size:12px}h2 br{display:none}}@media(prefers-reduced-motion:reduce){.fill{transition:none}}@media print{header button,footer,.controls,.check,.primary{display:none}.slide[hidden]{display:block!important}.slide{page-break-after:always;min-height:0}main{padding:0}body{background:white}}