:root{--brand:#f68e50;--card:#fff;--ink:#1c1d21;--muted:#6b7280;--line:#e5e7eb;--bg:#fafafc}.roi-calc{background:var(--bg);border-radius:16px;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:16px}.roi-calc__header h2{font-size:24px;margin:0 0 4px}.roi-calc__subtitle{color:var(--muted);margin:0 0 16px}.roi-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.03);margin-bottom:16px;padding:16px}.roi-card h3{font-size:18px;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roi-card h4{color:var(--muted);font-size:13px;letter-spacing:.02em;margin:8px 0;text-transform:uppercase}.core-header{gap:12px;justify-content:space-between;margin-bottom:8px}.core-header,.toggles{align-items:center;display:flex}.toggles{gap:16px}.toggle-inline{align-items:center;color:var(--muted);cursor:pointer;display:flex;font-size:13px;gap:6px}.toggle-inline input{transform:translateY(1px)}.adv-grid,.core-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:960px){.adv-grid,.core-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.adv-grid,.core-grid{grid-template-columns:1fr}}.roi-field{display:flex;flex-direction:column;gap:6px;min-height:76px}.roi-field label{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:6px;line-height:1.2;min-height:32px}.roi-field input,.roi-field select{border:1px solid var(--line);border-radius:10px;font-size:14px;padding:10px 12px;width:100%}.tip{align-items:center;background:var(--brand);border-radius:50%;cursor:help;display:inline-flex;height:16px;justify-content:center;position:relative;width:16px}.tip,.tip:after{color:#fff;font-size:12px}.tip:after{background:#111;border-radius:6px;bottom:125%;box-shadow:0 6px 18px rgba(0,0,0,.25);content:attr(data-tip);left:50%;line-height:1.2;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:.15s;white-space:nowrap}.tip:hover:after{opacity:1}.roi-sep{border:0;border-top:1px solid var(--line);margin:12px 0}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.btn-primary,.btn-secondary{border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:14px;padding:10px 14px}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:#fff}.btn-secondary:hover{background:#f3f4f6}.row-two{display:grid;gap:16px;grid-template-columns:1fr 1.5fr}@media (max-width:1024px){.row-two{grid-template-columns:1fr}}.roi-summary{align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}@media (max-width:720px){.roi-summary{grid-template-columns:1fr}}.roi-kpi{align-items:end;background:#fff;border:1px dashed var(--line);border-radius:12px;display:grid;grid-template-rows:auto 1fr;min-height:82px;padding:10px 12px}.roi-kpi__label{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roi-kpi__value{font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.2px;text-align:right}.roi-slider-row{align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr auto;margin-top:8px}.roi-slider-row label{color:var(--muted);font-size:13px;white-space:nowrap}.roi-slider-row input[type=range]{width:100%}.roi-slider-row output{font-weight:600;min-width:52px;text-align:right}.hint{color:var(--muted);font-size:12px;grid-column:1/-1;margin-top:4px}.roi-breakdown summary{color:var(--brand);cursor:pointer}.roi-breakdown__grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.roi-breakdown__grid h4{color:var(--muted)}.roi-breakdown__grid ul{display:grid;gap:6px;margin:6px 0 0 16px;padding:0}.adv__group{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.adv__header{align-items:center;display:flex;justify-content:space-between}.adv__toggle{background:#fff;border:1px solid var(--line);border-radius:999px;cursor:pointer;padding:8px 12px}.microcopy{color:var(--muted);font-size:12px;margin:0 0 6px}.dimmed{opacity:.45;pointer-events:none}