.roi-hero{border-bottom:1px solid var(--border);background:linear-gradient(#e8e8f00a 0%,#0000 100%);padding:3.5rem 0 2.5rem}.roi-inner{max-width:var(--max-width);margin-inline:auto;padding-inline:2rem}.roi-back{font-size:var(--t-sm);color:var(--muted);align-items:center;gap:.4rem;margin-bottom:1.25rem;text-decoration:none;transition:color .2s;display:inline-flex}.roi-back:hover{color:var(--text)}.roi-hero-title{font-family:var(--ff-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin:0 0 .9rem;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;line-height:1}.roi-hero-sub{font-size:var(--t-md);color:var(--muted);max-width:600px;line-height:1.6}.roi-wrap{padding:2.5rem 0 5rem}.roi-layout{max-width:var(--max-width);grid-template-columns:1fr 300px;align-items:start;gap:2rem;margin-inline:auto;padding-inline:2rem;display:grid}@media (width<=960px){.roi-layout{grid-template-columns:1fr}}.roi-steps{align-items:center;margin-bottom:2rem;display:flex}.roi-step{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.roi-step-n{background:var(--surface2);border:2px solid var(--border);width:30px;height:30px;font-size:var(--t-sm);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}.roi-step-lbl{font-size:var(--t-sm);color:var(--muted);transition:color .3s}.roi-step.is-active .roi-step-n{border-color:var(--text);color:var(--text);background:#e8e8f01f}.roi-step.is-active .roi-step-lbl{color:var(--text);font-weight:500}.roi-step.is-done .roi-step-n{background:var(--text);border-color:var(--text);color:var(--black)}.roi-step-line{background:var(--border);flex:1;height:1px;margin:0 .6rem}.roi-panel{animation:.22s roi-fade}@keyframes roi-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.roi-s1-title{font-family:var(--ff-display);font-size:var(--t-2xl);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .3rem;font-weight:700}.roi-s1-sub{color:var(--muted);font-size:var(--t-md);margin-bottom:2rem}.roi-model-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}@media (width<=700px){.roi-model-grid{grid-template-columns:1fr}}.roi-model-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);text-align:left;cursor:pointer;color:var(--text);font-family:var(--ff-body);user-select:none;flex-direction:column;width:100%;padding:1.3rem;transition:border-color .2s,transform .2s,background .2s;display:flex}.roi-model-card:hover{border-color:#ffffff40;transform:translateY(-2px)}.roi-model-tag{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);margin-bottom:.8rem;padding:.2em .7em;font-weight:600;display:inline-block}.roi-tag-magenta{background:var(--magenta-glow);color:var(--magenta)}.roi-tag-cyan{background:var(--cyan-glow);color:var(--cyan)}.roi-tag-yellow{background:var(--yellow-glow);color:var(--yellow)}.roi-model-icon{color:var(--muted);margin-bottom:.6rem}.roi-model-name{font-family:var(--ff-display);font-size:var(--t-xl);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .15rem;font-weight:700;line-height:1.1}.roi-model-sub{font-size:var(--t-xs);color:var(--muted);margin-bottom:.65rem}.roi-model-desc{font-size:var(--t-sm);color:var(--text);margin-bottom:.85rem;line-height:1.6}.roi-ideal-label{font-size:var(--t-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-weight:600}.roi-ideal-list{margin:0;padding:0;list-style:none}.roi-ideal-list li{font-size:var(--t-xs);color:var(--muted);padding:.1rem 0 .1rem 1rem;position:relative}.roi-ideal-list li:before{content:"→";position:absolute;left:0}.roi-builder-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.roi-model-label{font-size:var(--t-xs);color:var(--muted)}.roi-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:1rem;padding:1.25rem 1.4rem}.roi-section-title{font-family:var(--ff-display);font-size:var(--t-lg);letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin:0 0 1.1rem;font-weight:700}.roi-section-hint{font-size:var(--t-xs);color:var(--muted);margin-top:-.75rem;margin-bottom:1rem}.roi-fields{gap:.85rem;display:grid}.roi-2col{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=560px){.roi-2col{grid-template-columns:1fr}}.roi-field label{font-size:var(--t-sm);color:var(--text);margin-bottom:.25rem;font-weight:600;display:block}.roi-field-hint{font-size:var(--t-xs);color:var(--muted);margin-bottom:.3rem}.roi-field-calc{font-size:var(--t-xs);color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);margin-top:.35rem;padding:.4rem .7rem}.roi-field-calc strong{color:var(--text)}.roi-input,.roi-select{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);font-family:var(--ff-body);font-size:var(--t-base);outline:none;padding:.55rem .85rem;transition:border-color .2s}.roi-input:focus,.roi-select:focus{border-color:var(--text)}.roi-input::placeholder{color:var(--muted)}.roi-input[type=number]{-moz-appearance:textfield}.roi-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roi-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.roi-slider-wrap{align-items:center;gap:.75rem;display:flex}.roi-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:99px;outline:none;flex:1;height:4px}.roi-slider::-webkit-slider-thumb{appearance:none;background:var(--text);border:2px solid var(--surface2);cursor:pointer;border-radius:50%;width:18px;height:18px}.roi-slider::-moz-range-thumb{background:var(--text);border:2px solid var(--surface2);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.roi-slider-val{text-align:right;min-width:3.5rem;font-size:var(--t-sm);color:var(--text);font-weight:600}.roi-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.roi-time-calc{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:.75rem;padding:1rem 1.1rem}.roi-time-calc-title{font-size:var(--t-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-weight:600}.roi-time-calc-result{border-top:1px solid var(--border);font-size:var(--t-sm);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.roi-time-calc-result strong{font-size:var(--t-md);color:var(--text)}.roi-context-box{border-radius:var(--r-lg);border-left-style:solid;border-left-width:3px;margin-bottom:0;padding:1.1rem 1.3rem}.roi-context-box-title{font-size:var(--t-sm);color:var(--text);margin-bottom:.5rem;font-weight:600}.roi-context-box-body{font-size:var(--t-sm);color:var(--muted);line-height:1.65}.roi-context-section{border-top:1px solid #ffffff0f;margin-top:.85rem;padding-top:.75rem}.roi-context-section-title{font-size:var(--t-xs);color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.55rem;font-weight:700}.roi-bench-grid{grid-template-columns:1fr 1fr;gap:.3rem 1rem;display:grid}@media (width<=560px){.roi-bench-grid{grid-template-columns:1fr}}.roi-bench-row{font-size:var(--t-xs);color:var(--muted);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:baseline;padding:.2rem 0;display:flex}.roi-bench-row:last-child{border-bottom:none}.roi-bench-key{flex:1;padding-right:.5rem}.roi-bench-val{color:var(--text);white-space:nowrap;flex-shrink:0;font-weight:600}.roi-bench-list{gap:.22rem;display:grid}.roi-bench-item{font-size:var(--t-xs);color:var(--muted);padding-left:.9rem;line-height:1.4;position:relative}.roi-bench-item:before{content:"→";position:absolute;left:0}.roi-context-box-disclaimer{font-size:var(--t-xs);color:var(--muted);border-top:1px solid #ffffff0f;margin-top:.75rem;padding-top:.65rem;line-height:1.5}.roi-btn{border-radius:var(--r-md);font-family:var(--ff-body);font-size:var(--t-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.65rem 1.4rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.roi-btn-primary{background:var(--text);color:var(--black)}.roi-btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.roi-btn-primary:disabled{opacity:.3;cursor:not-allowed}.roi-btn-ghost{color:var(--muted);border:1.5px solid var(--border);background:0 0}.roi-btn-ghost:hover{color:var(--text);border-color:#fff3}.roi-btn-sm{font-size:var(--t-xs);padding:.45rem .9rem}.roi-result-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.roi-result-title{font-family:var(--ff-display);font-size:var(--t-2xl);letter-spacing:.02em;text-transform:uppercase;margin:0;font-weight:700}.roi-metrics-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1rem;display:grid}@media (width<=620px){.roi-metrics-grid{grid-template-columns:1fr 1fr}}.roi-metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.1rem}.roi-metric-label{font-size:var(--t-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-weight:600}.roi-metric-value{font-family:var(--ff-display);letter-spacing:.02em;color:var(--text);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1}.roi-metric-sub{font-size:var(--t-xs);color:var(--muted);margin-top:.3rem}.roi-breakdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:1rem;padding:1.1rem 1.3rem}.roi-breakdown-title{font-size:var(--t-sm);margin-bottom:.85rem;font-weight:600}.roi-breakdown-row{font-size:var(--t-sm);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:.3rem 0;display:flex}.roi-breakdown-row:last-child{border-bottom:none}.roi-breakdown-row.is-total{color:var(--text);border-top:1px solid #ffffff1f;margin-top:.2rem;padding-top:.55rem;font-weight:600}.roi-breakdown-row.is-net{font-weight:700;font-size:var(--t-md);color:var(--text);border-top:2px solid var(--border);margin-top:.3rem;padding-top:.6rem}.roi-breakdown-key{color:var(--muted)}.roi-breakdown-val{color:var(--text);font-weight:500}.roi-interpretation{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:1rem;padding:1.1rem 1.3rem}.roi-interp-title{font-size:var(--t-sm);margin-bottom:.5rem;font-weight:600}.roi-interp-badge{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);color:var(--text);background:#e8e8f01f;margin-bottom:.6rem;padding:.3em .85em;font-weight:700;display:inline-block}.roi-interp-desc{font-size:var(--t-sm);color:var(--muted);line-height:1.6}.roi-result-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.roi-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);position:sticky;top:5rem;overflow:hidden}.roi-sb-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.roi-sb-title{font-size:var(--t-sm);color:var(--text);align-items:center;gap:.5rem;font-weight:600;display:flex}.roi-sb-content{min-height:140px;padding:.85rem}.roi-sb-footer{border-top:1px solid var(--border);padding:.75rem}.roi-sb-footer .roi-btn-primary{justify-content:center;width:100%}.roi-sb-empty{text-align:center;color:var(--muted);font-size:var(--t-sm);padding:1.25rem .75rem;line-height:1.6}.roi-sb-metric{margin-bottom:1rem}.roi-sb-metric-label{font-size:var(--t-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-weight:600}.roi-sb-metric-value{font-family:var(--ff-display);letter-spacing:.02em;color:var(--text);font-size:2rem;font-weight:800;line-height:1}.roi-sb-metric-sub{font-size:var(--t-xs);color:var(--muted);margin-top:.15rem}.roi-sb-divider{background:var(--border);height:1px;margin:.85rem 0}.roi-sb-row{font-size:var(--t-xs);color:var(--muted);justify-content:space-between;padding:.22rem 0;display:flex}.roi-sb-row strong{color:var(--text)}.roi-sb-row.is-net{color:var(--text);font-weight:600;font-size:var(--t-sm);border-top:1px solid var(--border);margin-top:.4rem;padding-top:.55rem}.roi-sb-badge{text-align:center;font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-md);color:var(--muted);border:1px solid var(--border);background:#e8e8f014;margin-top:.85rem;padding:.45rem;font-weight:700;display:block}.roi-sb-badge.is-good{color:var(--text);background:#e8e8f01f;border-color:#ffffff2e}