/* Commercial clarity, process context and a direct demo request. */
#minebox-mockup .mb-hero-offer {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 17px;
  color: #F3F4FF; font-size: 13px; font-weight: 500; letter-spacing: .015em;
}
#minebox-mockup .mb-hero-offer span { color: #FB8E52; }
#minebox-mockup .mb-collection-intro {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  margin: -10px 0 25px;
}
#minebox-mockup .mb-collection-intro p { color: #535A7E; font-size: 14px; line-height: 1.75; max-width: 610px; }
#minebox-mockup .mb-demand-label { color: #0E1259; font-size: 12px; font-weight: 600; white-space: nowrap; }
#minebox-mockup .mb-process-flow {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none;
  margin: 0; padding: 0; border-block: 1px solid #C5CAE2;
}
#minebox-mockup .mb-process-flow li { position: relative; padding: 20px 22px 20px 0; min-width: 0; }
#minebox-mockup .mb-process-flow li + li { padding-left: 24px; }
#minebox-mockup .mb-process-flow li + li::before { content: '→'; position: absolute; left: -6px; top: 43px; color: #B94C0A; }
#minebox-mockup .mb-process-flow li > span { display: block; color: #B94C0A; font-size: 10px; letter-spacing: .07em; margin-bottom: 6px; }
#minebox-mockup .mb-process-flow strong { display: block; font-size: 14px; font-weight: 600; }
#minebox-mockup .mb-process-flow small { display: block; color: #535A7E; font-size: 11px; line-height: 1.6; margin-top: 4px; }
#minebox-mockup .mb-process-support { color: #535A7E; font-size: 12px; margin: 13px 0 28px; }
#minebox-mockup .mb-product-feature { font-size: 9px; font-weight: 500; white-space: nowrap; }

#minebox-mockup #mb-contact {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start;
  gap: clamp(30px, 5vw, 78px); padding-block: 58px;
}
#minebox-mockup .mb-contact-copy { padding-block: 5px; }
#minebox-mockup .mb-contact-copy > p { line-height: 1.8; }
#minebox-mockup .mb-offer-card { margin-top: 25px; padding: 20px 0; border-block: 1px solid #303565; }
#minebox-mockup .mb-offer-card > span { display: block; color: #8EBBE8; font-size: 11px; margin-bottom: 6px; }
#minebox-mockup .mb-offer-card strong { color: #F3F4FF; font-size: clamp(19px, 2vw, 24px); font-weight: 550; letter-spacing: -.025em; }
#minebox-mockup .mb-offer-card > p { color: #AEB8D8; font-size: 12px; margin-top: 7px; }
#minebox-mockup .mb-contact-copy .mb-demo-next { margin-top: 23px; font-size: 13px; color: #AEB8D8; }
#minebox-mockup .mb-contact-copy .mb-brand-backing { margin-top: 24px; font-size: 12px; color: #F3F4FF; }
#minebox-mockup .mb-contact-email { display: inline-flex; align-items: center; gap: 12px; color: #8EBBE8; font-size: 13px; margin-top: 7px; min-height: 32px; }
#minebox-mockup .mb-contact-email:hover { color: #F3F4FF; text-decoration: underline; text-underline-offset: 4px; }
#minebox-mockup .mb-demo-form {
  position: relative; background: #F3F4FF; color: #21234B; border: 1px solid #DADDF0;
  border-radius: 14px; padding: clamp(22px, 3vw, 36px); min-width: 0; color-scheme: light;
}
#minebox-mockup .mb-demo-form h3 { font-size: 24px; font-weight: 550; letter-spacing: -.6px; }
#minebox-mockup .mb-demo-form .mb-form-intro { color: #535A7E; font-size: 13px; line-height: 1.6; margin: 6px 0 23px; }
#minebox-mockup .mb-demo-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 16px; }
#minebox-mockup .mb-demo-field { display: flex; flex-direction: column; min-width: 0; }
#minebox-mockup .mb-demo-field:last-child { grid-column: 1 / -1; }
#minebox-mockup .mb-demo-field label { color: #21234B; font-size: 12px; font-weight: 550; margin-bottom: 7px; }
#minebox-mockup .mb-demo-field input,
#minebox-mockup .mb-demo-field select {
  display: block; width: 100%; min-width: 0; min-height: 46px; border: 1px solid #AEB5D1;
  border-radius: 6px; background: #fff; color: #21234B; padding: 11px 12px; font-size: 13px;
}
#minebox-mockup .mb-demo-field input:focus,
#minebox-mockup .mb-demo-field select:focus { border-color: #0E1259; outline: 2px solid #0E12592A; outline-offset: 2px; }
#minebox-mockup .mb-demo-field [aria-invalid='true'] { border-color: #A63816; }
#minebox-mockup .mb-field-error { display: block; color: #963411; font-size: 11px; line-height: 1.5; margin-top: 5px; }
#minebox-mockup .mb-field-error:empty { display: none; }
#minebox-mockup .mb-form-consent { display: flex; align-items: start; gap: 10px; margin-top: 20px; font-size: 11px; line-height: 1.65; color: #535A7E; cursor: pointer; }
#minebox-mockup .mb-form-consent input { appearance: auto; flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #0E1259; }
#minebox-mockup .mb-demo-form .mb-form-privacy { color: #535A7E; font-size: 10px; line-height: 1.65; margin-top: 11px; }
#minebox-mockup .mb-demo-form .mb-button { width: 100%; justify-content: space-between; margin-top: 22px; min-height: 48px; }
#minebox-mockup .mb-demo-form .mb-button:disabled { cursor: wait; opacity: .7; }
#minebox-mockup .mb-form-status { margin-top: 16px; color: #21234B; font-size: 13px; line-height: 1.7; }
#minebox-mockup .mb-form-status:empty { display: none; }
#minebox-mockup .mb-form-status[data-state='success'] { border-left: 3px solid #057B71; padding: 11px 14px; background: #05F2DB1A; }
#minebox-mockup .mb-form-status[data-state='error'] { border-left: 3px solid #B94C0A; padding: 11px 14px; background: #FB8E5219; }
#minebox-mockup .mb-form-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#minebox-mockup .mb-demo-form noscript p { margin-top: 18px; color: #535A7E; font-size: 12px; }
#minebox-mockup .mb-demo-form noscript a { text-decoration: underline; }

