.roi-section{--roi-ink:#111A24;--roi-blue:#2349EF;--roi-lime:#E6F34A;--roi-chalk:#F5F4EC;--roi-muted:#62656c;--roi-line:#d9d9d1;background:var(--roi-chalk);color:var(--roi-ink);font-family:Inter,Arial,sans-serif;padding:clamp(48px,6vw,88px) clamp(20px,5vw,76px);scroll-margin-top:50px}
.roi-section *{box-sizing:border-box}.roi-wrap{max-width:1180px;margin:0 auto}.roi-section [hidden]{display:none!important}.roi-eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--roi-blue);margin:0 0 12px}.roi-title{font-family:Urbanist,Inter,sans-serif;font-size:clamp(38px,4.6vw,64px);font-weight:800;letter-spacing:-.055em;line-height:1.03;margin:0 0 14px}.roi-title em{font-style:normal;color:var(--roi-blue)}.roi-intro{font-size:16px;color:var(--roi-muted);line-height:1.65;margin:0 0 16px}
.roi-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}.roi-form{margin:0;background:#fff;padding:28px;border:1px solid var(--roi-line);border-radius:14px}.roi-slider-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.roi-slider-heading .roi-label{max-width:220px;font-size:15px;font-family:Urbanist,Inter,sans-serif;font-weight:650}.roi-rental-value{display:flex;align-items:center;gap:7px;flex-shrink:0}.roi-rental-value .roi-control{width:76px;font-family:Urbanist,Inter,sans-serif;font-size:24px;font-weight:650;padding:6px 8px;text-align:center}.roi-unit{font-size:10px;color:var(--roi-muted)}.roi-range{--roi-range-fill:36.8421052632%;appearance:none;-webkit-appearance:none;width:100%;height:6px;border:0;border-radius:10px;background:linear-gradient(to right,var(--roi-blue) 0,var(--roi-blue) var(--roi-range-fill),#e6e7ed var(--roi-range-fill),#e6e7ed 100%);margin:23px 0 8px;cursor:pointer;display:block}.roi-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--roi-lime);border:4px solid var(--roi-blue);box-shadow:0 2px 5px #111a2415}.roi-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--roi-lime);border:4px solid var(--roi-blue)}.roi-range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--roi-muted);margin-bottom:22px}.roi-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.roi-field{min-width:0;display:flex;flex-direction:column;gap:7px}.roi-wide{grid-column:1/-1}.roi-label{font-size:11px;font-weight:550;line-height:1.5}.roi-control{font:inherit;font-size:14px;color:var(--roi-ink);border:1px solid #cdd0cf;background:#fff;min-height:44px;width:100%;padding:10px 12px;border-radius:3px;font-variant-numeric:tabular-nums}.roi-control:disabled{background:#f2f2ee;color:#74777b}.roi-control[aria-invalid=true]{border-color:#a43220}.roi-control:focus-visible,.roi-range:focus-visible,.roi-summary:focus-visible,.roi-reset:focus-visible,.roi-checkbox:focus-visible{outline:3px solid var(--roi-blue);outline-offset:4px}.roi-help{font-size:12px;line-height:1.6;color:var(--roi-muted);margin:2px 0 0}.roi-details{border-top:1px solid var(--roi-line);padding-top:15px;margin-top:21px}.roi-summary{font-size:12px;font-weight:650;line-height:1.6;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;padding:0}.roi-summary::-webkit-details-marker{display:none}.roi-summary:after{content:'+';font-size:21px;font-weight:400;line-height:1}.roi-details[open]>.roi-summary:after{content:'−'}.roi-advanced-content{padding-top:17px}.roi-advanced-title{font-size:11px;font-weight:700;letter-spacing:.025em;margin:19px 0 12px}.roi-advanced-title:first-child{margin-top:0}.roi-check-label{font-size:11px;display:flex;align-items:center;gap:9px;line-height:1.5;min-height:24px}.roi-checkbox{accent-color:var(--roi-blue);height:16px;width:16px;flex-shrink:0;margin:0}.roi-reset{font:inherit;color:var(--roi-muted);font-size:10px;background:transparent;border:0;border-bottom:1px solid #b9bbb8;padding:0 0 2px;margin-top:18px;cursor:pointer}.roi-error{font-size:12px;line-height:1.6;color:#a43220;background:#fff2ed;padding:12px;margin:16px 0 0;border:1px solid #e8c8bd;border-radius:3px}
.roi-results{background:var(--roi-blue);color:#fff;border:1px solid var(--roi-blue);border-radius:14px;padding:29px 30px;min-height:360px}.roi-result-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;color:#d9e0ff}.roi-result-title{font-size:12px;font-weight:500;line-height:1.5;margin:0 0 7px;color:#eef0ff}.roi-main-result{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:11px;line-height:1;margin:0 0 10px}.roi-balance{font-family:Urbanist,Inter,sans-serif;font-size:clamp(48px,5.5vw,75px);font-weight:650;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.roi-currency{font-size:11px;color:#e6eaff;font-weight:500;letter-spacing:0}.roi-result-subtitle{font-size:11px;color:#e3e8ff;line-height:1.65;margin:0}.roi-results[data-balance=negative] .roi-balance{color:#ffe8b8}.roi-metrics{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px;border-top:1px solid #ffffff3d;padding-top:20px;margin:23px 0 0}.roi-metric{margin:0}.roi-metric dt{font-size:10px;color:#d9e0ff;line-height:1.4;margin-bottom:7px;max-width:125px}.roi-metric dd{font-family:Urbanist,Inter,sans-serif;font-size:21px;letter-spacing:-.025em;font-weight:600;margin:0;font-variant-numeric:tabular-nums;line-height:1.2}.roi-budget{margin-top:25px}.roi-budget-track{--roi-costs-share:80%;height:7px;width:100%;display:flex;overflow:hidden;background:#ffffff45;border-radius:5px}.roi-budget-cost{width:var(--roi-costs-share);background:#bac7ff;transition:width .18s}.roi-budget-balance{flex:1;background:var(--roi-lime)}.roi-budget-legend{display:flex;justify-content:space-between;font-size:10px;color:#e5eaff;margin-top:8px;gap:15px}.roi-budget-key{display:inline-flex;align-items:center;gap:6px}.roi-budget-key:before{content:'';width:6px;height:6px;border-radius:50%;background:#bac7ff}.roi-budget-key:last-child:before{background:var(--roi-lime)}.roi-budget-caption{font-size:10px;color:#d9e0ff;line-height:1.5;margin:11px 0 0}.roi-activity{font-size:11px;color:#e5eaff;margin:15px 0 0;line-height:1.5}.roi-activity strong{color:var(--roi-lime);font-weight:700}
.roi-method{margin-top:20px;padding-top:17px}.roi-method .roi-summary{font-size:11px;color:var(--roi-muted)}.roi-method-content{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;font-size:12px;line-height:1.8;color:var(--roi-muted);padding-top:20px}.roi-method-content p{margin:0 0 12px}.roi-method-content a{color:var(--roi-blue);text-decoration:underline;text-underline-offset:3px}.roi-breakdown{margin:0 0 15px}.roi-breakdown-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--roi-line);padding:5px 0}.roi-breakdown-row dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--roi-ink)}.roi-method-heading{font-family:Urbanist,Inter,sans-serif;font-size:17px;color:var(--roi-ink);font-weight:650;margin:0 0 10px}.roi-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.roi-layout{grid-template-columns:1fr;gap:15px}.roi-results{min-height:0;padding:26px}.roi-balance{font-size:64px}.roi-method-content{grid-template-columns:1fr;gap:15px}.roi-title{font-size:45px}.roi-form{padding:24px}}
@media(max-width:500px){.roi-section{padding:48px 20px}.roi-title{font-size:38px}.roi-form{padding:20px}.roi-results{padding:24px 20px}.roi-control{font-size:16px;padding:9px 10px}.roi-fields{gap:13px}.roi-slider-heading .roi-label{font-size:14px;max-width:160px}.roi-rental-value .roi-control{width:67px;font-size:23px}.roi-metrics{gap:10px}.roi-metric dd{font-size:19px}.roi-metric dt{font-size:9px}.roi-balance{font-size:60px}.roi-label{font-size:10px}.roi-advanced-content .roi-fields{gap:14px 11px}}
@media(prefers-reduced-motion:reduce){.roi-budget-cost{transition:none}}

.roi-assumption{max-width:760px;font-size:12px;line-height:1.65;color:var(--roi-muted);margin:0 0 26px}.roi-mode-field{margin-bottom:26px}.roi-mode-field .roi-control{font-weight:600}.roi-mode-field .roi-help{margin-top:2px}.roi-slider-heading .roi-label{font-size:16px;font-weight:700}.roi-rental-value .roi-control{color:var(--roi-blue);font-weight:800;border-color:var(--roi-line)}