*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f8fafc;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app{color:#1a1a2e;max-width:680px;margin:0 auto;padding:40px 20px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-header{text-align:center;margin-bottom:36px}.app-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.app-header p{color:#64748b;margin:0;font-size:15px}.app-footer{text-align:center;color:#94a3b8;margin-top:48px;font-size:13px}.form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px}.form-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.form-header h2{margin:0;font-size:18px;font-weight:600}.btn-link{color:#6366f1;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.btn-link:hover{color:#4f46e5}.form-section{margin-bottom:20px}.form-section h3{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 10px;font-size:13px;font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:12px;display:grid}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-row label{flex-direction:column;gap:4px;display:flex}.form-row label span{color:#475569;font-size:13px;font-weight:500}.form-row input{color:#1a1a2e;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:15px;transition:border-color .15s}.form-row input:focus{background:#fff;border-color:#6366f1;outline:none}.input-wrap{align-items:center;display:flex;position:relative}.input-prefix{color:#94a3b8;pointer-events:none;font-size:15px;position:absolute;left:12px}.input-wrap input{padding-left:24px}.form-mechanism{color:#94a3b8;text-align:center;margin:-4px 0 16px;font-size:13px}.form-rough-note{color:#94a3b8;text-align:center;margin:20px 0 4px;font-size:13px}.form-anchor{color:#475569;text-align:center;margin:0 0 4px;font-size:13px;font-weight:500}.form-trust{text-align:center;color:#94a3b8;margin:0 0 -8px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;width:100%;margin-top:24px;padding:14px;font-size:16px;font-weight:600;transition:background .15s;display:block}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-top:24px;padding:12px;font-size:15px;font-weight:500;transition:background .15s;display:block}.btn-secondary:hover{background:#e2e8f0}.results{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.headline{text-align:center;border-radius:12px;margin-bottom:28px;padding:28px 20px}.headline-bad{background:#fef2f2;border:1px solid #fecaca}.headline-ok{background:#f0fdf4;border:1px solid #bbf7d0}.headline-icon{margin-bottom:8px;font-size:28px;display:block}.headline h2{color:#1a1a2e;margin:0 0 6px;font-size:22px;font-weight:700}.headline-sub{color:#64748b;margin:0;font-size:14px}.fixes-section{margin-bottom:28px}.fixes-section h3{margin:0 0 4px;font-size:18px;font-weight:600}.fixes-subtitle{color:#64748b;margin:0 0 16px;font-size:14px}.fixes-list{flex-direction:column;gap:12px;display:flex}.fix-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px;transition:border-color .15s}.fix-card:hover{border-color:#c7d2fe}.fix-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fix-number{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;font-size:12px;font-weight:600}.fix-savings{color:#16a34a;background:#f0fdf4;border-radius:20px;padding:3px 10px;font-size:14px;font-weight:700}.fix-title{color:#1a1a2e;margin:0 0 6px;font-size:16px;font-weight:600}.fix-explanation{color:#64748b;margin:0;font-size:14px;line-height:1.55}.breakdown-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:22px 24px}.breakdown-section h3{margin:0 0 16px;font-size:16px;font-weight:600}.breakdown-grid{flex-direction:column;gap:10px;display:flex}.breakdown-item{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.breakdown-label{color:#64748b}.breakdown-value{color:#1a1a2e;font-weight:600}.breakdown-cost{color:#dc2626}.breakdown-detail{color:#94a3b8;flex-direction:column;gap:2px;padding-left:16px;font-size:13px;display:flex}.breakdown-divider{border-top:1px solid #e2e8f0;margin:4px 0}.breakdown-pct{color:#94a3b8;font-size:13px;font-weight:400}.badge-warn{color:#d97706;background:#fffbeb;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.text-red{color:#dc2626}.text-green{color:#16a34a}.trust-section{text-align:center;color:#94a3b8;border:1px dashed #e2e8f0;border-radius:10px;padding:16px 20px;font-size:13px}.trust-section p{margin:0}.impl-cta{background:#f5f3ff;border:1px solid #e0d9fd;border-radius:12px;margin-bottom:20px;padding:22px 24px}.impl-cta-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.impl-cta-text h4{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:600}.impl-cta-text p{color:#64748b;margin:0;font-size:14px}.impl-cta--expanded h4{color:#1a1a2e;margin:0 0 14px;font-size:16px;font-weight:600}.impl-list{flex-direction:column;gap:7px;margin:0 0 16px;padding:0;list-style:none;display:flex}.impl-list li{color:#475569;padding-left:20px;font-size:14px;position:relative}.impl-list li:before{content:"→";color:#6366f1;font-weight:600;position:absolute;left:0}.impl-cta-question{color:#1a1a2e;margin:0 0 14px;font-size:15px;font-weight:500}.impl-cta-actions{gap:10px;display:flex}.impl-cta--done{align-items:center;gap:10px;padding:18px 24px;display:flex}.impl-cta--done p{color:#475569;margin:0;font-size:14px}.impl-cta--quiet{background:#f8fafc;border-color:#e2e8f0}.impl-cta-check{color:#16a34a;flex-shrink:0;font-size:18px}.btn-impl-primary{white-space:nowrap;color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex-shrink:0;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s}.btn-impl-primary:hover{background:#4f46e5}.btn-impl-yes{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.btn-impl-yes:hover{background:#4f46e5}.btn-impl-no{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-size:14px;transition:color .15s,border-color .15s}.btn-impl-no:hover{color:#64748b;border-color:#cbd5e1}
