.roi-page{background:#fff;color:#111;min-height:100vh}.roi-hero{text-align:center;padding:clamp(3rem,8vw,6rem) var(--gutter,40px) clamp(1.5rem,4vw,2.5rem);max-width:var(--max,1200px);margin:0 auto}.roi-hero__title{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;font-size:clamp(2.2rem,5.5vw,4rem);line-height:.95;text-transform:uppercase;letter-spacing:.02em;color:#111;margin:0 0 clamp(.6rem,1.5vw,1rem)}.roi-hero__lead{font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.4vw,18px);line-height:1.55;color:#666;max-width:680px;margin:0 auto}.roi{max-width:var(--max,1200px);margin:0 auto;padding:0 var(--gutter,40px) clamp(3rem,6vw,5rem)}.roi__toggle-wrap{display:flex;justify-content:center;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.roi__toggle{display:inline-flex;gap:4px;padding:4px;border-radius:100px;background:#f3f4f6;border:1px solid #e5e7eb}.roi__toggle-btn{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.1vw,14px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:10px 22px;border-radius:100px;border:none;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s;background:transparent;color:#999}.roi__toggle-btn--active{background:var(--accent,#0a0a0a);color:#fff;box-shadow:0 4px 18px rgba(10,10,10,.15)}.roi__toggle-btn:not(.roi__toggle-btn--active):hover{color:#333;background:#e9eaec}.roi__heading{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;font-size:clamp(1.1rem,2vw,1.4rem);text-transform:uppercase;letter-spacing:.05em;color:#111;margin:0 0 clamp(.8rem,1.5vw,1.2rem)}.roi__section{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.roi__devices{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(10px,1.5vw,16px);gap:clamp(10px,1.5vw,16px)}.roi__device{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;background:none;border:none;border-radius:0;cursor:pointer;transition:transform .2s;color:#111;font-family:Arial,Helvetica,sans-serif;transform:translateZ(0)}.roi__device:hover{transform:translateY(-2px)}.roi__device--selected .roi__device-img-wrap{outline:3px solid var(--accent,#0a0a0a);outline-offset:2px}.roi__device-img-wrap{width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#fff}.roi__device-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:14px}.roi__device-name{font-weight:700;font-size:clamp(14px,1.4vw,18px);letter-spacing:.02em}.roi__device-price{font-weight:800;font-size:clamp(16px,1.6vw,22px);color:var(--accent,#0a0a0a)}.roi__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(14px,2vw,24px);gap:clamp(14px,2vw,24px);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.roi__panel{background:#fafafa;border:1px solid #eee;border-radius:20px;padding:clamp(16px,2vw,28px)}.roi__field{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:clamp(12px,1.2vw,16px);margin-bottom:12px}.roi__field:last-child{margin-bottom:0}.roi__field-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.roi__field-label{font-size:clamp(12px,1.1vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.roi__field-value{font-size:clamp(18px,1.8vw,24px);font-weight:800;color:#111;min-width:3rem;text-align:right}.roi__slider-row{display:flex;align-items:center;gap:12px}.roi__slider{flex:1 1;height:8px;border-radius:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;border:none;background:linear-gradient(90deg,var(--accent,#0a0a0a) 0,var(--accent,#0a0a0a) var(--pct,50%),#e5e7eb var(--pct,50%),#e5e7eb 100%);cursor:pointer;touch-action:none;transition:background .1s}.roi__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--accent,#0a0a0a);box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;-webkit-transition:transform .15s;transition:transform .15s}.roi__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.roi__slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--accent,#0a0a0a);box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer}.roi__unit{font-size:13px;font-weight:700;color:#aaa;min-width:36px}.roi__results-boxes{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.roi__box{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:clamp(12px,1.2vw,16px);display:flex;flex-direction:column;gap:4px}.roi__box-label{font-size:clamp(11px,1vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.roi__box-value{font-size:clamp(20px,2vw,28px);font-weight:800;color:#111}.roi__revenue{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--accent,#0a0a0a),#2a2a2a);border-radius:16px;padding:clamp(14px,1.5vw,20px) clamp(16px,2vw,24px);box-shadow:0 8px 30px rgba(10,10,10,.12)}.roi__revenue-label{font-size:clamp(14px,1.3vw,18px);font-weight:800;color:rgba(255,255,255,.9)}.roi__revenue-value{font-size:clamp(22px,2.5vw,32px);font-weight:900;color:#fff}.roi__cta{text-align:center;background:#fafafa;border:1px solid #eee;border-radius:20px;padding:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.roi__cta-title{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;font-size:clamp(1.1rem,2vw,1.5rem);text-transform:uppercase;letter-spacing:.05em;color:#111;margin:0 0 .5em}.roi__cta-text{line-height:1.55;color:#777;max-width:620px;margin:0 auto clamp(1rem,2vw,1.5rem)}.roi__cta-btn,.roi__cta-text{font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,1.2vw,16px)}.roi__cta-btn{display:inline-block;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:14px 40px;border-radius:100px;background:linear-gradient(135deg,var(--accent,#0a0a0a),#2a2a2a);color:#fff;box-shadow:0 8px 24px rgba(10,10,10,.15);transition:transform .2s,box-shadow .2s}.roi__cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(10,10,10,.2)}.roi__tips{background:#fafafa;border:1px solid #eee;border-radius:20px;padding:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(2rem,4vw,3rem)}.roi__tips-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(16px,2vw,28px);gap:clamp(16px,2vw,28px);margin-top:clamp(.8rem,1.5vw,1.2rem)}.roi__tip-title{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;font-size:clamp(.9rem,1.3vw,1.05rem);text-transform:uppercase;letter-spacing:.04em;color:#333;margin:0 0 .6em}.roi__tip-list{list-style:none;padding:0;margin:0}.roi__tip-list li{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.1vw,14px);line-height:1.5;color:#888;padding-left:16px;position:relative;margin-bottom:8px}.roi__tip-list li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--accent,#0a0a0a);opacity:.6}@media (max-width:900px){.roi__devices{grid-template-columns:1fr;gap:10px}.roi__device{flex-direction:row;gap:14px;text-align:left}.roi__device-img-wrap{width:100px;flex-shrink:0;aspect-ratio:1/1}.roi__grid,.roi__results-boxes,.roi__tips-grid{grid-template-columns:1fr}.roi__revenue{flex-direction:column;text-align:center;gap:4px}}@media (max-width:480px){.roi__toggle-btn{padding:8px 14px;font-size:11px}.roi__slider{height:10px}.roi__slider::-webkit-slider-thumb{width:28px;height:28px}.roi__slider::-moz-range-thumb{width:28px;height:28px}}