:root{--carbon-black:#f5f5f0;--carbon-dark:#eeeee8;--carbon-mid:#e4e4de;--carbon-light:#d8d8d2;--electric-blue:#09c;--electric-blue-glow:#09c3;--electric-cyan:#0088b3;--thermal-orange:#e05a2b;--thermal-orange-glow:#e05a2b33;--chrome-silver:#5a5a68;--chrome-bright:#1a1a2e;--chrome-dim:#5c5c72;--success-green:#00a854;--warning-amber:#e09500;--danger-red:#d43030;--error-red:#d43030;--eco-green:#00a854;--gradient-dark:linear-gradient(180deg, var(--carbon-dark) 0%, var(--carbon-black) 100%);--gradient-card:linear-gradient(145deg, #fff 0%, var(--carbon-dark) 100%);--gradient-electric:linear-gradient(135deg, var(--electric-blue) 0%, var(--electric-cyan) 100%);--gradient-thermal:linear-gradient(135deg, var(--thermal-orange) 0%, #e87a55 100%);--gradient-hybrid:linear-gradient(135deg, var(--warning-amber) 0%, #d4a017 100%);--gradient-chrome:linear-gradient(145deg, var(--chrome-bright) 0%, var(--chrome-silver) 100%);--glass-bg:#ffffffbf;--glass-border:#0000001a;--glass-blur:blur(20px);--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-mono:"JetBrains Mono", "Fira Code", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:50%;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 48px #0000001f;--shadow-glow-blue:0 0 30px var(--electric-blue-glow);--shadow-glow-orange:0 0 30px var(--thermal-orange-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-primary);background:var(--carbon-black);color:var(--chrome-bright);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-variant-numeric:proportional-nums;font-kerning:normal;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{max-width:1800px;padding:0 var(--spacing-lg);margin:0 auto}.app{flex-direction:column;min-height:100vh;display:flex}.header{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--glass-border);background:#fff;position:relative;box-shadow:0 1px 4px #0000000f}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--spacing-md);display:flex}.logo-img{width:auto;height:50px}.logo-icon{background:var(--gradient-electric);border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--shadow-glow-blue);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.logo-text{background:var(--gradient-chrome);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.main{padding:var(--spacing-xs) 0 var(--spacing-2xl) 0;flex:1}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-normal)}.card:hover{border-color:#00000026;transform:translateY(-2px)}.card-electric{border-left:3px solid var(--electric-blue)}.card-thermal{border-left:3px solid var(--thermal-orange)}.card-hybrid{border-left:3px solid var(--warning-amber)}.card-title{margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);font-size:1.125rem;font-weight:600;display:flex}.card-electric .card-title{color:var(--electric-blue)}.card-thermal .card-title{color:var(--thermal-orange)}.card-hybrid .card-title{color:var(--warning-amber)}.form-group{margin-bottom:var(--spacing-sm)}.form-label{color:var(--chrome-dim);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--chrome-bright);font-size:1rem;font-family:var(--font-mono);transition:all var(--transition-fast);background:#fff}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card-thermal .form-input,.card-thermal .form-select,.card-thermal .toggle-group{border-color:#78828c66}.card-thermal .form-input:focus,.card-thermal .form-select:focus{border-color:var(--thermal-orange);box-shadow:0 0 0 3px var(--thermal-orange-glow);outline:none}.card-thermal .info-btn:hover{color:var(--thermal-orange)}.card-hybrid .form-input,.card-hybrid .form-select,.card-hybrid .toggle-group{border-color:#78828c66}.card-hybrid .form-input:focus,.card-hybrid .form-select:focus{border-color:var(--warning-amber);box-shadow:0 0 0 3px var(--warning-amber-glow);outline:none}.card-hybrid .info-btn:hover{color:var(--warning-amber)}.card-electric .form-input,.card-electric .form-select,.card-electric .toggle-group{border-color:#78828c66}.card-electric .form-input:focus,.card-electric .form-select:focus{border-color:var(--electric-blue);box-shadow:0 0 0 3px var(--electric-blue-glow);outline:none}.card-electric .info-btn:hover{color:var(--electric-blue)}.form-input::placeholder{color:var(--chrome-dim);opacity:.5}.form-suffix{position:relative}.form-suffix .suffix{right:var(--spacing-md);color:var(--chrome-dim);font-size:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.form-suffix .form-input{padding-right:60px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235c5c72' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;display:inline-flex}.btn-primary{background:var(--gradient-electric);color:#fff;box-shadow:var(--shadow-glow-blue)}.btn-primary:hover{box-shadow:0 0 30px var(--electric-blue-glow);transform:translateY(-2px)}.btn-secondary{background:var(--carbon-light);color:var(--chrome-bright);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--carbon-mid);border-color:var(--chrome-dim)}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);font-size:1.125rem}.toggle-group{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#fff;padding:4px;display:flex}.toggle-btn{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-md);color:var(--chrome-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500}.toggle-btn.active{color:#fff}.card-thermal .toggle-btn.active{background:var(--gradient-thermal)}.card-hybrid .toggle-btn.active{background:var(--gradient-hybrid)}.card-electric .toggle-btn.active{background:var(--gradient-electric)}.grid-2{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.comparison-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;transition:grid-template-columns .4s;display:grid}.comparison-grid.v1-collapsed{grid-template-columns:280px 1fr;align-items:stretch}.comparison-grid.v2-collapsed{grid-template-columns:1fr 280px;align-items:stretch}.comparison-grid.v1-collapsed.v2-collapsed{grid-template-columns:1fr 1fr}.collapse-toggle-btn{border-radius:var(--radius-sm);color:var(--chrome-dim);cursor:pointer;background:#00000008;border:1px solid #0000001a;align-self:flex-start;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.collapse-toggle-btn:hover{color:var(--btn-color,var(--chrome-bright));border-color:var(--btn-color,#0003);background:#0000000f}.card-collapsed{min-height:0;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;justify-content:flex-end!important;align-self:stretch!important;padding:0!important;display:flex!important}.card-collapsed:hover{transform:none;border-color:#0000!important}.collapsed-sticky-wrapper{z-index:15;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);color:#e8e8ec;background:#1e232df2;border:1px solid #ffffff1a;margin-top:auto;position:sticky;bottom:0;box-shadow:0 -4px 16px #0000002e}.collapsed-summary{flex-direction:column;gap:.75rem;display:flex}.collapsed-header{align-items:center;gap:.75rem;display:flex}.collapsed-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.collapsed-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.collapsed-type{color:#b0b0c0;font-size:.8rem}.collapsed-tco{border-radius:var(--radius-sm);background:#ffffff14;border:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.collapsed-tco-label{color:#b0b0c0;white-space:nowrap;font-size:.85rem;font-weight:600}.collapsed-tco-value{font-size:1.2rem;font-weight:700}.collapsed-details{color:#b0b0c0;opacity:.8;flex-wrap:wrap;gap:.3rem;font-size:.75rem;display:flex}.comparison-grid.v1-collapsed .card:not(.card-collapsed),.comparison-grid.v2-collapsed .card:not(.card-collapsed){font-size:1.2rem}.comparison-grid.v1-collapsed .card:not(.card-collapsed) .form-label,.comparison-grid.v2-collapsed .card:not(.card-collapsed) .form-label{font-size:1.05rem}.comparison-grid.v1-collapsed .card:not(.card-collapsed) .form-input,.comparison-grid.v2-collapsed .card:not(.card-collapsed) .form-input{padding:.7rem .9rem;font-size:1.15rem}.comparison-grid.v1-collapsed .card:not(.card-collapsed) .suffix,.comparison-grid.v2-collapsed .card:not(.card-collapsed) .suffix{font-size:1.05rem}.comparison-grid.v1-collapsed .card:not(.card-collapsed) .tco-sticky-box,.comparison-grid.v2-collapsed .card:not(.card-collapsed) .tco-sticky-box{font-size:1.15rem}.results-section{margin-top:var(--spacing-2xl)}.result-hero{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-2xl);border:1px solid var(--glass-border);position:relative;overflow:hidden}.result-hero:before{content:"";background:radial-gradient(circle at 50% 0%, var(--electric-blue-glow) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.result-hero.winner-electric:before{background:radial-gradient(circle at 50% 0%, var(--electric-blue-glow) 0%, transparent 60%)}.result-hero.winner-thermal:before{background:radial-gradient(circle at 50% 0%, var(--thermal-orange-glow) 0%, transparent 60%)}.result-savings{margin-bottom:var(--spacing-sm);font-size:3.5rem;font-weight:700}.savings-electric{color:var(--electric-blue)}.savings-thermal{color:var(--thermal-orange)}.result-subtitle{color:var(--chrome-dim);font-size:1.25rem}.gauge{width:200px;height:100px;margin:0 auto;position:relative}.gauge-arc{fill:none;stroke:var(--carbon-light);stroke-width:12px;stroke-linecap:round}.gauge-value{fill:none;stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.gauge-electric .gauge-value{stroke:var(--electric-blue)}.gauge-thermal .gauge-value{stroke:var(--thermal-orange)}.gauge-label{text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gauge-number{font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.breakdown-list{list-style:none}.breakdown-item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:var(--chrome-dim);font-size:.9375rem}.breakdown-value{font-weight:600;font-family:var(--font-mono)}.breakdown-positive{color:var(--success-green)}.breakdown-negative{color:var(--danger-red)}.breakdown-total{padding:var(--spacing-lg);margin-top:var(--spacing-md);border-top:3px solid var(--chrome-bright);border-bottom:3px solid var(--chrome-bright);border-radius:var(--radius-sm);background:linear-gradient(135deg,#0099cc1a 0%,#00a85414 100%);font-size:1.5rem;font-weight:800;animation:2s ease-in-out infinite pulse-glow;position:relative;box-shadow:0 4px 12px #0099cc26,inset 0 1px #ffffff80}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--electric-blue-glow)}50%{box-shadow:0 0 30px var(--electric-blue-glow)}}.breakdown-total .breakdown-label{color:var(--electric-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.breakdown-total .breakdown-value{color:var(--chrome-bright);text-shadow:0 0 10px #00ff8880;font-size:1.8rem}.arguments-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.argument-card{border-radius:var(--radius-md);padding:var(--spacing-lg);gap:var(--spacing-sm);border:1px solid var(--glass-border);background:#fff;flex-direction:column;display:flex}.argument-title{align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.argument-rating{gap:2px;display:flex}.rating-dot{border-radius:var(--radius-full);background:var(--carbon-light);width:8px;height:8px}.rating-dot.filled.electric{background:var(--electric-blue)}.rating-dot.filled.thermal{background:var(--thermal-orange)}.slider{appearance:none;background:var(--carbon-light);border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--electric-blue);border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;box-shadow:0 2px 6px #00000026}.slider::-moz-range-thumb{background:var(--electric-blue);border-radius:var(--radius-full);cursor:pointer;border:none;width:20px;height:20px}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.comparison-grid,.comparison-grid.v1-collapsed,.comparison-grid.v2-collapsed{grid-template-columns:1fr}}@media (max-width:768px){.grid-2,.grid-3,.arguments-grid{grid-template-columns:1fr}h1{font-size:1.75rem}.result-savings{font-size:2.5rem}html,body{max-width:100vw;overflow-x:hidden}.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);max-width:100%}.card{padding:var(--spacing-sm);word-wrap:break-word;max-width:100%;overflow:hidden visible}.card-title{flex-wrap:wrap;font-size:1rem}.result-hero{padding:var(--spacing-md)}.form-suffix{flex-wrap:wrap}.form-input,.form-select{width:100%;min-width:0;max-width:100%;font-size:16px}.form-group{max-width:100%}.form-label{word-wrap:break-word;font-size:.8rem}.toggle-group,[style*="display: flex"],[style*=display\:flex]{flex-wrap:wrap}}@media (max-width:480px){:root{--spacing-xl:1rem;--spacing-2xl:1.5rem;--spacing-lg:.75rem}h1{font-size:1.3rem}.logo-text{font-size:1rem}.result-savings{font-size:1.5rem}.result-hero{padding:var(--spacing-sm)}.card{padding:var(--spacing-xs);border-radius:var(--radius-md)}.breakdown-item{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;flex-direction:column}.breakdown-value{align-self:flex-end}.breakdown-label{font-size:.8rem}.comparison-grid .card{border-left:3px solid var(--electric-blue)!important;border-right:none!important}.form-label,.suffix{font-size:.75rem}}.tco-sticky-box{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);z-index:10;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000026,0 0 0 1px #00000014}.vf-section{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#00000005;max-width:100%;margin:.5rem auto 1rem;padding:.5rem 1rem 1rem}.vf-section-header{border-bottom:1px solid var(--glass-border);justify-content:center;align-items:center;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.85rem;font-weight:600;display:flex}.vf-section-header-alt{color:var(--chrome-bright);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.vf-section-title{align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.vf-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.vf-emoji-lg{font-size:2rem;line-height:1}.vf-emoji-md{flex-shrink:0;font-size:1.8rem;line-height:1}.vf-emoji-sm{opacity:.7;flex-shrink:0;font-size:1.4rem;line-height:1}.vf-emoji-xs{opacity:.6;flex-shrink:0;font-size:1.2rem;line-height:1}.vf-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.vf-name-input{min-width:80px;color:var(--chrome-bright);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-bottom:2px dotted;border-radius:0;outline:none;flex:180px;padding:.2rem .4rem;font-size:1.1rem;font-weight:700;transition:all .2s;overflow:hidden}.vf-name-input:focus{background:#00000008;border-bottom-style:solid;border-bottom-width:3px}.vf-comment-row{align-items:center;gap:.5rem;margin-bottom:.75rem;padding-left:.25rem;display:flex}.vf-comment-input{color:var(--chrome-dim);background:0 0;border:none;border-bottom:1px dotted #00000026;border-radius:0;outline:none;flex:1;padding:.3rem .5rem;font-family:inherit;font-size:.85rem;font-style:italic;transition:all .2s}.vf-comment-input:focus{color:var(--chrome-bright);background:#00000008;border-bottom-style:solid}.vf-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.vf-actions-group{flex-wrap:wrap;gap:.5rem;display:flex}.vf-icon-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem .75rem;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.6rem;line-height:1;transition:all .2s;display:flex}.vf-icon-btn:hover{transform:scale(1.05)}.vf-icon-btn:active{transform:scale(1)}.vf-icon-btn.success{background:var(--success-green);box-shadow:0 2px 8px #00a85440}.vf-icon-btn.success:hover{background:#009a4c;box-shadow:0 4px 12px #00a85459}.vf-icon-btn.danger{background:var(--danger-red);box-shadow:0 2px 8px #d4303040}.vf-icon-btn.danger:hover{background:#b82828;box-shadow:0 4px 12px #d4303059}.vf-icon-btn.primary{background:var(--electric-blue);box-shadow:0 2px 8px #0099cc40}.vf-icon-btn.primary:hover{background:#0088b3;box-shadow:0 4px 12px #0099cc59}.vf-icon-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.vf-icon-btn[disabled]:hover{transform:none}.vf-type-selector{background:var(--carbon-black);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.vf-type-btn{color:var(--chrome-dim);border-radius:var(--radius-xs,4px);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.25rem;font-weight:400;transition:all .2s}.vf-type-btn.active{color:#fff;font-weight:600}.vf-radio-card{background:var(--carbon-dark);border:2px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .25rem;transition:all .2s;display:flex}.vf-radio-card input[type=radio]{display:none}.vf-radio-card-label{color:var(--chrome-dim);font-size:.7rem;font-weight:400}.vf-radio-card.active .vf-radio-card-label{font-weight:700}.vf-toggle-btn{background:var(--carbon-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--chrome-dim);cursor:pointer;flex:1;padding:.6rem 1rem;font-size:.85rem;font-weight:400;transition:all .2s}.vf-toggle-btn.active{font-weight:700}.vf-readonly{color:var(--chrome-bright);background:#0000000a;border-style:dashed}.vf-readonly.centered{text-align:center}.vf-readonly.bold{font-weight:600}.vf-readonly.extrabold{font-weight:700}.vf-helper{color:var(--chrome-dim);font-size:.75rem}.vf-helper-block{color:var(--chrome-dim);margin-top:.25rem;font-size:.75rem;display:block}.vf-info-badge{color:var(--chrome-dim);border-radius:var(--radius-sm);background:#6464ff1a;padding:.15rem .4rem;font-size:.7rem;font-weight:400}.vf-save-msg{border-radius:var(--radius-sm);text-align:center;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.vf-save-msg.success{color:var(--success-green);border:1px solid var(--success-green);background:#00a8541f}.vf-save-msg.error{color:var(--danger-red);border:1px solid var(--danger-red);background:#d430301f}.vf-notice{border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem;font-size:.75rem;display:block}.vf-notice.warning{color:var(--warning-amber);background:#e095001a}.vf-notice.info{color:var(--chrome-dim);margin-top:4px;font-size:.7rem}.vf-unit-toggle{background:var(--carbon-black);border-radius:var(--radius-sm);border:1px solid var(--glass-border);padding:2px;display:flex}.vf-unit-btn{color:var(--chrome-dim);border-radius:var(--radius-xs,4px);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.35rem .5rem;font-size:.7rem;font-weight:400;transition:all .2s}.vf-unit-btn.active{font-weight:600}.vf-cost-electric{color:var(--electric-blue);cursor:default;background:#0099cc0f;border-style:dashed}.vf-cost-thermal{color:var(--thermal-orange);cursor:default;background:#e05a2b0f;border-style:dashed}.vf-cost-hybrid{color:var(--electric-cyan);cursor:default;background:#e095000f;border-style:dashed}.vf-phev-combined{border-radius:var(--radius-sm);border:1px solid var(--warning-amber);background:#e0950014;margin-top:1rem;padding:.75rem}.vf-phev-combined-row{color:var(--warning-amber);justify-content:space-between;align-items:center;font-weight:600;display:flex}.vf-checkbox-label{cursor:pointer;color:var(--chrome-bright);align-items:center;gap:.75rem;display:flex}.vf-tco-label{color:var(--chrome-dim);font-size:.85rem;font-weight:600}.vf-tco-value{align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;display:flex}.vf-tco-diff{border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.85rem;font-weight:600;animation:.3s ease-out fadeIn}.vf-tco-diff.positive{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.vf-tco-diff.negative{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40}.vf-tco-projected{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.1rem;padding-top:.25rem;display:flex}.vf-input-disabled{cursor:not-allowed;opacity:.7;background:#80808014;border-style:dashed}.vf-input-financed{background:#6464ff0a;border-style:dashed}.vf-flex-center{align-items:center;gap:.5rem;display:flex}.vf-flex-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.vf-flex-between{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vf-grid-2-equal{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.vf-grid-price-details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem .5rem;display:grid}.vf-grid-co2{gap:var(--spacing-md);grid-template-columns:1fr 2fr;display:grid}.vf-radio-grid-4{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem;display:grid}.vf-radio-grid-2{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem;display:grid}.vf-label-sm{font-size:.7rem}.vf-input-sm{font-size:.85rem}.vf-suffix-sm{font-size:.7rem}@media (max-width:768px){.tco-sticky-box{display:none}}.mobile-tco-bar{display:none}@media (max-width:768px){.mobile-tco-bar{border-top:1px solid var(--glass-border);z-index:1000;-webkit-backdrop-filter:blur(10px);background:#fff;justify-content:space-around;gap:.5rem;padding:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.mobile-tco-bar .tco-item{border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.25rem;display:flex}.mobile-tco-bar .tco-item.electric{border:1px solid var(--electric-blue);background:#00d4ff1a}.mobile-tco-bar .tco-item.thermal{border:1px solid var(--thermal-orange);background:#ff6b351a}.mobile-tco-bar .tco-item.hybrid{border:1px solid var(--warning-amber);background:#ffab001a}.mobile-tco-bar .tco-label{color:var(--chrome-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;overflow:hidden}.mobile-tco-bar .tco-label:before{content:"💰 "}.mobile-tco-bar .tco-value{font-size:1rem;font-weight:700}.mobile-tco-bar .tco-value:before{content:"TCO: ";opacity:.8;font-size:.7rem;font-weight:500}.mobile-tco-bar .tco-item.electric .tco-value{color:var(--electric-blue)}.mobile-tco-bar .tco-item.thermal .tco-value{color:var(--thermal-orange)}.mobile-tco-bar .tco-item.hybrid .tco-value{color:var(--warning-amber)}.mobile-tco-bar .tco-duration{color:var(--warning-amber);font-size:.65rem;font-weight:600}.mobile-tco-bar .tco-projected-label{color:var(--chrome-dim);border-top:1px solid var(--glass-border);margin-top:.15rem;padding-top:.15rem;font-size:.6rem;font-weight:500}.mobile-tco-bar .tco-projected-value{color:var(--electric-blue);font-size:.85rem;font-weight:700}.main{padding-bottom:5rem}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.5s forwards slide-up}.animate-pulse{animation:2s infinite pulse-glow}.loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--chrome-dim);display:flex}.spinner{border:3px solid var(--carbon-light);border-top-color:var(--electric-blue);border-radius:var(--radius-full);width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;opacity:0;background:#00000040;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:95%;max-width:1000px;max-height:90vh;box-shadow:var(--shadow-lg);opacity:0;background:#fff;animation:.3s .1s forwards slideUpFade;overflow-y:auto;transform:translateY(20px)}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--chrome-bright);font-size:1.25rem;font-weight:600}.modal-close{color:var(--chrome-dim);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast);background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--chrome-bright)}.modal-body{padding:var(--spacing-lg);color:var(--chrome-dim);line-height:1.6}.modal-apply-btn{width:100%;font-size:1rem;font-weight:600;font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.875rem 1.5rem;display:inline-flex}.modal-apply-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.modal-apply-btn:active{transform:translateY(0)}.modal-close-btn{width:100%;font-size:.9rem;font-weight:500;font-family:var(--font-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--chrome-dim);cursor:pointer;transition:all var(--transition-normal);background:0 0;justify-content:center;align-items:center;margin-top:.5rem;padding:.75rem 1.5rem;display:inline-flex}.modal-close-btn:hover{background:var(--carbon-light);color:var(--chrome-bright);border-color:var(--chrome-dim)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.info-btn{color:var(--chrome-dim);margin-left:var(--spacing-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.info-btn:hover{color:var(--electric-blue);transform:scale(1.1)}.configurable-btn{color:var(--warning-amber)!important}.configurable-btn:hover{color:var(--electric-cyan)!important}.glossary-container{width:100%;max-width:100%}.glossary-container .card{width:100%}.glossary-content{word-break:break-word;overflow-wrap:break-word}.glossary-content a{word-break:break-all}@keyframes highlight-pulse-anim{0%,to{border-color:var(--warning-amber);box-shadow:0 0 5px #ffab004d}50%{border-color:var(--warning-amber);box-shadow:0 0 20px #ffab0099,0 0 30px #ffab0066}}.highlight-pulse{border-radius:var(--radius-sm);animation:1s ease-in-out infinite highlight-pulse-anim}.input-highlight-pulse{animation:1s ease-in-out infinite highlight-pulse-anim;border:2px solid var(--warning-amber)!important}