.roi-calc{padding:var(--section-padding) 0 var(--space-3xl);background:var(--color-white)}.roi-calc__header{margin-bottom:var(--space-2xl)}.roi-calc__header .section-title.is-hero{color:var(--color-heading)}.roi-calc__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start;max-width:1100px;margin:0 auto}.roi-calc__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.roi-calc__results-card{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-lg)}.roi-calc__card-title{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-ml);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-lg)}.roi-calc__card-icon{color:var(--color-primary);display:flex;align-items:center}.roi-calc__toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-white)}.roi-calc__toggle-btn{flex:1;padding:.6rem 1rem;font-size:var(--fs-sm);font-weight:600;background:#fff0;border:none;color:var(--color-text);cursor:pointer;transition:background 0.2s ease,color 0.2s ease;line-height:1.4;white-space:nowrap}.roi-calc__toggle-btn.is-active{background:var(--color-primary);color:var(--color-white);border-radius:calc(var(--radius-sm) - 1px)}.roi-calc__toggle-btn:not(.is-active):hover{background:var(--color-secondary-hover-bg);color:var(--color-primary)}.roi-calc__field-group{margin-bottom:var(--space-md)}.roi-calc__label{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--color-heading);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.roi-calc__hint{font-size:var(--fs-xs);color:var(--color-text-light);margin:.375rem 0 0;line-height:var(--lh-normal)}.roi-calc__currency-wrap{position:relative;display:flex;align-items:center}.roi-calc__currency-symbol{position:absolute;left:.875rem;font-size:var(--fs-m);color:var(--color-text-light);pointer-events:none;user-select:none}.roi-calc__input{width:100%;padding:.75rem 1rem;font-size:var(--fs-m);font-family:var(--font-body);color:var(--color-heading);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color 0.2s ease;-moz-appearance:textfield}.roi-calc__input::-webkit-outer-spin-button,.roi-calc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.roi-calc__input--currency{padding-left:2rem}.roi-calc__input:focus{border-color:var(--color-primary)}.roi-calc__input::placeholder{color:var(--color-text-light)}.roi-calc__search-wrap{position:relative;margin-bottom:.5rem}.roi-calc__search-input-wrap{position:relative}.roi-calc__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none;display:flex;align-items:center}.roi-calc__search{padding-left:2.5rem;margin-bottom:0}.roi-calc__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px rgb(0 0 0 / .1);z-index:100;max-height:280px;overflow-y:auto}.roi-calc__dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background 0.15s ease;gap:1rem}.roi-calc__dropdown-item:last-child{border-bottom:none}.roi-calc__dropdown-item:hover{background:var(--color-secondary-hover-bg)}.roi-calc__dropdown-item-name{font-size:var(--fs-sm);font-weight:700;color:var(--color-heading);line-height:1.3;margin-bottom:2px}.roi-calc__dropdown-item-sub{font-size:var(--fs-xs);color:var(--color-text-light);margin:0}.roi-calc__dropdown-item-price{font-size:var(--fs-sm);font-weight:700;color:var(--color-heading);white-space:nowrap;flex-shrink:0}.roi-calc__dropdown-empty{padding:1rem;font-size:var(--fs-sm);color:var(--color-text-light);text-align:center}.roi-calc__assumptions{margin-top:var(--space-md)}.roi-calc__assumptions-title{font-size:var(--fs-sm);font-weight:700;color:var(--color-heading);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.roi-calc__assumption-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.5rem}.roi-calc__assumption-label{font-size:var(--fs-sm);color:var(--color-text)}.roi-calc__assumption-value{font-size:var(--fs-sm);font-weight:700;color:var(--color-heading)}.roi-calc__assumption-value--accent{color:var(--color-primary)}.roi-calc__disclaimer{font-size:var(--fs-xs);color:var(--color-text-light);margin-top:.75rem;line-height:var(--lh-relaxed)}.roi-calc__results-title{font-size:var(--fs-xl);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-md);text-transform:none;letter-spacing:0;font-family:var(--font-body)}.roi-calc__results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.roi-calc__result-label{font-size:var(--fs-sm);color:var(--color-text);margin-bottom:.375rem}.roi-calc__result-value{font-size:var(--fs-xl);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:.375rem;transition:all 0.3s ease}.roi-calc__result-value.is-populated{font-size:var(--fs-2xl)}.roi-calc__placeholder{display:inline-block;width:24px;height:3px;background:var(--color-primary);border-radius:2px;vertical-align:middle}.roi-calc__result-sub{font-size:var(--fs-xs);color:var(--color-text-light);margin:0}.roi-calc__results-divider{height:1px;background:var(--color-border);margin:var(--space-md) 0}.roi-calc__roi-row{margin-bottom:var(--space-md)}.roi-calc__roi-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);margin-bottom:.375rem}.roi-calc__roi-value{font-size:var(--fs-2xl);font-weight:700;color:var(--color-primary)}.roi-calc__roi-value.is-populated{font-size:3rem}.roi-calc__results-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.roi-calc__annual-savings{font-size:var(--fs-xs);color:var(--color-text-light);margin:0}.roi-calc__ctas{display:flex;gap:.75rem;flex-wrap:wrap}.roi-calc__cta-primary,.roi-calc__cta-secondary{padding:.625rem 1.25rem;font-size:var(--fs-sm)}.roi-calc__methodology{margin-top:var(--space-md)}.roi-calc__methodology-title{font-size:var(--fs-ml);font-weight:700;color:var(--color-heading);text-transform:none;letter-spacing:0;font-family:var(--font-body);margin-bottom:var(--space-md)}.roi-calc__methodology-item{margin-bottom:var(--space-md)}.roi-calc__methodology-item:last-child{margin-bottom:0}.roi-calc__methodology-item h4{font-size:var(--fs-sm);font-weight:700;color:var(--color-heading);text-transform:none;letter-spacing:0;margin-bottom:.375rem}.roi-calc__methodology-item p{font-size:var(--fs-sm);color:var(--color-text);line-height:var(--lh-relaxed);margin:0}@media (max-width:900px){.roi-calc__layout{grid-template-columns:1fr}}@media (max-width:600px){.roi-calc__results-grid{grid-template-columns:1fr}.roi-calc__results-footer{flex-direction:column;align-items:flex-start}.roi-calc__ctas{width:100%;flex-direction:column}.roi-calc__cta-primary,.roi-calc__cta-secondary{width:100%;text-align:center;justify-content:center}.roi-calc__toggle-btn{font-size:var(--fs-xs);padding:.5rem .5rem;white-space:normal;text-align:center}}