.roi-page{background:var(--vf-canvas);overflow:clip}.roi-hero{padding-block:clamp(var(--vf-space-9), 7vw, 6.5rem) var(--vf-space-9)}.roi-hero__grid{gap:var(--vf-space-8);grid-template-columns:minmax(0,1.04fr) minmax(24rem,.96fr);align-items:center}.roi-hero__copy{max-width:42rem}.roi-hero__copy .vf-hero__subheader{max-width:39rem;margin-top:var(--vf-space-4)}.roi-hero__copy .vf-actions{margin-top:var(--vf-space-5)}.roi-hero__visual{min-width:0}.roi-hero__media{min-height:30rem;padding:var(--vf-space-6) var(--vf-space-6) 0;background:0 0;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.roi-hero__media picture{justify-content:center;align-items:flex-end;width:100%;display:flex}.roi-hero__image{object-fit:contain;width:min(100%,31.875rem);height:auto}.roi-calculator{scroll-margin-top:calc(var(--vf-nav-h) + var(--vf-space-4))}.roi-calculator__inner{max-width:58rem}.roi-form-card{padding:clamp(var(--vf-space-5), 4vw, var(--vf-space-7))}.roi-form-card__intro{--vf-stack-gap:var(--vf-space-2);margin-bottom:var(--vf-space-6)}.roi-form-card__intro .vf-body,.roi-gate__intro .vf-body{margin:0}.roi-form{gap:var(--vf-space-7);display:grid}.roi-form__grid{gap:var(--vf-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roi-input-group{border:1px solid var(--vf-border-strong);border-radius:var(--vf-radius-md);background:var(--vf-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.roi-input-group:focus-within{border-color:var(--vf-teal-600);box-shadow:0 0 0 3px rgba(var(--vf-teal-500-rgb), .14)}.roi-input-group .vf-input{min-width:0;box-shadow:none;border:0;border-radius:0}.roi-input-group .vf-input:focus-visible{outline:0}.roi-input-group__prefix,.roi-input-group__suffix{min-width:var(--vf-control-height-lg);padding-inline:var(--vf-space-3);color:var(--vf-text);font-size:var(--vf-text-sm);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.roi-input-group__prefix{border-right:1px solid var(--vf-border)}.roi-input-group__suffix{border-left:1px solid var(--vf-border)}.roi-gate{--vf-stack-gap:var(--vf-space-4);padding-top:var(--vf-space-6);border-top:1px solid var(--vf-border)}.roi-gate__intro{--vf-stack-gap:var(--vf-space-2)}.roi-form__submit{justify-content:center;width:100%}.roi-gate__note{text-align:center;margin:0}.roi-results{scroll-margin-top:calc(var(--vf-nav-h) + var(--vf-space-4))}.roi-results:not([hidden]){animation:.5s cubic-bezier(.22,.9,.24,1) both roi-fade-in}.roi-report{gap:var(--vf-space-5);padding:clamp(var(--vf-space-5), 4vw, var(--vf-space-7));display:grid}.roi-report__header,.roi-report__heading-row,.roi-powered-by,.roi-impact,.roi-report__footer,.roi-legend__item,.roi-breakdown__head,.roi-comparison__labels{align-items:center;display:flex}.roi-report__header{justify-content:space-between;gap:var(--vf-space-4);padding-bottom:var(--vf-space-5);border-bottom:1px solid var(--vf-border)}.roi-report__title-group{--vf-stack-gap:var(--vf-space-2)}.roi-report__heading-row{gap:var(--vf-space-3);flex-wrap:wrap}.roi-performance-badge{gap:var(--vf-space-1);padding:var(--vf-space-1) var(--vf-space-2);border:1px solid rgba(var(--vf-teal-500-rgb), .4);border-radius:var(--vf-radius-pill);background:rgba(var(--vf-teal-500-rgb), .14);color:var(--vf-teal-700);font-size:var(--vf-text-xs);align-items:center;display:inline-flex}.roi-powered-by{gap:var(--vf-space-2);padding:var(--vf-space-2) var(--vf-space-3);border-radius:var(--vf-radius-pill);background:var(--vf-dark-gradient);color:rgba(var(--vf-white-rgb), .72);font-size:var(--vf-text-xs);flex:none}.roi-powered-by picture{display:flex}.roi-powered-by__logo{width:5.5rem;height:auto}.roi-stats{gap:var(--vf-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.roi-stat-card{--vf-stat-value-size:clamp(1.75rem, 3.2vw, 2.5rem);min-width:0}.roi-stat-card .vf-small{margin-top:var(--vf-space-2)}.roi-impact{gap:var(--vf-space-3)}.roi-impact .vf-card__icon{border-radius:var(--vf-radius-pill);flex:none}.roi-impact__base{color:var(--vf-ink);font-weight:700}.roi-impact__value{color:var(--vf-teal-700);font-weight:800}.roi-report__charts{gap:var(--vf-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roi-chart-card,.roi-comparison,.roi-donut-layout{gap:var(--vf-space-5);display:grid}.roi-donut{width:13.125rem;height:13.125rem;margin-inline:auto;position:relative}.roi-donut__track{stroke:rgba(var(--vf-ink-rgb), .08)}.roi-donut__center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.roi-donut__roi{color:var(--vf-teal-700);letter-spacing:-.03em;font-size:1.65rem;font-weight:800;line-height:1}.roi-donut__divider{width:1.75rem;height:1px;margin-block:var(--vf-space-2);background:var(--vf-border)}.roi-donut__savings,.roi-legend__value,.roi-breakdown__value,.roi-investment-card strong,.roi-return-card strong{color:var(--vf-ink);font-weight:700}.roi-legend{gap:var(--vf-space-3) var(--vf-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roi-legend__item{gap:var(--vf-space-2);align-items:flex-start;min-width:0}.roi-legend__swatch{width:.6rem;height:.6rem;margin-top:var(--vf-space-1);border-radius:var(--vf-radius-xs);flex:none}.roi-legend__copy,.roi-breakdown__label{min-width:0}.roi-breakdown{gap:var(--vf-space-4);display:grid}.roi-breakdown__item{gap:var(--vf-space-2);display:grid}.roi-breakdown__head,.roi-comparison__labels{justify-content:space-between;gap:var(--vf-space-2)}.roi-breakdown__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roi-breakdown__value{font-size:var(--vf-text-sm);flex:none}.roi-breakdown__track,.roi-comparison__track{border-radius:var(--vf-radius-pill);background:rgba(var(--vf-ink-rgb), .08);overflow:hidden}.roi-breakdown__track{height:.625rem}.roi-breakdown__fill{border-radius:inherit;width:0;height:100%;transition:width 1s cubic-bezier(.22,.9,.24,1)}.roi-tone--teal{background:var(--vf-teal-500)}.roi-tone--orange{background:var(--vf-orange-500)}.roi-tone--coral{background:var(--vf-coral-500)}.roi-comparison{background:var(--vf-surface-tint)}.roi-comparison__stats{gap:var(--vf-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roi-investment-card,.roi-return-card{gap:var(--vf-space-2);display:grid}.roi-investment-card{border-color:rgba(var(--vf-coral-500-rgb), .24);background:rgba(var(--vf-coral-500-rgb), .08)}.roi-investment-card strong{color:var(--vf-coral-700)}.roi-return-card strong{color:var(--vf-teal-700)}.roi-comparison__track{height:.8rem;display:flex}.roi-comparison__segment{flex:none;width:0;height:100%;transition:width 1.1s cubic-bezier(.22,.9,.24,1)}.roi-comparison__segment--investment{background:linear-gradient(90deg, var(--vf-coral-500), var(--vf-orange-500))}.roi-comparison__segment--return{background:var(--vf-teal-500)}.roi-comparison__labels span:first-child{color:var(--vf-coral-700)}.roi-comparison__labels span:last-child{color:var(--vf-teal-700)}.roi-report__footer{align-items:center;gap:var(--vf-space-2);padding-top:var(--vf-space-4);border-top:1px solid var(--vf-border);text-align:center;flex-direction:column}@keyframes roi-fade-in{0%{opacity:0;transform:translateY(var(--vf-space-4))}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.roi-hero__grid{gap:var(--vf-space-5);grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr)}.roi-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.roi-hero__grid,.roi-report__charts{grid-template-columns:minmax(0,1fr)}.roi-hero__copy{max-width:46rem}.roi-hero__visual{max-width:38rem;margin-inline:auto}.roi-hero__media{min-height:24rem}}@media (width<=640px){.roi-hero{padding-block:var(--vf-space-8)}.roi-form__grid,.roi-comparison__stats{grid-template-columns:minmax(0,1fr)}.roi-hero__media{min-height:19rem;padding:var(--vf-space-4) var(--vf-space-4) 0}.roi-report__header{flex-direction:column;align-items:flex-start}.roi-powered-by{display:none}.roi-legend{grid-template-columns:minmax(0,1fr)}}@media (width<=400px){.roi-stats{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.roi-results:not([hidden]){animation:none}.roi-breakdown__fill,.roi-comparison__segment{transition:none}}
