/* Minebox — commercial presentation. Viewer behaviour lives in its own modules. */
:root { color-scheme: light; background: #F3F4FF; }
html { scroll-behavior: smooth; }
body { background: #F3F4FF; }
#minebox-mockup {
  --mb-paper: #F3F4FF;
  --mb-surface: #E9EBFA;
  --mb-ink: #21234B;
  --mb-muted: #535A7E;
  --mb-line: #C5CAE2;
  --mb-rule: #DADDF0;
  --mb-accent: #B94C0A;
  --mb-soft: #FFF0E5;
  --mb-inverse: #F3F4FF;
  max-width: 1600px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color-scheme: light;
  -webkit-font-smoothing: antialiased;
}
#minebox-mockup button, #minebox-mockup input, #minebox-mockup select { border-radius: 8px; }
#minebox-mockup a, #minebox-mockup button { transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; }
#minebox-mockup :where(button, a, input, select, summary):focus-visible { outline: 3px solid #B94C0A; outline-offset: 4px; }
#minebox-mockup .mb-wrap { padding-inline: 5.5%; }
#minebox-mockup section, #minebox-mockup .mb-viewer { scroll-margin-top: 28px; }
#minebox-mockup .mb-mono { font-size: 11px; letter-spacing: .08em; }
#minebox-mockup .mb-header { padding: 24px 5.5%; border-bottom-color: #DADDF0; }
#minebox-mockup .mb-logo { gap: 11px; }
#minebox-mockup .mb-logo svg { width: 32px; height: 32px; color: var(--mb-accent); }
#minebox-mockup .mb-wordmark { font-size: 27px; font-weight: 700; letter-spacing: -1.2px; }
#minebox-mockup .mb-wordmark span { font-weight: 400; }
#minebox-mockup .mb-logo-caption { font-size: 9px; letter-spacing: 1.5px; color: var(--mb-muted); margin-top: 6px; }
#minebox-mockup .mb-nav { gap: 30px; font-size: 13px; font-weight: 500; }
#minebox-mockup .mb-small-cta { padding: 11px 17px; min-height: 44px; border-color: var(--mb-ink); border-radius: 7px; background: var(--mb-ink); color: #F3F4FF; font-size: 12px; }
#minebox-mockup .mb-small-cta:hover { background: #0E1259; border-color: #0E1259; }
#minebox-mockup .mb-hero { grid-template-columns: 42% 58%; padding: 58px 0 52px; align-items: center; }
#minebox-mockup .mb-hero-copy { padding: 0 8% 0 13.1%; }
#minebox-mockup .mb-eyebrow { gap: 9px; font-weight: 600; color: var(--mb-muted); font-size: 10px; letter-spacing: .1em; }
#minebox-mockup .mb-index { color: var(--mb-accent); font-weight: 600; }
#minebox-mockup h1 { font-size: clamp(52px, 5.35vw, 78px); line-height: 1.01; font-weight: 600; letter-spacing: -.058em; margin: 23px 0 26px; max-width: 520px; }
#minebox-mockup h1 em { color: var(--mb-accent); }
#minebox-mockup .mb-intro { max-width: 400px; font-size: 16px; line-height: 1.75; color: #535A7E; }
#minebox-mockup .mb-hero-actions { gap: 18px; margin-top: 30px; }
#minebox-mockup .mb-button { border: 1px solid var(--mb-accent); border-radius: 8px; background: var(--mb-accent); color: #F3F4FF; min-height: 49px; padding: 14px 21px; font-size: 13px; font-weight: 600; gap: 20px; box-shadow: 0 4px 12px #0000330b; }
#minebox-mockup .mb-button:hover { background: #B94C0A; border-color: #B94C0A; color: #fff; box-shadow: 0 5px 17px #00003320; }
#minebox-mockup .mb-text-button { min-height: 42px; gap: 11px; border-bottom-color: transparent; font-size: 13px; font-weight: 500; }
#minebox-mockup .mb-text-button:hover { color: var(--mb-accent); border-bottom-color: var(--mb-accent); }
#minebox-mockup .mb-hero-note { margin-top: 26px; gap: 9px; font-size: 11px; line-height: 1.6; color: #535A7E; }
#minebox-mockup .mb-hero-note .mb-dot { width: 6px; height: 6px; flex: 0 0 auto; }

/* A consistent dark studio gives the interactive model its own visual space. */
#minebox-mockup #mb-viewer,
#minebox-mockup .mb3d {
  --mb-paper: #000033;
  --mb-surface: #21234B;
  --mb-ink: #F3F4FF;
  --mb-muted: #8EBBE8;
  --mb-line: #464C7E;
  --mb-rule: #303565;
  --mb-accent: #05F2DB;
  --mb-soft: #21234B;
  --mb-inverse: #21234B;
  color-scheme: dark;
  color: var(--mb-ink);
}
#minebox-mockup .mb-viewer { align-self: start; padding: 22px; margin-right: 9.5%; border-radius: 20px; background: #000033; border: 1px solid #303565; box-shadow: 0 24px 55px #0000331b, 0 3px 9px #00003309; overflow: visible; }
#minebox-mockup .mb-viewer-heading { border: 0; padding: 0 2px 6px; align-items: center; }
#minebox-mockup .mb-viewer-heading h2 { margin-top: 3px; font-size: 20px; font-weight: 500; letter-spacing: -.4px; }
#minebox-mockup .mb-viewer-heading .mb-mono { font-size: 9px; letter-spacing: .12em; color: #8EBBE8; }
#minebox-mockup .mb-plate { border: 1px solid #303565; border-radius: 20px; color: #E1E8FF; padding: 5px 9px; font-size: 10px; }
#minebox-mockup #mb-model-viewer { margin-top: 10px; }
#minebox-mockup .mb3d { font-family: inherit; }
#minebox-mockup .mb3d-stage { height: clamp(350px, 36vw, 520px); border: 1px solid #303565; border-radius: 12px; background-color: #0E1259; background-image: linear-gradient(to right, #8EBBE822 1px, transparent 1px), linear-gradient(to bottom, #8EBBE822 1px, transparent 1px); background-size: 32px 32px; }
#minebox-mockup .mb3d.materials-open:not(.mb3d-is-fullscreen) .mb3d-stage { height: clamp(350px, 36vw, 520px); }
#minebox-mockup .mb3d .mb3d-stage > .mb3d-toolbar {
  position: absolute; inset: 12px 12px auto; z-index: 8;
  padding: 0; margin: 0; border: 0; background: transparent;
  pointer-events: none;
}
#minebox-mockup .mb3d-stage > .mb3d-toolbar > .mb3d-button,
#minebox-mockup .mb3d-stage > .mb3d-toolbar > .mb3d-projection-switch {
  pointer-events: auto; background-color: #000033;
  box-shadow: 0 2px 8px #0002;
}
#minebox-mockup .mb3d-stamp { left: 11px; bottom: 10px; font-size: 8px; letter-spacing: .09em; border-radius: 4px; background: #000033e8; color: #8EBBE8; }
#minebox-mockup .mb3d-corner { opacity: .45; }
#minebox-mockup .mb3d-toolbar { padding: 12px 0; gap: 7px; }
#minebox-mockup .mb3d-button { min-height: 36px; padding: 8px 10px; font: 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; border-radius: 6px; border-color: #303565; }
#minebox-mockup .mb3d-button:hover:not(:disabled) { background: #0E1259; border-color: #8EBBE8; }
#minebox-mockup .mb3d-projection-caption { display: none; }
#minebox-mockup .mb3d-projection-switch { gap: 0; padding: 3px; border: 1px solid #303565; border-radius: 8px; background: #000033; }
#minebox-mockup .mb3d-projection-switch .mb3d-button { min-height: 29px; padding: 5px 9px; border: 0; background: transparent; border-radius: 5px; box-shadow: none; font-size: 10px; }
#minebox-mockup .mb3d-projection-switch .mb3d-button + .mb3d-button { margin-left: 0; }
#minebox-mockup .mb3d-projection-switch .mb3d-button[aria-pressed="true"] { color: #F3F4FF; background: #21234B; border: 0; box-shadow: 0 1px 4px #0002; }
#minebox-mockup .mb3d-options-button { gap: 13px; }
#minebox-mockup .mb3d-ra-controls { border-radius: 8px; padding: 11px 13px; }
#minebox-mockup .mb3d-rotation-heading, #minebox-mockup .mb3d-rotation-bottom { font-size: 10px; }
#minebox-mockup .mb3d-rotation-heading output { font-size: 14px; }
#minebox-mockup .mb3d-settings { padding-top: 2px; }
#minebox-mockup .mb3d-settings details, #minebox-mockup .mb3d-rotation { border-radius: 8px; }
#minebox-mockup .mb3d-settings summary { font-family: inherit; font-size: 12px; }
#minebox-mockup .mb3d-settings summary span { font-size: 9px; }
#minebox-mockup .mb-viewer-bar { position: relative; z-index: 3; background: #000033; border-top: 0; border-bottom: 1px solid #303565; padding: 9px 0 12px; gap: 9px; }
#minebox-mockup .mb-view-buttons { gap: 4px; }
#minebox-mockup .mb-view-button { border-radius: 6px; padding: 8px 11px; min-height: 37px; font-family: inherit; font-size: 11px; letter-spacing: 0; }
#minebox-mockup .mb-view-button[aria-pressed="true"] { background: #21234B; color: #fff; border-color: #303565; }
#minebox-mockup .mb-view-button:hover { color: #fff; background: #0E1259; }
#minebox-mockup #mb-view-type { color: #8EBBE8; font-size: 8px; letter-spacing: .08em; }
#minebox-mockup .mb-viewer-caption { color: #8EBBE8; font-size: 10px; margin-top: 10px; min-height: 0; line-height: 1.7; }
#minebox-mockup .mb-model-note { color: #8EBBE8; }
#minebox-mockup .mb3d.mb3d-is-fullscreen { border-radius: 0; }
#minebox-mockup .mb3d.mb3d-is-fullscreen .mb3d-stage { border-radius: 0; }
#minebox-mockup .mb3d.mb3d-is-fullscreen .mb3d-ra-controls { margin: 0 14px 10px; }
#minebox-mockup .mb3d.mb3d-is-fullscreen .mb3d-toolbar { padding-top: 10px; padding-bottom: 10px; }

