:root{--matrix-red: #ef1d25;--matrix-red-glow: rgba(239, 29, 37, .18);--bg-dark: #ffffff;--bg-card: #ffffff;--text-primary: #07111a;--text-muted: #5b6672;--border-subtle: #dde3ea;--font-main: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.roi-page{min-height:100vh;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5rem 1rem 3rem;background:#fff;color:var(--text-primary);font-family:var(--font-main);box-sizing:border-box;overflow-x:hidden}.roi-container{width:100%!important;max-width:1200px!important;position:relative;display:flex;flex-direction:column;gap:2.5rem}.main-logo-hook{display:flex;justify-content:center;margin-bottom:2.4rem}.hero-logo-img{height:132px;width:auto;filter:drop-shadow(0 10px 24px var(--matrix-red-glow))}.header-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.mini-logo-img{height:72px;width:auto;filter:drop-shadow(0 8px 18px var(--matrix-red-glow))}.roi-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:3rem;border-radius:8px;box-shadow:0 18px 44px #07111a12;width:100%;box-sizing:border-box}.section-desc{font-size:.75rem;color:var(--text-muted);margin-top:-.8rem;margin-bottom:1.5rem;font-style:italic}.consult-cta{font-size:.8rem;color:var(--text-muted);margin-top:1.5rem;text-align:center;padding:1rem;background:#f6f8fb;border-radius:6px;border:1px dashed rgba(239,29,37,.25)}.consult-cta a{color:var(--matrix-red);text-decoration:underline;font-weight:900;text-transform:uppercase;margin-left:5px;cursor:pointer}.consult-cta a:hover{color:var(--text-primary)}.roi-card.no-bg{background:transparent;border:none;box-shadow:none;padding:1rem 0}.roi-header{display:grid;justify-items:center;text-align:center}.roi-header h1{width:100%;max-width:none;font-size:clamp(1.8rem,5vw,2.5rem);margin:0 auto;text-transform:uppercase;letter-spacing:0;text-align:center}.roi-start-title{font-size:clamp(1.7rem,4.4vw,2.25rem);line-height:1.12}.highlight{color:var(--matrix-red);text-shadow:none}.highlight-no-glow{color:var(--matrix-red)}.step-status{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;font-weight:900;letter-spacing:0;margin-bottom:2rem}.segmented-progress{display:flex;gap:8px;margin-bottom:2.5rem}.progress-segment{flex:1;height:4px;background:#eef2f6;border-radius:2px}.progress-segment.active{background:var(--matrix-red);box-shadow:0 8px 18px var(--matrix-red-glow)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-top:1.5rem}.card-option{background:#fff;border:1px solid var(--border-subtle);padding:1rem .5rem;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;font-size:.75rem;font-weight:900;text-align:center;text-transform:uppercase;transition:all .2s}.card-option:hover{border-color:#ef1d2559;background:#ef1d250d}.card-option.active{background:var(--matrix-red);color:#fff;border-color:var(--matrix-red)}.card-option .icon{font-size:1.2rem;margin-bottom:.3rem}.custom-input-group{margin-bottom:1.5rem}.custom-input-group input{width:100%;background:#fff;border:1px solid var(--border-subtle);padding:1rem;color:var(--text-primary);font-family:inherit;font-size:1rem;border-radius:6px;box-sizing:border-box;transition:border-color .2s}.custom-input-group input:focus{border-color:var(--matrix-red);outline:none}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.metric-block{display:flex;flex-direction:column;gap:.6rem}.metric-header{display:flex;justify-content:space-between;align-items:center;height:24px}.metric-header label{font-size:.75rem;font-weight:900;color:var(--text-muted);text-transform:uppercase}.metric-description{font-size:.65rem;color:var(--text-muted);font-style:italic;margin-top:-.2rem;margin-bottom:.4rem;line-height:1.4;opacity:.8}.control-box{display:flex;background:#fff;border:1px solid var(--border-subtle);height:55px;border-radius:6px;overflow:hidden}.adj-btn{width:50px;background:#f6f8fb;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.adj-btn:hover{background:var(--matrix-red);color:#fff}.control-box input{flex:1;background:transparent;border:none;color:var(--text-primary);text-align:center;font-size:1.3rem;font-weight:900;font-family:inherit;width:100%}.control-box input:focus{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.unit-label{padding-right:1rem;font-size:.7rem;font-weight:900;color:var(--matrix-red);display:flex;align-items:center}.unit-toggle{display:flex;background:#eef2f6;padding:2px;border-radius:20px;gap:2px}.unit-btn{padding:2px 8px;font-size:.55rem;border-radius:10px;cursor:pointer;font-weight:900;color:var(--text-muted)}.unit-btn.active{background:var(--matrix-red);color:#fff}.input-section{margin-bottom:2.5rem}.input-section h2{font-size:1rem;margin-bottom:1.2rem;font-weight:900;text-transform:uppercase}.nav-actions.single-center{justify-content:center;margin-top:1rem}.nav-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem}.btn-primary{background:var(--matrix-red);color:#fff;padding:.8rem 2rem;font-weight:900;text-transform:uppercase;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-primary:hover{background:var(--text-primary);box-shadow:0 14px 34px #07111a29}.btn-primary.btn-hero{padding:1.2rem 3rem;font-size:1.1rem}.btn-primary:disabled{background:#dde3ea;color:#7a8490;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle);padding:.6rem 1rem;border-radius:6px;font-weight:900;cursor:pointer;font-size:.8rem}.results-dashboard{display:flex;flex-direction:column;gap:2rem}.results-main-msg{text-align:center;margin-bottom:.5rem}.results-main-msg h2{font-size:1.3rem;line-height:1.4;letter-spacing:0}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.res-card{background:#fff;border:1px solid var(--border-subtle);padding:1.2rem;border-radius:6px;display:flex;flex-direction:column;gap:.3rem}.res-card.highlight-border{border-color:#ef1d2561;background:#ef1d250d}.res-card.danger-border{border-color:#ff4d4d}.res-label{font-size:.65rem;font-weight:900;color:var(--text-muted);text-transform:uppercase}.res-val{font-size:1.2rem;font-weight:900}.res-sub{font-size:.65rem;color:var(--text-muted)}.nav-actions.final-cta-wrapper{align-items:center;margin-top:2rem;gap:.8rem}.btn-primary.btn-final{padding:.8rem 2rem;font-size:.95rem;width:auto;background:var(--matrix-red);box-shadow:0 14px 34px var(--matrix-red-glow);border:1px solid var(--matrix-red)}.btn-primary.btn-final:hover{transform:translateY(-3px);box-shadow:0 18px 44px #07111a2e}.path-animate{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawPathMinimal 2s ease-out forwards}.roi-dashboard-dual{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem;padding:1.5rem;background:#f6f8fb;border:1px solid var(--border-subtle);border-radius:8px}.dashboard-section{display:flex;flex-direction:column;gap:.5rem}.tech-title{font-size:.85rem;font-weight:900;letter-spacing:1px;color:var(--text-primary);margin:0}.tech-subtitle{font-size:.75rem;color:var(--text-muted);margin:0 0 1rem}.tech-canvas{background:#fff;border:1px solid var(--border-subtle);padding:1rem;border-radius:4px}.tech-svg{width:100%;height:auto;display:block}.relative-canvas{position:relative}.axis-text-mini{fill:#5b6672;font-size:11px;font-weight:900}.payback-highlight{font-size:12px;font-weight:900}.bar-label{font-size:11px;font-weight:900}.cost-legend{display:flex;gap:1rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-dot.current{background:#07111a}.legend-dot.remaining{background:#b0b0b0}.legend-dot.ai{background:var(--matrix-red)}.tech-path-animate{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawTechPath 2.5s cubic-bezier(.4,0,.2,1) forwards}.bar-animate{transform-origin:bottom;animation:growBar 1s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawTechPath{to{stroke-dashoffset:0}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(max-width:900px){.roi-dashboard-dual{padding:1.5rem 1rem;gap:1.5rem}}@media(max-width:600px){.roi-dashboard-dual{padding:1rem .5rem;gap:1rem}.roi-page{min-height:calc(100svh - 82px)}.hero-logo-img{height:84px}.main-logo-hook{margin-bottom:1.05rem}.roi-start-title{font-size:1.48rem;line-height:1.08}.tech-title{font-size:.75rem}.tech-canvas{padding:.5rem}.axis-text-mini,.bar-label{font-size:9px}}@media(max-width:800px){.roi-page{justify-content:center;min-height:calc(100svh - 82px);padding:3.2rem 1rem 6rem}.roi-container{gap:1.25rem}.roi-card{padding:1.5rem;border-radius:8px}.roi-card.no-bg{padding:.8rem 0}.main-logo-hook{margin-bottom:1.35rem}.hero-logo-img{height:92px}.mini-logo-img{height:54px}.header-logo{margin-bottom:1rem}.roi-header h1{font-size:1.4rem}.roi-start-title{font-size:1.62rem}.step-status{margin-bottom:1.35rem;font-size:.78rem}.roi-card h2{font-size:1.1rem;margin-bottom:1rem}.selection-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.card-option{min-height:60px;padding:.8rem .4rem;font-size:.6rem}.card-option .icon{font-size:1rem}.metrics-grid{grid-template-columns:1fr;gap:1.2rem}.control-box{height:48px}.adj-btn{width:45px}.control-box input{font-size:1.1rem}.results-grid{grid-template-columns:1fr;gap:.8rem}.results-main-msg h2{font-size:1rem;padding:0 .5rem}.res-card{padding:1rem}.res-val{font-size:1.1rem}.nav-actions{flex-direction:column;gap:.8rem;margin-top:2rem}.btn-primary,.btn-secondary{width:100%;padding:.8rem;font-size:.85rem}.btn-primary.btn-hero{padding:.8rem 1.2rem;font-size:.85rem;width:auto;max-width:250px;margin:1rem auto 0!important}.nav-actions.final-cta-wrapper{flex-direction:column-reverse;margin-top:2rem}.btn-primary.btn-final{width:100%;padding:1rem .5rem;font-size:.8rem;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal}}.animate-step{animation:fadeInUp .4s ease-out forwards}.stagger-1{animation-delay:.1s;opacity:0}.stagger-2{animation-delay:.2s;opacity:0}.stagger-3{animation-delay:.3s;opacity:0}.stagger-4{animation-delay:.4s;opacity:0}.analysis-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loader-glitch{font-size:1.5rem;font-weight:900;color:var(--matrix-red);margin-bottom:2rem;letter-spacing:5px;animation:none}.loader-bar{width:100%;max-width:400px;height:4px;background:#eef2f6;border-radius:2px;overflow:hidden;margin-bottom:2rem}.loader-progress{width:100%;height:100%;background:var(--matrix-red);box-shadow:0 8px 18px var(--matrix-red-glow);animation:progress 3.5s linear forwards}.loader-stats{display:flex;flex-direction:column;gap:.5rem;font-size:.7rem;color:var(--text-muted);font-weight:900}.loader-stats div{opacity:0;animation:fadeIn .5s forwards}.loader-stats div:nth-child(1){animation-delay:.5s}.loader-stats div:nth-child(2){animation-delay:1.2s}.loader-stats div:nth-child(3){animation-delay:2s}.loader-stats div:nth-child(4){animation-delay:2.8s}@keyframes glitch{0%{transform:translate(-2px)}to{transform:translate(2px)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.roi-page{padding-top:3rem;padding-bottom:6.8rem}}.roi-page *,.roi-page *:before,.roi-page *:after{border-radius:0!important}.roi-page button,.roi-page .btn-primary,.roi-page .btn-secondary,.roi-page .adj-btn,.roi-page .unit-btn{border:1px solid #9f080f!important}.roi-page .btn-primary{border-color:#8f070d!important;box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 1px #ef1d2547,0 14px 30px var(--matrix-red-glow)!important}.roi-page .btn-secondary,.roi-page .adj-btn,.roi-page .unit-btn{border-color:#ef1d25!important;box-shadow:inset 0 0 0 1px #ef1d251f,0 0 0 1px #ef1d252e!important}