#gi-roi-calculator{--roi-green:var(--gi-green);--roi-dark:var(--gi-bg-calc);--roi-card:var(--gi-bg-card-dark);--roi-border:var(--gi-bg-slate);--roi-text:#c8cad0;--roi-white:var(--gi-text-on-dark);max-width:1100px;color:var(--roi-text);margin:0 auto;padding:0 1rem;font-family:Epilogue,system-ui,sans-serif}#gi-roi-calculator h2{color:var(--roi-white);text-align:center;margin:2rem 0 3rem;font-size:2rem;font-weight:700}.gi-calc-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;display:grid}@media (width<=768px){.gi-calc-grid{grid-template-columns:1fr}}.gi-calc-card{background:var(--roi-card);border:1px solid var(--roi-border);border-radius:1rem;padding:2rem}.gi-calc-card h3{color:var(--roi-white);margin:0 0 1.5rem;font-size:1.1rem;font-weight:600}.gi-slider-group{margin-bottom:1.5rem}.gi-slider-label{color:var(--roi-text);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.gi-slider-label label{cursor:pointer;margin:0}.gi-slider-value{color:var(--roi-green);text-align:right;min-width:80px;font-size:1rem;font-weight:700}.gi-range{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:32px}.gi-range::-webkit-slider-runnable-track{background:var(--roi-border);border-radius:3px;height:6px}.gi-range::-moz-range-track{background:var(--roi-border);border-radius:3px;height:6px}.gi-range::-webkit-slider-thumb{appearance:none;background:var(--roi-green);cursor:pointer;border:2px solid var(--roi-dark);border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:box-shadow .18s cubic-bezier(.16,1,.3,1)}.gi-range::-moz-range-thumb{background:var(--roi-green);cursor:pointer;border:2px solid var(--roi-dark);border-radius:50%;width:20px;height:20px;transition:box-shadow .18s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.gi-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #27ea932e}.gi-range:hover::-moz-range-thumb{box-shadow:0 0 0 4px #27ea932e}}.gi-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #27ea934d}.gi-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #27ea934d}@media (prefers-reduced-motion:reduce){.gi-range::-webkit-slider-thumb{transition:none}.gi-range::-moz-range-thumb{transition:none}}.gi-kpi-row{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}@media (width<=768px){.gi-kpi-row{grid-template-columns:1fr}}.gi-kpi{background:var(--roi-card);border:1px solid var(--roi-border);text-align:center;border-radius:1rem;padding:1.5rem}.gi-kpi-value{color:var(--roi-green);font-size:2rem;font-weight:800;line-height:1.2}.gi-kpi-label{color:var(--roi-text);margin-top:.3rem;font-size:.8rem}.gi-chart-container{background:var(--roi-card);border:1px solid var(--roi-border);border-radius:1rem;margin-bottom:2.5rem;padding:2rem}.gi-chart-container h3{color:var(--roi-white);margin:0 0 1.5rem;font-size:1.1rem;font-weight:600}.gi-bar-wrap{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.gi-bar-label{width:100px;color:var(--roi-text);text-align:right;flex-shrink:0;font-size:.8rem}.gi-bar-track{background:var(--roi-border);border-radius:6px;flex:1;height:32px;position:relative;overflow:hidden}.gi-bar-fill{width:100%;height:100%;color:var(--gi-bg-dark,#0a0a12);border-radius:6px;justify-content:flex-end;align-items:center;padding-right:10px;font-size:.75rem;font-weight:700;transition:transform .5s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%)}.gi-bar-fill.current{background:var(--gi-red,#ef4444)}.gi-bar-fill.gravity{background:var(--roi-green)}.gi-breakdown{border-collapse:collapse;width:100%;margin-bottom:2rem}.gi-breakdown th,.gi-breakdown td{text-align:left;border-bottom:1px solid var(--roi-border);padding:.75rem 1rem;font-size:.85rem}.gi-breakdown th{color:var(--roi-text);font-weight:600}.gi-breakdown td{color:var(--roi-white)}.gi-breakdown .gi-savings{color:var(--roi-green);font-weight:700}.gi-cta-box{text-align:center;padding:2rem 0 1rem}@media (prefers-reduced-motion:reduce){.gi-bar-fill{transition:none}}@media (width<=600px){.gi-breakdown,.gi-breakdown thead,.gi-breakdown tbody,.gi-breakdown tr,.gi-breakdown th,.gi-breakdown td{display:block}.gi-breakdown{border-collapse:separate}.gi-breakdown thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gi-breakdown tr{border:1px solid var(--roi-border);border-radius:.75rem;margin-bottom:.75rem;padding:.15rem .9rem .5rem}.gi-breakdown td{text-align:right;border-bottom:none;justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem 0;display:flex}.gi-breakdown td:first-child{color:var(--roi-white);text-align:left;border-bottom:1px solid var(--roi-border);margin-bottom:.15rem;padding-bottom:.5rem;font-weight:700}.gi-breakdown td[data-label]:before{content:attr(data-label);color:var(--roi-text);text-align:left;font-size:.78rem;font-weight:600}}