.mx-wrap,.mx-wrap *{box-sizing:border-box;margin:0;padding:0}.mx-wrap{background:#d2d5de;border-radius:16px;color:#1c2c59;font-family:Arial,sans-serif;font-size:16px;margin:0 auto;max-width:960px;overflow:hidden;width:100%}.mx-body{display:grid;gap:0;grid-template-columns:1fr 1fr}.mx-inputs{background:#c4c8d6;border-right:1px solid #b8bccb;padding:28px}.mx-results{background:#d2d5de;padding:28px}.mx-section-label{color:#1c2c59;font-size:20px;font-weight:700;margin-bottom:18px}.mx-field{margin-bottom:20px}.mx-field label{color:#1c2c59;display:block;font-size:16px;font-weight:700;margin-bottom:8px}.mx-field input[type=number]{padding:10px 14px}.mx-field input[type=number],.mx-field select{background:#fff;border:1px solid #b8bccb;border-radius:8px;color:#1c2c59;font-family:Arial,sans-serif;font-size:16px;outline:none;width:100%}.mx-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%231c2c59' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding:10px 38px 10px 14px}.mx-diesel-input-wrap{align-items:center;background:#fff;border:1px solid #b8bccb;border-radius:8px;display:flex;overflow:hidden}.mx-diesel-prefix{background:#fff;color:#1c2c59;flex-shrink:0;font-size:16px;font-weight:700;padding:10px 10px 10px 14px;user-select:none}.mx-diesel-input-wrap input[type=number]{background:transparent;border:none;border-radius:0;flex:1;outline:none;padding:10px 14px 10px 0}.mx-diesel-input-wrap input[type=number],.mx-readonly-field{color:#1c2c59;font-family:Arial,sans-serif;font-size:16px;width:100%}.mx-readonly-field{background:#b8bccb;border:1px solid #9aa0b5;border-radius:8px;font-weight:700;padding:10px 14px}.mx-field .mx-readonly-hint{color:#4a5578;font-size:12px;line-height:1.4;margin-top:6px}.mx-calc-btn{background:#1c2c59;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin-top:6px;padding:13px;width:100%}.mx-placeholder{flex-direction:column;gap:12px;height:100%;min-height:280px;text-align:center}.mx-placeholder,.mx-placeholder-icon{align-items:center;display:flex;justify-content:center}.mx-placeholder-icon{background:#c4c8d6;border:1px solid #b8bccb;border-radius:50%;font-size:22px;height:52px;width:52px}.mx-placeholder p{color:#4a5578;font-size:16px;line-height:1.5;max-width:200px}.mx-result-content{display:none}.mx-result-content.visible{display:block}.mx-system-badge{background:#1c2c59;border-radius:10px;margin-bottom:18px;padding:16px 18px}.mx-system-badge .sys-tag{color:#a0afd4;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.mx-system-badge .sys-item{margin-bottom:10px}.mx-system-badge .sys-item:last-child{margin-bottom:0}.mx-system-badge .sys-item-label{color:#6a82b4;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.mx-system-badge .sys-item-name{color:#fff;font-size:18px;font-weight:700;margin-bottom:6px}.mx-system-badge .sys-item-desc{color:#a0afd4;font-size:13px;line-height:1.6}.mx-system-divider{border:none;border-top:1px solid #2e4070;margin:12px 0}.mx-savings-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mx-saving-card{background:#c4c8d6;border:1px solid #b8bccb;border-radius:10px;padding:13px 14px}.mx-saving-card.highlight{background:#1c2c59;border-color:#1c2c59}.mx-saving-card .sc-label{color:#4a5578;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.mx-saving-card.highlight .sc-label{color:#a0afd4}.mx-saving-card .sc-value{color:#1c2c59;font-size:20px;font-weight:700}.mx-saving-card.highlight .sc-value{color:#fff}.mx-saving-card .sc-sub{color:#8a93ae;font-size:12px;margin-top:2px}.mx-saving-card.highlight .sc-sub{color:#a0afd4}.mx-co2-bar{align-items:center;background:#c4c8d6;border:1px solid #b8bccb;border-radius:10px;display:flex;gap:14px;margin-bottom:16px;padding:13px 16px}.mx-co2-bar .co2-label{color:#4a5578;font-size:13px;margin-bottom:3px}.mx-co2-bar .co2-value{color:#2a6b3c;font-size:16px;font-weight:700}.mx-reason{background:#c4c8d6;border-left:3px solid #1c2c59;color:#1c2c59}.mx-custom-alert,.mx-reason{border-radius:8px;font-size:14px;line-height:1.6;margin-bottom:16px;padding:12px 14px}.mx-custom-alert{background:#fff3e0;border-left:3px solid #f5a623;color:#7a3c00;display:none}.mx-cta-btn{background:transparent;border:2px solid #1c2c59;border-radius:8px;color:#1c2c59;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:700;padding:11px;width:100%}.mx-footer{align-items:center;background:#c4c8d6;border-top:1px solid #b8bccb;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:14px 28px}.mx-diesel-rate,.mx-footer p{color:#4a5578;font-size:12px}.mx-diesel-rate{align-items:center;display:flex;gap:6px}.mx-diesel-dot{background:#2a6b3c;border-radius:50%;flex-shrink:0;height:6px;width:6px}@media (max-width:640px){.mx-body{grid-template-columns:1fr}.mx-inputs{border-bottom:1px solid #b8bccb;border-right:none}.mx-inputs,.mx-results{padding:20px}}