.roi-calculator{display:grid;grid-template-columns:1fr;gap:clamp(16px, 3vw, 30px);align-items:start}.calculator-section{display:flex;flex-direction:column;gap:clamp(16px, 2.5vw, 25px);height:100%}.service-tabs{background:#f8f9ff;border-radius:clamp(6px, 1vw, 8px);padding:clamp(10px, 1.5vw, 15px)}.tabs-container{display:flex;flex-direction:row;gap:clamp(6px, 1vw, 10px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.tabs-container::-webkit-scrollbar{display:none}.service-tab{display:flex;align-items:center;justify-content:flex-start;gap:clamp(8px, 1.5vw, 12px);padding:clamp(12px, 2vw, 16px);border-radius:clamp(4px, 0.8vw, 6px);border:none;background:#fff0;cursor:pointer;transition:background-color 0.2s;flex:1;text-align:left}.service-tab.active{background:#e2e7ff}.service-tab:hover:not(.active){background:rgb(226 231 255 / .5)}.service-icon{width:clamp(20px, 3vw, 24px);height:clamp(20px, 3vw, 24px);flex-shrink:0}.service-text{display:flex;flex-direction:column;align-items:flex-start;color:#212326;flex:1}.service-title{font-weight:700;font-size:clamp(14px, 2.5vw, 18px);line-height:1.2;margin-bottom:2px}.service-subtitle{font-weight:300;font-size:clamp(12px, 2vw, 14px);opacity:.5;letter-spacing:.8px}.savings-container{display:flex;flex-direction:row;gap:clamp(12px, 2vw, 20px)}.savings-container::-webkit-scrollbar{display:none}.savings-card{background:#f8f9ff;border-radius:clamp(8px, 1.5vw, 12px);padding:clamp(12px, 2.5vw, 20px);position:relative;display:flex;flex-direction:column;justify-content:space-between;flex:1}.card-title{font-weight:700;font-size:clamp(14px, 2.5vw, 18px);color:#212326;margin-bottom:clamp(8px, 1.5vw, 12px)}.savings-amount{font-weight:700;font-size:clamp(24px, 2.5vw, 48px);color:#0e3aa4;text-align:center;margin:clamp(16px, 3vw, 24px) auto;line-height:1.1}.cost-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(4px, 1vw, 8px);flex-wrap:wrap;gap:4px}.cost-label{font-size:clamp(12px, 2vw, 16px);color:#212326}.cost-value{font-weight:700;font-size:clamp(12px, 2vw, 16px)}.traditional-cost{color:#e70202}.relyzit-cost{color:#0e3aa4}.controls-section{background:#f8f9ff;border-radius:clamp(8px, 1.5vw, 12px);padding:clamp(16px, 3vw, 25px);display:flex;flex-direction:column;align-items:center}.region-toggle{background:#e2e7ff;border-radius:clamp(6px, 1vw, 8px);padding:clamp(6px, 1vw, 10px);display:flex;gap:clamp(16px, 2.5vw, 25px);margin-bottom:clamp(20px, 3vw, 30px);justify-content:center;width:100%;max-width:400px}.region-button{padding:clamp(6px, 1.5vw, 10px) clamp(8px, 2vw, 12px);border-radius:clamp(4px, 0.8vw, 6px);border:none;background:#fff0;cursor:pointer;transition:background-color 0.2s;font-size:clamp(14px, 2.5vw, 18px);color:#212326;flex:1}.region-button.active{background:#f8f9ff}.region-button:hover:not(.active){background:rgb(248 249 255 / .5)}.controls-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(20px, 3vw, 40px);width:100%}.slider-group{display:flex;flex-direction:column;gap:clamp(8px, 1.5vw, 12px)}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(8px, 1.5vw, 12px);flex-wrap:wrap;gap:clamp(4px, 1vw, 8px)}.slider-label{font-size:clamp(14px, 2.5vw, 18px);color:#18181b;font-weight:500}.slider-value{font-weight:700;font-size:clamp(14px, 2.5vw, 18px);color:#0e3aa4}.slider-container{position:relative;height:clamp(16px, 2.5vw, 20px)}.slider-track{position:absolute;top:50%;left:0;width:100%;height:clamp(6px, 1vw, 8px);background:#f4f4f5;border-radius:9999px;transform:translateY(-50%)}.slider-fill{position:absolute;top:0;left:0;height:100%;background:#0e3aa4;border-radius:9999px}.slider-handle{position:absolute;top:50%;width:clamp(16px, 2.5vw, 20px);height:clamp(16px, 2.5vw, 20px);background:#fff;border:2px solid #212326;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:10;box-shadow:0 2px 4px rgb(0 0 0 / .1);transition:box-shadow 0.2s ease}.slider-handle:hover{box-shadow:0 4px 8px rgb(0 0 0 / .15)}.slider-handle:active{box-shadow:0 1px 2px rgb(0 0 0 / .2)}.slider-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:clamp(12px, 2vw, 16px);color:#18181b;opacity:.7}.benefits-section{background:#f8f9ff;border-radius:clamp(8px, 1.5vw, 12px);padding:clamp(16px, 2.5vw, 25px);width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.benefits-title{font-size:clamp(18px, 4vw, 28px);color:#000;letter-spacing:1.2px;margin-bottom:clamp(16px, 3vw, 25px);text-align:center;font-weight:700}.benefits-list{display:flex;flex-direction:column;gap:clamp(8px, 1.5vw, 12px);margin-bottom:clamp(16px, 3vw, 25px);flex:1}.benefit-item{display:flex;align-items:flex-start;gap:clamp(10px, 2vw, 14px);padding:clamp(4px, 1vw, 8px) 0}.benefit-icon{width:clamp(24px, 4vw, 32px);height:clamp(24px, 4vw, 32px);flex-shrink:0;margin-top:2px}.benefit-text{font-size:clamp(13px, 2.2vw, 17px);color:#212326;font-weight:300;letter-spacing:.8px;line-height:1.4;flex:1}.get-started-btn{background:#0e3aa4;color:#fff;border:none;border-radius:clamp(6px, 1vw, 8px);padding:clamp(10px, 2.5vw, 16px) clamp(20px, 4vw, 32px);font-size:clamp(14px, 2.5vw, 18px);cursor:pointer;transition:background-color 0.2s;letter-spacing:.8px;width:100%;max-width:clamp(200px, 30vw, 300px);margin:0 auto;display:block}.get-started-btn:hover{background:rgb(14 58 164 / .9)}.subscription-info{background:#e2e7ff;border-radius:clamp(6px, 1vw, 8px);padding:clamp(12px, 2.5vw, 18px);margin-top:clamp(12px, 2.5vw, 20px);text-align:center;font-size:clamp(12px, 2vw, 16px);color:#212326}.tier-label{background:#f8f9ff;padding:clamp(4px, 1vw, 8px) clamp(8px, 1.5vw, 12px);border-radius:clamp(3px, 0.6vw, 5px);display:inline-block;margin-right:clamp(6px, 1vw, 10px)}.hidden{display:none}.uae-symbol{font-family:'UAESymbol',sans-serif}#cost-savings .uae-symbol{font-size:clamp(24px, 5vw, 36px)}#daily-rate-value .uae-symbol{font-size:clamp(14px, 2.5vw, 16px)}#traditional-cost .uae-symbol,#relyzit-cost .uae-symbol,#subscription-info .uae-symbol{font-size:clamp(14px, 2.5vw, 14px)}#cost-savings,#traditional-cost,#relyzit-cost,#daily-rate-value,.subscription-info{display:flex;align-items:center}@media (min-width:768px){.roi-calculator{grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.calculator-section{grid-column:1;grid-row:1 / -1}.benefits-section{grid-column:2;grid-row:1 / -1;width:clamp(300px, 25vw, 400px);min-height:auto}}@media (min-width:1024px){.roi-calculator{grid-template-columns:1fr auto;gap:clamp(20px, 4vw, 40px)}.benefits-section{width:clamp(350px, 28vw, 450px)}}@media (min-width:1200px){.roi-calculator{grid-template-columns:1fr auto;gap:clamp(25px, 5vw, 50px)}.benefits-section{width:clamp(380px, 30vw, 480px)}}@media (min-width:1600px){.demo-container{max-width:1600px}.roi-calculator{gap:clamp(30px, 6vw, 60px)}.benefits-section{width:clamp(400px, 32vw, 520px)}}@media (max-width:767px){.service-icon{display:none}}@media (hover:none) and (pointer:coarse){.benefit-item{padding:clamp(6px, 1.5vw, 12px) 0}.tabs-container{grid-template-columns:1fr}}@media (prefers-contrast:high){.service-tab.active{background:#0e3aa4;color:#fff}.region-button.active{background:#0e3aa4;color:#fff}}@media (prefers-reduced-motion:reduce){.service-tab,.region-button,.get-started-btn,.slider-fill{transition:none}}@media (max-height:600px) and (orientation:landscape){.roi-calculator{grid-template-columns:1fr auto;gap:clamp(12px, 2vw, 20px)}.benefits-section{width:clamp(250px, 20vw, 300px)}.savings-amount{font-size:clamp(20px, 4vw, 32px);margin:clamp(8px, 2vw, 16px) 0}.benefits-title{font-size:clamp(16px, 3vw, 22px);margin-bottom:clamp(8px, 2vw, 16px)}.benefit-text{font-size:clamp(12px, 2vw, 15px)}}