.container:has(.ROI){margin:0 auto;max-width:1400px;padding:2rem 1rem}.ROI{--color-night:#2a2a2a;--color-green:#73d13d;--color-green-txt:#52c41a;--color-green-xl:#d9f7be;--color-teal-txt:#13c2c2;--color-teal-xl:#b5f5ec;--color-border:#e0e0e0;--radius:0.625rem;--input:214.3 31.8% 91.4%;--grid-gap:1.5rem;color:var(--color-night);font-family:Figtree,Helvetica,Arial,sans-serif;line-height:100%;text-wrap:balance}.ROI .main-grid{align-items:start;display:grid;gap:var(--grid-gap);@media (min-width:640px){grid-template-columns:repeat(2,1fr);grid-template-rows:1fr auto;>:first-child{grid-row:1/-1}}@media (min-width:1024px){grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto}}.header{margin-bottom:3.125rem;h2{color:#52c41a;font-family:inherit;font-size:clamp(1.75rem,2.0883rem + -1.388vw,1.2rem);font-weight:inherit;margin-bottom:1rem;text-transform:uppercase}h2,h3{line-height:100%}h3{color:#2a2a2a;font-size:clamp(2rem,1.3849rem + 2.5237vw,3rem);font-weight:700;letter-spacing:-1.4px}}.main-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 5px 5px 0 rgba(0,0,0,.05)}.card-info{background:#fafafa;.card-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.card-header{border-bottom:1px solid var(--color-border);margin:1.25rem 1.25rem .6rem;padding-bottom:20px}.card-title{font-size:clamp(1.875rem,2.1057rem + -.9464vw,1.5rem);font-weight:500;letter-spacing:-.9px;line-height:100%}.card-title,.txt-lg{color:var(--color-night)}.txt-lg{font-size:clamp(1.125rem,1.2019rem + -.3155vw,1rem);font-weight:350;line-height:120%;margin:.5rem 0 0}.txt-green{color:var(--color-green-txt)}.txt-teal{color:var(--color-teal-txt)}.card-content{display:flex;flex-flow:row wrap;gap:1.875rem;padding:1.25rem}.input-group{display:flex;flex:1 1 0;flex-direction:column;gap:.5rem}.ROI label{color:var(--color-night)!important;font-family:Figtree,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:450;line-height:1;margin:0}.ROI input{background-color:#fff;border:1px solid hsl(var(--input));border-radius:calc(var(--radius)/1.5);font-size:1.625rem;font-weight:450;min-width:150px;padding:.5rem 1rem;transition:all .2s;&:focus{border-color:var(--color-green-txt)}&:hover{border-color:hsl(from var(--color-green) h s 30%)}&:focus{outline:2px solid var(--color-green-txt);outline-offset:0}}.input-hint{color:var(--color-night);font-size:.875rem;line-height:120%;margin:5px 0 0}.data-box{align-items:center;display:flex;gap:1.25rem;&.highlight-box{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:-10px 10px 25px 0 rgba(0,0,0,.05);margin:-.8rem 0;padding:.8rem 1rem;width:100%}}.data-label{display:flex;flex-direction:column;gap:.4rem;p{margin:0}}.savings-value{font-size:2rem;font-weight:500;line-height:100%}.ROI-icon{--size:28px;border-radius:200px;padding:12px;&.icon-green{background:var(--color-green-xl)}&.icon-teal{background:var(--color-teal-xl)}svg{height:var(--size);stroke-width:2;width:var(--size)}}.pricing-options{border:1px solid var(--color-border);border-radius:20px;display:flex;overflow:clip;width:fit-content;button{background:#fff;cursor:pointer;padding:6px 14px;&:not(:last-child){border-right:1px solid var(--color-border)}&:hover{background:hsl(from black h s 95%)}}}