/* Minebox is a Minverso product. Palette, Sora and mesh assets follow the supplied identity manual. */
@font-face {
  font-family: 'Sora'; src: url('./brand/sora-latin-variable.woff2') format('woff2');
  font-style: normal; font-weight: 100 800; font-display: swap;
}
#minebox-mockup, #minebox-mockup .mb3d, .mb-motion-dialog {
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#minebox-mockup button, #minebox-mockup input, #minebox-mockup select,
#minebox-mockup .mb3d-button, #minebox-mockup .mb3d-settings summary,
#minebox-mockup .mb-mono, #minebox-mockup .mb3d-note,
#minebox-mockup .mb3d-help, .mb-motion-button { font-family: inherit; }
#minebox-mockup { --mb-on-accent: #F3F4FF; background: #F3F4FF; }
#minebox-mockup #mb-viewer, #minebox-mockup .mb3d { --mb-on-accent: #000033; }
#minebox-mockup h1 { font-size: clamp(48px, 4.6vw, 70px); font-weight: 650; line-height: 1.12; letter-spacing: -.055em; }
#minebox-mockup h1 em { color: #05F2DB; }
#minebox-mockup .mb-hero { position: relative; isolation: isolate; background: radial-gradient(ellipse at 83% 25%, #8EBBE81b, transparent 65%); }
#minebox-mockup .mb-hero::before { content: ''; position: absolute; z-index: -1; pointer-events: none; left: 0; bottom: 0; width: 200px; height: 430px; background: url('./brand/minverso-mesh.png') left bottom / contain no-repeat; opacity: .13; filter: grayscale(1); }
#minebox-mockup .mb-hero-copy { position: relative; }
#minebox-mockup .mb-eyebrow { flex-wrap: wrap; font-size: 9px; letter-spacing: .045em; row-gap: 5px; }
#minebox-mockup .mb-index { color: #0E1259; }
#minebox-mockup .mb-intro { font-size: 15px; line-height: 1.85; }
#minebox-mockup .mb-button, #minebox-mockup .mb-end .mb-button {
  color: #000033; background: #FB8E52; border-color: #FB8E52; font-weight: 650;
  box-shadow: 0 5px 18px #0000330c;
}
#minebox-mockup .mb-button:hover, #minebox-mockup .mb-end .mb-button:hover { color: #000033; background: #FFAC7F; border-color: #FFAC7F; }
#minebox-mockup .mb-text-button { color: #21234B; }
#minebox-mockup .mb-text-button:hover { color: #FB8E52; }
#minebox-mockup .mb-dot { background: #FB8E52; }
#minebox-mockup .mb-parent-mark { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; background: #000033; }
#minebox-mockup .mb-parent-mark img { width: 32px; height: 32px; object-fit: contain; }
#minebox-mockup .mb-wordmark { font-size: 25px; letter-spacing: -.9px; font-weight: 700; }
#minebox-mockup .mb-logo .mb-wordmark { display: block; line-height: 1; }
#minebox-mockup .mb-wordmark > span { color: #FB8E52; }
#minebox-mockup .mb-logo-caption { display: block; font-size: 9px; letter-spacing: .045em; color: #535A7E; margin-top: 1px; line-height: 1.2; }
#minebox-mockup .mb-logo-caption strong { color: #21234B; font-weight: 650; }
#minebox-mockup .mb-viewer { background: #000033; box-shadow: 0 22px 52px #00003320; }
#minebox-mockup .mb3d-stage { background-color: #0E1259; }
#minebox-mockup .mb3d-stage > .mb3d-toolbar > .mb3d-button,
#minebox-mockup .mb3d-stage > .mb3d-toolbar > .mb3d-projection-switch { background-color: #000033; border-color: #464C7E; }
#minebox-mockup .mb3d-projection-switch .mb3d-button[aria-pressed='true'] { color: #000033; background: #05F2DB; }
#minebox-mockup .mb3d-button { font-size: 11px; }
#minebox-mockup .mb3d-button:hover:not(:disabled) { background: #21234B; border-color: #05F2DB; }
#minebox-mockup .mb3d .mb3d-toolbar .mb3d-button:focus-visible,
#minebox-mockup .mb3d :where(button,input,select,summary):focus-visible { outline-color: #05F2DB; }
#minebox-mockup .mb3d-stamp { color: #8EBBE8; }
#minebox-mockup .mb-process article { background: #FFFFFF; }
#minebox-mockup .mb-step-index > span { color: #0E1259; }
#minebox-mockup #mb-collection { background: #E9EBFA; }
#minebox-mockup .mb-product, #minebox-mockup .mb-product:nth-child(2n), #minebox-mockup .mb-product:nth-child(3n) { background: #F3F4FF; }
#minebox-mockup .mb-product:hover, #minebox-mockup .mb-product[aria-pressed='true'] { background: #FFFFFF; }
#minebox-mockup .mb-product[aria-pressed='true'] { border-color: #FB8E52; box-shadow: 0 0 0 1px #FB8E52; }
#minebox-mockup .mb-product-feature { color: #0E1259; background: #05F2DB26; }
#minebox-mockup .mb-equipment-open { color: #0E1259; }
#minebox-mockup .mb-end { position: relative; isolation: isolate; overflow: hidden; background: #000033; }
#minebox-mockup .mb-end::before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 210px; pointer-events: none; z-index: -1; background: url('./brand/minverso-mesh.png') right center / cover no-repeat; opacity: .35; filter: grayscale(1); }
#minebox-mockup .mb-end .mb-mono { color: #05F2DB; }
#minebox-mockup .mb-footer { background: #000033; }
#minebox-mockup .mb-footer p { color: #8EBBE8; font-size: 10px; line-height: 1.8; }
#minebox-mockup .mb-footer .mb-parent-link { display: inline-flex; align-items: center; gap: 10px; color: #F3F4FF; font-size: 13px; font-weight: 600; letter-spacing: .08em; }
#minebox-mockup .mb-parent-link img { object-fit: contain; }
.mb-motion-dialog { font-family: 'Sora', sans-serif; }
.mb-motion-button[aria-pressed='true'] { color: #0E1259; background: #05F2DB26; border-color: #05F2DB; }
@media(max-width:1150px) {
  #minebox-mockup h1 { font-size: clamp(42px, 4.6vw, 58px); }
  #minebox-mockup .mb-hero-actions { gap: 12px; flex-wrap: wrap; }
}
@media(max-width:820px) {
  #minebox-mockup h1 { font-size: clamp(44px, 7.8vw, 66px); }
}
@media(max-width:650px) {
  #minebox-mockup .mb-logo { gap: 9px; }
  #minebox-mockup .mb-parent-mark { flex-basis: 34px; width: 34px; height: 34px; border-radius: 8px; }
  #minebox-mockup .mb-parent-mark img { width: 26px; height: 26px; }
  #minebox-mockup .mb-wordmark { font-size: 21px; }
  #minebox-mockup .mb-logo-caption { display: block; font-size: 9px; letter-spacing: .01em; }
  #minebox-mockup .mb-small-cta { padding: 9px 11px; font-size: 10px; }
  #minebox-mockup h1 { font-size: clamp(39px, 9.9vw, 60px); line-height: 1.13; }
  #minebox-mockup .mb-intro { font-size: 14px; }
  #minebox-mockup .mb-hero::before { width: 140px; opacity: .09; }
  #minebox-mockup .mb-footer .mb-parent-link { font-size: 11px; }
}

#minebox-mockup .mb-inline-link:hover, #minebox-mockup .mb-text-button:hover { color: #0E1259; }