.roi-calc{--roi-left-bg:#5b009f;--roi-right-bg:#6049b5;--roi-pink:#f83aed;--roi-white:#fff;--roi-white-10:hsla(0,0%,100%,.1);--roi-white-20:hsla(0,0%,100%,.2);--roi-white-30:hsla(0,0%,100%,.3);--roi-white-60:hsla(0,0%,100%,.6);--roi-white-80:hsla(0,0%,100%,.8)}.roi-calc__inner{border-radius:50px;display:flex;min-height:800px;overflow:hidden}@media (max-width:767px){.roi-calc__inner{border-radius:24px;flex-direction:column}}.roi-calc__left{background-color:var(--roi-left-bg);background-image:url(https://143516351.fs1.hubspotusercontent-eu1.net/hubfs/143516351/agency-web/graphics/vectors/patterns/purple-jam-7-layers.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--roi-white);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(40px,6vw,72px) clamp(32px,5vw,60px);position:relative;width:50%}@media (max-width:767px){.roi-calc__left{padding:48px 32px;width:100%}}.roi-calc__left h2{color:var(--roi-white);font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin-bottom:1rem}.roi-calc__left p{color:var(--roi-white-80);font-size:1rem;line-height:1.6;max-width:400px}.roi-calc__left-content{position:relative;z-index:1}.roi-calc__right{background-color:var(--roi-right-bg);color:var(--roi-white);display:flex;flex-direction:column;padding:195px clamp(32px,5vw,60px) 95px;position:relative;transition:background .4s ease;width:50%}.roi-calc__right:has(.roi-step--results:not([hidden])){background:radial-gradient(99.87% 99.87% at 103.68% 91.62%,#6049b5 0,rgba(96,73,181,0) 100%),linear-gradient(209.72deg,#613072 7.24%,#2b164c 94.5%)}@media (max-width:767px){.roi-calc__right{padding:48px 32px;width:100%}}.roi-calc__progress{align-items:center;display:flex;gap:0;margin-bottom:40px;transition:opacity .3s ease}.roi-calc__progress[hidden]{display:none}.roi-progress__dot{align-items:center;border:2px solid var(--roi-white-30);border-radius:50%;color:var(--roi-white-30);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:36px;justify-content:center;letter-spacing:.05em;transition:border-color .3s ease,color .3s ease,background-color .3s ease;width:36px}.roi-progress__dot.is-active{border-color:var(--roi-white);color:var(--roi-white)}.roi-progress__dot.is-done{background-color:var(--roi-white);border-color:var(--roi-white);color:var(--roi-right-bg)}.roi-progress__line{background-color:var(--roi-white-30);flex:1;height:1px;max-width:24px;min-width:8px}.roi-step{display:flex;flex:1;flex-direction:column;justify-content:center}.roi-step[hidden]{display:none}.roi-step__fieldset{border:none;margin:0;padding:0}.roi-step__heading{color:var(--roi-white);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;line-height:1.25;margin:0 0 28px}.roi-step__subhead{color:var(--roi-white-60);font-size:.9rem;line-height:1.5;margin:-16px 0 28px}.roi-step__counter{color:var(--roi-white-60);font-size:.85rem;font-weight:500;margin:-20px 0 24px}.roi-step__error{color:var(--roi-pink);margin-top:20px}.roi-step__error[hidden]{display:none}.roi-step__optional{color:var(--roi-white-60);font-size:.8em;font-weight:400}.roi-step__helper{color:var(--roi-white-60);font-size:.85rem;line-height:1.5;margin:10px 0 0}.roi-step__options{display:flex;flex-direction:column;gap:14px}.roi-checkbox{align-items:center;color:var(--roi-white);cursor:pointer;display:flex;font-size:1rem;gap:14px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roi-checkbox input[type=checkbox]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.roi-checkbox__box{align-items:center;border:2px solid var(--roi-white-60);border-radius:5px;display:flex;flex-shrink:0;height:22px;justify-content:center;position:relative;transition:background-color .2s ease,border-color .2s ease;width:22px}input[type=checkbox]:checked~.roi-checkbox__box{background-color:var(--roi-pink);border-color:var(--roi-pink)}input[type=checkbox]:checked~.roi-checkbox__box:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:9px;transform:rotate(45deg) translate(-1px,-2px);width:5px}input[type=checkbox]:focus-visible~.roi-checkbox__box{outline:2px solid #fff;outline-offset:3px}.roi-radio{align-items:center;color:var(--roi-white);cursor:pointer;display:flex;font-size:1rem;gap:14px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roi-radio input[type=radio]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.roi-radio__dot{border:2px solid var(--roi-white-60);border-radius:50%;flex-shrink:0;height:22px;position:relative;transition:border-color .2s ease;width:22px}.roi-radio__dot:after{background-color:var(--roi-pink);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:10px}input[type=radio]:checked~.roi-radio__dot{border-color:var(--roi-white)}input[type=radio]:checked~.roi-radio__dot:after{transform:translate(-50%,-50%) scale(1)}input[type=radio]:focus-visible~.roi-radio__dot{outline:2px solid #fff;outline-offset:3px}.roi-input-wrap{align-items:center;display:flex;position:relative}.roi-input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;background:var(--roi-white);border:none;border-radius:99px;color:#1a1a1a;font-size:1rem;outline:none;padding:18px 28px 18px 52px;width:100%}.roi-input::-moz-placeholder{color:#999}.roi-input::placeholder{color:#999}.roi-input::-webkit-inner-spin-button,.roi-input::-webkit-outer-spin-button{-webkit-appearance:none}.roi-input:focus-visible{outline:2px solid var(--roi-pink);outline-offset:2px}.roi-input__symbol{color:#999;font-size:1rem;left:24px;pointer-events:none;position:absolute}.roi-slider-wrap{align-items:center;display:flex;gap:20px;margin-bottom:16px}.roi-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--roi-pink) var(--pct,20%),var(--roi-white-30) var(--pct,20%));border-radius:2px;cursor:pointer;flex:1;height:4px;outline:none}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--roi-pink);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;height:26px;width:26px}.roi-slider::-moz-range-thumb{background:var(--roi-pink);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;height:26px;width:26px}.roi-slider:focus-visible{outline:2px solid #fff;outline-offset:4px}.roi-slider__output{color:var(--roi-white);flex-shrink:0;font-size:1.25rem;font-weight:700;min-width:52px;text-align:right}.roi-step--results{justify-content:flex-start}.roi-results{display:flex;flex-direction:column;gap:28px;margin:0 0 40px}.roi-results__row{border-bottom:1px solid var(--roi-white-20);padding-bottom:28px}.roi-results__row:last-child{border-bottom:none;padding-bottom:0}.roi-results__row dd,.roi-results__row dt{padding:0}.roi-results__label{color:var(--roi-white);margin-bottom:12px}.roi-results__value{color:var(--roi-white);display:block;font-size:1.5rem;font-weight:700}.roi-results__value--lg{font-size:2rem}.roi-results__saving-label{color:var(--roi-white);display:block;margin-top:12px}.roi-results__actions{display:flex;flex-wrap:wrap;gap:16px}.roi-results__reset{background:transparent;border:2px solid var(--roi-white-60);border-radius:99px;color:var(--roi-white);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 28px;transition:border-color .2s ease,background-color .2s ease}.roi-results__reset:hover{background-color:var(--roi-white-10);border-color:var(--roi-white)}.roi-results__reset:focus-visible{outline:2px solid #fff;outline-offset:2px}.roi-calc__nav{align-items:center;display:flex;justify-content:space-between;margin-top:32px}.roi-calc__nav[hidden]{display:none}.roi-nav-btn{align-items:center;background:transparent;border:2px solid var(--roi-white-60);border-radius:50%;color:var(--roi-white);cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;transition:border-color .2s ease,background-color .2s ease;width:52px}.roi-nav-btn:hover{background-color:var(--roi-white-10);border-color:var(--roi-white)}.roi-nav-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.roi-nav-btn[hidden]{pointer-events:none;visibility:hidden}.roi-nav-btn--next{margin-left:auto}