:root{--mbit-orange: #f28c00;--mbit-white: #ffffff;--mbit-blue: #67c7e9;--mbit-light-gray: #bbbcbc;--mbit-dark-gray: #888b8d;--mbit-black: #000000;--mbit-surface-dark: #0d0d0d;--mbit-surface-mid: #141414;--mbit-surface-warm: #1a1610;--mbit-border-subtle: rgba(255, 255, 255, .07);--mbit-border-accent: rgba(242, 140, 0, .35);--mbit-orange-dim: rgba(242, 140, 0, .12);--mbit-orange-glow: rgba(242, 140, 0, .06);--font-family: "Nunito", sans-serif;--text-h3: 1.375rem;--text-body: 1rem;--text-small: .875rem;--text-caption: .75rem;--text-label: .6875rem;--tracking-wide: .08em;--tracking-wider: .15em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--mbit-black);color:var(--mbit-white);font-family:var(--font-family);font-size:16px}.app{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto auto 1fr auto;height:100%}.announce{grid-column:1 / -1;background:var(--mbit-orange);color:var(--mbit-white);text-align:center;padding:.5rem var(--space-md);font-size:var(--text-label);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.header{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);padding:.6rem var(--space-lg) .5rem;background:#080808;border-bottom:1px solid #1a1a1a;animation:mbit-fade-in .5s ease forwards}.header-logo{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.header-logo img{height:40px;display:block}.header-logo span{font-size:.625rem;color:var(--mbit-white);letter-spacing:.1em;text-transform:uppercase}.header-back{grid-column:1;justify-self:start;color:var(--mbit-light-gray);font-size:var(--text-caption);font-weight:700;text-decoration:none}.header-back:hover,.header-back:focus-visible{color:var(--mbit-orange)}.header-tool{grid-column:3;justify-self:end;color:var(--mbit-dark-gray);font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stage{position:relative;min-height:0}.stage canvas{display:block}.placeholder-note{position:absolute;left:var(--space-lg);top:var(--space-lg);color:var(--mbit-dark-gray);font-size:var(--text-caption);max-width:340px;line-height:1.5}.panel{overflow-y:auto;border-left:1px solid var(--mbit-border-subtle);background:var(--mbit-surface-dark);padding:var(--space-lg);animation:mbit-fade-up .6s ease forwards}.panel h2{font-size:var(--text-h3);font-weight:700;margin:0 0 var(--space-xs)}.panel .intro{color:var(--mbit-light-gray);font-weight:300;font-size:var(--text-small);line-height:1.6;margin:0 0 var(--space-lg)}.mbit-label{display:block;color:var(--mbit-orange);font-size:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:var(--space-lg) 0 var(--space-sm)}.option-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.opt{background:var(--mbit-surface-mid);border:1px solid var(--mbit-border-subtle);color:var(--mbit-light-gray);font-family:var(--font-family);font-size:var(--text-small);font-weight:600;border-radius:6px;padding:.4rem .8rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.opt:hover{border-color:var(--mbit-border-accent);color:var(--mbit-white)}.opt.active{border-color:var(--mbit-orange);color:var(--mbit-white);box-shadow:0 0 12px var(--mbit-orange-glow)}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid var(--mbit-border-subtle);cursor:pointer;padding:0;transition:border-color .15s ease,transform .15s ease}.swatch:hover{transform:scale(1.08)}.swatch.active{border-color:var(--mbit-orange)}.quote-bar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--mbit-border-subtle);background:var(--mbit-surface-warm)}.quote-figures{display:flex;gap:var(--space-xl)}.quote-figures .key{display:block;color:var(--mbit-dark-gray);font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.quote-figures .value{font-size:1.375rem;font-weight:800;color:var(--mbit-orange)}.quote-note{color:var(--mbit-light-gray);font-size:var(--text-caption);font-weight:300;line-height:1.5;max-width:420px}.mbit-cta{margin-left:auto;color:var(--mbit-orange);font-weight:700;font-size:var(--text-small);text-decoration:none;border:1px solid var(--mbit-border-accent);border-radius:6px;padding:.6rem 1.2rem;transition:background .15s ease,box-shadow .15s ease;white-space:nowrap}.mbit-cta:hover{background:var(--mbit-orange-dim);box-shadow:0 0 16px var(--mbit-orange-glow)}@keyframes mbit-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mbit-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){html,body,#root{height:auto}.app{display:block;height:auto}.stage{position:sticky;top:0;z-index:10;height:42vh;min-height:300px;background:var(--mbit-black);border-bottom:1px solid var(--mbit-border-subtle)}.panel{border-left:none;overflow-y:visible}.quote-bar{position:sticky;bottom:0;z-index:10;gap:var(--space-md);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom))}.quote-figures{gap:var(--space-md)}.quote-figures .value{font-size:1.125rem}.quote-note{display:none}.quote-bar .quote-breakdown-link{display:inline;margin-left:auto}.mbit-cta{margin-left:0;padding:.5rem .9rem}.panel{padding:var(--space-lg) var(--space-md)}.view-btn{padding:.3rem .6rem}}@media (max-width: 600px){.header{padding:var(--space-sm) var(--space-md)}.header-tool{display:none}.header-logo img{height:34px}.announce{font-size:.625rem;letter-spacing:.06em}}@media (max-width: 480px){.viewer .stage-hint{top:var(--space-sm);left:var(--space-sm);transform:none}}.option-note{color:var(--mbit-dark-gray);font-size:var(--text-caption);line-height:1.5;margin-top:var(--space-sm);max-width:320px}.group-head{display:flex;align-items:baseline;gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-sm)}.group-head .mbit-label{margin:0}.group-selected{color:var(--mbit-white);font-size:var(--text-small);font-weight:600}.opt-price{margin-left:.4rem;color:var(--mbit-orange);font-size:var(--text-caption);font-weight:700}.opt:focus-visible,.swatch:focus-visible,.view-btn:focus-visible,.mbit-cta:focus-visible,.text-button:focus-visible{outline:2px solid var(--mbit-blue);outline-offset:2px}.viewer{position:absolute;top:0;right:0;bottom:0;left:0}.stage-disclaimer{position:absolute;left:50%;bottom:var(--space-sm);transform:translate(-50%);margin:0;color:var(--mbit-dark-gray);font-size:var(--text-label);line-height:1;white-space:nowrap;pointer-events:none}.view-buttons{position:absolute;left:50%;bottom:calc(var(--space-sm) + var(--text-label) + var(--space-sm));transform:translate(-50%);display:flex;gap:var(--space-xs);padding:var(--space-xs);background:#0d0d0dbf;border:1px solid var(--mbit-border-subtle);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.view-btn{background:transparent;border:1px solid transparent;color:var(--mbit-light-gray);font-family:var(--font-family);font-size:var(--text-caption);font-weight:700;border-radius:999px;padding:.35rem .8rem;cursor:pointer}@media (max-width: 900px){.stage-disclaimer{bottom:var(--space-xs)}.view-buttons{bottom:calc(var(--space-xs) + var(--text-label) + var(--space-xs))}}.view-btn:hover{color:var(--mbit-white)}.view-btn.active{color:var(--mbit-white);border-color:var(--mbit-orange)}.stage-hint{position:absolute;top:var(--space-md);left:50%;transform:translate(-50%);margin:0;padding:.35rem .8rem;border-radius:999px;background:#0d0d0dbf;color:var(--mbit-light-gray);font-size:var(--text-caption);white-space:nowrap;pointer-events:none;animation:mbit-fade-in .6s ease 1s both}.stage-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(260px,70%);display:flex;flex-direction:column;gap:var(--space-sm);color:var(--mbit-light-gray);font-size:var(--text-caption);text-align:center}.stage-loading-bar{display:block;height:3px;border-radius:2px;background:var(--mbit-orange);transition:width .2s ease}.standard-specs,.summary{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--mbit-border-subtle)}.panel h3{font-size:1.125rem;font-weight:700;margin:0 0 var(--space-md)}.spec-list{margin:0;display:grid;gap:var(--space-xs)}.spec-list div{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--space-sm);font-size:var(--text-small)}.spec-list dt{color:var(--mbit-dark-gray)}.spec-list dd{margin:0;color:var(--mbit-white)}.breakdown{width:100%;margin-top:var(--space-lg);border-collapse:collapse;font-size:var(--text-small)}.breakdown td{padding:.3rem 0;color:var(--mbit-light-gray)}.breakdown td:last-child{text-align:right;font-variant-numeric:tabular-nums}.breakdown tfoot td{border-top:1px solid var(--mbit-border-subtle);color:var(--mbit-white);font-weight:700;padding-top:var(--space-sm)}.breakdown tfoot .deposit-row td{border-top:none;padding-top:.1rem;color:var(--mbit-orange)}.summary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.summary-actions .mbit-cta{margin-left:0;flex-basis:100%;text-align:center}.text-button{margin-top:var(--space-md);background:none;border:none;padding:0;color:var(--mbit-dark-gray);font-family:var(--font-family);font-size:var(--text-caption);text-decoration:underline;cursor:pointer}.text-button:hover{color:var(--mbit-white)}.quote-note a,.quote-breakdown-link{color:var(--mbit-light-gray);font-weight:600}.quote-breakdown-link{display:none;font-size:var(--text-caption)}html{scroll-behavior:smooth}@media (max-width: 900px){#your-build{scroll-margin-top:calc(42vh + var(--space-md))}}button.mbit-cta{background:none;font-family:var(--font-family);cursor:pointer}button.mbit-cta:disabled{opacity:.6;cursor:progress}.inquiry{width:min(520px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);padding:0;overflow-y:auto;border:1px solid var(--mbit-border-subtle);border-radius:10px;background:var(--mbit-surface-dark);color:var(--mbit-white);font-family:var(--font-family)}.inquiry::backdrop{background:#000000b8}.inquiry[open]{animation:mbit-fade-in .2s ease}.inquiry-body{position:relative;padding:var(--space-lg)}.inquiry h3{font-size:1.25rem;font-weight:700;margin:0 var(--space-xl) var(--space-xs) 0}.inquiry h4{font-size:var(--text-body);font-weight:700;margin:0 0 var(--space-xs)}.inquiry-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:2.25rem;height:2.25rem;background:none;border:none;border-radius:6px;color:var(--mbit-dark-gray);font-size:1.5rem;line-height:1;cursor:pointer}.inquiry-close:hover{color:var(--mbit-white)}.inquiry-build{margin:0 0 var(--space-md);color:var(--mbit-orange);font-size:var(--text-small);font-weight:700}.inquiry-lead{margin:0 0 var(--space-md);color:var(--mbit-light-gray);font-size:var(--text-small);line-height:1.6}.inquiry-lead strong{color:var(--mbit-white);overflow-wrap:anywhere}.inquiry-fine{margin:var(--space-sm) 0 0;color:var(--mbit-dark-gray);font-size:var(--text-caption);line-height:1.5}.inquiry-alert{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--mbit-border-accent);border-radius:6px;background:var(--mbit-orange-dim);color:var(--mbit-white);font-size:var(--text-small);line-height:1.5}.field{display:block;margin-bottom:var(--space-md)}.field span{display:block;margin-bottom:var(--space-xs);color:var(--mbit-light-gray);font-size:var(--text-caption);font-weight:600}.field input,.field textarea{display:block;width:100%;padding:.6rem .75rem;background:var(--mbit-surface-mid);border:1px solid rgba(255,255,255,.16);border-radius:6px;color:var(--mbit-white);font-family:var(--font-family);font-size:var(--text-body);line-height:1.4}.field textarea{resize:vertical;min-height:4.5rem}.field input:focus-visible,.field textarea:focus-visible,.inquiry-close:focus-visible{outline:2px solid var(--mbit-blue);outline-offset:1px}.field-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.inquiry-form .mbit-cta{display:block;width:100%;margin-left:0;text-align:center}.inquiry-direct{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--mbit-border-subtle)}.inquiry-direct .inquiry-lead{margin-bottom:var(--space-sm)}.inquiry-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.inquiry-row a.opt{text-decoration:none}.inquiry h3:focus{outline:none}.inquiry-address{display:inline-block;color:var(--mbit-white);font-weight:700;-webkit-user-select:all;user-select:all;white-space:nowrap}