/* Product story. */
#minebox-mockup .mb-spec-strip, #minebox-mockup .mb-stat-strip { margin-inline: 5.5%; border-top: 1px solid #DADDF0; border-bottom: 1px solid #DADDF0; }
#minebox-mockup .mb-spec { gap: 15px; padding: 26px 16px; }
#minebox-mockup .mb-spec strong { font-size: 22px; font-weight: 500; letter-spacing: -.7px; }
#minebox-mockup .mb-spec small { color: #535A7E; font-family: inherit; font-size: 11px; letter-spacing: 0; text-transform: none; }
#minebox-mockup .mb-spec + .mb-spec { border-left-color: #DADDF0; }
#minebox-mockup .mb-section { padding-block: 86px; }
#minebox-mockup .mb-section-top { gap: 44px; margin-bottom: 34px; align-items: end; }
#minebox-mockup .mb-section h2,
#minebox-mockup .mb-proof h2,
#minebox-mockup .mb-audiences h2,
#minebox-mockup .mb-faq h2 { font-size: clamp(32px, 3.5vw, 46px); font-weight: 550; line-height: 1.12; letter-spacing: -.04em; margin-top: 15px; }
#minebox-mockup .mb-section-lead { padding-top: 0; max-width: 350px; font-size: 14px; line-height: 1.75; }
#minebox-mockup .mb-process { gap: 18px; border: 0; }
#minebox-mockup .mb-process article { border: 1px solid #DADDF0; border-radius: 14px; padding: 27px 26px 29px; background: #F3F4FF; box-shadow: 0 3px 10px #00003303; }
#minebox-mockup .mb-step-index { margin-bottom: 25px; }
#minebox-mockup .mb-step-index > span { color: #646B92; font-size: 10px; }
#minebox-mockup .mb-step-index svg { color: #FB8E52; width: 25px; height: 25px; stroke-width: 1.3; }
#minebox-mockup .mb-step-index .mb-process-icon { display: block; flex: 0 0 56px; width: 56px; height: 56px; object-fit: contain; }
#minebox-mockup .mb-process h3 { font-size: 22px; font-weight: 550; line-height: 1.25; letter-spacing: -.6px; margin-bottom: 12px; }
#minebox-mockup .mb-process p { font-size: 13px; line-height: 1.8; }
#minebox-mockup .mb-inline-link { margin-top: 20px; font-family: inherit; font-size: 12px; font-weight: 500; border-bottom-color: #C5CAE2; padding-bottom: 4px; }
#minebox-mockup .mb-inline-link:hover { color: var(--mb-accent); border-bottom-color: var(--mb-accent); }
#minebox-mockup .mb-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; align-items: center; padding-block: 28px 82px; }
#minebox-mockup .mb-proof-photo { position: relative; margin: 0; min-width: 0; border-radius: 18px; overflow: hidden; background: #E9EBFA; }
#minebox-mockup .mb-proof-photo img { width: 100%; height: 470px; object-fit: cover; object-position: center 55%; display: block; }
#minebox-mockup .mb-proof-photo figcaption { position: absolute; bottom: 15px; left: 16px; right: 16px; width: fit-content; max-width: calc(100% - 32px); background: #000033db; color: #F3F4FF; border: 1px solid #ffffff26; border-radius: 6px; padding: 7px 11px; font-size: 10px; backdrop-filter: blur(8px); }
#minebox-mockup .mb-proof-copy { max-width: 500px; }
#minebox-mockup .mb-proof-copy > p { color: var(--mb-muted); font-size: 15px; line-height: 1.8; margin-top: 23px; }
#minebox-mockup .mb-proof-list { padding: 0; margin: 25px 0 0; list-style: none; display: grid; gap: 0; }
#minebox-mockup .mb-proof-list > li { position: relative; padding: 16px 0 16px 28px; border-top: 1px solid #DADDF0; font-size: 13px; line-height: 1.7; color: var(--mb-muted); }
#minebox-mockup .mb-proof-list > li::before { content: "↗"; position: absolute; top: 16px; left: 1px; color: var(--mb-accent); font-size: 16px; }
#minebox-mockup .mb-proof-list strong { display: block; color: var(--mb-ink); font-size: 14px; font-weight: 550; margin-bottom: 3px; }
#minebox-mockup .mb-proof-copy > .mb-text-button { margin-top: 14px; }

