.roi{padding-block:var(--space-section);scroll-margin-top:6rem}.roi__inner{max-width:var(--container-medium-outer);padding-inline:var(--container-pad);gap:var(--space-xl);flex-flow:column;margin-inline:auto;display:flex}.roi__head{max-width:var(--container-small);text-align:center;flex-flow:column;gap:1.25rem;margin-inline:auto;display:flex}.roi__title{text-wrap:balance;font-size:2rem;font-weight:700;line-height:1.2}.roi__lead{max-width:42rem;margin:0 auto;font-size:1.25rem;line-height:1.5}.roi__lead p{margin:0}.roi__grid{gap:var(--space-m);grid-template-columns:1fr 1fr;align-items:start;display:grid}.roi__card{gap:var(--space-s);padding:var(--space-m);background:var(--color-white);border:1px solid var(--color-grey-light);border-radius:var(--radius-l);flex-flow:column;display:flex;box-shadow:0 .25rem 1.5rem #3333330f}.roi__card-title{align-items:center;gap:var(--space-2xs);margin:0 0 var(--space-2xs);font-family:var(--font-heading);font-size:1.125rem;font-weight:700;display:flex}.roi__dot{background:var(--color-green);border-radius:50%;flex:none;width:.5rem;height:.5rem}.roi__dot--orange{background:var(--color-orange)}.roi__field{flex-flow:column;gap:.375rem;display:flex}.roi__label{color:var(--color-grey-medium);font-size:.875rem}.roi__input{border:1px solid color-mix(in srgb, var(--color-grey-medium) 30%, transparent);border-radius:var(--radius-m);background:var(--color-grey-light);width:100%;color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;padding:.625rem .75rem;font-size:1rem}.roi__input:focus-visible{outline:2px solid var(--color-green);outline-offset:1px}.roi__hint{color:var(--color-grey-medium);margin:0;font-size:.75rem;line-height:1.4}.roi__fixed{border-radius:var(--radius-m);background:var(--color-green-light);margin:0;padding:.625rem .75rem;font-size:.875rem;line-height:1.5}.roi__steps{gap:var(--space-xs);flex-flow:column;display:flex}.roi__step{padding:var(--space-xs) .875rem;border-radius:var(--radius-m);background:var(--color-grey-light)}.roi__step-title{margin:0 0 var(--space-3xs);color:var(--color-grey-medium);font-size:.8125rem}.roi__line{justify-content:space-between;align-items:baseline;gap:var(--space-xs);font-variant-numeric:tabular-nums;margin:0;padding-block:.125rem;font-size:.875rem;display:flex}.roi__line strong{font-family:var(--font-heading);white-space:nowrap;font-size:1rem;font-weight:700}.roi__line--yarno strong{color:var(--color-green-dark)}.roi__saving{justify-content:space-between;align-items:center;gap:var(--space-s);border-radius:var(--radius-l);background:linear-gradient(135deg, var(--color-green), var(--color-green-dark));color:var(--color-white);padding:1.25rem;display:flex}.roi__saving-label{flex-flow:column;gap:.125rem;margin:0;font-weight:600;display:flex}.roi__saving-caption{opacity:.85;font-size:.75rem;font-weight:400}.roi__saving-value{font-family:var(--font-heading);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:2rem;font-weight:700}.roi__proof{padding:.875rem var(--space-s);border-radius:var(--radius-m);background:var(--color-orange-light);font-size:.875rem;line-height:1.5}.roi__proof p{margin:0}.roi__proof a{color:var(--color-green-dark);font-weight:600}.roi__footnote{max-width:var(--container-small);text-align:center;color:var(--color-grey-medium);margin-inline:auto;font-size:.75rem;line-height:1.6}.roi__footnote p{margin:0}@media (max-width:767px){.roi__grid{grid-template-columns:1fr}.roi__title{font-size:1.75rem}.roi__lead{font-size:1.125rem}}@media (max-width:479px){.roi__saving{flex-flow:column;align-items:flex-start}}