
:root{--ink:#183d32;--muted:#62726b;--paper:#f5f5ee;--line:#dce3d7;--green:#ddedc7;--deep:#214f39;--peach:#f2e3d2}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #709a4c;outline-offset:4px}nav{max-width:1000px;padding:24px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:22px;letter-spacing:-1px}.brand-logo{display:block;width:58px;height:auto;flex:none}.preview-tag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}main{max-width:700px;padding:24px 24px 48px;margin:auto}.intro{text-align:center;margin:8px 0 25px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#6b806b}h1{font-size:clamp(34px,6vw,52px);letter-spacing:-2px;line-height:1.08;margin:15px 0}h2{font-size:24px;letter-spacing:-.7px;margin:0 0 14px;line-height:1.2}p{margin:10px 0}.sub{color:var(--muted);font-size:17px}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 12px 40px #214f3905}.question{text-align:center}.question label[for="spend"]{display:block;font-weight:700;font-size:19px;letter-spacing:-.35px}.help{font-size:13px;color:var(--muted)}.money-input{display:flex;justify-content:center;align-items:center;gap:10px;margin:18px 0 13px}.money-input span{font-size:38px;color:#839080}.money-input input{font-size:48px;font-weight:750;letter-spacing:-2px;color:var(--ink);text-align:center;width:168px;max-width:65%;padding:6px 2px;border:0;border-bottom:2px solid var(--line);border-radius:0;background:none;-moz-appearance:textfield}.money-input input::-webkit-inner-spin-button{appearance:none}.money-input small{font-size:15px;color:var(--muted)}.presets{display:flex;justify-content:center;gap:8px;margin:16px 0 24px}.chip{padding:9px 20px;border:1px solid var(--line);background:white;border-radius:99px;color:var(--ink);font-weight:650}.chip:hover,.chip[aria-pressed=true]{background:var(--green);border-color:#b1cd96}.primary{border:0;border-radius:13px;background:var(--deep);color:white;font-weight:700;padding:16px 20px;width:100%;font-size:17px}.primary:hover{background:#153c29}.textbutton{border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:12px}.smallprint{font-size:12px;color:var(--muted);line-height:1.6}.center{text-align:center}.helper{margin:16px 0;text-align:left;background:#f6f7f1;padding:18px;border-radius:14px}.helper p{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{display:grid;gap:5px;font-size:12px;font-weight:650}.fields input,.fields select{border:1px solid #bfccbd;border-radius:8px;min-width:0;width:100%;padding:9px;color:var(--ink);background:white}.helper .primary{font-size:14px;margin-top:16px;padding:12px}.error{color:#a03722;font-size:13px;margin-top:10px}.result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.result-top p{margin:0;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.result-top button{padding:4px}.equation{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;text-align:center;margin:4px 0 20px}.compare-label{font-size:14px}.amount{font-size:clamp(35px,6vw,48px);font-weight:780;letter-spacing:-2px;line-height:1.2;margin-top:5px}.per{font-size:12px;color:var(--muted)}.arrow{font-size:24px;color:#91a18b}.outcome{border-radius:18px;text-align:center;background:var(--green);padding:24px 14px}.outcome.costs-more{background:var(--peach)}.outcome .overline{font-size:14px;margin:0}.big{font-size:clamp(51px,10vw,70px);font-weight:800;letter-spacing:-3px;line-height:1.08;margin:4px 0}.big span{font-size:20px;font-weight:650;letter-spacing:-.7px}.outcome h2{font-size:22px;margin:8px 0 0;letter-spacing:-.5px}.annual{font-size:13px;margin-top:12px}.breakdown{font-size:13px;text-align:center;margin:17px 0 8px}.terms{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 20px}.secondary-cta{margin-top:8px}.details{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:white;padding:0 20px}.details summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.details summary::-webkit-details-marker{display:none}.details summary:after{content:'+';font-size:20px;color:#78916b}.details[open] summary:after{content:'−'}.details .body{padding:0 0 18px;font-size:13px}.details .body>p:first-child{margin-top:0}.periods{display:flex;gap:7px;margin:12px 0}.periods button{padding:8px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px}.periods button[aria-pressed=true]{background:var(--green)}table{width:100%;border-collapse:collapse;font-size:12px;margin:15px 0}th,td{text-align:left;padding:10px 3px;border-bottom:1px solid var(--line)}th:not(:first-child),td:not(:first-child){text-align:right}#longResult{font-size:18px;font-weight:750;letter-spacing:-.3px}.next-step{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:14px;background:white}.next-step h2{font-size:20px}.next-step p{font-size:14px}.next-step .fields{margin-top:14px}.next-step .primary{margin-top:16px;font-size:15px;padding:13px}footer{font-size:11px;color:var(--muted);text-align:center;max-width:680px;margin:0 auto;padding:0 24px 30px}footer a{color:inherit}.fade-in{animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}h1[tabindex="-1"]:focus{outline:none}@media(max-width:480px){nav{padding:18px}.brand{font-size:20px}.brand-logo{width:48px}.preview-tag{font-size:9px;max-width:100px;text-align:right}main{padding:10px 16px 30px}.intro{margin:8px 0 20px}h1{font-size:36px}.sub{font-size:15px}.card{padding:23px 18px;border-radius:20px}.question label[for="spend"]{font-size:18px}.chip{padding:8px 18px}.outcome{padding:20px 10px}.fields{gap:10px}.big{font-size:58px}.terms{font-size:11px}.result-top{margin-bottom:14px}}

.expense-launch{width:100%;margin-top:16px;border:1px solid #b5c9a5;border-radius:14px;padding:16px 12px;background:#f2f7eb;color:var(--ink);font-weight:750;font-size:16px}.expense-launch span{display:block;font-size:12px;font-weight:450;color:var(--muted);margin-top:4px}.expense-launch:hover{background:var(--green)}.expense-helper{text-align:left}.expense-heading{text-align:center}.expense-heading h1{font-size:29px;margin:8px 0}.expense-heading .textbutton{padding:4px 8px 12px}.expense-note{padding:12px 14px;border-radius:12px;background:#edf3e6;font-size:12px}.expense-group{border:0;padding:0;margin:24px 0}.expense-group legend{font-size:14px;font-weight:750;margin-bottom:10px}.expense-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.expense-item{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.expense-item:has(input[type=checkbox]:checked){border-color:#779563;background:#f8fbf4}.expense-select{display:flex;gap:10px;align-items:flex-start;cursor:pointer;padding:13px;min-height:64px;font-size:14px;font-weight:700}.expense-select input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--deep)}.expense-select small{display:none;font-size:11px;line-height:1.45;font-weight:450;color:var(--muted);margin-top:3px}.expense-item:has(input[type=checkbox]:checked) .expense-select small{display:block}.expense-editor{padding:0 13px 13px;display:grid;gap:10px}.expense-editor label{display:grid;gap:3px;font-size:11px;font-weight:650}.expense-editor input,.expense-editor select{width:100%;min-width:0;border:1px solid #bfccbd;border-radius:7px;background:white;color:var(--ink);font-size:16px;padding:8px}.expense-line-total{font-size:12px;font-weight:700;margin:0!important}.expense-guidance{font-size:12px;margin:18px 0}.expense-guidance summary{cursor:pointer;font-weight:650;padding:10px 0}.expense-total{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:16px 0 0;margin-top:24px;z-index:2}.expense-total-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.expense-total-line strong{display:block;font-size:35px;letter-spacing:-1px;line-height:1.25}.expense-total-line .smallprint{text-align:right;max-width:145px}.expense-total .primary{margin-top:8px}.expense-total .primary:disabled{cursor:not-allowed;background:#6e8075}.expense-footnote{text-align:center;font-size:10px;margin:6px 0 0}.expense-total #expenseRetained{margin:4px 0}#expenseHeading:focus{outline:none}#expenseBreakdown td:first-child{max-width:210px}#expenseBreakdown th,#expenseBreakdown td{padding:9px 3px}#expenseBreakdown tfoot th{border-bottom:0}@media(max-width:480px){.expense-options{grid-template-columns:1fr}.expense-select{min-height:0;font-size:15px}.expense-select small{font-size:12px}.expense-editor{grid-template-columns:1fr 1fr}.expense-editor label{font-size:12px}.expense-editor .expense-line-total{grid-column:1/-1}.expense-total{padding-top:12px}.expense-heading h1{font-size:27px}}

.question label[for="area"]{display:block;font-size:19px;font-weight:700;letter-spacing:-.35px}.area-input{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0 12px}.area-input input{width:240px;max-width:73%;font:750 58px/1.2 system-ui;color:var(--ink);letter-spacing:-2px;text-align:center;border:0;border-bottom:2px solid var(--line);background:none;border-radius:0;padding:8px 0;-moz-appearance:textfield}.area-input input::-webkit-inner-spin-button{appearance:none}.area-input span{color:var(--muted);font-size:16px}.entry-note{margin:16px 0 0}.quiet-booking{display:block;text-align:center;color:var(--muted);font-size:12px;margin:20px 0;text-underline-offset:3px}.result-intro{margin:3px 0 24px}.result-intro h1{font-size:clamp(32px,5.8vw,44px)}.booking-primary{display:block;text-align:center;text-decoration:none;font-size:16px}.booking-primary span{display:block;font-weight:450;font-size:12px;margin-top:3px;color:#fff;opacity:.9}.consultation-note{margin:12px 0 0}.project-value{text-align:center;padding:25px 15px 2px}.project-value h2{font-size:21px;margin:0 0 9px}.project-value p{font-size:14px;color:var(--muted);margin:0}.detail-heading{font-size:14px;font-weight:750}.small-action{border:1px solid var(--line);background:var(--green);border-radius:9px;color:var(--ink);padding:11px 16px;font-weight:700;font-size:13px}.long-view{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}#longResult{font-size:17px}.result-note{margin-top:16px}.terms{font-size:12px;margin-bottom:17px}#comparisonDetails .fields input{font-size:16px}#resultHeading:focus{outline:none}.comparison-card .outcome{padding:20px 14px}.comparison-card .big{font-size:60px}.comparison-card .outcome h2{font-size:20px}@media(max-width:480px){.area-input input{font-size:51px}.question label[for="area"]{font-size:18px}.result-intro h1{font-size:33px;letter-spacing:-1.4px}.compare-label{font-size:12px}.comparison-card .amount{font-size:35px}.comparison-card .big{font-size:54px}.project-value{padding:22px 4px 0}.project-value p{font-size:13px}.booking-primary{font-size:15px}}