/* One expandable collection, with honest product status. */
#minebox-mockup #mb-collection { background: #E9EBFA; border-block: 1px solid #DADDF0; }
#minebox-mockup .mb-catalog-head { border: 0; padding-bottom: 30px; align-items: end; }
#minebox-mockup .mb-catalog-head > span { color: var(--mb-muted); font-family: inherit; text-transform: none; font-size: 12px; letter-spacing: 0; max-width: 220px; text-align: right; }
#minebox-mockup .mb-catalog-head > span:first-child { text-align: left; font-weight: 550; color: var(--mb-ink); }
#minebox-mockup .mb-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#minebox-mockup .mb-product,
#minebox-mockup .mb-product:nth-child(2n),
#minebox-mockup .mb-product:nth-child(3n) { padding: 20px 23px; background: #F3F4FF; border: 1px solid #DADDF0; border-radius: 12px; }
#minebox-mockup .mb-product:hover { background: #F3F4FF; border-color: #C5CAE2; box-shadow: 0 7px 18px #00003307; }
#minebox-mockup .mb-product[aria-pressed="true"] { background: #F3F4FF; border-color: #FB8E52; box-shadow: 0 0 0 1px #FB8E52; }
#minebox-mockup .mb-product[aria-pressed="true"]::before { display: none; }
#minebox-mockup .mb-product-top { font-size: 9px; }
#minebox-mockup .mb-product-feature { border-radius: 20px; background: #FFF0E5; padding: 3px 8px; color: #B94C0A; font-size: 9px; letter-spacing: 0; }
#minebox-mockup .mb-product .mb-equipment-drawing { height: 180px; margin-block: 9px 16px; opacity: 1; filter: brightness(.9); }
#minebox-mockup .mb-product-name { font-size: 18px; line-height: 1.4; font-weight: 550; letter-spacing: -.5px; }
#minebox-mockup .mb-product-name > span:last-child { color: #535A7E; }
#minebox-mockup .mb-product-stage { font-family: inherit; letter-spacing: 0; font-size: 11px; margin-top: 5px; text-transform: none; }
#minebox-mockup .mb-product-detail { gap: 35px; min-height: 0; padding: 26px 2px 20px; margin-top: 10px; border: 0; align-items: start; }
#minebox-mockup .mb-product-detail h3 { font-size: 23px; font-weight: 550; letter-spacing: -.6px; }
#minebox-mockup .mb-product-detail p { font-size: 13px; line-height: 1.8; }
#minebox-mockup .mb-collection-note { margin-top: 7px; font-size: 11px; }

