.roi-calculator { padding-block:clamp(3.5rem,8vw,7rem); color:var(--linen); }
.roi-calculator [hidden] { display:none !important; }
.roi-calculator .roi-calculator__intro { max-width:46rem; margin-bottom:2rem; }
.roi-calculator .roi-calculator__intro > p:last-child { color:var(--linen-dim); }
.roi-calculator fieldset { min-width:0; margin:0; padding:0; border:0; }
.roi-calculator .roi-calculator__form { display:grid; gap:1.25rem; padding:clamp(1.25rem,4vw,2.25rem); border:1px solid var(--hair); background:var(--bog); }
.roi-calculator fieldset { display:grid; gap:1.25rem; }
.roi-calculator .roi-calculator__fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:1rem; }
.roi-calculator label { display:grid; gap:.45rem; font-weight:600; }
.roi-calculator label small { color:var(--linen-dim); font-weight:400; }
.roi-calculator .roi-calculator__input { display:flex; align-items:center; gap:.65rem; padding:.7rem .85rem; border:1px solid var(--hair); background:color-mix(in oklab,var(--bog) 88%,black); }
.roi-calculator .roi-calculator__input:focus-within { border-color:var(--accent); }
.roi-calculator input { min-width:0; width:100%; padding:0; border:0; outline:0; background:transparent; color:var(--linen); font:inherit; }
.roi-calculator input[aria-invalid="true"] { color:#ffb4a8; }
.roi-calculator .roi-calculator__input > span { color:var(--linen-dim); }
.roi-calculator .roi-calculator__basic { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:.5rem 1.5rem; padding:1rem; border-left:3px solid var(--accent); background:color-mix(in oklab,var(--bog) 82%,var(--accent)); }
.roi-calculator .roi-calculator__basic strong { color:var(--accent); font-size:clamp(1.5rem,5vw,2.3rem); }
.roi-calculator details { border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); }
.roi-calculator summary { padding:1rem 0; cursor:pointer; color:var(--accent); font-weight:600; }
.roi-calculator .roi-calculator__advanced { padding:0 0 1.25rem; }
.roi-calculator .btn { justify-self:start; }
.roi-calculator .roi-calculator__error { margin:0; color:#ffb4a8; }
.roi-calculator .roi-calculator__results { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:1px; background:var(--hair); border:1px solid var(--hair); }
.roi-calculator .roi-calculator__results > div { display:grid; gap:.45rem; padding:1rem; background:var(--bog); }
.roi-calculator .roi-calculator__results span { color:var(--linen-dim); font-size:.9rem; }
.roi-calculator .roi-calculator__results strong { color:var(--accent); font-size:1.15rem; }
.roi-calculator .roi-calculator__note { margin:0; color:var(--linen-dim); font-size:.85rem; }
.roi-calculator .roi-calculator__noscript { padding:1rem; border:1px solid var(--hair); color:var(--linen-dim); }


