:root{--rf-blue:#174A91;--rf-blue-light:#E6EDF5;--rf-blue-mid:#3A6DB5;--rf-orange:#FF6E1D;--rf-orange-light:#FF8A50;--rf-teal:#4ECDC4;--rf-off-white:#F8F8F6;--rf-dark:#1A1A1A;--rf-muted:#555555;--white:#FFFFFF;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--green:#16A34A;--red:#DC2626;--radius:12px;--radius-sm:8px;--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--tr:all .3s ease}#roi-wrap *,#roi-wrap *:before,#roi-wrap *:after{box-sizing:border-box;margin:0;padding:0}#roi-wrap{font-family:DM Sans,Arial,Helvetica,sans-serif;background:var(--rf-off-white);color:var(--rf-dark);line-height:1.6;font-size:16px}#roi-wrap .container{max-width:1080px;margin:0 auto;padding:24px}#roi-wrap .lang-bar{display:flex;justify-content:flex-end;gap:4px;margin-bottom:8px;flex-wrap:wrap}#roi-wrap .lang-btn{background:none;border:1px solid var(--gray-200);border-radius:4px;padding:3px 8px;font-size:14px;cursor:pointer;color:var(--rf-muted);transition:var(--tr);font-family:inherit}#roi-wrap .lang-btn:hover{border-color:var(--rf-orange);color:var(--rf-orange)}#roi-wrap .lang-btn.active{background:var(--rf-orange);color:#fff;border-color:var(--rf-orange)}#roi-wrap .header{text-align:center;padding:24px 0 20px}#roi-wrap .header .display-label{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--rf-orange);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}#roi-wrap .header h1{font-size:32px;font-weight:700;color:var(--rf-blue);margin-bottom:8px}#roi-wrap .header h1 .lc{text-transform:lowercase}#roi-wrap .header .subtitle{color:var(--rf-muted);font-size:16px;max-width:680px;margin:0 auto}#roi-wrap .header .subtitle a{color:var(--rf-blue);font-weight:600;text-decoration:none;border-bottom:1px solid var(--rf-blue)}#roi-wrap .brandlogo{font-weight:700;letter-spacing:.5px}#roi-wrap .brandlogo .grow{color:var(--rf-blue)}#roi-wrap .brandlogo .doo{color:var(--rf-orange)}#roi-wrap .card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:28px 32px;margin-bottom:20px}#roi-wrap .card h2{font-size:20px;font-weight:700;color:var(--rf-blue);margin-bottom:6px}#roi-wrap .card h2 .h2-sub{font-weight:400;font-size:14px;color:var(--rf-muted)}#roi-wrap .card .desc{color:var(--rf-muted);font-size:14px;margin-bottom:20px;line-height:1.6}#roi-wrap .input-group{margin-bottom:16px}#roi-wrap .input-group label{display:block;font-weight:600;color:var(--rf-blue);margin-bottom:5px;font-size:15px}#roi-wrap .input-group input,#roi-wrap .input-group select{width:100%;padding:10px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;transition:var(--tr);background:var(--white)}#roi-wrap .input-group input:focus,#roi-wrap .input-group select:focus{outline:none;border-color:var(--rf-orange);box-shadow:0 0 0 3px #ff6e1d1f}#roi-wrap .input-group .hint{font-size:13px;color:var(--gray-400);margin-top:4px}#roi-wrap .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){#roi-wrap .row{grid-template-columns:1fr}}#roi-wrap .dept-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}@media(max-width:640px){#roi-wrap .dept-grid{grid-template-columns:1fr}}#roi-wrap .dept-card{border:2px solid var(--gray-200);border-radius:var(--radius-sm);padding:14px 16px;cursor:pointer;transition:var(--tr);background:var(--white)}#roi-wrap .dept-card:hover{border-color:var(--gray-300)}#roi-wrap .dept-card.active{border-color:var(--rf-orange);background:#fff7ed}#roi-wrap .dept-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}#roi-wrap .dept-card-head h4{font-size:15px;font-weight:600;color:var(--rf-blue)}#roi-wrap .dept-card-head .badge-gain{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--rf-orange);background:#ff6e1d1f;padding:2px 8px;border-radius:10px}#roi-wrap .dept-card .check-mark{display:none;width:18px;height:18px;border-radius:50%;background:var(--rf-orange);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:700}#roi-wrap .dept-card.active .check-mark{display:inline-flex}#roi-wrap .dept-card-body{margin-top:10px;display:none;border-top:1px dashed var(--gray-200);padding-top:10px}#roi-wrap .dept-card.active .dept-card-body{display:block}#roi-wrap .dept-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;margin-top:8px}#roi-wrap .dept-row label{font-size:13px;color:var(--rf-muted);font-weight:500}#roi-wrap .dept-row input[type=number]{padding:6px 10px;border:1px solid var(--gray-200);border-radius:6px;font-size:14px;width:100%}#roi-wrap .dept-row .maturity{display:flex;gap:4px;flex-wrap:wrap}#roi-wrap .dept-row .maturity button{flex:1;min-width:60px;padding:6px 8px;border:1px solid var(--gray-200);background:var(--white);border-radius:6px;font-size:12px;font-family:inherit;cursor:pointer;color:var(--rf-muted);transition:var(--tr)}#roi-wrap .dept-row .maturity button:hover{border-color:var(--gray-300)}#roi-wrap .dept-row .maturity button.selected{background:var(--rf-orange);color:#fff;border-color:var(--rf-orange)}#roi-wrap .dept-card .hint{font-size:13px;color:var(--rf-muted);margin-top:4px}#roi-wrap .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--tr);text-decoration:none}#roi-wrap .btn-primary{background:var(--rf-orange);color:#fff}#roi-wrap .btn-primary:hover{background:var(--rf-orange-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}#roi-wrap .btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}#roi-wrap .btn-secondary{background:var(--white);color:var(--rf-blue);border:2px solid var(--gray-200)}#roi-wrap .btn-secondary:hover{border-color:var(--rf-orange);color:var(--rf-orange)}#roi-wrap .btn-large{padding:14px 32px;font-size:17px}#roi-wrap .btn-row{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}#roi-wrap #results{display:none;animation:fadeIn .4s ease}#roi-wrap #results.visible{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#roi-wrap .kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}@media(max-width:760px){#roi-wrap .kpi-grid{grid-template-columns:1fr}}#roi-wrap .kpi{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-md);border-left:4px solid var(--rf-orange)}#roi-wrap .kpi .lbl{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--rf-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}#roi-wrap .kpi .val{font-size:32px;font-weight:700;color:var(--rf-blue);line-height:1.1}#roi-wrap .kpi .sub{font-size:13px;color:var(--rf-muted);margin-top:4px}#roi-wrap .kpi.green{border-left-color:var(--green)}#roi-wrap .kpi.green .val{color:var(--green)}#roi-wrap .kpi.teal{border-left-color:var(--rf-teal)}#roi-wrap .kpi.teal .val{color:var(--rf-teal)}#roi-wrap .savings-bars{margin-top:8px}#roi-wrap .savings-bar{display:grid;grid-template-columns:160px 1fr 110px;gap:10px;align-items:center;margin-bottom:10px}#roi-wrap .savings-bar .name{font-size:14px;font-weight:500;color:var(--rf-dark)}#roi-wrap .savings-bar .track{height:24px;background:var(--gray-100);border-radius:4px;overflow:hidden;position:relative}#roi-wrap .savings-bar .fill{height:100%;background:linear-gradient(90deg,var(--rf-blue),var(--rf-blue-mid));border-radius:4px;transition:width .8s cubic-bezier(.2,.8,.2,1)}#roi-wrap .savings-bar .amt{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--rf-orange);text-align:right}#roi-wrap table.cashflow,#roi-wrap table.tco,#roi-wrap table.calc-detail{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}#roi-wrap table.cashflow th,#roi-wrap table.tco th,#roi-wrap table.calc-detail th{background:var(--rf-blue);color:#fff;padding:10px 12px;text-align:left;font-weight:600;font-size:13px}#roi-wrap table.cashflow th:not(:first-child),#roi-wrap table.tco th:not(:first-child),#roi-wrap table.calc-detail th:not(:first-child){text-align:right}#roi-wrap table.cashflow td,#roi-wrap table.tco td,#roi-wrap table.calc-detail td{padding:10px 12px;border-bottom:1px solid var(--gray-100)}#roi-wrap table.cashflow tr:last-child td,#roi-wrap table.tco tr:last-child td,#roi-wrap table.calc-detail tr:last-child td{border-bottom:none}#roi-wrap table.cashflow td.num,#roi-wrap table.tco td.num,#roi-wrap table.calc-detail td.num{font-family:JetBrains Mono,monospace;text-align:right}#roi-wrap table.cashflow tr.total,#roi-wrap table.tco tr.total,#roi-wrap table.calc-detail tr.total{background:var(--rf-off-white);font-weight:700}#roi-wrap .delta-pos{color:var(--green);font-weight:600}#roi-wrap .delta-neg{color:var(--red);font-weight:600}#roi-wrap .tco-row-vendor{font-weight:600;color:var(--rf-blue)}#roi-wrap .tip{position:relative;display:inline-block;cursor:help;border-bottom:1px dotted var(--gray-400);color:var(--rf-muted)}#roi-wrap .tip:after{content:attr(data-tip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--rf-dark);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:normal;width:280px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;line-height:1.5;font-weight:400}#roi-wrap .tip:hover:after{opacity:1}#roi-wrap .badge-gain.tip,#roi-wrap .dept-row label .tip{border-bottom:none;color:inherit}#roi-wrap .footnote-box{margin-top:14px;padding:12px 16px;background:var(--rf-blue-light);border-left:3px solid var(--rf-blue-mid);border-radius:var(--radius-sm);font-size:13px;color:var(--rf-dark);line-height:1.6}#roi-wrap .footnote-title{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--rf-blue);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:6px}#roi-wrap .footnote-body strong{color:var(--rf-blue);font-weight:600}#roi-wrap .toggle-link{font-size:13px;color:var(--rf-blue);text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}#roi-wrap .toggle-link:hover{color:var(--rf-orange)}#roi-wrap .calc-detail-box{margin-top:14px;padding:16px 20px;background:var(--rf-off-white);border-radius:var(--radius-sm);font-size:13px;line-height:1.7}#roi-wrap .calc-detail-box h4{color:var(--rf-blue);font-size:14px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}#roi-wrap .calc-detail-box h4:not(:first-child){margin-top:18px}#roi-wrap .calc-detail-box ul{margin:6px 0 0 18px;padding:0}#roi-wrap .calc-detail-box li{margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--rf-dark)}#roi-wrap .calc-detail-box .label{font-family:inherit;color:var(--rf-blue);font-weight:600;display:inline-block;min-width:200px}#roi-wrap .methodology-link{margin-top:12px;font-size:13px;color:var(--rf-muted)}#roi-wrap .methodology-link a{color:var(--rf-blue);text-decoration:underline;cursor:pointer}#roi-wrap .toast{position:fixed;bottom:30px;right:30px;background:var(--rf-dark);color:#fff;padding:14px 20px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transform:translate(120%);transition:transform .3s ease;z-index:1000;max-width:340px;font-size:14px}#roi-wrap .toast.show{transform:translate(0)}#roi-wrap .toast.error{background:var(--red)}#roi-wrap .toast.success{background:var(--green)}#roi-wrap .footer{text-align:center;color:var(--rf-muted);font-size:13px;padding:24px 0;line-height:1.7}#roi-wrap .footer a{color:var(--rf-blue);text-decoration:none}#roi-wrap .saved-panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:18px 24px;margin-bottom:20px;border-left:3px solid var(--rf-orange)}#roi-wrap .saved-panel h3{font-size:14px;font-weight:700;color:var(--rf-blue);margin-bottom:4px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px}#roi-wrap .saved-panel .saved-desc{color:var(--rf-muted);font-size:13px;margin-bottom:12px}#roi-wrap .saved-list{display:grid;grid-template-columns:1fr;gap:8px}#roi-wrap .saved-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 14px;background:var(--rf-off-white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;transition:var(--tr);text-align:left;font-family:inherit;color:inherit;width:100%}#roi-wrap .saved-item:hover{border-color:var(--rf-orange);background:#fff7ed}#roi-wrap .saved-item .si-main{display:flex;flex-direction:column;gap:2px}#roi-wrap .saved-item .si-company{font-weight:600;color:var(--rf-blue);font-size:14px}#roi-wrap .saved-item .si-meta{font-size:12px;color:var(--rf-muted)}#roi-wrap .saved-item .si-amt{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--rf-orange);font-size:14px;white-space:nowrap}#roi-wrap .saved-item.current{border-color:var(--rf-orange);background:#fff7ed}#roi-wrap .saved-item.current .si-company:after{content:" · " attr(data-current);color:var(--rf-orange);font-weight:600;font-size:12px}body.is-staging{padding-top:28px}body.is-staging:before{content:"STAGING: " attr(data-staging-host);position:fixed;top:0;left:0;right:0;height:28px;background:#ff6e1d;color:#fff;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;z-index:9999;pointer-events:none}#roi-wrap .roi-step{display:none}#roi-wrap .roi-step.active{display:block;animation:fadeIn .4s ease}#roi-wrap .step-counter{text-align:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--rf-muted);letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}#roi-wrap .step-nav-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}#roi-wrap .lang-bar,#roi-wrap .footer{display:none!important}