@media (max-width: 1000px) {
  #minebox-mockup #mb-contact { gap: 30px; }
  #minebox-mockup .mb-demo-fields { grid-template-columns: 1fr; gap: 13px; }
}
@media (max-width: 760px) {
  #minebox-mockup #mb-contact { grid-template-columns: 1fr; padding-block: 36px; }
  #minebox-mockup .mb-contact-copy { max-width: 540px; }
  #minebox-mockup .mb-demo-fields { grid-template-columns: 1fr 1fr; }
  #minebox-mockup .mb-collection-intro { align-items: start; flex-direction: column; gap: 13px; }
  #minebox-mockup .mb-process-flow { grid-template-columns: 1fr 1fr; }
  #minebox-mockup .mb-process-flow li:nth-child(3) { padding-left: 0; }
  #minebox-mockup .mb-process-flow li:nth-child(3)::before { display: none; }
  #minebox-mockup .mb-process-flow li:nth-child(n+3) { border-top: 1px solid #DADDF0; }
}
@media (max-width: 480px) {
  #minebox-mockup .mb-hero-offer { font-size: 12px; gap: 8px; }
  #minebox-mockup .mb-demo-fields { grid-template-columns: 1fr; }
  #minebox-mockup .mb-demo-form { padding: 23px 19px; }
  #minebox-mockup .mb-process-flow strong { font-size: 13px; }
  #minebox-mockup .mb-process-flow small { font-size: 10px; }
  #minebox-mockup .mb-process-flow li { padding-right: 12px; }
  #minebox-mockup .mb-process-flow li + li { padding-left: 16px; }
  #minebox-mockup .mb-process-flow li:nth-child(3) { padding-left: 0; }
  #minebox-mockup .mb-demo-field input,
  #minebox-mockup .mb-demo-field select { font-size: 16px; }
}