.roi-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}.roi-card{background:var(--hv3-bg-light,#ffffff);border:1px solid var(--hv3-border,#e6eaf2);border-radius:var(--hv3-radius,16px);box-shadow:var(--hv3-shadow-sm,0 2px 8px rgba(15,23,42,.05));padding:1.75rem}.roi-card+.roi-card{margin-top:1.25rem}.roi-card-head{gap:.85rem;margin-bottom:1.4rem}.roi-card-head,.roi-card-icon{display:flex;align-items:center}.roi-card-icon{justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(0,102,255,.08),rgba(0,212,170,.08));border:1px solid rgba(0,102,255,.12);color:var(--hv3-accent,#0066ff)}.roi-card-title{font-size:1.05rem;font-weight:600;color:var(--hv3-ink,#0f172a);line-height:1.3}.roi-card-sub{font-size:.82rem;color:var(--hv3-muted,#5b6478);margin-top:.15rem}.roi-fields{display:flex;flex-direction:column;gap:1.15rem}.roi-field label{display:block;font-size:.85rem;font-weight:600;color:var(--hv3-ink,#0f172a);margin-bottom:.4rem}.roi-input-wrap{position:relative}.roi-input{width:100%;font-size:.95rem;color:var(--hv3-ink,#0f172a);background:var(--hv3-bg-tint,#f6f8fc);border:1px solid var(--hv3-border,#e6eaf2);border-radius:10px;padding:.75rem 3.6rem .75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.roi-input:focus{outline:none;background:#fff;border-color:var(--hv3-accent,#0066ff);box-shadow:0 0 0 3px rgba(0,102,255,.12)}.roi-input-unit{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.82rem;font-weight:500;pointer-events:none}.roi-help,.roi-input-unit{color:var(--hv3-muted,#5b6478)}.roi-help{font-size:.78rem;line-height:1.55;margin-top:.35rem}.roi-fieldset{border:none;padding:0;margin:0}.roi-fieldset legend{font-size:.85rem;font-weight:600;color:var(--hv3-ink,#0f172a);margin-bottom:.55rem;padding:0}.roi-pills{display:flex;flex-wrap:wrap;gap:.5rem}.roi-pill{position:relative}.roi-pill input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.roi-pill span{display:inline-flex;flex-direction:column;gap:.1rem;font-size:.86rem;font-weight:600;color:var(--hv3-ink,#0f172a);background:#fff;border:1px solid var(--hv3-border,#e6eaf2);border-radius:12px;padding:.6rem .95rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.roi-pill span small{font-size:.72rem;font-weight:500;color:var(--hv3-muted,#5b6478)}.roi-pill input:checked+span{border-color:var(--hv3-accent,#0066ff);background:rgba(0,102,255,.05);box-shadow:0 0 0 1px var(--hv3-accent,#0066ff) inset}.roi-pill input:checked+span small{color:var(--hv3-accent,#0066ff)}.roi-pill input:focus-visible+span{outline:none;box-shadow:0 0 0 3px rgba(0,102,255,.25)}.roi-pill span:hover{border-color:var(--hv3-accent,#0066ff)}.roi-custom-range{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.85rem}.roi-results{position:sticky;top:6rem}.roi-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.4rem}.roi-tile{background:var(--hv3-bg-tint,#f6f8fc);border:1px solid var(--hv3-border,#e6eaf2);border-radius:12px;padding:1rem 1.1rem}.roi-tile-label{display:block;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hv3-muted,#5b6478);margin-bottom:.4rem}.roi-tile-value{display:block;font-size:1.22rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--hv3-ink,#0f172a)}.roi-tile-value.positive{color:var(--hv3-teal-dark,#0a8f76)}.roi-tile-note{display:block;font-size:.74rem;color:var(--hv3-muted,#5b6478);margin-top:.3rem}.roi-bars{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}.roi-bars-title{font-size:.85rem;font-weight:600;color:var(--hv3-ink,#0f172a);margin-bottom:.15rem}.roi-bar-row{display:grid;grid-template-columns:4.5rem 1fr;align-items:center;gap:.75rem}.roi-bar-label{font-size:.78rem;font-weight:600;color:var(--hv3-muted,#5b6478)}.roi-bar-track{position:relative;height:16px;background:var(--hv3-bg-tint,#f6f8fc);border:1px solid var(--hv3-border,#e6eaf2);border-radius:9999px;overflow:hidden}.roi-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:9999px;transition:width .45s ease}.roi-bar-fill.high{background:rgba(0,212,170,.28)}.roi-bar-fill.low{background:var(--hv3-teal,#00d4aa)}.roi-bar-fill.invest-high{background:rgba(0,102,255,.22)}.roi-bar-fill.invest-low{background:var(--hv3-accent,#0066ff)}.roi-bar-value{grid-column:2;font-size:.74rem;color:var(--hv3-muted,#5b6478)}.roi-legend{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.4rem}.roi-legend span{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--hv3-muted,#5b6478)}.roi-legend i{display:inline-block;width:12px;height:12px;border-radius:4px}.roi-trace{border-top:1px solid var(--hv3-border,#e6eaf2);padding-top:1.15rem;margin-bottom:1.25rem}.roi-trace-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--hv3-ink,#0f172a);margin-bottom:.7rem}.roi-trace-title svg{color:var(--hv3-accent,#0066ff)}.roi-trace ol{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0}.roi-trace li{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;line-height:1.5;color:var(--hv3-muted,#5b6478)}.roi-trace li strong{font-weight:600;color:var(--hv3-ink,#0f172a);text-align:right;white-space:nowrap}.roi-warning{display:flex;gap:.6rem;font-size:.82rem;line-height:1.55;color:#8a5800;background:rgba(245,166,35,.09);border:1px solid rgba(245,166,35,.35);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem}.roi-warning svg{flex-shrink:0;margin-top:.1rem}.roi-disclaimer{display:flex;gap:.6rem;font-size:.8rem;line-height:1.6;color:var(--hv3-muted,#5b6478);background:var(--hv3-bg-tint,#f6f8fc);border:1px dashed var(--hv3-border,#e6eaf2);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.4rem}.roi-disclaimer svg{flex-shrink:0;margin-top:.1rem;color:var(--hv3-accent,#0066ff)}.roi-empty{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.6;color:var(--hv3-muted,#5b6478);background:var(--hv3-bg-tint,#f6f8fc);border:1px solid var(--hv3-border,#e6eaf2);border-radius:12px;padding:1.1rem 1.2rem;margin-bottom:1.4rem}.roi-empty svg{flex-shrink:0;margin-top:.15rem;color:var(--hv3-accent,#0066ff)}.roi-cta-box{border-top:1px solid var(--hv3-border,#e6eaf2);padding-top:1.4rem;text-align:center}.roi-cta-lead{font-size:.92rem;font-weight:600;color:var(--hv3-ink,#0f172a);margin-bottom:.9rem}.roi-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(120deg,var(--hv3-accent,#0066ff),#0052cc);border:none;border-radius:9999px;padding:.9rem 1.8rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.roi-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,102,255,.35)}.roi-cta-note{display:block;font-size:.76rem;color:var(--hv3-muted,#5b6478);margin-top:.7rem}@media (max-width:1024px){.roi-calc{grid-template-columns:1fr}.roi-results{position:static}}@media (max-width:560px){.roi-card{padding:1.25rem}.roi-bar-row,.roi-custom-range,.roi-tiles{grid-template-columns:1fr}.roi-bar-row{gap:.3rem}.roi-bar-value{grid-column:1}}