:root{--font-base: "Exo 2", sans-serif;--gap-xl: 2rem;--gap-lg: 1rem;--gap-md: .75rem;--gap-sm: .5rem;--gap-xs: .25rem;--color-primary: #00d6cb;--color-primary-light: rgba(0, 214, 203, .2);--color-primary-semi: rgba(0, 214, 203, .5);--color-primary-bright: #00ffff;--color-bg-card: rgba(26, 26, 26, .5);--color-bg-slider: #333;--color-text-light: #ffffff;--color-text-muted: #a6a6a6;--color-bg-tooltip: #1a1a1a;--color-error: #ff4d4f;--border-base: .5px solid var(--color-primary-semi);--border-radius: 5px;--shadow-base: 0 0 10px 2px rgba(0, 214, 203, .2);--thumb-size: 22px;--slider-height: 10px;--input-size: 18px;--feedback-min-width: 60px;--tooltip-width: 300px;--tooltip-font-size: .85rem;--container-max-width: 1400px}.u-flex-center{display:flex;justify-content:center;align-items:center}.label-row,.range-input-group,.custom-radio,.number-input-group{display:flex;align-items:center;gap:var(--gap-lg)}.label-row{margin-bottom:10px}.field-layout{margin-bottom:30px;padding:var(--gap-xs)}.roi-calculator{display:flex;flex-direction:column;align-items:center;margin:var(--gap-md) auto;width:100%;max-width:var(--container-max-width);padding:0 var(--gap-lg)}.container-3{width:100%}.range-track-group{flex:1;display:flex;flex-direction:column;gap:var(--gap-xs)}.range-track-group input[type=range],input[type=range]{-webkit-appearance:none;width:100%;height:var(--slider-height);background:var(--color-bg-slider);border-radius:3px;outline:none;margin:var(--gap-sm) 0}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--color-primary-semi);border:var(--border-base);border-radius:50%;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-base)}.slider-feedback{background:var(--color-bg-card);color:var(--color-text-light);padding:var(--gap-sm) var(--gap-md);border-radius:var(--border-radius);font-weight:700;font-family:var(--font-base);font-size:1rem;min-width:var(--feedback-min-width);text-align:center;border:var(--border-base);white-space:nowrap}.slider-feedback--wide{padding:var(--gap-sm) var(--gap-lg)}.tooltip-container{position:relative;overflow:visible;z-index:3}.tooltip-icon{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;background:var(--color-primary-light);border:var(--border-base);color:var(--color-text-light);border-radius:50%;cursor:pointer}.tooltip-text{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--gap-sm);width:var(--tooltip-width);background:var(--color-bg-tooltip);color:var(--color-text-light);padding:var(--gap-sm);border-radius:var(--border-radius);border:var(--border-base);box-shadow:var(--shadow-base);font-size:var(--tooltip-font-size);line-height:1.4;opacity:0;visibility:hidden;transition:opacity .3s;pointer-events:none;z-index:4}.tooltip-text:after{content:"";top:100%;position:absolute;left:50%;transform:translate(-50%);border-width:7px;border-style:solid;border-color:var(--color-primary) transparent transparent}.tooltip-icon:hover+.tooltip-text,.tooltip-icon:focus+.tooltip-text{opacity:1;visibility:visible}.custom-radio{font-family:var(--font-base);font-size:1rem;color:var(--color-text-light);cursor:pointer;position:relative;margin-right:40px}.custom-radio input[type=radio]{position:absolute;opacity:0}.radio-mark{width:var(--input-size);height:var(--input-size);background:var(--color-bg-tooltip);border:1px solid var(--color-primary);border-radius:50%;display:flex;justify-content:center;align-items:center}.radio-mark:after{content:"";width:8px;height:8px;background:var(--color-primary);border-radius:50%;opacity:0;transition:opacity .2s}.custom-radio input:checked+.radio-mark:after{opacity:1}.radio-group{display:flex;gap:var(--gap-lg)}.number-input-group input[type=number]{width:80px;padding:var(--gap-xs) var(--gap-sm);background:var(--color-bg-tooltip);color:var(--color-text-light);border:var(--border-base);border-radius:var(--border-radius);font-size:1rem;text-align:center}.number-input-group input[type=number]::-webkit-inner-spin-button,.number-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-group input[type=number]{-moz-appearance:textfield}.num-btn{background:var(--color-primary-light);color:var(--color-text-light);border:var(--border-base);border-radius:var(--border-radius);padding:var(--gap-sm) var(--gap-md);font-family:var(--font-base);font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s}.num-btn:hover{background:var(--color-primary-semi);box-shadow:var(--shadow-base)}.roi-form-card{position:relative;z-index:2}.roi-output-card{position:relative;z-index:1}.roi-output-card,.roi-form-card{background:var(--color-bg-card);border:var(--border-base);border-radius:var(--border-radius);box-shadow:var(--shadow-base);padding:var(--gap-lg);width:100%;max-width:var(--container-max-width);margin:var(--gap-md) auto;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.roi-title{font-size:2.5rem;margin:0 0 var(--gap-lg);text-align:center;font-weight:700;color:var(--color-text-light)}.roi-subtitle{font-size:.9375rem;margin-bottom:var(--gap-md);color:var(--color-text-muted);text-align:center}.cost-summary{background:var(--color-bg-card);border:var(--border-base);border-radius:var(--border-radius);padding:var(--gap-lg);margin-bottom:var(--gap-lg);box-shadow:var(--shadow-base)}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:var(--gap-sm) 0;border-bottom:1px solid rgba(0,214,203,.2)}.cost-item:last-child{border-bottom:none}.cost-label{color:var(--color-text-light);font-weight:500;font-family:var(--font-base)}.cost-value{color:var(--color-primary-bright);font-weight:700;font-family:var(--font-base);font-size:1.1rem}.cost-value.current-cost{color:#ff6b6b}.opportunity-cost-note{background:#00d6cb1a;border:1px solid rgba(0,214,203,.3);border-radius:var(--border-radius);padding:var(--gap-md);margin-top:var(--gap-lg)}.opportunity-cost-note p{margin:0;line-height:1.5;color:var(--color-text-light)}.opportunity-cost-note strong{color:#00d6cb}.roi-explainer{background:#00d6cb0d;border:1px solid rgba(0,214,203,.2);border-radius:var(--border-radius);padding:var(--gap-md);margin:var(--gap-lg) 0;font-size:.875rem}.roi-explainer h4{color:var(--color-primary-bright);margin:0 0 var(--gap-sm) 0;font-family:var(--font-base);font-size:1rem}.roi-explainer ul{margin:0 0 var(--gap-sm) 0;padding-left:var(--gap-lg);color:var(--color-text-light)}.roi-explainer li{margin-bottom:var(--gap-xs);line-height:1.4}.roi-explainer strong{color:var(--color-primary)}.explainer-note{margin:0;color:var(--color-text-muted);font-size:.8rem;font-style:italic}.roi-output-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:var(--gap-md);font-size:.95rem;color:var(--color-primary)}.roi-output-grid>div{background:var(--color-bg-card);border:var(--border-base);border-radius:var(--border-radius);padding:var(--gap-sm);text-align:center;font-family:monospace}.roi-header{font-weight:700;background:var(--color-primary-light);color:var(--color-primary-bright);font-family:var(--font-base)}.roi-output-grid>div:nth-child(4n){font-weight:700;color:var(--color-primary-bright);text-shadow:0 0 4px rgba(0,255,255,.4);font-size:1.05rem}.roi-calculator label{color:var(--color-text-light);font-family:var(--font-base);display:block;font-weight:700;max-width:var(--container-max-width)}.roi-cta-msg{margin-top:var(--gap-lg);color:var(--color-text-muted);font-size:1rem;font-family:var(--font-base);text-align:center}.radio-questions,.number-questions{display:flex}.radio-questions>*{flex:1 1 calc(50% - var(--gap-md))}.number-questions>*{flex:1 1 calc(33.333% - var(--gap-md))}.neon-cta-button{display:flex;justify-content:center;font-family:var(--font-base);font-weight:700;font-size:1rem;color:var(--color-primary);text-decoration:none;padding:var(--gap-md) var(--gap-lg);background:#00d6cb1a;border:var(--border-base);border-radius:var(--border-radius);box-shadow:var(--shadow-base);transition:background .25s;margin:var(--gap-md) auto}.neon-cta-button:hover{background:#00d6cb33;color:var(--color-primary-bright)}.roi-flex-layout{display:flex;flex-direction:row;gap:var(--gap-xl);align-items:flex-start;justify-content:space-between;margin-top:var(--gap-xl);margin-left:auto;margin-right:auto}.roi-left-panel,.roi-right-panel{flex:1;width:100%}@media (max-width: 1024px){.roi-flex-layout{flex-direction:column}}@media (max-width: 768px){.roi-output-grid{font-size:.75rem;grid-template-columns:repeat(4,minmax(0px,1fr))}.roi-output-grid>div:nth-child(4n){font-size:.75rem}.radio-questions,.number-questions{flex-direction:column}.radio-questions>*,.number-questions>*{flex:1 1 100%}.roi-title{font-size:2rem}}@media (max-width: 480px){.roi-title{font-size:1.5rem}.neon-cta-button{font-size:.875rem;padding:var(--gap-sm) var(--gap-md)}.roi-output-grid{font-size:.6rem}.roi-output-grid>div{padding:2px;display:flex;flex-direction:column;justify-content:center;align-items:center}}