@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263f35;background:#f6f7f3;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8fc8b7;outline-offset:3px}button,a{color:inherit}.shell{max-width:1600px;margin:auto}header{height:91px;border-bottom:1px solid #e2e6dd;display:flex;justify-content:space-between;align-items:center;margin:0 5%}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:19px;text-decoration:none;letter-spacing:1px}.brand-icon{background:#176c55;color:#fff;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.brand-sub{display:block;font-size:8px;letter-spacing:1.4px;color:#89978f;margin-top:4px;font-weight:500}.header-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#849086}.status-dot{width:6px;height:6px;background:#328367;border-radius:50%}main{padding:35px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:11px;letter-spacing:2px;color:#68816e;margin-bottom:10px}h1{font-size:33px;letter-spacing:-1px;margin:0;font-weight:750;line-height:1.5}h1 span{color:#218168}.intro p{font-size:12px;color:#839087;margin-top:10px;margin-bottom:0}.comparison{display:flex;gap:10px;align-items:center;background:#ecf0e8;border:1px solid #e0e6da;border-radius:30px;padding:12px 17px;font-size:10px;white-space:nowrap}.comparison>span{color:#79877d}.comparison strong{color:#2e725a;font-weight:600}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:23px;align-items:start}.panel{background:#fff;border:1px solid #e4e8df;border-radius:15px;box-shadow:0 4px 15px #24433202}.input-panel{padding:24px 22px}.section-title{display:flex;gap:9px;align-items:center}.section-title h2{font-size:14px;margin:0;font-weight:650;letter-spacing:.2px}.step{font-size:10px;font-weight:600;color:#7d9685;background:#eff4eb;padding:4px 5px;border-radius:5px}.icon-button{margin-left:auto;border:0;background:none;color:#8b978e;display:flex;padding:4px}.tabs{display:flex;padding:4px;background:#f1f3ed;border-radius:8px;margin-top:23px;gap:2px}.tabs button{border:0;background:transparent;flex:1;white-space:nowrap;font-size:11px;padding:9px 0;color:#829085;border-radius:5px}.tabs .active{background:#fff;color:#286f55;box-shadow:0 1px 5px #213d3810;font-weight:600}.input-label{display:block;color:#758378;font-size:11px;margin-top:26px;margin-bottom:10px}.amount-input{display:flex;align-items:center;gap:8px;border:1px solid #dfe6d9;border-radius:9px;padding:12px;background:#fcfdf9}.amount-input>span:first-child{font-size:22px;color:#6b8171}.amount-input input{font-size:31px;line-height:1.3;font-weight:650;color:#233e30;min-width:0;width:100%;border:0;outline:0;background:transparent;letter-spacing:-1px}.amount-input .unit{font-size:11px;color:#919c92;white-space:nowrap}input::-webkit-inner-spin-button{display:none}.range{accent-color:#218169;width:100%;height:4px;margin:28px 0 8px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#9ca79d}.presets{display:flex;gap:7px;margin-top:20px}.presets button{font-size:10px;padding:7px 0;border:1px solid #e4e8df;border-radius:6px;background:#fff;flex:1;color:#819084}.presets .selected{background:#edf5ef;border-color:#98bcaa;color:#23755a}.annual-hint{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b978d;margin:24px 0}.annual-hint b{font-weight:500;color:#586f5c;margin-left:7px}.fee-settings{border-top:1px dashed #dfe5d9;padding-top:21px;margin-top:26px}.settings-toggle{border:0;padding:0;background:none;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;color:#4e6455}.settings-toggle>span{display:flex;gap:7px;align-items:center}.settings-toggle svg{transition:transform .2s}.rotated{transform:rotate(180deg)}.fee-summary{display:flex;justify-content:space-between;font-size:9px;margin-top:13px;color:#9ba69b}.fee-summary b{font-weight:500;color:#60755f}.fee-edit{display:grid;gap:12px;margin-top:15px}.fee-edit label{font-size:10px;color:#7f8f80;display:flex;justify-content:space-between;align-items:center;gap:8px}.fee-edit input{width:80px;border:1px solid #e0e6dd;padding:6px;border-radius:5px;color:#355541}.fee-edit p{font-size:10px;line-height:1.7;color:#95a094;margin:0}.scope{display:flex;align-items:flex-start;gap:7px;background:#f6f8f1;color:#87957e;border-radius:8px;padding:12px;font-size:9px;line-height:1.9;margin-top:23px}.scope svg{flex-shrink:0;margin-top:2px}.results{min-width:0}.metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid #e2e7dc;border-radius:12px;padding:20px 20px 15px;min-width:0}.metric-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b988c}.big-number{font-size:30px;font-weight:650;line-height:1.4;margin:13px 0 12px;letter-spacing:-1px;white-space:nowrap}.big-number>span:first-child{font-size:19px;font-weight:400}.big-number .suffix{font-size:12px;color:#8b9b8d;margin-left:4px}.metric-foot{font-size:9px;color:#97a292;display:flex;justify-content:space-between;align-items:center;min-height:17px}.metric.primary{background:#176c55;color:#fff;border-color:#176c55;box-shadow:0 5px 12px #176c5514;position:relative;overflow:hidden}.primary:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #ffffff0a;border-radius:50%;right:-80px;top:10px;box-shadow:0 0 0 24px #ffffff03,0 0 0 48px #ffffff02;pointer-events:none}.primary .metric-label{color:#bcdbcb}.primary .metric-foot{color:#acccbb}.big-number .no-payback{font-size:22px!important;font-weight:600!important;letter-spacing:0}.chart-panel{padding:23px 24px 18px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.chart-heading p{font-size:10px;color:#93a08f;margin:9px 0 0}.legend{display:flex;align-items:center;gap:6px;font-size:9px;color:#7b8c7d;white-space:nowrap}.legend i{width:15px;height:3px;border-radius:3px;background:#21816b}.graph-wrap{margin-top:23px}.axis-title{font-size:9px;color:#96a391;margin-left:8px}.graph{display:block;width:100%;overflow:visible;touch-action:pan-y}.tick{fill:#96a293;font-size:10px;font-family:inherit}.break-label{fill:#6e8d76;font-size:10px}.insight{display:flex;gap:11px;align-items:center;padding:13px;background:#f1f6ed;border:1px solid #e4eddc;border-radius:8px;margin-top:8px}.insight-icon{display:flex;align-items:center;color:#57885b}.insight strong{font-size:11px;font-weight:600;color:#486d4c}.insight p{font-size:10px;color:#8b9d80;margin:5px 0 0;line-height:1.7}.breakdown{padding:21px 24px;margin-top:20px}.small-note{font-size:9px;color:#a0aa9a;margin-left:auto}.equation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px 0 19px}.equation>div{display:flex;flex-direction:column;gap:9px}.equation span:not(.operator){font-size:9px;color:#8d9a86}.equation b{font-size:16px;font-weight:600;letter-spacing:-.3px}.equation .operator{font-size:17px;color:#bbc4b5}.equation-total b{color:#21816a}.return-timeline{border-top:1px dashed #e4e8df;display:flex;align-items:center;gap:20px;padding-top:16px}.return-timeline>span{font-size:9px;color:#8f9c87;white-space:nowrap}.bars{display:flex;gap:8px;align-items:flex-end;flex:1;height:65px}.bar-slot{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}.bar{width:100%;max-width:30px;border-radius:3px 3px 0 0}.positive{background:#88baa2}.negative{background:#ded9c4}.bar-slot>span{font-size:8px;color:#9daa94}.return-timeline>.timeline-caption{white-space:normal;font-size:9px;line-height:1.8;max-width:90px}.custom-hint{font-size:10px;line-height:1.8;color:#8c9986;margin:17px 0 13px}.month-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.month-inputs label>span{font-size:9px;color:#8d9b86;display:block;margin-bottom:4px}.month-inputs label>div{display:flex;border:1px solid #e0e7d9;padding:8px;border-radius:6px;gap:5px;align-items:center;font-size:11px}.month-inputs label>div>span{color:#9aa88f}.month-inputs input{width:100%;min-width:0;border:0;outline:0;color:#456648;background:none;font-size:12px}.rules{margin-top:25px;border-top:1px solid #e1e6db;border-bottom:1px solid #e1e6db}.rules summary{display:flex;gap:9px;align-items:center;cursor:pointer;font-size:11px;color:#87947e;list-style:none;padding:18px 0}.rules summary::-webkit-details-marker{display:none}.rules summary>svg:last-child{margin-left:auto}.rules-content{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0 0 22px}.rules-content h3{font-size:11px;color:#526a50;font-weight:500}.rules-content p{font-size:10px;line-height:1.9;color:#879680}.rules-content a{font-size:10px;color:#25775c;display:inline-flex;gap:3px;align-items:center}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#a0ab95;padding:23px 0 28px}.footer-brand{display:flex;gap:6px;align-items:center;font-size:10px;color:#87967b}@media(min-width:1450px){main{padding-top:45px}.intro{margin-bottom:36px}.workspace{grid-template-columns:340px 1fr;gap:28px}.input-panel{padding:27px}.metric{padding:23px}.big-number{font-size:36px}.chart-panel{padding:25px 28px}.graph-wrap{margin-top:28px}}@media(max-width:1100px){header{margin:0 3%}main{padding:28px 3% 0}.workspace{grid-template-columns:275px minmax(0,1fr);gap:16px}.input-panel{padding:21px 17px}.metric{padding:17px 13px}.metrics{gap:10px}.big-number{font-size:24px}.metric-label{font-size:9px}.big-number .no-payback{font-size:17px!important}.chart-panel,.breakdown{padding:20px 18px}.comparison{font-size:9px;padding:10px}h1{font-size:29px}.return-timeline>.timeline-caption{display:none}.legend{display:none}}@media(max-width:800px){.header-note{font-size:9px}header{height:75px;margin:0 5%}main{padding:25px 5% 0}.intro{display:block;margin-bottom:24px}h1{font-size:28px}.intro p{line-height:1.9;font-size:11px}.comparison{display:inline-flex;margin-top:20px}.workspace{display:block}.input-panel{padding:22px;margin-bottom:20px}.input-label,.fee-settings{margin-top:20px}.scope{margin-top:17px}.metrics{gap:9px}.metric{padding:16px 12px}.big-number{font-size:25px}.metric-label{font-size:9px;gap:5px}.metric-label svg{display:none}.metric-foot{font-size:8px;line-height:1.6}.big-number>span:first-child{font-size:15px}.big-number .no-payback{font-size:16px!important}.chart-heading p{line-height:1.8;font-size:9px}.section-title h2{font-size:13px}.equation b{font-size:14px}.equation span:not(.operator){font-size:8px}.small-note{font-size:8px}.rules-content{grid-template-columns:1fr 1fr;gap:15px}footer{flex-wrap:wrap;gap:12px}footer>span:last-child{width:100%}.month-inputs{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.header-note{display:none}.big-number{font-size:21px}.metric{padding:14px 9px}.big-number .no-payback{font-size:14px!important}.equation{gap:4px}.equation b{font-size:12px}.chart-panel,.breakdown{padding:17px 13px}.rules-content{grid-template-columns:1fr}.insight p{font-size:9px}}.cumulative-panel{margin-top:20px}.cumulative-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding:12px 15px;background:#f6f8f2;border-radius:8px;font-size:10px;color:#899781}.cumulative-summary b{font-weight:600;color:#496b50;margin-left:5px}.payback-badge{display:flex;gap:5px;align-items:center;background:#e8f0df;color:#55743d;border-radius:20px;padding:6px 10px;font-weight:500}.payback-badge.pending{background:#f2ecdf;color:#957948}.payback-label{fill:#aa813b;font-size:10px}.day-inspector{display:flex;align-items:center;gap:14px;margin:9px 6px 0;font-size:10px;color:#72866d}.day-inspector>span{min-width:84px}.day-inspector input{flex:1;min-width:0;accent-color:#218169;height:4px;cursor:pointer}.day-inspector button{border:1px solid #dce6d6;background:#f6f9f2;border-radius:5px;font-size:9px;padding:5px 8px;white-space:nowrap}.cumulative-note{font-size:10px;line-height:1.8;color:#899b7e;margin:15px 0 0}@media(max-width:500px){.cumulative-summary{padding:10px 7px;font-size:9px;gap:5px}.payback-badge{padding:5px 7px}.payback-badge svg{display:none}.day-inspector{gap:8px}.day-inspector>span{min-width:76px}}.threshold-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 30px;margin-bottom:25px;border:1px solid #dbe6d3;background:#edf3e6;border-radius:14px}.threshold-hero h2{font-size:20px;font-weight:500;margin:0;line-height:1.8}.threshold-hero h2 strong{font-size:29px;color:#176c55;letter-spacing:-1px;white-space:nowrap}.threshold-hero p{font-size:10px;color:#7a8d70;margin:8px 0 0;line-height:1.8}.threshold-equation{display:flex;flex-direction:column;gap:6px;border-left:1px solid #d4dfcc;padding-left:30px;min-width:210px}.threshold-equation span{font-size:10px;color:#7a8d70}.threshold-equation b{font-size:25px;color:#3d6448;font-weight:600}.threshold-equation small{font-size:9px;color:#7a8d70}.always-visible{margin-top:24px}.always-visible input{width:95px}.annual-control{border-top:1px dashed #dfe5d9;margin-top:23px}.threshold-preset{display:flex;align-items:center;justify-content:center;gap:5px;background:#eef5e8;border:1px solid #dce8d2;border-radius:6px;font-size:10px;padding:10px 5px;color:#4d7850;width:100%;margin-top:12px}.monthly-panel{padding:23px 24px}.multi-legend{display:flex;gap:20px;margin:16px 0 0;justify-content:flex-end;font-size:10px;color:#78906e}.multi-legend span{display:flex;align-items:center;gap:6px}.multi-legend i{display:inline-block;width:16px;height:3px}.premium-line{background:#17846a}.ordinary-line{background:#a4b4a0}.month-readout{display:flex;flex-wrap:wrap;align-items:center;gap:13px;padding:12px;background:#f3f6ee;border-radius:8px;font-size:10px;color:#869679}.month-readout b,.month-readout strong{color:#326d4d;font-weight:500}.extra-readout{margin-left:auto;color:#287a54;background:#e4eedb;border-radius:5px;padding:5px 8px}.remaining-heading{border-top:1px dashed #dfe5d9;padding-top:24px;margin-top:24px}.remaining-heading p{font-size:10px;color:#899b7e;line-height:1.8;margin:10px 0}.remaining-status{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:15px 0;font-size:10px;color:#8c9a7e}.remaining-status b{font-weight:500;color:#59774e}.remaining-status>b{color:#9e7c3c;background:#faf4e7;padding:6px 9px;border-radius:5px}.results>.insight{margin-top:18px}.threshold-hero .eyebrow{font-size:10px}@media(max-width:1000px){.threshold-hero h2{font-size:16px}.threshold-hero h2 strong{font-size:23px}.threshold-equation{min-width:180px;padding-left:20px}.monthly-panel{padding:20px 18px}.remaining-status{font-size:9px}}@media(max-width:700px){.threshold-hero{padding:20px;display:block}.threshold-equation{border-left:0;border-top:1px solid #d4dfcc;margin-top:16px;padding:13px 0 0;display:grid;grid-template-columns:1fr auto;align-items:center}.threshold-equation small{grid-column:1 / -1}.threshold-hero h2 strong{font-size:25px}.remaining-status{flex-wrap:wrap;gap:8px}.remaining-status>b{order:3;width:100%;text-align:center}.monthly-panel{padding:20px 14px}.month-readout{gap:10px;font-size:9px}.extra-readout{margin-left:0}.threshold-hero h2{font-size:17px}}@media(min-width:801px){.input-panel{position:sticky;top:20px}}.threshold-equation .rebate-explanation{line-height:1.9}.rebate-explanation strong{font-weight:600;color:#416c49}.balance-heading p{font-size:10px;color:#899b7e;line-height:1.8;margin:10px 0}.outside-control{margin-top:23px;padding-top:1px;border-top:1px dashed #dfe5d9}.outside-input input{font-size:25px}.outside-control p{font-size:10px;color:#8c9d81;line-height:1.9;margin:9px 0}.outside-rule{font-size:10px;line-height:1.9;color:#6f875f;background:#f3f6ed;border-radius:6px;padding:9px 11px;margin-top:11px}.outside-control .outside-impact{color:#507746}.channel-breakdown{margin-top:20px;border-bottom:1px dashed #e0e6d9;padding-bottom:12px}.channel-row{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:10px;align-items:center;font-size:10px;color:#718465;padding:8px 0}.channel-row>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.channel-header{font-size:9px;color:#9aa58e}.channel-row>span:last-child{color:#267651}@media(min-width:801px){.input-panel{position:static}}@media(max-width:500px){.channel-row{font-size:9px;gap:5px}.channel-header{font-size:8px}}.outside-cashback{margin-top:12px;padding:12px;background:#eef5e8;border:1px solid #dce8d2;border-radius:8px}.outside-cashback-title{font-size:10px;color:#718765;margin-bottom:10px}.outside-cashback-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#718465;padding:5px 0}.outside-cashback-row strong{font-size:15px;font-weight:600;color:#2d7050;font-variant-numeric:tabular-nums}.outside-cashback-extra{border-top:1px dashed #cdddc2;margin-top:6px;padding-top:10px}.outside-cashback-extra strong{font-size:13px}