.calc-page{max-width:880px;margin:0 auto;padding:var(--space-8) var(--container-padding) var(--space-16)}.calc-header{text-align:center;margin-bottom:var(--space-10)}.calc-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calc-lead{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:640px;margin:0 auto;line-height:var(--line-height-relaxed)}.calc-inputs{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl, 16px);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:0 2px 12px #0000000a}.input-group{margin-bottom:var(--space-6)}.input-group:last-of-type{margin-bottom:var(--space-4)}.input-group label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.input-row{display:flex;align-items:center;gap:var(--space-4)}.input-row input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--color-neutral-200);outline:none;cursor:pointer}.input-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-primary-700);border:3px solid #fff;box-shadow:0 2px 8px #7c3aed59;cursor:pointer;transition:transform .15s ease}.input-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.input-row input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-primary-700);border:3px solid #fff;box-shadow:0 2px 8px #7c3aed59;cursor:pointer}.input-value-wrap{display:flex;align-items:center;gap:var(--space-1);background:var(--color-neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-width:160px}.input-value-wrap input[type=number]{border:none;background:transparent;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-body);color:var(--text-primary);width:100%;outline:none;-moz-appearance:textfield}.input-value-wrap input[type=number]::-webkit-inner-spin-button,.input-value-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;white-space:nowrap}.range-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary, var(--text-secondary));margin-top:var(--space-1);padding:0 2px;opacity:.7}.rates-info{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.rate-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-neutral-50);font-size:var(--font-size-sm)}.rate-chip--total{background:var(--color-primary-50);border:1px solid var(--color-primary-200)}.rate-label{color:var(--text-secondary)}.rate-value{font-weight:var(--font-weight-bold);color:var(--text-primary)}.rate-chip--total .rate-value{color:var(--color-primary-700)}.calc-results h2{text-align:center;margin-bottom:var(--space-6)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.result-card{border-radius:var(--radius-xl, 16px);overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 12px #0000000a;transition:box-shadow .2s ease}.result-card:hover{box-shadow:0 6px 24px #00000014}.card-header{padding:var(--space-5) var(--space-6);text-align:center}.result-card--current .card-header{background:var(--color-neutral-50);border-bottom:1px solid var(--border-color)}.result-card--fair .card-header{background:linear-gradient(135deg,var(--color-primary-50),rgba(168,85,247,.08));border-bottom:1px solid var(--color-primary-200)}.card-icon{font-size:1.5rem;margin-bottom:var(--space-1)}.card-header h3{font-size:var(--font-size-lg);margin:0 0 var(--space-1) 0;color:var(--text-primary)}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.card-body{padding:var(--space-5) var(--space-6)}.metric{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--color-neutral-100)}.metric:last-child{border-bottom:none}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.metric-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.metric--total .metric-value{font-size:var(--font-size-xl)}.result-card--fair .metric-value{color:var(--color-primary-700)}.savings-banner{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-900));color:#fff;border-radius:var(--radius-xl, 16px);padding:var(--space-6) var(--space-8);text-align:center}.savings-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:var(--space-1)}.savings-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.savings-detail{font-size:var(--font-size-sm);opacity:.9;display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.savings-sep{opacity:.5}.calc-faq{margin-top:var(--space-12)}.calc-faq h2{margin-bottom:var(--space-6)}.faq-item{border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);margin-bottom:var(--space-4);overflow:hidden;transition:box-shadow .2s ease}.faq-item[open]{box-shadow:0 2px 12px #0000000d}.faq-item summary{padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-semibold);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-primary);transition:background .15s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--font-size-xl);color:var(--color-primary-700);font-weight:300;flex-shrink:0;transition:transform .2s ease}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{background:var(--color-neutral-50)}.faq-answer{padding:0 var(--space-5) var(--space-5)}.faq-answer p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3)}.faq-answer p:last-child{margin-bottom:0}.calc-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.calc-footer p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);text-align:center}@media(max-width:700px){.calc-page{padding:var(--space-4) var(--container-padding) var(--space-10)}.calc-header h1{font-size:var(--font-size-2xl)}.calc-lead{font-size:var(--font-size-base)}.calc-inputs{padding:var(--space-5)}.input-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.input-value-wrap{min-width:auto}.results-grid{grid-template-columns:1fr;gap:var(--space-4)}.card-header,.card-body{padding:var(--space-4)}.metric{flex-direction:column;gap:var(--space-1);align-items:flex-start}.savings-banner{padding:var(--space-5)}.savings-amount{font-size:var(--font-size-2xl)}.savings-detail{flex-direction:column;gap:var(--space-1)}.savings-sep{display:none}.rates-info{flex-direction:column;gap:var(--space-2)}}