:root{--roi-hvls-primary:#2d69ec;--roi-hvls-secondary:#4338ca;--roi-hvls-light:#eff6ff;--roi-hvls-border:#bfdbfe;--roi-ex-primary:#ef4444;--roi-ex-secondary:#c2410c;--roi-ex-light:#fef2f2;--roi-ex-border:#fecaca;--roi-bg:#f8fafc;--roi-text-main:#0f172a;--roi-text-muted:#64748b;--roi-border:#e2e8f0;--roi-bg-card:#ffffff;--roi-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--roi-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--roi-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--roi-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--roi-shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--roi-shadow-hvls:0 20px 40px -10px rgba(45,105,236,0.3);--roi-shadow-ex:0 20px 40px -10px rgba(239,68,68,0.3);--roi-font-sans:"Rubik",sans-serif}.roi-section{padding:80px 0;font-family:var(--roi-font-sans);background:linear-gradient(180deg,#f1f5f9,#ffffff);position:relative;overflow:hidden;color:var(--roi-text-main)}.roi-section *{box-sizing:border-box}.roi-hero{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.roi-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;box-shadow:var(--roi-shadow-sm)}.roi-badge.hvls{background:#eff6ff;color:var(--roi-hvls-primary);border:1px solid #bfdbfe}.roi-badge.ex{background:#fef2f2;color:var(--roi-ex-primary);border:1px solid #fecaca}.roi-title{font-size:48px;font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--roi-text-main)}.roi-title .gradient-text.hvls{background:linear-gradient(to right,var(--roi-hvls-primary),var(--roi-hvls-secondary));-webkit-background-clip:text;color:transparent}.roi-title .gradient-text.ex{background:linear-gradient(to right,var(--roi-ex-primary),var(--roi-ex-secondary));-webkit-background-clip:text;color:transparent}.roi-subtitle{font-size:18px;color:var(--roi-text-muted);font-weight:500;line-height:1.6}.roi-main-card{background:#fff;border-radius:40px;box-shadow:0 20px 60px -15px rgba(0,0,0,.08);border:1px solid var(--roi-border);overflow:hidden}.roi-panel-left{background:#f8fafc;padding:40px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--roi-border)}@media (min-width:992px){.roi-panel-left{position:sticky;top:0;height:800px}}.roi-panel-left-header{text-align:center;margin-bottom:30px}.roi-panel-left-header h3{font-size:20px;font-weight:900;margin:0 0 5px}.roi-panel-left-header p{font-size:14px;font-weight:700;color:var(--roi-text-muted);margin:0}.roi-svg-container{background:linear-gradient(135deg,#f8fafc,#ffffff);border-radius:24px;padding:10px;box-shadow:inset 0 2px 10px rgba(0,0,0,.02);position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.roi-svg-container.hvls{border:1px solid rgba(45,105,236,.2)}.roi-svg-container.ex{border:1px solid rgba(239,68,68,.2)}.roi-svg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;filter:blur(50px);pointer-events:none}.roi-svg-glow.hvls{background:rgba(45,105,236,.1)}.roi-svg-glow.ex{background:rgba(239,68,68,.1)}.roi-dim-boxes{display:flex;gap:16px;margin-top:30px}.roi-dim-box{flex:1;background:#fff;padding:16px;border-radius:16px;border:1px solid var(--roi-border);text-align:center;box-shadow:var(--roi-shadow-sm)}.roi-dim-box-label{font-size:10px;font-weight:900;color:var(--roi-text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.roi-dim-box-val{font-size:20px;font-weight:900;color:var(--roi-text-main)}.roi-dim-box-val span{font-size:12px;font-weight:600;color:var(--roi-text-muted)}.roi-panel-right{padding:40px;display:flex;flex-direction:column;min-height:600px}@media (min-width:992px){.roi-panel-right{padding:60px}}.roi-nav{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:50px;padding:0 20px}.roi-nav-line{position:absolute;top:28px;left:60px;right:60px;height:3px;background:#f1f5f9;border-radius:3px;z-index:0}.roi-nav-line-fill{height:100%;border-radius:3px;transition:width .7s ease}.roi-nav-line-fill.hvls{background:var(--roi-hvls-primary)}.roi-nav-line-fill.ex{background:var(--roi-ex-primary)}.roi-nav-item{display:flex;flex-direction:column;align-items:center;z-index:10;background:none;border:none;padding:0;cursor:pointer;transition:transform .3s}.roi-nav-item:not([disabled]):hover{transform:translateY(-4px)}.roi-nav-item[disabled]{cursor:not-allowed;opacity:.6}.roi-nav-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--roi-border);color:var(--roi-text-muted);font-size:20px;font-weight:700;margin-bottom:12px;transition:all .5s;box-shadow:var(--roi-shadow-sm)}.roi-nav-item.active .roi-nav-icon.hvls{background:var(--roi-hvls-primary);border-color:var(--roi-hvls-primary);color:#fff;transform:scale(1.1);box-shadow:var(--roi-shadow-hvls)}.roi-nav-item.active .roi-nav-icon.ex{background:var(--roi-ex-primary);border-color:var(--roi-ex-primary);color:#fff;transform:scale(1.1);box-shadow:var(--roi-shadow-ex)}.roi-nav-item.done .roi-nav-icon{background:#10b981;border-color:#10b981;color:#fff}.roi-nav-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--roi-text-muted);transition:color .3s}.roi-nav-item.active .roi-nav-label.hvls{color:var(--roi-hvls-primary)}.roi-nav-item.active .roi-nav-label.ex{color:var(--roi-ex-primary)}.roi-nav-item.done .roi-nav-label{color:#059669}.roi-step-header{margin-bottom:40px}.roi-step-title{font-size:32px;font-weight:900;margin-bottom:12px;color:var(--roi-text-main)}.roi-step-desc{font-size:16px;color:var(--roi-text-muted);font-weight:500}.roi-error{background:#fef2f2;color:#ef4444;padding:16px;border-radius:16px;border:1px solid #fecaca;margin-bottom:30px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:12px}.roi-form-grid{display:grid;gap:24px;margin-bottom:24px}@media (min-width:768px){.roi-form-grid.cols-2{grid-template-columns:1fr 1fr}}.roi-field{position:relative;width:100%;display:block}.roi-field-label{display:block;font-size:11px;font-weight:900;color:var(--roi-text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;padding-left:4px;display:flex;align-items:center}.roi-field-tip{margin-left:6px;position:relative;cursor:help;display:inline-flex;z-index:50}.roi-field-tip:hover .roi-tip-popup{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.roi-tip-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%,10px) scale(.95);background:#0f172a;color:#fff;padding:12px;border-radius:12px;width:220px;font-size:11px;text-transform:none;letter-spacing:normal;text-align:center;opacity:0;pointer-events:none;transition:all .2s ease;z-index:100}.roi-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid var(--roi-border);border-radius:16px;transition:all .3s;box-shadow:var(--roi-shadow-sm)}.roi-input-wrapper:hover{border-color:#cbd5e1}.roi-input-wrapper.focus-hvls:focus-within{border-color:var(--roi-hvls-primary);box-shadow:0 0 0 4px rgba(45,105,236,.1)}.roi-input-wrapper.focus-ex:focus-within{border-color:var(--roi-ex-primary);box-shadow:0 0 0 4px rgba(239,68,68,.1)}.roi-input-icon{position:absolute;left:16px;color:var(--roi-text-muted);display:flex;transition:color .3s;pointer-events:none}.roi-input-wrapper.focus-hvls:focus-within .roi-input-icon{color:var(--roi-hvls-primary)}.roi-input-wrapper.focus-ex:focus-within .roi-input-icon{color:var(--roi-ex-primary)}.roi-input{width:100%;background:transparent;border:none;padding:16px;font-family:var(--roi-font-sans);font-size:16px;font-weight:700;color:var(--roi-text-main);outline:none;-webkit-appearance:none;margin:0}.roi-input.has-icon{padding-left:48px}.roi-input.has-suffix{padding-right:64px}.roi-input::placeholder{font-weight:400;color:#94a3b8}select.roi-input{cursor:pointer}.roi-input-suffix{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.roi-input-suffix,.roi-select-arrow{position:absolute;right:16px;color:var(--roi-text-muted);pointer-events:none}.roi-select-arrow{opacity:.6}.roi-footer{margin-top:auto;padding-top:32px;border-top:1px solid var(--roi-border);justify-content:space-between;gap:16px}.roi-btn-back,.roi-footer{display:flex;align-items:center}.roi-btn-back{gap:8px;background:transparent;border:none;padding:16px 24px;border-radius:12px;font-family:var(--roi-font-sans);font-size:16px;font-weight:800;color:var(--roi-text-muted);cursor:pointer;transition:all .3s;text-decoration:none}.roi-btn-back:hover{background:#f1f5f9;color:var(--roi-text-main)}.roi-btn-main{display:flex;align-items:center;gap:12px;border:none;padding:16px 32px;border-radius:12px;font-family:var(--roi-font-sans);font-size:16px;font-weight:900;color:#fff;cursor:pointer;transition:all .3s;text-decoration:none}.roi-btn-main[disabled]{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.roi-btn-main:not([disabled]):hover{transform:translateY(-3px)}.roi-btn-main.hvls{background:var(--roi-hvls-primary);box-shadow:var(--roi-shadow-hvls)}.roi-btn-main.hvls:hover{background:var(--roi-hvls-secondary);box-shadow:0 25px 50px -10px rgba(45,105,236,.4)}.roi-btn-main.ex{background:var(--roi-ex-primary);box-shadow:var(--roi-shadow-ex)}.roi-btn-main.ex:hover{background:var(--roi-ex-secondary);box-shadow:0 25px 50px -10px rgba(239,68,68,.4)}.roi-res-header{margin-bottom:32px;border-bottom:1px solid var(--roi-border);padding-bottom:32px}.roi-res-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:900;border:1px solid #a7f3d0;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.roi-res-title{font-size:36px;font-weight:900;margin-bottom:12px;line-height:1.2}@media (min-width:768px){.roi-res-title{font-size:48px}}.roi-res-title .hvls-color{color:var(--roi-hvls-primary)}.roi-res-title .ex-color{color:var(--roi-ex-primary)}.roi-res-desc{font-size:18px;color:var(--roi-text-muted);font-weight:700;margin:0}.roi-res-cards{display:grid;gap:24px;margin-bottom:32px}@media (min-width:900px){.roi-res-cards{grid-template-columns:1fr 1fr}}.roi-hero-card{padding:32px;border-radius:32px;color:#fff;position:relative;overflow:hidden}.roi-hero-card.hvls{background:linear-gradient(135deg,var(--roi-hvls-primary),var(--roi-hvls-secondary));box-shadow:var(--roi-shadow-hvls)}.roi-hero-card.ex{background:linear-gradient(135deg,var(--roi-ex-primary),var(--roi-ex-secondary));box-shadow:var(--roi-shadow-ex)}.roi-hero-icon{color:rgba(255,255,255,.8);margin-bottom:16px;display:block}.roi-hero-label{font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:8px}.roi-hero-val{font-size:40px;font-weight:900;line-height:1;letter-spacing:-1px}.roi-hero-foot{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800}.roi-hero-pill{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:50px}.roi-stat-list{display:flex;flex-direction:column;gap:16px}.roi-stat-box{display:flex;align-items:center;justify-content:space-between;padding:24px;border-radius:24px;border:1px solid var(--roi-border)}.roi-stat-box.light{background:#f8fafc}.roi-stat-box.green{background:#ecfdf5;border-color:#a7f3d0}.roi-stat-box.orange{background:#fff7ed;border-color:#fed7aa}.roi-stat-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.roi-stat-val{font-size:24px;font-weight:900;line-height:1;color:var(--roi-text-main)}.roi-stat-box.green .roi-stat-label{color:#059669}.roi-stat-box.green .roi-stat-val{color:#047857}.roi-stat-box.orange .roi-stat-label{color:#c2410c}.roi-stat-box.orange .roi-stat-val{color:#9a3412}.roi-insight{background:#0f172a;color:#fff;padding:32px;border-radius:32px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--roi-shadow-xl)}@media (min-width:768px){.roi-insight{flex-direction:row;align-items:center;justify-content:space-between}}.roi-insight-icon{padding:16px;background:rgba(255,255,255,.1);border-radius:16px;display:inline-flex}.roi-insight-text .label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:#94a3b8;margin-bottom:8px}.roi-insight-text .val{font-size:28px;font-weight:900;margin:0}.roi-insight-desc{font-size:14px;font-weight:700;color:#94a3b8;text-align:left}@media (min-width:768px){.roi-insight-desc{text-align:right;max-width:250px}}.roi-spin{animation:roi-spin 1s linear infinite}@keyframes roi-spin{to{transform:rotate(1turn)}}.roi-pulse{animation:roi-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes roi-pulse{0%,to{opacity:1}50%{opacity:.5}}