.roi-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem}.roi-hero{text-align:center;padding:3rem 0 2.5rem}.roi-hero h1{color:#fff;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.roi-hero p{color:#9ca3af;margin:0;font-size:1.1rem}.roi-layout{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}.roi-inputs{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;padding:1.5rem}.roi-field{margin-bottom:1.5rem}.roi-field label{color:#e5e7eb;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.roi-slider-row{align-items:center;gap:.75rem;display:flex}.roi-slider-row .roi-slider{flex:1;min-width:0}.roi-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;flex:1;height:6px}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px}.roi-number-input{color:#fff;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:64px;padding:.35rem .4rem;font-family:inherit;font-size:.85rem;font-weight:700}.roi-number-input:focus{border-color:var(--primary);outline:none}.roi-number-input::-webkit-inner-spin-button{opacity:.3}.roi-field-unit{color:#6b7280;margin-top:.15rem;font-size:.7rem}.roi-method-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.roi-method-card{color:#9ca3af;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.roi-method-card:hover{color:#fff;border-color:#fff3}.roi-method-card.active{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.4);color:var(--primary)}.roi-source{color:#6b7280;text-align:center;margin:0;font-size:.7rem}.roi-comparison{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.roi-compare-card{border-radius:12px;flex-direction:column;gap:.35rem;padding:1.25rem;display:flex}.roi-current{color:#fca5a5;background:#ef44440f;border:1px solid #ef444433}.roi-cs{background:rgba(var(--primary-rgb),.06);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary)}.roi-compare-label{text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.roi-compare-cost{color:#fff;font-size:1.5rem;font-weight:800}.roi-compare-per{opacity:.7;font-size:.8rem}.roi-compare-detail{opacity:.6;font-size:.75rem}.roi-savings-card{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex}.roi-savings-number{color:#fff;font-size:2rem;font-weight:800;display:block}.roi-savings-label{color:#9ca3af;font-size:.8rem;display:block}.roi-story{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.roi-story h3{color:#fff;margin:0 0 1.25rem;font-size:1rem;font-weight:700}.roi-story-section{margin-bottom:1.25rem}.roi-story-section:last-child{margin-bottom:0}.roi-story-section h4{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.75rem;font-weight:600;display:flex}.roi-story-items{flex-direction:column;gap:.5rem;display:flex}.roi-story-item{align-items:baseline;gap:.5rem;padding-left:1.5rem;display:flex}.roi-story-stat{color:#fff;white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:700}.roi-story-desc{color:#e5e7eb;font-size:.85rem;line-height:1.4}.roi-cta-group{flex-direction:column;gap:.5rem;display:flex}.roi-cta-primary{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.roi-cta-primary:hover{opacity:.9}.roi-cta-secondary{text-align:center;color:#9ca3af;padding:.5rem;font-size:.85rem;text-decoration:none;display:block}.roi-cta-secondary:hover{color:#fff}@media (max-width:768px){.roi-comparison{grid-template-columns:1fr}}
/*# sourceMappingURL=280f77113cd75c44.css.map*/