:root{--roi-accent:#48e1d5;--roi-bg:#020b0f;--roi-panel:#06171d;--roi-muted:#8fa7a8}.roi-page{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 5%,rgba(72,225,213,.13),transparent 28%),var(--roi-bg);color:#e9fffd}.roi-header{min-height:82px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(72,225,213,.16);background:rgba(2,11,15,.9);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.roi-brand{display:flex;align-items:center;gap:12px}.roi-brand img{width:52px;height:52px;object-fit:contain}.roi-brand span,.roi-brand small{display:block}.roi-brand small{margin-top:3px;color:#759394;font-size:9px;letter-spacing:.08em}.roi-header nav{display:flex;align-items:center;gap:18px}.roi-header nav a{color:#b9d0d0;font-size:12px}.roi-header .roi-nav-active{padding:11px 15px;background:var(--roi-accent);color:#021012;font-weight:900}.roi-main{padding-bottom:40px}.roi-intro{padding:36px clamp(20px,6vw,90px) 24px;max-width:980px}.roi-intro>span{color:var(--roi-accent);font:10px ui-monospace,Consolas,monospace;letter-spacing:.16em}.roi-intro h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:18px 0}.roi-intro p{max-width:680px;color:var(--roi-muted);line-height:1.7}.roi-calculator{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:16px;width:min(1280px,calc(100% - 32px));margin:auto}.roi-inputs,.roi-results{border:1px solid rgba(72,225,213,.17);background:linear-gradient(145deg,#06171d,#020b0f);padding:clamp(18px,3vw,30px)}.roi-input-heading,.roi-result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:20px;border-bottom:1px solid rgba(72,225,213,.14)}.roi-input-heading small,.roi-result-heading small{color:var(--roi-accent);font:8px ui-monospace,Consolas,monospace;letter-spacing:.12em}.roi-input-heading h2,.roi-result-heading h2{margin:5px 0 0;font-size:23px}.roi-input-heading button{border:1px solid rgba(72,225,213,.2);background:rgba(72,225,213,.05);color:#bad5d3;padding:9px 11px;cursor:pointer;font-size:10px}.roi-inputs>label,.roi-two-fields label{display:grid;gap:7px;color:#a8bdbc;font-size:11px;font-weight:800;margin-top:18px}.roi-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.roi-field{height:48px;display:flex;align-items:center;border:1px solid rgba(72,225,213,.14);background:rgba(255,255,255,.035)}.roi-field:focus-within{border-color:var(--roi-accent)}.roi-field b{padding:0 12px;color:#6edbd6;font-size:11px;white-space:nowrap}.roi-field input{width:100%;height:100%;min-width:0;border:0;outline:0;background:transparent;color:#f0fffd;padding:0 12px;font-weight:900}.roi-primary-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.roi-primary-results article{padding:17px;background:rgba(72,225,213,.055);border-top:2px solid rgba(72,225,213,.55)}.roi-primary-results span,.roi-primary-results small{display:block;color:#789594;font-size:9px}.roi-primary-results strong{display:block;margin:10px 0 6px;color:#dffffd;font-size:clamp(1.45rem,3vw,2.35rem);letter-spacing:-.04em}.roi-secondary-results{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(72,225,213,.12)}.roi-secondary-results>div{padding:14px;background:#06171d}.roi-secondary-results span{display:block;color:#789594;font-size:9px}.roi-secondary-results strong{display:block;margin-top:7px;font-size:15px}.roi-bars{display:grid;gap:12px;margin:22px 0}.roi-bars>div{display:grid;grid-template-columns:62px 1fr 110px;align-items:center;gap:10px}.roi-bars span,.roi-bars strong{font-size:9px}.roi-bars strong{text-align:right}.roi-bars i{height:9px;background:rgba(255,255,255,.07);overflow:hidden}.roi-bars b{display:block;width:0;height:100%;background:linear-gradient(90deg,#238f8b,var(--roi-accent));transition:width .35s ease}.roi-status{min-height:38px;padding:11px 12px;background:rgba(72,225,213,.06);color:#aeece8;font-size:11px;line-height:1.5}.roi-status.warning{background:rgba(241,173,57,.08);color:#ffd28a}.roi-disclaimer{color:#668281;font-size:9px;line-height:1.65;margin:16px 0}.roi-cta{display:flex;justify-content:center;padding:14px;background:var(--roi-accent);color:#021012;font-size:11px;font-weight:900}@media(max-width:950px){.roi-calculator{grid-template-columns:1fr}.roi-header nav a:first-child{display:none}}@media(max-width:650px){.roi-brand span{display:none}.roi-header nav a:not(.roi-nav-active){display:none}.roi-primary-results{grid-template-columns:1fr}.roi-two-fields{grid-template-columns:1fr}.roi-secondary-results{grid-template-columns:1fr}.roi-bars>div{grid-template-columns:52px 1fr 82px}}
