.roi-tool-sec{padding-top:56px}.roi-calc{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #0d283c1a}.roi-inputs{padding:32px 32px 28px;display:flex;flex-direction:column;gap:24px}.roi-field{display:block}.roi-l{display:block;font-size:.92rem;font-weight:600;color:#334155;margin-bottom:12px}.roi-chips{display:flex;flex-wrap:wrap;gap:8px}.roi-chip{font:inherit;font-size:.82rem;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:8px 14px;border-radius:100px;cursor:pointer;transition:all .15s}.roi-chip:hover{border-color:#66d4ed;color:#0d6473}.roi-chip[aria-checked=true]{background:linear-gradient(90deg,#66d4ed,#209ab1);color:#03201f;border-color:transparent}.roi-row{display:flex;align-items:center;gap:14px}.roi-row input[type=range]{flex:1;accent-color:#209ab1;height:5px}.roi-numin{width:74px;text-align:right;font-weight:800;font-size:1.02rem;color:#0d6473;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:8px 10px;font-family:inherit;-moz-appearance:textfield}.roi-numin::-webkit-outer-spin-button,.roi-numin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.roi-numwrap{position:relative;display:inline-flex;align-items:center}.roi-numpre{position:absolute;left:10px;font-weight:800;color:#0d6473;font-size:1.02rem;pointer-events:none}.roi-numin-pre{padding-left:20px}.roi-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.roi-segbtn{font:inherit;display:flex;flex-direction:column;gap:2px;align-items:center;padding:10px 6px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:all .15s}.roi-segbtn b{font-size:.82rem;color:#334155;font-weight:700}.roi-segbtn span{font-size:.74rem;color:#94a3b8}.roi-segbtn:hover{border-color:#66d4ed}.roi-segbtn.is-on{border-color:#209ab1;background:#66d4ed1f}.roi-segbtn.is-on b{color:#0d6473}.roi-segbtn.is-on span{color:#209ab1;font-weight:700}.roi-output{padding:34px 32px;background:linear-gradient(180deg,#0a2830,#081019);color:#fff;display:flex;flex-direction:column;text-align:center}.roi-outlab{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff8c}.roi-big{margin:6px 0 2px}.roi-num{font-size:clamp(2.6rem,6vw,3.6rem);font-weight:800;letter-spacing:-.02em;display:block;line-height:1}.roi-biglab{font-size:.95rem;color:#ffffffbf;margin-bottom:22px}.roi-biglab #outWf{color:#66d4ed;font-weight:600}.roi-bars{display:flex;flex-direction:column;gap:10px;margin:4px 0 22px}.roi-barrow{display:grid;grid-template-columns:62px 1fr 78px;align-items:center;gap:10px}.roi-barlab{font-size:.74rem;color:#fff9;text-align:left}.roi-bar{height:12px;background:#ffffff14;border-radius:100px;overflow:hidden}.roi-bar-fill{display:block;height:100%;border-radius:100px;width:0;transition:width .8s cubic-bezier(.4,0,.2,1)}.roi-bar-today{background:#ffffff52}.roi-bar-after{background:linear-gradient(90deg,#66d4ed,#209ab1)}.roi-barval{font-size:.78rem;color:#ffffffd1;text-align:right;font-weight:700}.roi-breakdown{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:6px 0;margin-bottom:18px}.roi-brk{display:flex;justify-content:space-between;align-items:baseline;padding:9px 2px;font-size:.9rem}.roi-brk span{color:#ffffffa6;text-align:left}.roi-brk strong{color:#fff;font-weight:800;font-size:1.02rem;white-space:nowrap}.roi-brk-band{border-top:1px dashed rgba(255,255,255,.14)}.roi-brk-band span{color:#ffffffbf}.roi-brk-band strong{color:#f4b844}.roi-first{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:.9rem;line-height:1.5;color:#ffffffd9;background:#66d4ed14;border:1px solid rgba(102,212,237,.2);border-radius:12px;padding:12px 14px;margin:0 0 18px}.roi-first i{color:#66d4ed;margin-top:2px}.roi-proj{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.roi-projcell{background:#ffffff0a;border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;gap:3px}.roi-projn{font-size:1.18rem;font-weight:800;color:#66d4ed;white-space:nowrap}.roi-projl{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.roi-proof{font-size:.84rem;line-height:1.5;color:#ffffffb3;font-style:italic;margin:0 0 20px}.roi-cta{align-self:center;margin-bottom:14px}.roi-note{font-size:.76rem;line-height:1.5;color:#ffffff80;max-width:400px;margin:0 auto}.roi-lead{margin-top:22px;background:#0f1720;border:1px solid rgba(102,212,237,.22);border-radius:18px;padding:26px 30px}.roi-lead-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.roi-lead-copy h3{color:#fff;margin:0 0 6px;font-size:1.15rem}.roi-lead-copy p{color:#ffffff9e;margin:0;font-size:.9rem;max-width:440px}.roi-lead-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.roi-lead-form input[type=email],.roi-lead-form input[type=text]{background:#ffffff0d;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px 14px;color:#fff;font-size:.95rem;font-family:inherit;min-width:190px}.roi-lead-form input::placeholder{color:#fff6}.roi-lead-form input:focus{outline:none;border-color:#66d4ed}.roi-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.roi-lead-status{margin:14px 0 0;font-size:.88rem;min-height:1px}.roi-lead-status.ok{color:#66d4ed}.roi-lead-status.err{color:#ff9a9a}.roi-prose{max-width:760px;margin:0 auto}.roi-prose h2{margin-top:40px}.roi-prose h2:first-child{margin-top:0}.roi-prose p{margin:0 0 16px}.roi-prose a{color:#66d4ed;text-decoration:underline;text-underline-offset:3px}.roi-formula{background:#66d4ed0f;border-left:3px solid #66d4ed;border-radius:8px;padding:16px 20px;margin:0 0 18px}.roi-formula p{margin:6px 0;color:#fff;font-size:.98rem}.roi-examples{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 6px}.roi-examples .hp-card p{font-size:.92rem}.roi-list{margin:0 0 16px;padding-left:20px}.roi-list li{color:#ffffffbf;line-height:1.6;margin-bottom:10px}.roi-updated{font-size:.82rem;color:#ffffff73;margin-top:24px}html[data-theme=light] .roi-prose h2,html[data-theme=light] .roi-prose strong{color:#0f2733}html[data-theme=light] .roi-prose p,html[data-theme=light] .roi-list li{color:#334155}html[data-theme=light] .roi-formula p{color:#0f2733}html[data-theme=light] .roi-updated{color:#94a3b8}html[data-theme=dark] .roi-calc{background:#ffffff08;border-color:#242427;box-shadow:none}html[data-theme=dark] .roi-l{color:#ffffffd1}html[data-theme=dark] .roi-chip{background:#17171b;border-color:#2a2a2e;color:#ffffffb3}html[data-theme=dark] .roi-numin{background:#17171b;border-color:#2a2a2e;color:#66d4ed}html[data-theme=dark] .roi-numpre{color:#66d4ed}html[data-theme=dark] .roi-segbtn{background:#17171b;border-color:#2a2a2e}html[data-theme=dark] .roi-segbtn b{color:#ffffffd9}@media(max-width:860px){.roi-calc{grid-template-columns:1fr}.roi-output{order:-1}.roi-lead-in,.roi-lead-form{flex-direction:column;align-items:stretch}.roi-lead-form input,.roi-lead-form button{width:100%}.roi-examples{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.roi-bar-fill{transition:none}}
