.roi-page{background:#fff}
.roi-main{width:var(--content-width);margin:0 auto;padding:48px 0 84px}
.roi-breadcrumbs{font-size:.68rem;color:var(--muted);margin-bottom:24px}
.roi-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.roi-hero{max-width:1050px;margin-bottom:38px}
.roi-kicker{display:inline-block;border:1px solid var(--ink);border-radius:999px;background:var(--accent);padding:7px 11px;font-size:.68rem;font-weight:900;text-transform:uppercase}
.roi-hero h1{margin:18px 0 16px;font-size:clamp(2.8rem,6vw,6.2rem);line-height:.94;letter-spacing:-.065em}
.roi-hero p{max-width:850px;color:var(--muted);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.75}
.roi-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:16px;align-items:start}
.roi-card{border:1px solid var(--ink);border-radius:18px;background:#fff;padding:clamp(20px,3vw,30px);box-shadow:var(--shadow)}
.roi-card h2{margin:0 0 8px;letter-spacing:-.035em}
.roi-card>p{margin-top:0;color:var(--muted);line-height:1.65}
.roi-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.roi-field{display:grid;gap:7px}
.roi-field label{font-size:.75rem;font-weight:850}
.roi-field small{color:var(--muted);font-size:.67rem;line-height:1.45}
.roi-field input{width:100%;min-height:48px;border:1px solid var(--ink);border-radius:11px;padding:0 12px;background:#fff;color:var(--ink);font:inherit}
.roi-field input[type="range"]{padding:0;border:0}
.roi-range-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.roi-range-line strong{font-size:.8rem}
.roi-status{min-height:22px;margin-top:14px;color:var(--muted);font-size:.72rem}
.roi-form.has-error .roi-status{color:#8b1a1a}
.roi-results{display:grid;gap:10px;margin-top:20px}
.roi-result{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;border-top:1px solid rgba(17,17,17,.16);padding-top:14px}
.roi-result span{color:var(--muted);font-size:.74rem;line-height:1.4}
.roi-result strong{font-size:clamp(1.35rem,2.4vw,2.2rem);letter-spacing:-.04em}
.roi-result.is-primary{background:var(--accent);border:1px solid var(--ink);border-radius:13px;padding:16px}
.roi-note{margin-top:18px;padding:14px;border:1px dashed rgba(17,17,17,.35);border-radius:12px;color:var(--muted);font-size:.72rem;line-height:1.6}
.roi-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.roi-method section{border:1px solid var(--ink);border-radius:15px;padding:22px;background:#fff}
.roi-method h2{margin:0 0 10px;letter-spacing:-.035em}
.roi-method p,.roi-method li{color:var(--muted);line-height:1.72}
.roi-method code{display:block;margin:14px 0;padding:14px;border-radius:10px;background:#f4f4f1;white-space:normal;line-height:1.6}
.roi-cta{margin-top:18px;border:1px solid var(--ink);border-radius:16px;background:var(--accent);padding:24px;box-shadow:var(--shadow)}
.roi-cta h2{margin:0 0 8px}
.roi-cta p{max-width:850px;color:var(--muted);line-height:1.7}
.roi-actions,.roi-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.roi-related a{border:1px solid var(--ink);border-radius:999px;background:#fff;padding:8px 11px;font-size:.7rem;font-weight:850}
@media(max-width:820px){.roi-main{padding-top:24px}.roi-grid,.roi-method{grid-template-columns:1fr}.roi-fields{grid-template-columns:1fr}.roi-hero h1{font-size:clamp(2.5rem,13vw,4.7rem)}.roi-result{align-items:center}}