.tl-demo{color:#17251d;background:#fff;border:1px solid #ccd7cf;border-radius:16px;padding:28px;text-align:left;box-shadow:0 8px 24px #17251d05;width:100%;box-sizing:border-box}.tl-demo *{box-sizing:border-box}.tl-demo-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.tl-demo .tl-demo-eyebrow{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#11783f;margin:0 0 8px}.tl-demo h2{font-family:Sora,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.04em;line-height:1.2;margin:0}.tl-demo p{font-size:14px;line-height:1.6;margin:0;color:#475569}.tl-demo-heading>p{max-width:245px}.tl-demo-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.5fr);gap:32px}.tl-demo-controls{border-right:1px solid #e2e8e4;padding-right:32px}.tl-demo button{font:inherit;font-size:13px;font-weight:600;border:1px solid #cbd5cf;background:#fff;color:#263c2e;cursor:pointer;border-radius:6px;padding:9px 12px;line-height:1.4;min-height:40px}.tl-demo button:hover{background:#f0f5f1}.tl-demo button[aria-pressed=true]{background:#e8f2eb;border-color:#11783f;color:#0d6032}.tl-demo button:disabled{opacity:.5;cursor:default}.tl-demo :is(input,button):focus-visible{outline:3px solid #11783f;outline-offset:3px}.tl-demo-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.tl-demo label{font-size:12px;font-weight:600;color:#475569;display:block}.tl-demo input:not([type=range]){font:inherit;color:#17251d;min-width:0;width:100%;background:white;border:0;outline-offset:1px}.tl-demo-name input{display:block;border-bottom:1px solid #b6c3bb!important;font-size:18px!important;font-weight:600!important;padding:10px 0;margin-bottom:20px;border-radius:0}.tl-demo-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tl-demo-money{display:flex;align-items:center;gap:3px;border:1px solid #aabbb0;border-radius:6px;padding:10px 7px;margin-top:7px;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.tl-demo-money>span{color:#64748b}.tl-demo-money input{font-size:17px!important}.tl-demo-extra{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8e4}.tl-demo-extra p{margin-top:8px;font-size:12px}.tl-demo-result{min-height:108px}.tl-demo-result>p:first-child{font-weight:600;color:#11783f}.tl-demo-balance{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.tl-demo-balance strong{font-size:44px;line-height:1.25;letter-spacing:-.055em;font-weight:700;font-variant-numeric:tabular-nums}.tl-demo-balance span{font-size:14px;color:#475569}.tl-demo-chart{min-height:160px}.tl-demo-chart svg{display:block;width:100%;height:auto;max-height:260px}.tl-demo-range{margin:6px 0 10px}.tl-demo-range input{display:block;width:100%;accent-color:#11783f;margin:10px 0;cursor:pointer;height:22px}.tl-demo-playback{display:flex;gap:8px;flex-wrap:wrap}.tl-demo-purchase{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid #e2e8e4}.tl-demo-purchase button{flex-shrink:0;background:#11783f;color:white;border-color:#11783f}.tl-demo-purchase button:hover{background:#0d6032}.tl-demo-purchase p{font-size:12px}.tl-demo .tl-demo-note{font-size:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8e4}.tl-demo .tl-demo-error{color:#b42318;font-size:12px;margin-top:10px}.tl-demo [hidden]{display:none!important}@media(max-width:700px){.tl-demo{padding:18px;border-radius:12px}.tl-demo-heading{display:block;margin-bottom:18px}.tl-demo-heading>p{max-width:none;margin-top:8px}.tl-demo-layout{grid-template-columns:1fr;gap:20px}.tl-demo-controls{border-right:0;padding-right:0}.tl-demo-presets{margin-bottom:14px;gap:5px}.tl-demo-presets button{font-size:12px;padding:8px}.tl-demo-name input{margin-bottom:14px}.tl-demo-extra{margin-top:14px;padding-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-demo-extra p{margin:0}.tl-demo-purchase{flex-wrap:wrap;gap:8px}.tl-demo-balance strong{font-size:38px}.tl-demo-result{min-height:100px}.tl-demo-note{margin-top:18px!important}.tl-demo-chart{min-height:120px}}

.tl-demo .tl-demo-goal{font-size:14px;font-weight:700;color:#17251d;margin-bottom:6px}.hero-calculator-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:48px;align-items:start;width:100%;flex:1!important}.hero-calculator-intro>:first-child{grid-column:1;grid-row:1;margin:0!important}.hero-calculator-intro>h1{grid-column:1;grid-row:2 / span 3;font-size:clamp(32px,3.8vw,48px)!important;max-width:20ch!important;margin:12px 0 0!important}.hero-calculator-intro>p:not(:last-child){grid-column:2;grid-row:1 / span 2;font-size:16px;line-height:1.7;margin:0!important}.hero-calculator-intro>div{grid-column:2;grid-row:3;margin-top:14px}.hero-calculator-intro>:last-child{grid-column:2;grid-row:4;font-size:12px!important;margin-top:10px!important}@media(max-width:700px){.hero-calculator-intro{display:block}.hero-calculator-intro>h1{max-width:20ch!important;margin:10px 0 14px!important}.hero-calculator-intro>p:not(:last-child){font-size:15px!important;line-height:1.65!important}.hero-calculator-intro>div{margin-top:14px!important}}

.tl-record-example{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.tl-record-example h2{max-width:16ch;line-height:1.2}.tl-record-example table{width:100%;border-collapse:collapse;font-size:14px}.tl-record-example caption{text-align:left;font-size:20px;font-weight:700;margin:8px 0 18px;color:#17251d}.tl-record-example th,.tl-record-example td{padding:12px 0;border-bottom:1px solid #dbe3de;text-align:right;font-variant-numeric:tabular-nums}.tl-record-example th:first-child{text-align:left}.tl-record-example thead th{font-size:12px;color:#475569}.tl-record-example tbody th{font-weight:500}.tl-record-example .tl-record-goal{margin-top:20px;font-size:14px;line-height:1.7}@media(max-width:700px){.tl-record-example{grid-template-columns:1fr;gap:24px}.hero-calculator-intro .hero-actions{display:flex;align-items:center}.hero-calculator-intro .hero-actions .button{width:auto;min-width:0}.hero-calculator-intro .hero-explainer{padding:8px 4px;font-size:13px}.tl-demo-chart svg{min-height:155px}}
@media(max-width:700px){.tl-demo-chart text{font-size:24px}}