:root{--qslm-yellow:#FFD800;--qslm-yellow-light:#fff9db;--qslm-yellow-dark:#e6c300;--qslm-black:#000000;--qslm-gray-dark:#1a1a1a;--qslm-gray:#4a5568;--qslm-gray-light:#e5e7eb;--qslm-white:#ffffff;--qslm-spacing-xs:0.5rem;--qslm-spacing-sm:0.75rem;--qslm-spacing-md:1rem;--qslm-spacing-lg:1.5rem;--qslm-spacing-xl:2rem;--qslm-spacing-2xl:3rem;--qslm-radius-sm:8px;--qslm-radius-md:12px;--qslm-radius-lg:16px;--qslm-radius-xl:24px;--qslm-radius-full:9999px;--qslm-shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);--qslm-shadow-md:0 4px 16px rgba(0, 0, 0, 0.1);--qslm-shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--qslm-shadow-xl:0 12px 32px rgba(0, 0, 0, 0.15);--qslm-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.qslm-roi-calculator-wrapper{background:#f8f9fa;padding:var(--qslm-spacing-xl) var(--qslm-spacing-md);margin:var(--qslm-spacing-xl) 0}.qslm-roi-container{max-width:1200px;margin:0 auto}.qslm-roi-header{text-align:center;margin-bottom:var(--qslm-spacing-2xl);padding:var(--qslm-spacing-xl);background:linear-gradient(135deg,var(--qslm-black) 0%,var(--qslm-gray-dark) 100%);border-radius:var(--qslm-radius-lg);box-shadow:var(--qslm-shadow-lg);border:3px solid var(--qslm-yellow)}.qslm-roi-title{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:800;margin:0 0 var(--qslm-spacing-sm);color:var(--qslm-white);letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.qslm-roi-lead{margin:0;color:var(--qslm-yellow);font-size:clamp(0.95rem, 2vw, 1.1rem);line-height:1.6;font-weight:500}.qslm-roi-info{display:flex;gap:var(--qslm-spacing-md);align-items:flex-start;background:var(--qslm-yellow-light);border:3px solid var(--qslm-yellow);color:var(--qslm-black);padding:var(--qslm-spacing-lg);border-radius:var(--qslm-radius-md);margin:0 0 var(--qslm-spacing-xl);font-size:.95rem;line-height:1.7;box-shadow:var(--qslm-shadow-sm)}.qslm-roi-info-icon{font-size:1.5rem;flex-shrink:0}.qslm-roi-info-content strong{font-weight:700;color:var(--qslm-black)}.qslm-roi-card{background:var(--qslm-white);border:3px solid var(--qslm-gray-light);border-radius:var(--qslm-radius-lg);padding:var(--qslm-spacing-xl);box-shadow:var(--qslm-shadow-md);transition:var(--qslm-transition)}.qslm-roi-card:hover{box-shadow:var(--qslm-shadow-lg);border-color:var(--qslm-yellow)}.qslm-roi-row{display:flex;gap:var(--qslm-spacing-md);align-items:center;margin-bottom:var(--qslm-spacing-lg)}.qslm-roi-label{font-weight:700;font-size:.9rem;min-width:180px;color:var(--qslm-black);flex-shrink:0;text-transform:uppercase;letter-spacing:.02em;font-size:.85rem}.qslm-roi-input,.qslm-roi-select{width:100%;padding:.875rem 1.125rem;border:2px solid var(--qslm-gray-light);border-radius:var(--qslm-radius-md);background:var(--qslm-white);font-size:.95rem;transition:var(--qslm-transition);font-family:inherit;color:var(--qslm-black);font-weight:500}.qslm-roi-input::placeholder{color:#9ca3af;font-weight:400}.qslm-roi-input:focus,.qslm-roi-select:focus{outline:0;border-color:var(--qslm-yellow);box-shadow:0 0 0 3px rgb(255 216 0 / .15);background:var(--qslm-yellow-light)}.qslm-roi-input:hover,.qslm-roi-select:hover{border-color:var(--qslm-yellow-dark)}.qslm-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace}.qslm-roi-segment{display:inline-flex;border:3px solid var(--qslm-gray-light);border-radius:var(--qslm-radius-full);overflow:hidden;background:var(--qslm-white);box-shadow:var(--qslm-shadow-sm)}.qslm-roi-segment-btn{border:0;background:#fff0;padding:.875rem 1.5rem;cursor:pointer;font-weight:700;font-size:.9rem;transition:var(--qslm-transition);color:var(--qslm-black);font-family:inherit;text-transform:uppercase;letter-spacing:.02em}.qslm-roi-segment-btn:hover{background:var(--qslm-yellow-light);color:var(--qslm-black)}.qslm-roi-segment-btn.active{background:var(--qslm-black);color:var(--qslm-yellow)}.qslm-roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--qslm-spacing-xl);margin:var(--qslm-spacing-xl) 0}.qslm-roi-col{display:flex;flex-direction:column}.qslm-roi-btn{padding:.875rem 1.75rem;border-radius:var(--qslm-radius-full);cursor:pointer;font-weight:800;letter-spacing:.03em;transition:var(--qslm-transition);font-size:.95rem;border:3px solid;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--qslm-spacing-sm);text-transform:uppercase;box-shadow:var(--qslm-shadow-sm)}.qslm-roi-btn:hover{transform:translateY(-2px);box-shadow:var(--qslm-shadow-md)}.qslm-roi-btn:active{transform:translateY(0)}.qslm-roi-btn-primary{background:var(--qslm-black);border-color:var(--qslm-black);color:var(--qslm-yellow)}.qslm-roi-btn-primary:hover{background:var(--qslm-gray-dark);border-color:var(--qslm-yellow);box-shadow:0 0 0 3px rgb(255 216 0 / .2),var(--qslm-shadow-md)}.qslm-roi-btn-secondary{background:var(--qslm-white);border-color:var(--qslm-black);color:var(--qslm-black)}.qslm-roi-btn-secondary:hover{background:var(--qslm-yellow);border-color:var(--qslm-black);color:var(--qslm-black)}.qslm-roi-cta{padding:1.125rem 2rem;border-radius:var(--qslm-radius-full);background:var(--qslm-yellow);border:3px solid var(--qslm-black);color:var(--qslm-black);width:100%;cursor:pointer;font-weight:900;font-size:1.1rem;letter-spacing:.05em;transition:var(--qslm-transition);box-shadow:var(--qslm-shadow-md);margin-top:var(--qslm-spacing-md);font-family:inherit;text-transform:uppercase}.qslm-roi-cta:hover{box-shadow:var(--qslm-shadow-xl);transform:translateY(-3px);background:var(--qslm-yellow-dark)}.qslm-roi-cta:active{transform:translateY(-1px)}.qslm-roi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--qslm-spacing-lg);margin:var(--qslm-spacing-2xl) 0}.qslm-roi-kpi{background:var(--qslm-white);color:var(--qslm-black);padding:var(--qslm-spacing-xl) var(--qslm-spacing-lg);border-radius:var(--qslm-radius-lg);min-height:140px;display:flex;gap:var(--qslm-spacing-lg);align-items:center;box-shadow:var(--qslm-shadow-md);position:relative;overflow:hidden;border:3px solid var(--qslm-gray-light);transition:var(--qslm-transition)}.qslm-roi-kpi:hover{transform:translateY(-4px);box-shadow:var(--qslm-shadow-xl);border-color:var(--qslm-yellow)}.qslm-roi-kpi::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--qslm-yellow) 0%,var(--qslm-yellow-dark) 100%)}.qslm-roi-kpi-icon{width:50px;height:50px;border-radius:var(--qslm-radius-md);display:grid;place-items:center;background:var(--qslm-yellow-light);font-size:1.75rem;flex-shrink:0;border:2px solid var(--qslm-yellow)}.qslm-roi-kpi-content{flex:1}.qslm-roi-kpi-title{margin:0 0 var(--qslm-spacing-sm);font-size:.85rem;letter-spacing:.05em;font-weight:800;color:var(--qslm-gray);text-transform:uppercase}.qslm-roi-kpi-value{margin:0;font-size:1.25rem;font-weight:900;line-height:1.3;color:var(--qslm-black)}.qslm-roi-kpi-1:hover{border-color:#4ade80}.qslm-roi-kpi-1::before{background:linear-gradient(90deg,#4ade80 0%,#22c55e 100%)}.qslm-roi-kpi-2:hover{border-color:#3b82f6}.qslm-roi-kpi-2::before{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)}.qslm-roi-kpi-3:hover{border-color:var(--qslm-yellow)}.qslm-roi-kpi-3::before{background:linear-gradient(90deg,var(--qslm-yellow) 0%,var(--qslm-yellow-dark) 100%)}.qslm-roi-adv{border:3px solid var(--qslm-yellow);background:var(--qslm-yellow-light);box-shadow:var(--qslm-shadow-md);border-radius:var(--qslm-radius-lg);padding:var(--qslm-spacing-md);margin-top:var(--qslm-spacing-xl);position:relative;transition:var(--qslm-transition)}.qslm-roi-adv:hover{box-shadow:var(--qslm-shadow-lg)}.qslm-roi-adv>summary{cursor:pointer;font-weight:800;margin-bottom:0;list-style:none;background:linear-gradient(135deg,var(--qslm-white) 0%,var(--qslm-yellow-light) 100%);border:3px solid var(--qslm-yellow);padding:var(--qslm-spacing-lg);border-radius:var(--qslm-radius-md);color:var(--qslm-black);font-size:1rem;transition:var(--qslm-transition);text-transform:uppercase;letter-spacing:.03em}.qslm-roi-adv>summary:hover{background:linear-gradient(135deg,var(--qslm-yellow-light) 0%,var(--qslm-yellow) 100%);transform:translateY(-2px);box-shadow:var(--qslm-shadow-sm)}.qslm-roi-adv>summary::before{content:"🎛️  ";margin-right:var(--qslm-spacing-sm)}.qslm-roi-adv>summary::-webkit-details-marker{display:none}.qslm-roi-adv[open]{border-color:var(--qslm-yellow-dark)}.qslm-roi-adv[open]>summary{margin-bottom:var(--qslm-spacing-lg);border-bottom-left-radius:0;border-bottom-right-radius:0}.qslm-roi-adv-body{display:none;padding-top:var(--qslm-spacing-lg)}.qslm-roi-adv[open] .qslm-roi-adv-body{display:block;animation:qslm-roi-fadeIn 0.3s ease-out}.qslm-roi-section-title{margin:var(--qslm-spacing-md) 0 var(--qslm-spacing-lg);font-size:.95rem;color:var(--qslm-black);font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--qslm-spacing-sm);border-bottom:3px solid var(--qslm-yellow)}.qslm-roi-adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--qslm-spacing-xl)}.qslm-roi-adv-note{margin-top:var(--qslm-spacing-lg);font-size:.875rem;color:var(--qslm-gray);font-style:italic;padding:var(--qslm-spacing-md);background:var(--qslm-white);border-radius:var(--qslm-radius-sm);border-left:4px solid var(--qslm-yellow)}.qslm-roi-actions{display:flex;gap:var(--qslm-spacing-md);align-items:center;flex-wrap:wrap;margin-top:var(--qslm-spacing-xl)}.qslm-roi-disclaimer{margin-top:var(--qslm-spacing-xl);font-size:.8rem;color:var(--qslm-gray);line-height:1.6;padding:var(--qslm-spacing-lg);background:#fef3c7;border-radius:var(--qslm-radius-md);border:2px solid #fbbf24;border-left-width:5px}.qslm-roi-disclaimer strong{color:var(--qslm-black);font-weight:800}.qslm-roi-muted{color:var(--qslm-gray);font-size:.875rem;line-height:1.5}.qslm-roi-modal-backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .7);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:999999;padding:var(--qslm-spacing-lg);animation:qslm-roi-fadeIn 0.2s ease-out}.qslm-roi-modal-backdrop.active{display:flex}.qslm-roi-modal{width:600px;max-width:100%;background:var(--qslm-white);border-radius:var(--qslm-radius-lg);border:3px solid var(--qslm-yellow);box-shadow:var(--qslm-shadow-xl);max-height:90vh;overflow-y:auto;animation:qslm-roi-slideUp 0.3s ease-out}.qslm-roi-modal-header{padding:var(--qslm-spacing-xl) var(--qslm-spacing-xl) var(--qslm-spacing-lg);border-bottom:3px solid var(--qslm-yellow);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--qslm-white) 0%,var(--qslm-yellow-light) 100%)}.qslm-roi-modal-header h2{margin:0;font-size:1.375rem;font-weight:800;color:var(--qslm-black);text-transform:uppercase;letter-spacing:.02em}.qslm-roi-modal-close{background:var(--qslm-gray-light);border:2px solid var(--qslm-gray-light);font-size:1.75rem;line-height:1;cursor:pointer;color:var(--qslm-gray);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--qslm-radius-full);transition:var(--qslm-transition)}.qslm-roi-modal-close:hover{background:var(--qslm-black);border-color:var(--qslm-black);color:var(--qslm-yellow);transform:rotate(90deg)}.qslm-roi-modal-body{padding:var(--qslm-spacing-xl)}.qslm-roi-modal-body .qslm-roi-row{flex-direction:column;align-items:stretch;margin-bottom:var(--qslm-spacing-lg)}.qslm-roi-modal-body .qslm-roi-row label{min-width:auto;margin-bottom:var(--qslm-spacing-sm)}.qslm-roi-modal-footer{padding:var(--qslm-spacing-lg) var(--qslm-spacing-xl) var(--qslm-spacing-xl);display:flex;gap:var(--qslm-spacing-md);justify-content:flex-end;background:#f9fafb;border-top:2px solid var(--qslm-gray-light)}@keyframes qslm-roi-fadeIn{from{opacity:0}to{opacity:1}}@keyframes qslm-roi-slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qslm-roi-kpis.show{animation:qslm-roi-fadeIn 0.4s ease-out}.qslm-roi-loading{position:relative;pointer-events:none;opacity:.6}.qslm-roi-loading::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid var(--qslm-gray-light);border-top-color:var(--qslm-yellow);border-radius:50%;animation:qslm-roi-spin 0.6s linear infinite}@keyframes qslm-roi-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.qslm-roi-calculator-wrapper{padding:var(--qslm-spacing-lg) var(--qslm-spacing-sm)}.qslm-roi-card{padding:var(--qslm-spacing-lg)}.qslm-roi-header{padding:var(--qslm-spacing-lg)}.qslm-roi-title{font-size:1.5rem}.qslm-roi-lead{font-size:.9rem}.qslm-roi-grid,.qslm-roi-kpis,.qslm-roi-adv-grid{grid-template-columns:1fr;gap:var(--qslm-spacing-md)}.qslm-roi-row{flex-direction:column;align-items:stretch;margin-bottom:var(--qslm-spacing-md)}.qslm-roi-label{min-width:auto;margin-bottom:var(--qslm-spacing-xs);font-size:.8rem}.qslm-roi-segment{width:100%}.qslm-roi-segment-btn{flex:1;font-size:.8rem;padding:.75rem 1rem}.qslm-roi-actions{flex-direction:column}.qslm-roi-actions .qslm-roi-btn{width:100%}.qslm-roi-kpi{padding:var(--qslm-spacing-lg);min-height:auto}.qslm-roi-kpi-value{font-size:1.1rem}.qslm-roi-input,.qslm-roi-select{font-size:16px}.qslm-roi-info{flex-direction:column;padding:var(--qslm-spacing-md)}}@media (max-width:480px){.qslm-roi-title{font-size:1.25rem}.qslm-roi-cta{font-size:.95rem;padding:1rem 1.5rem}.qslm-roi-adv>summary{font-size:.85rem;padding:var(--qslm-spacing-md)}}.qslm-roi-calculator-editor{min-height:200px;background:var(--qslm-yellow-light);border:3px dashed var(--qslm-yellow)}.qslm-roi-modal::-webkit-scrollbar{width:8px}.qslm-roi-modal::-webkit-scrollbar-track{background:var(--qslm-gray-light);border-radius:var(--qslm-radius-sm)}.qslm-roi-modal::-webkit-scrollbar-thumb{background:var(--qslm-yellow);border-radius:var(--qslm-radius-sm)}.qslm-roi-modal::-webkit-scrollbar-thumb:hover{background:var(--qslm-yellow-dark)}