.roi-page{min-height:100vh;background:#f6f8fc;color:#0b1324}.roi-hero{text-align:center;padding:82px 0 62px}.roi-hero>span,.roi-inputs>span,.roi-result>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#2477f4}.roi-hero h1{font-size:clamp(54px,7vw,92px);line-height:.92;letter-spacing:-.06em;margin:24px 0}.roi-hero h1 em{display:block;color:#2477f4;font-style:normal}.roi-hero p{max-width:680px;margin:auto;color:#667085;font-size:18px;line-height:1.65}.roi-tool{display:grid;grid-template-columns:.9fr 1.1fr;width:min(1080px,calc(100% - 48px));margin:0 auto 110px;overflow:hidden;border:1px solid #dce4f0;border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(30,62,110,.1)}.roi-inputs{padding:48px}.roi-inputs h2{font-size:36px;line-height:1.05;letter-spacing:-.04em;margin:18px 0 38px}.roi-inputs label{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:29px;font-size:13px;font-weight:700}.roi-inputs output{color:#2477f4;font-size:15px}.roi-inputs input[type=range]{grid-column:1/-1;width:100%;accent-color:#2477f4}.roi-result{padding:48px;background:#0b1324;color:#fff}.roi-result>strong{display:block;margin:15px 0 24px;font-size:clamp(58px,6vw,82px);letter-spacing:-.06em}.roi-result>strong small{margin-left:8px;color:#93a1b7;font-size:12px;letter-spacing:0}.roi-result>div:not(.roi-success){display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roi-result>div>p{padding:15px;border:1px solid #273752;border-radius:12px;color:#aab5c8;font-size:11px;line-height:1.45}.roi-result>div b{display:block;margin-bottom:5px;color:#fff;font-size:16px}.roi-disclaimer{color:#77859a;font-size:10px;line-height:1.5}.roi-result form{margin-top:28px;padding-top:26px;border-top:1px solid #273752}.roi-result h3{margin:0 0 18px;font-size:19px}.roi-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.roi-fields label{color:#aab5c8;font-size:11px;font-weight:700}.roi-fields label small{font-weight:400}.roi-fields input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #34445d;border-radius:9px;background:#121d32;color:#fff;font:inherit}.roi-result button{width:100%;margin-top:18px}.roi-result button:disabled{opacity:.65}.roi-trap{position:absolute!important;left:-10000px!important}.roi-success{margin-top:28px;padding:22px;border:1px solid #2d61a7;border-radius:14px;background:#122b4d}.roi-error,.roi-success p{color:#aab5c8;font-size:12px}.roi-error{margin-bottom:0;color:#ffb7b7}@media(max-width:800px){.roi-hero{text-align:left;padding:55px 0 45px}.roi-hero h1{font-size:14vw}.roi-tool{grid-template-columns:1fr;width:calc(100% - 28px);margin-bottom:75px}.roi-inputs,.roi-result{padding:32px 22px}.roi-fields,.roi-result>div:not(.roi-success){grid-template-columns:1fr}.roi-result>strong{font-size:16vw}}.roi-inputs label>span{display:flex;flex-direction:column;gap:5px;max-width:300px}.roi-inputs label small{color:#667085;font-size:10px;font-weight:400;line-height:1.4}.roi-inputs output{align-self:start;white-space:nowrap}@media (max-width:800px){.roi-inputs label{grid-template-columns:1fr}.roi-inputs output{grid-row:2}.roi-inputs input[type=range]{grid-row:3}}