.roi-page{min-height:100vh;padding:120px 2rem 80px;position:relative;overflow:hidden}.roi-page:before{content:"";position:fixed;top:-30%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.08),transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.roi-page:after{content:"";position:fixed;bottom:-20%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.06),transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.roi-inner{max-width:900px;margin:0 auto;position:relative;z-index:1}.roi-hero{text-align:center;margin-bottom:4rem}.roi-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;color:#fff;line-height:1.25;margin-bottom:1rem}.roi-hero h1 span{background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roi-hero p{font-size:1.1rem;color:#e2e8f099;max-width:520px;margin:0 auto;line-height:1.7}.roi-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3.5rem}.roi-input-card{padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;text-align:center;transition:border-color .3s ease,background .3s ease}.roi-input-card:hover{border-color:#06b6d433;background:#ffffff0d}.roi-input-card label{display:block;font-size:.85rem;font-weight:600;color:#e2e8f099;margin-bottom:1.25rem}.roi-input-card .roi-value-display{font-size:3rem;font-weight:900;color:#06b6d4;line-height:1;margin-bottom:1.25rem;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:bidi-override}.roi-input-card .roi-value-unit{font-size:1rem;font-weight:500;color:#e2e8f066;margin-right:.25rem}.roi-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff14;outline:none;cursor:pointer}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#10b981);cursor:pointer;box-shadow:0 2px 8px #06b6d44d;transition:transform .2s ease}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.roi-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#10b981);cursor:pointer;border:none;box-shadow:0 2px 8px #06b6d44d}.roi-results{margin-bottom:3.5rem}.roi-results-header{text-align:center;margin-bottom:2rem}.roi-results-header h2{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:.5rem}.roi-results-header p{font-size:.9rem;color:#e2e8f080}.roi-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch;margin-bottom:2.5rem}.roi-box{padding:2rem 1.5rem;border-radius:20px;text-align:center}.roi-box.before{background:#ef44440d;border:1px solid rgba(239,68,68,.12)}.roi-box.after{background:#10b9810d;border:1px solid rgba(16,185,129,.15);box-shadow:0 0 60px #10b9810f}.roi-box-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem}.roi-box.before .roi-box-tag{color:#ef4444}.roi-box.after .roi-box-tag{color:#10b981}.roi-box-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem}.roi-box-row:last-child{border-bottom:none}.roi-box-label{color:#e2e8f080}.roi-box-val{font-weight:700;color:#e2e8f0;direction:ltr}.roi-box.before .roi-box-val.highlight{color:#ef4444;font-weight:900}.roi-box.after .roi-box-val.highlight{color:#10b981;font-weight:900}.roi-arrow{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#e2e8f026}.roi-big-result{text-align:center;padding:2.5rem 2rem;background:#10b9810a;border:1px solid rgba(16,185,129,.12);border-radius:24px}.roi-big-num{font-size:clamp(4rem,10vw,7rem);font-weight:900;color:#10b981;line-height:1;margin-bottom:.5rem;animation:roi-glow 3s ease-in-out infinite;direction:ltr;unicode-bidi:bidi-override}@keyframes roi-glow{0%,to{text-shadow:0 0 20px rgba(16,185,129,.15)}50%{text-shadow:0 0 60px rgba(16,185,129,.35)}}.roi-big-label{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.roi-big-sub{font-size:.9rem;color:#e2e8f080}.roi-assumptions{text-align:center;padding:1.5rem;margin-bottom:3rem;font-size:.8rem;color:#e2e8f059;line-height:1.6}.roi-assumptions strong{color:#e2e8f080}.roi-cta{text-align:center;padding:3rem 0}.roi-cta p{font-size:1.1rem;color:#e2e8f099;margin-bottom:1.5rem}@media(max-width:768px){.roi-page{padding:100px 1.25rem 60px}.roi-inputs,.roi-compare{grid-template-columns:1fr;gap:1rem}.roi-arrow{transform:rotate(90deg)}.roi-input-card .roi-value-display{font-size:2.4rem}}body.light-mode .roi-hero h1{color:#0f172a}body.light-mode .roi-hero p{color:#64748b}body.light-mode .roi-input-card{background:#00000008;border-color:#0000000f}body.light-mode .roi-input-card:hover{background:#0000000d;border-color:#06b6d433}body.light-mode .roi-input-card label{color:#64748b}body.light-mode .roi-slider{background:#00000014}body.light-mode .roi-results-header h2{color:#0f172a}body.light-mode .roi-results-header p,body.light-mode .roi-box-label{color:#64748b}body.light-mode .roi-box-val{color:#1e293b}body.light-mode .roi-big-label{color:#0f172a}body.light-mode .roi-big-sub{color:#64748b}body.light-mode .roi-assumptions{color:#94a3b8}body.light-mode .roi-assumptions strong,body.light-mode .roi-cta p{color:#64748b}body.light-mode .roi-box.before{background:#ef44440a;border-color:#ef44441a}body.light-mode .roi-box.after{background:#10b9810a;border-color:#10b9811f}body.light-mode .roi-big-result{background:#10b9810a;border-color:#10b9811a}body.light-mode .theme-toggle{background:#0f172a14!important;border-color:#0f172a26!important}