:root{--cpqroi-clr-graylt:#f1f1f1;--cpqroi-clr-graydk:#d0d2d3;--cpqroi-clr-blue:#0060a9;--cpqroi-clr-orange:#ec9720;--cpqroi-clr-text:#231f20;--cpqroi-txt-size:1.2rem;--cpqroi-txt-weight:600}#app{margin:0;padding:0}.green,a{color:#00bd7e;text-decoration:none;transition:.4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}.cpqroi-wrapper{font-size:var(--cpqroi-txt-size);line-height:1.5;margin:0 auto;max-width:1500px}.cpqroi-container-first{display:grid;gap:1rem 2rem;grid-auto-flow:row;grid-template-areas:"cpqroi-header cpqroi-header" "cpqroi-input cpqroi-summary";grid-template-columns:60% 40%;padding:2rem}@media (min-width:750px) and (max-width:1000px){.cpqroi-container-first{display:grid;gap:1rem 2rem;grid-auto-flow:row;grid-template-areas:"cpqroi-header cpqroi-header" "cpqroi-input cpqroi-hubspot";grid-template-columns:50% 50%;padding:2rem}}@media (max-width:749px){.cpqroi-container-first{display:grid;gap:1rem 2rem;grid-auto-flow:row;grid-template-areas:"cpqroi-header" "cpqroi-input" "cpqroi-hubspot";grid-template-columns:1fr;padding:2rem}}.cpqroi-container-returning{display:grid;gap:1rem 2rem;grid-auto-flow:row;grid-template-areas:"cpqroi-header cpqroi-header cpqroi-header" "cpqroi-input cpqroi-graphs cpqroi-summary";grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:2rem}@media (min-width:750px) and (max-width:1000px){.cpqroi-container-returning{display:grid;gap:1rem 2rem;grid-auto-flow:row;grid-template-areas:"cpqroi-header cpqroi-header" "cpqroi-input cpqroi-graphs" "cpqroi-input cpqroi-summary";grid-template-columns:33% 67%;padding:2rem}}@media (max-width:749px){.cpqroi-container-returning{display:grid;gap:1rem 2rem;grid-auto-flow:row;grid-template-areas:"cpqroi-header" "cpqroi-input" "cpqroi-graphs" "cpqroi-summary";grid-template-columns:1fr;padding:2rem}}.cpqroi-hubspot{grid-area:cpqroi-hubspot;padding:0 1rem}.cpqroi-hubspot h3{margin-bottom:15px}.cpqroi-container-returning{--cpqroi-txt-size:1rem;--cpqroi-txt-weight:500}.cpqroi-container-returning .cpqroi-hubspot{display:none}.cpqroi-header{grid-area:cpqroi-header}.cpqroi-header h1,.cpqroi-header h2{color:var(--cpqroi-clr-blue);font-size:2.3rem;font-weight:700;line-height:1;padding:0 0 .5rem}.cpqroi-header p{font-size:1.6rem;line-height:1.3;padding:0 0 .5rem}.cpqroi-input{background:#fff;border-radius:.5rem;counter-reset:section;grid-area:cpqroi-input;padding:1rem 2rem}.cpqroi-graphs{grid-area:cpqroi-graphs;padding:0 1rem 1rem}.cpqroi-summary h2,.cpqroi-summary h3{font-weight:700;margin:1rem 0 0}.cpqroi-graphs h3{font-weight:700;margin:1rem 0 -2rem}.cpqroi-container h3{color:var(--cpqroi-clr-blue);font-size:1.2rem;font-weight:700;line-height:1;margin:2rem 0 0;padding:0}.cpqroi-summary{grid-area:cpqroi-summary;padding:0 1rem 1rem}.cpqroi-container-first .cpqroi-graphs,.cpqroi-container-first .cpqroi-hubspot{display:none}.summary-salary-saved{font-size:4rem;font-weight:700;margin:0 0 1rem}.summary-delay-cost,.summary-hours-saved{font-size:3rem;font-weight:700;margin:0 0 1rem}.summary-delay-cost{color:var(--cpqroi-clr-orange)}.cpqroi-option{grid-template-areas:"cpqroi-option-label cpqroi-option-blank" "cpqroi-option-input cpqroi-option-value";grid-template-columns:70% 30%}.cpqroi-container-returning .cpqroi-option,.cpqroi-option{display:grid;gap:6px 12px;grid-auto-flow:row;padding:2rem 0}.cpqroi-container-returning .cpqroi-option{grid-template-areas:"cpqroi-option-label cpqroi-option-label" "cpqroi-option-input cpqroi-option-value";grid-template-columns:1fr 1fr}@media (min-width:750px) and (max-width:1240px){.cpqroi-container-returning .cpqroi-option,.cpqroi-option{display:grid;gap:6px 12px;grid-auto-flow:row;grid-template-areas:"cpqroi-option-label" "cpqroi-option-value" "cpqroi-option-input";grid-template-columns:1fr;padding:2rem 0}}@media (max-width:749px){.cpqroi-container-returning .cpqroi-option,.cpqroi-option{display:grid;gap:6px 12px;grid-auto-flow:row;grid-template-areas:"cpqroi-option-label" "cpqroi-option-value" "cpqroi-option-input";grid-template-columns:1fr;padding:2rem 0}}.cpqroi-option-label{grid-area:cpqroi-option-label}.cpqroi-option-input{grid-area:cpqroi-option-input}.cpqroi-option-label{font-size:var(--cpqroi-txt-size);font-weight:var(--cpqroi-txt-weight);margin-bottom:.5rem;margin-left:2rem;position:relative}.cpqroi-option-label:before{content:counter(section) ". ";counter-increment:section;left:-2rem;position:absolute}.cpqroi-option-value{color:var(--cpqroi-clr-blue);font-size:1.6rem;font-weight:700;grid-area:cpqroi-option-value;line-height:1;text-align:right}.cpqroi-input input[type=range]{display:block;width:100%}.cpqroi-input input[type=number]{border:1px solid var(--cpqroi-clr-graydk);border-radius:3px;color:var(--cpqroi-clr-blue);display:inline-block;font-size:var(--cpqroi-txt-size);font-weight:700;position:relative;text-align:right;width:auto}.cpqroi-input{font-size:1.6rem;font-weight:var(--cpqroi-txt-weight);line-height:1}.currency-select,.currency-select input{display:none}.currency-select b,.currency-select label{color:var(--cpqroi-clr-blue);font-weight:700}.currency-select label{border-radius:50%;display:inline-block;font-size:1rem;line-height:1;margin:0;padding:.25rem .5rem}.currency-select input[type=radio]:checked+label{background:#e2f4fd}.currency-select-radios{border:1px solid #e6e7e8;border-radius:1rem;display:inline-block;line-height:.7;margin-left:1rem;padding:2px}.hidden{display:none}