/* Use cases and practical questions lead to a single commercial action. */
#minebox-mockup .mb-audiences { padding-block: 84px 48px; }
#minebox-mockup .mb-audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 35px; }
#minebox-mockup .mb-audience-grid article { padding-top: 22px; border-top: 1px solid #C5CAE2; }
#minebox-mockup .mb-audience-grid h3 { font-size: 21px; font-weight: 550; line-height: 1.3; letter-spacing: -.5px; margin-bottom: 13px; }
#minebox-mockup .mb-audience-grid .mb-mono + h3 { margin-top: 12px; }
#minebox-mockup .mb-audience-grid p { color: var(--mb-muted); font-size: 14px; line-height: 1.8; }
#minebox-mockup .mb-faq { padding-block: 72px 83px; display: grid; grid-template-columns: 1fr 1.45fr; gap: 7%; }
#minebox-mockup .mb-faq h2 { font-size: 34px; margin-bottom: 30px; }
#minebox-mockup .mb-faq details { border-top: 1px solid #DADDF0; }
#minebox-mockup .mb-faq details:last-child { border-bottom: 1px solid #DADDF0; }
#minebox-mockup .mb-faq summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 1px; font-size: 15px; font-weight: 500; line-height: 1.5; }
#minebox-mockup .mb-faq summary::-webkit-details-marker { display: none; }
#minebox-mockup .mb-faq summary::after { content: "+"; color: #FB8E52; font-size: 21px; font-weight: 400; flex: 0 0 auto; }
#minebox-mockup .mb-faq details[open] summary::after { content: "−"; }
#minebox-mockup .mb-faq details p { max-width: 820px; color: var(--mb-muted); padding: 0 24px 23px 1px; font-size: 14px; line-height: 1.8; }
#minebox-mockup .mb-end { margin: 0 5.5% 0; padding: 46px 4.5%; border: 0; border-radius: 18px 18px 0 0; background: #000033; color: #F3F4FF; gap: 30px; }
#minebox-mockup .mb-end h2 { font-size: clamp(33px, 3.7vw, 47px); line-height: 1.1; font-weight: 500; letter-spacing: -.04em; margin: 14px 0 18px; }
#minebox-mockup .mb-end .mb-muted { color: #8EBBE8; }
#minebox-mockup .mb-end p { color: #8EBBE8; font-size: 14px; max-width: 500px; }
#minebox-mockup .mb-end .mb-button { background: #FB8E52; border-color: #FB8E52; color: #21234B; flex: 0 0 auto; box-shadow: none; }
#minebox-mockup .mb-end .mb-button:hover { background: #FFAC7F; border-color: #FFAC7F; }
#minebox-mockup .mb-end .mb-contact-note { margin-top: 13px; font-size: 11px; color: #8EBBE8; }
#minebox-mockup .mb-contact-actions { flex: 0 0 auto; }
#minebox-mockup .mb-footer { margin: 0 5.5% 30px; padding: 24px 4.5%; border-radius: 0 0 18px 18px; background: #000033; border-top: 1px solid #303565; color: #E1E8FF; }
#minebox-mockup .mb-footer .mb-wordmark { font-size: 22px; }
#minebox-mockup .mb-footer p { font-size: 10px; color: #8EBBE8; }
#minebox-mockup .mb-footer > a:last-child { font-size: 11px; color: #E1E8FF; }
#minebox-mockup .mb-inquiry { margin: 0 5.5%; padding: 30px 4.5%; border: 1px solid #303565; border-top: 0; background: #E9EBFA; border-radius: 0; }
#minebox-mockup .mb-inquiry-top h3 { font-size: 25px; font-weight: 550; }
#minebox-mockup .mb-form-grid { gap: 21px; }
#minebox-mockup .mb-form-grid label { font-size: 13px; }
#minebox-mockup .mb-form-grid input, #minebox-mockup .mb-form-grid select { border-radius: 7px; border-color: #C5CAE2; background: #F3F4FF; padding: 13px; min-height: 48px; }
#minebox-mockup .mb-form-bottom { align-items: center; gap: 24px; }
#minebox-mockup .mb-form-bottom p { font-size: 12px; max-width: 520px; }
#minebox-mockup .mb-result { font-size: 14px; }

