.mbxc-body{margin:0;background:#f4f7f6;color:#17383d;font:16px/1.55 system-ui,-apple-system,sans-serif}.mbxc-wrap{max-width:720px;margin:auto;padding:24px 18px 48px}.mbxc-brand{font-weight:800;display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.mbxc-brand span,.mbxc-muted{font-size:14px;color:#526c71}.mbxc-card{background:white;border:1px solid #dce6e4;border-radius:20px;padding:28px}.mbxc-card h1{font-size:30px;line-height:1.15;margin:12px 0 20px}.mbxc-eyebrow{font-size:14px;font-weight:700}.mbxc-preview{background:#fff0cf;padding:16px;border-radius:12px;margin-bottom:16px}.mbxc-card fieldset{border:0;border-top:1px solid #dce6e4;margin:28px 0 0;padding:20px 0 0;min-width:0}.mbxc-card legend{font-weight:750;padding-right:12px}.mbxc-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.mbxc-scale label,.mbxc-chips label{position:relative;cursor:pointer}.mbxc-card input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.mbxc-scale span,.mbxc-chips span{display:block;text-align:center;border:1px solid #a1b7b3;border-radius:10px;padding:12px 6px}.mbxc-scale b{visibility:hidden;font-size:12px;margin-left:4px}.mbxc-card input:checked+span{background:#224f57;color:white;border:2px solid #224f57;padding:11px 5px;font-weight:800}.mbxc-card input:checked+span b{visibility:visible}.mbxc-card input:focus-visible+span{outline:3px solid #b06c13;outline-offset:3px}.mbxc-ends{display:flex;justify-content:space-between;gap:20px;margin-top:8px;font-size:14px}.mbxc-ends span:last-child{text-align:right}.mbxc-chips{display:flex;flex-wrap:wrap;gap:8px}.mbxc-chips span{padding:10px 14px}.mbxc-chips input:checked+span{padding:9px 13px;text-decoration:underline;text-underline-offset:4px}.mbxc-btn{border:0;background:#224f57;color:white;border-radius:12px;padding:16px;font:700 16px system-ui;width:100%;cursor:pointer}.mbxc-btn:focus-visible{outline:3px solid #b06c13;outline-offset:3px}.mbxc-error{border-left:4px solid #a84242;padding:14px;background:#fff0ed}.mbxc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.mbxc-steps article{background:#fff;border:1px solid #dce6e4;border-radius:16px;padding:20px}.mbxc-steps p{margin-bottom:0}.mbxc-inline{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.mbxc-inline label{flex:1;min-width:180px}.mbxc-copy-status{min-height:1.5em}.mbxp-demo{position:sticky;top:72px;z-index:5}.mbxc-case{border-left:4px solid #b06c13}.mbxc-case-stats{display:flex;gap:28px;flex-wrap:wrap}.mbxc-case-stats strong{font-size:28px;display:block}.mbxc-start a{display:inline-block;margin-top:12px}.mbxp-metric strong.mbxc-wait{font-size:22px;color:#526c71}.mbxc-preview-chart{width:100%;height:auto}.mbxc-preview-chart text{font:14px system-ui}.mbxp-upgrade-grid a:hover{border-color:#224f57}.mbxp-upgrade-grid a:focus-visible{outline:3px solid #b06c13}@media(max-width:650px){.mbxc-wrap{padding:16px 10px 32px}.mbxc-card{padding:20px 16px}.mbxc-card h1{font-size:26px}.mbxc-brand{display:block}.mbxc-brand span{display:block}.mbxc-steps{grid-template-columns:1fr}.mbxp-demo{position:static}.mbxc-scale{gap:6px}}