:root{--roi-bg: #FFFFFF;--roi-surface: #FAFAFA;--roi-card: #FFFFFF;--roi-ink: #1A1B1F;--roi-ink-muted: #4B5563;--roi-ink-subtle: #9CA3AF;--roi-border: #E5E7EB;--roi-border-soft: #F1F2F4;--roi-border-strong: #1A1B1F;--roi-tab-active: #73b02a;--roi-button: #43b02a;--roi-button-hover: #3a9a25;--roi-positive: #43b02a;--roi-negative: #B23A3A;--roi-lever-1: #43b02a;--roi-lever-2: #73b02a;--roi-lever-3: #9bc763;--roi-lever-4: #c4dca0;--roi-font-display: "Fraunces", Georgia, serif;--roi-font-body: "DM Sans", system-ui, -apple-system, sans-serif;--roi-font-mono: "DM Mono", "IBM Plex Mono", monospace}.roi-app,.roi-app *,.roi-app *:before,.roi-app *:after{box-sizing:border-box}.roi-app{background:var(--roi-bg);color:var(--roi-ink);font-family:var(--roi-font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:48px 24px}@media(min-width:768px){.roi-app{padding:72px 32px}}.roi-app button{font-family:inherit;cursor:pointer}.roi-app input{font-family:inherit}.roi-app input[type=number]::-webkit-inner-spin-button,.roi-app input[type=number]::-webkit-outer-spin-button{opacity:.4}.roi-app h1,.roi-app h2,.roi-app h3,.roi-app h4,.roi-app p{margin:0}.roi-container{max-width:1200px;margin:0 auto}.roi-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f3f8eb;color:var(--roi-button);font-family:var(--roi-font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;border-radius:2px}.roi-eyebrow-dot{width:6px;height:6px;background:var(--roi-button);border-radius:50%}.roi-title{font-family:var(--roi-font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--roi-ink);margin:20px 0 0;max-width:900px}.roi-lede{margin-top:20px;font-size:1.05rem;color:var(--roi-ink-muted);line-height:1.6;max-width:720px}.roi-hero{margin-top:56px;padding:32px;background:var(--roi-surface);border:1px solid var(--roi-border);border-radius:4px}@media(min-width:768px){.roi-hero{padding:40px}}.roi-scenario-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px}.roi-scenario-toggle{display:inline-flex;padding:4px;background:var(--roi-card);border:1px solid var(--roi-border);border-radius:999px}.roi-scenario-toggle button{padding:8px 20px;background:transparent;color:var(--roi-ink-muted);border:none;border-radius:999px;font-size:.875rem;font-weight:500;letter-spacing:.01em;transition:all .2s ease}.roi-scenario-toggle button.active{background:var(--roi-tab-active);color:#fff}.roi-scenario-toggle button:not(.active):hover{color:var(--roi-ink)}.roi-scenario-blurb{font-size:.875rem;color:var(--roi-ink-muted);font-style:italic}.roi-headline-row{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.roi-headline-row{grid-template-columns:1fr 1.5fr;gap:48px}}.roi-metric-label{font-family:var(--roi-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--roi-ink-subtle);margin-bottom:10px}.roi-metric-value-xl{font-family:var(--roi-font-display);font-size:clamp(3.25rem,7vw,5rem);font-weight:500;line-height:1;letter-spacing:-.025em;color:var(--roi-ink)}.roi-metric-value{font-family:var(--roi-font-display);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--roi-ink)}.roi-metric-sub{margin-top:10px;font-size:.875rem;color:var(--roi-ink-muted)}.roi-headline-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(min-width:768px){.roi-headline-secondary{padding-left:32px;border-left:1px solid var(--roi-border);gap:32px}}@media(max-width:480px){.roi-headline-secondary{grid-template-columns:1fr}}.roi-main-grid{margin-top:40px;display:grid;gap:32px}@media(min-width:1024px){.roi-main-grid{grid-template-columns:1fr 1fr;gap:40px}}.roi-card{background:var(--roi-card);border:1px solid var(--roi-border);border-radius:4px;padding:24px}@media(min-width:768px){.roi-card{padding:32px}}.roi-inputs-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px}.roi-inputs-header-eyebrow{font-family:var(--roi-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--roi-ink-subtle)}.roi-inputs-header h2{margin:6px 0 0;font-family:var(--roi-font-display);font-size:1.75rem;font-weight:500;color:var(--roi-ink)}.roi-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--roi-button);color:#fff;border:none;border-radius:2px;font-family:var(--roi-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;transition:background .15s ease}.roi-reset-btn:hover{background:var(--roi-button-hover)}.roi-reset-btn svg{width:12px;height:12px}.roi-section-block{margin-bottom:40px}.roi-section-block:last-child{margin-bottom:0}.roi-section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--roi-border-soft)}.roi-section-header-num{font-family:var(--roi-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--roi-ink-subtle);margin-bottom:8px}.roi-section-header h3{font-family:var(--roi-font-display);font-size:1.5rem;font-weight:500;line-height:1.15;color:var(--roi-ink)}.roi-section-help{margin:0 0 20px;font-size:.875rem;color:var(--roi-ink-muted);line-height:1.55}.roi-section-help strong{color:var(--roi-ink);font-weight:600}.roi-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.roi-field-grid{grid-template-columns:1fr}}.roi-app label{display:block}.roi-field-label{display:block;font-size:.875rem;font-weight:500;color:var(--roi-ink);margin-bottom:6px}.roi-field-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.roi-field-label-row .roi-field-label{margin-bottom:0}.roi-field-hint{font-size:.75rem;color:var(--roi-ink-subtle)}.roi-field{display:flex;align-items:center;background:var(--roi-card);border:1px solid var(--roi-border);border-radius:2px;transition:border-color .15s ease}.roi-field:focus-within{border-color:var(--roi-button);box-shadow:0 0 0 3px #43b02a1a}.roi-field-prefix{padding-left:12px;font-family:var(--roi-font-mono);color:var(--roi-ink-subtle)}.roi-field-suffix{padding-right:12px;font-size:.875rem;color:var(--roi-ink-subtle)}.roi-field input{width:100%;padding:10px 12px;background:transparent;border:none;outline:none;font-family:var(--roi-font-mono);font-size:1rem;color:var(--roi-ink)}.roi-breakdown-stack>*+*{margin-top:32px}.roi-breakdown-eyebrow{font-family:var(--roi-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--roi-ink-subtle);margin-bottom:8px}.roi-breakdown-title{margin:0 0 24px;font-family:var(--roi-font-display);font-size:1.5rem;font-weight:500;line-height:1.15;color:var(--roi-ink)}.roi-breakdown-title-lg{font-size:1.75rem}.roi-value-bar{display:flex;width:100%;height:16px;border:1px solid var(--roi-border);background:var(--roi-surface);overflow:hidden}.roi-value-bar-segment{transition:width .4s ease-out}.roi-value-legend{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 20px}.roi-value-legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem}.roi-value-legend-swatch{width:10px;height:10px;border-radius:1px;flex-shrink:0}.roi-value-legend-name{color:var(--roi-ink-muted)}.roi-value-legend-amount{color:var(--roi-ink);font-family:var(--roi-font-mono)}.roi-lever-rows{margin-top:28px}.roi-lever-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid var(--roi-border-soft)}.roi-lever-row-label{display:flex;align-items:flex-start;gap:12px;flex:1}.roi-lever-row-swatch{margin-top:6px;width:8px;height:8px;border-radius:1px;flex-shrink:0}.roi-lever-row-name{font-weight:500;font-size:.9rem;color:var(--roi-ink)}.roi-lever-row-sub{margin-top:2px;font-size:.78rem;color:var(--roi-ink-subtle);line-height:1.4}.roi-lever-row-value{text-align:right;flex-shrink:0}.roi-lever-row-amount{font-family:var(--roi-font-mono);font-weight:500;font-size:.95rem;color:var(--roi-ink)}.roi-lever-row-secondary{font-size:.75rem;margin-top:2px;color:var(--roi-ink-subtle);font-family:var(--roi-font-mono)}.roi-lever-total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;margin-top:8px;border-top:2px solid var(--roi-border-strong)}.roi-lever-total-label{font-family:var(--roi-font-display);font-size:1.1rem;font-weight:600;color:var(--roi-ink)}.roi-lever-total-label-sm{font-size:1.05rem}.roi-lever-total-amount{font-family:var(--roi-font-mono);font-weight:600;font-size:1.1rem}.roi-lever-total-amount.positive{color:var(--roi-positive)}.roi-lever-total-amount.negative{color:var(--roi-negative)}.roi-year-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--roi-border-soft)}.roi-year-label{font-weight:500;color:var(--roi-ink)}.roi-year-cells{display:flex;gap:24px}.roi-year-cell{text-align:right}.roi-year-cell-label{font-family:var(--roi-font-mono);font-size:.7rem;color:var(--roi-ink-subtle)}.roi-year-cell-value{font-family:var(--roi-font-mono);color:var(--roi-ink-muted)}.roi-year-cell-net .roi-year-cell-value{font-weight:600;min-width:100px}.roi-year-cell-net .roi-year-cell-value.positive{color:var(--roi-positive)}.roi-year-cell-net .roi-year-cell-value.negative{color:var(--roi-negative)}.roi-methodology{margin-top:40px;padding:32px;background:var(--roi-surface);border:1px solid var(--roi-border);border-radius:4px}@media(min-width:768px){.roi-methodology{padding:48px}}.roi-methodology-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.roi-methodology-grid{grid-template-columns:1fr 2fr;gap:48px}}.roi-methodology h2{margin:6px 0 0;font-family:var(--roi-font-display);font-size:2rem;font-weight:500;line-height:1.1;color:var(--roi-ink)}.roi-methodology-points{font-size:.9rem;color:var(--roi-ink-muted);line-height:1.65}.roi-methodology-points>div+div{margin-top:24px}.roi-methodology-points strong{color:var(--roi-ink);font-weight:600;display:block;margin-bottom:4px}.roi-disclaimer{margin-top:40px;padding-top:32px;border-top:1px solid var(--roi-border-soft);font-size:.75rem;color:var(--roi-ink-subtle)}.roi-disclaimer p{max-width:720px;line-height:1.6;display:flex;gap:8px}.roi-disclaimer svg{flex-shrink:0;margin-top:2px;width:14px;height:14px}.roi-footer{text-align:center;padding:30px 0;background-color:#f5f5f5;margin-top:50px;font-family:var(--roi-font-body);font-size:.875rem;color:var(--roi-ink-muted)}@media screen and (max-width:1024px){.roi-app{padding:40px 20px}.roi-main-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.roi-hero{padding:24px}.roi-card{padding:20px}.roi-methodology{padding:24px}.roi-inputs-header h2{font-size:1.4rem}.roi-section-header h3,.roi-breakdown-title{font-size:1.25rem}.roi-breakdown-title-lg{font-size:1.4rem}.roi-methodology h2{font-size:1.5rem}.roi-year-cells{gap:16px}.roi-value-legend{gap:6px 14px}}@media screen and (max-width:480px){.roi-app{padding:32px 16px}.roi-hero{padding:20px}.roi-card{padding:16px}.roi-methodology{padding:20px}.roi-scenario-toggle button{padding:6px 14px;font-size:.8rem}.roi-field-grid{grid-template-columns:1fr}.roi-headline-secondary{grid-template-columns:1fr;gap:20px}.roi-inputs-header{flex-wrap:wrap}.roi-year-cells{gap:12px}.roi-value-legend-item{font-size:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/roi-calculator.css.map */