@media (max-width: 1150px) {
  #minebox-mockup .mb-nav { gap: 22px; }
  #minebox-mockup .mb-hero { grid-template-columns: 42% 58%; padding-top: 40px; }
  #minebox-mockup .mb-hero-copy { padding-right: 7%; }
  #minebox-mockup h1 { font-size: clamp(48px, 5.5vw, 64px); }
  #minebox-mockup .mb-intro { font-size: 14px; }
  #minebox-mockup .mb-hero-actions { gap: 10px 16px; }
  #minebox-mockup .mb-button { padding-inline: 16px; }
  #minebox-mockup .mb-viewer { padding: 18px; }
  #minebox-mockup .mb3d-stage { height: 355px; }
  #minebox-mockup .mb3d-projection-switch { flex: 1 0 100%; margin-right: 0; }
  #minebox-mockup .mb3d-projection-switch .mb3d-button { flex: 1; }
  #minebox-mockup .mb3d-toolbar > .mb3d-button { flex: 1; }
  #minebox-mockup .mb3d-options-button { justify-content: center; }
  #minebox-mockup .mb3d.mb3d-is-fullscreen:not(.options-open) .mb3d-projection-switch { flex: 0 1 auto; margin-right: auto; }
  #minebox-mockup .mb3d.mb3d-is-fullscreen:not(.options-open) .mb3d-toolbar > .mb3d-button { flex: 0 1 auto; }
  #minebox-mockup .mb-spec { gap: 9px; }
  #minebox-mockup .mb-spec strong { font-size: 19px; }
  #minebox-mockup .mb-section { padding-block: 67px; }
  #minebox-mockup .mb-process article { padding: 24px 21px; }
  #minebox-mockup .mb-process h3 { font-size: 20px; }
  #minebox-mockup .mb-proof { gap: 5%; }
  #minebox-mockup .mb-proof-photo img { height: 460px; }
  #minebox-mockup .mb-proof-copy > p { font-size: 14px; }
  #minebox-mockup .mb-proof-list > li { font-size: 12px; padding-block: 12px; }
  #minebox-mockup .mb-proof-list > li::before { top: 12px; }
}
@media (max-width: 820px) {
  #minebox-mockup .mb-header { padding-block: 20px; }
  #minebox-mockup .mb-nav { gap: 18px; }
  #minebox-mockup .mb-nav a { font-size: 12px; }
  #minebox-mockup .mb-hero { grid-template-columns: 1fr; gap: 36px; padding-top: 42px; padding-bottom: 35px; }
  #minebox-mockup .mb-hero-copy { padding: 0 5.5%; max-width: 640px; }
  #minebox-mockup h1 { font-size: 66px; max-width: 590px; }
  #minebox-mockup .mb-intro { max-width: 480px; font-size: 16px; }
  #minebox-mockup .mb-hero-actions { gap: 20px; margin-top: 25px; }
  #minebox-mockup .mb-hero-note { margin-top: 20px; }
  #minebox-mockup .mb-viewer { width: auto; margin-inline: 5.5%; padding: 22px; }
  #minebox-mockup .mb3d-stage { height: 440px; }
  #minebox-mockup .mb3d-projection-switch { flex: 0 1 auto; margin-right: auto; }
  #minebox-mockup .mb3d-toolbar > .mb3d-button { flex: 0 1 auto; }
  #minebox-mockup .mb-spec { flex-direction: column; align-items: center; gap: 4px; padding: 22px 10px; }
  #minebox-mockup .mb-spec small { text-align: center; }
  #minebox-mockup .mb-section-top { gap: 25px; }
  #minebox-mockup .mb-section h2, #minebox-mockup .mb-proof h2, #minebox-mockup .mb-audiences h2 { font-size: 37px; }
  #minebox-mockup .mb-section-lead { max-width: 250px; font-size: 13px; }
  #minebox-mockup .mb-process { gap: 12px; }
  #minebox-mockup .mb-process article { padding: 21px 17px; }
  #minebox-mockup .mb-process h3 { font-size: 19px; }
  #minebox-mockup .mb-process p { font-size: 12px; }
  #minebox-mockup .mb-proof { grid-template-columns: 1fr; gap: 34px; padding-block: 8px 64px; }
  #minebox-mockup .mb-proof-photo img { height: 430px; object-position: center 53%; }
  #minebox-mockup .mb-proof-copy { max-width: 100%; }
  #minebox-mockup .mb-proof-copy > p { max-width: 570px; }
  #minebox-mockup .mb-proof-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 26px; }
  #minebox-mockup .mb-proof-list > li { padding-left: 0; padding-top: 15px; }
  #minebox-mockup .mb-proof-list > li::before { display: none; }
  #minebox-mockup .mb-product, #minebox-mockup .mb-product:nth-child(2n), #minebox-mockup .mb-product:nth-child(3n) { padding: 18px; }
  #minebox-mockup .mb-product-name { font-size: 16px; }
  #minebox-mockup .mb-product .mb-equipment-drawing { height: 150px; }
  #minebox-mockup .mb-audiences { padding-top: 66px; }
  #minebox-mockup .mb-audience-grid { gap: 22px; }
  #minebox-mockup .mb-audience-grid h3 { font-size: 19px; }
  #minebox-mockup .mb-audience-grid p { font-size: 13px; }
  #minebox-mockup .mb-end { flex-direction: column; align-items: flex-start; gap: 28px; padding: 37px; }
}
@media (max-width: 650px) {
  #minebox-mockup .mb-header { gap: 16px; padding-block: 18px; }
  #minebox-mockup .mb-logo svg { width: 27px; height: 27px; }
  #minebox-mockup .mb-wordmark { font-size: 24px; }
  #minebox-mockup .mb-logo-caption { display: none; }
  #minebox-mockup .mb-nav { gap: 0; }
  #minebox-mockup .mb-small-cta { padding: 10px 12px; font-size: 11px; min-height: 41px; gap: 9px; }
  #minebox-mockup .mb-nav > a.mb-small-cta { display: inline-flex; }
  #minebox-mockup .mb-hero { gap: 29px; padding-top: 34px; }
  #minebox-mockup .mb-hero-copy { padding-inline: 6%; }
  #minebox-mockup h1 { font-size: clamp(44px, 11.1vw, 64px); letter-spacing: -.055em; max-width: 540px; margin: 20px 0 22px; }
  #minebox-mockup .mb-intro { font-size: 14px; line-height: 1.8; max-width: 480px; }
  #minebox-mockup .mb-hero-actions { gap: 14px; margin-top: 24px; }
  #minebox-mockup .mb-button { font-size: 12px; padding: 13px 15px; min-height: 46px; gap: 13px; }
  #minebox-mockup .mb-text-button { font-size: 12px; }
  #minebox-mockup .mb-hero-note { font-size: 10px; margin-top: 18px; }
  #minebox-mockup .mb-viewer { padding: 15px; margin-inline: 4%; border-radius: 15px; }
  #minebox-mockup .mb-viewer-heading h2 { font-size: 18px; }
  #minebox-mockup .mb-viewer-heading .mb-mono { font-size: 8px; }
  #minebox-mockup .mb-plate { font-size: 9px; }
  #minebox-mockup .mb3d-stage, #minebox-mockup .mb3d.materials-open:not(.mb3d-is-fullscreen) .mb3d-stage { height: clamp(320px, 92vw, 460px); border-radius: 9px; }
  #minebox-mockup .mb3d-toolbar { gap: 7px; padding: 10px 0; }
  #minebox-mockup .mb3d-button { min-height: 39px; font-size: 11px; }
  #minebox-mockup .mb3d-projection-switch { flex: 1 0 100%; margin-right: 0; }
  #minebox-mockup .mb3d-projection-switch .mb3d-button { min-height: 33px; font-size: 11px; }
  #minebox-mockup .mb3d-toolbar > .mb3d-button { flex: 1; }
  #minebox-mockup .mb3d.mb3d-is-fullscreen:not(.options-open) .mb3d-projection-switch { flex: 1 0 100%; margin-right: 0; }
  #minebox-mockup .mb3d.mb3d-is-fullscreen:not(.options-open) .mb3d-toolbar > .mb3d-button { flex: 1; }
  #minebox-mockup .mb3d-ra-controls { padding: 10px; }
  #minebox-mockup .mb-viewer-bar { padding-top: 9px; gap: 7px; }
  #minebox-mockup .mb-view-buttons { display: flex; width: 100%; gap: 3px; }
  #minebox-mockup .mb-view-button { flex: 1; padding: 8px 5px; font-size: 10px; min-height: 37px; white-space: nowrap; }
  #minebox-mockup #mb-view-type { display: none; }
  #minebox-mockup .mb-viewer-caption { font-size: 10px; }
  #minebox-mockup .mb-spec-strip, #minebox-mockup .mb-stat-strip { grid-template-columns: 1fr; margin-inline: 6%; }
  #minebox-mockup .mb-spec { flex-direction: row; align-items: center; justify-content: space-between; padding: 19px 0; gap: 20px; }
  #minebox-mockup .mb-spec + .mb-spec { border-left: 0; border-top: 1px solid #DADDF0; }
  #minebox-mockup .mb-spec strong { font-size: 20px; }
  #minebox-mockup .mb-spec small { text-align: right; max-width: 48%; font-size: 11px; }
  #minebox-mockup .mb-spec br { display: inline; }
  #minebox-mockup .mb-wrap { padding-inline: 6%; }
  #minebox-mockup .mb-section { padding-block: 56px; }
  #minebox-mockup .mb-section-top { display: block; margin-bottom: 27px; }
  #minebox-mockup .mb-section h2, #minebox-mockup .mb-proof h2, #minebox-mockup .mb-audiences h2 { font-size: 34px; margin-top: 13px; }
  #minebox-mockup .mb-section-lead { max-width: 100%; padding-top: 17px; font-size: 13px; }
  #minebox-mockup .mb-process { grid-template-columns: 1fr; gap: 13px; }
  #minebox-mockup .mb-process article { padding: 24px; }
  #minebox-mockup .mb-process article + article { border-top: 1px solid #DADDF0; }
  #minebox-mockup .mb-step-index { margin-bottom: 19px; }
  #minebox-mockup .mb-process h3 { font-size: 22px; }
  #minebox-mockup .mb-process p { font-size: 13px; }
  #minebox-mockup .mb-proof { padding-top: 0; gap: 29px; padding-bottom: 54px; }
  #minebox-mockup .mb-proof-photo { border-radius: 13px; }
  #minebox-mockup .mb-proof-photo img { height: clamp(340px, 91vw, 450px); object-position: center 51%; }
  #minebox-mockup .mb-proof-copy > p { margin-top: 18px; }
  #minebox-mockup .mb-proof-list { grid-template-columns: 1fr; gap: 0; margin-top: 22px; }
  #minebox-mockup .mb-proof-list > li { padding: 15px 0 15px 28px; font-size: 13px; }
  #minebox-mockup .mb-proof-list > li::before { display: block; top: 15px; }
  #minebox-mockup .mb-proof-list strong { font-size: 14px; }
  #minebox-mockup .mb-catalog-head { display: block; padding-bottom: 25px; }
  #minebox-mockup .mb-catalog-head > span:last-child { display: block; max-width: 100%; text-align: left; margin-top: 16px; font-size: 12px; }
  #minebox-mockup .mb-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #minebox-mockup .mb-product, #minebox-mockup .mb-product:nth-child(2n), #minebox-mockup .mb-product:nth-child(3n) { padding: 14px 13px 16px; border-radius: 9px; }
  #minebox-mockup .mb-product-top { font-size: 8px; gap: 5px; }
  #minebox-mockup .mb-product-feature { font-size: 8px; padding: 3px 6px; }
  #minebox-mockup .mb-product .mb-equipment-drawing { height: 120px; margin-block: 7px 11px; }
  #minebox-mockup .mb-product-name { font-size: 15px; line-height: 1.3; letter-spacing: -.35px; gap: 4px; }
  #minebox-mockup .mb-product-stage { font-size: 10px; }
  #minebox-mockup .mb-product-detail { grid-template-columns: 1fr; gap: 12px; padding-top: 21px; margin-top: 8px; }
  #minebox-mockup .mb-product-detail h3 { font-size: 22px; }
  #minebox-mockup .mb-product-detail p { font-size: 13px; }
  #minebox-mockup .mb-collection-note { font-size: 10px; }
  #minebox-mockup .mb-audiences { padding-block: 54px 24px; }
  #minebox-mockup .mb-audience-grid { grid-template-columns: 1fr; gap: 23px; margin-top: 28px; }
  #minebox-mockup .mb-audience-grid article { padding-top: 19px; }
  #minebox-mockup .mb-audience-grid h3 { font-size: 21px; margin-bottom: 9px; }
  #minebox-mockup .mb-audience-grid p { font-size: 13px; }
  #minebox-mockup .mb-faq { display: block; padding-block: 47px 53px; }
  #minebox-mockup .mb-faq h2 { font-size: 31px; margin-bottom: 25px; }
  #minebox-mockup .mb-faq summary { padding-block: 19px; font-size: 14px; gap: 15px; }
  #minebox-mockup .mb-faq details p { font-size: 13px; }
  #minebox-mockup .mb-end { display: block; margin-inline: 4%; padding: 32px 24px 35px; border-radius: 14px 14px 0 0; }
  #minebox-mockup .mb-end h2 { font-size: 34px; }
  #minebox-mockup .mb-end p { font-size: 13px; }
  #minebox-mockup .mb-end .mb-button { margin-top: 25px; }
  #minebox-mockup .mb-footer { margin: 0 4% 18px; padding: 22px 24px; gap: 18px; border-radius: 0 0 14px 14px; }
  #minebox-mockup .mb-footer .mb-wordmark { font-size: 20px; }
  #minebox-mockup .mb-footer p { font-size: 9px; max-width: 150px; }
  #minebox-mockup .mb-inquiry { margin-inline: 4%; padding: 25px 23px; }
  #minebox-mockup .mb-inquiry-top h3 { font-size: 22px; }
  #minebox-mockup .mb-form-grid { grid-template-columns: 1fr; gap: 18px; }
  #minebox-mockup .mb-form-bottom { display: block; }
  #minebox-mockup .mb-form-bottom p { font-size: 11px; margin-top: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #minebox-mockup *, #minebox-mockup *::before, #minebox-mockup *::after { transition: none !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

/* Keep the stage controls compact in fullscreen; reserve room on narrow screens. */
#minebox-mockup .mb3d.mb3d-is-fullscreen .mb3d-stage > .mb3d-toolbar { padding: 0; }
@media (min-width: 651px) {
  #minebox-mockup .mb3d .mb3d-stage > .mb3d-toolbar > .mb3d-projection-switch { flex: 0 1 auto; margin-right: auto; }
}
@media (max-width: 650px) {
  #minebox-mockup .mb3d-stage > .mb3d-canvas { top: 108px; height: calc(100% - 108px); }
}

/* Keep the complete commercial product photo visible at every viewport size. */
#minebox-mockup .mb-proof-photo img { height: auto; aspect-ratio: 4 / 3; object-fit: contain; object-position: center; }