{"id":4364,"date":"2026-02-25T08:17:08","date_gmt":"2026-02-25T08:17:08","guid":{"rendered":"https:\/\/idaequipment.com\/?page_id=4364"},"modified":"2026-02-25T08:23:50","modified_gmt":"2026-02-25T08:23:50","slug":"tool-mill-selector","status":"publish","type":"page","link":"https:\/\/idaequipment.com\/pt\/ink-production-line\/tool-mill-selector\/","title":{"rendered":"Selecionador de moinho de ferramentas"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5ccb3c1\" data-block-id=\"5ccb3c1\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5ccb3c1-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6d14013\" data-v=\"4\" data-block-id=\"6d14013\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6d14013-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6d14013-inner-blocks\">\n<section id=\"bx-mill-selector-v1\" aria-label=\"Grinding Equipment Selector Wizard\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700&display=swap');\n\n#bx-mill-selector-v1 {\n  --ms-primary: #0060A8;\n  --ms-dark: #004578;\n  --ms-accent: #FF6600;\n  --ms-bg: #ffffff;\n  --ms-text: #1a1a2e;\n  --ms-text-light: #555a6e;\n  --ms-border: #e2e2ea;\n  --ms-card-bg: #f8f9fc;\n  \n  font-family: 'Open Sans', sans-serif;\n  background-color: var(--ms-bg);\n  padding: 80px 20px;\n  color: var(--ms-text);\n  line-height: 1.6;\n  box-sizing: border-box;\n}\n\n#bx-mill-selector-v1 *, #bx-mill-selector-v1 *::before, #bx-mill-selector-v1 *::after {\n  box-sizing: inherit;\n}\n\n#bx-mill-selector-v1 .bx-container {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* --- Typography --- *\/\n#bx-mill-selector-v1 h2 {\n  font-size: 34px;\n  font-weight: 700;\n  color: var(--ms-primary);\n  margin: 0 0 16px 0;\n  text-align: center;\n  letter-spacing: -0.5px;\n}\n\n#bx-mill-selector-v1 .bx-subtitle {\n  font-size: 16px;\n  color: var(--ms-text-light);\n  margin: 0 auto 40px;\n  text-align: center;\n  max-width: 650px;\n}\n\n\/* --- Progress Bar --- *\/\n#bx-mill-selector-v1 .bx-progress-wrap {\n  margin-bottom: 40px;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n#bx-mill-selector-v1 .bx-progress-labels {\n  display: flex;\n  justify-content: space-between;\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ms-text-light);\n  margin-bottom: 8px;\n  text-transform: uppercase;\n}\n\n#bx-mill-selector-v1 .bx-progress-track {\n  width: 100%;\n  height: 6px;\n  background: #edf2f7;\n  border-radius: 3px;\n  overflow: hidden;\n}\n\n#bx-mill-selector-v1 .bx-progress-fill {\n  height: 100%;\n  background: var(--ms-primary);\n  border-radius: 3px;\n  transition: width 0.4s ease;\n  width: 0%;\n}\n\n\/* --- Question Card --- *\/\n#bx-mill-selector-v1 .bx-q-card {\n  background: var(--ms-card-bg);\n  border: 1px solid var(--ms-border);\n  border-radius: 8px;\n  padding: 40px;\n  margin-bottom: 30px;\n  animation: bxFadeIn 0.4s ease;\n}\n\n@keyframes bxFadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n#bx-mill-selector-v1 .bx-q-meta {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ms-primary);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin-bottom: 10px;\n  display: block;\n}\n\n#bx-mill-selector-v1 .bx-q-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--ms-text);\n  margin: 0 0 24px 0;\n  line-height: 1.3;\n}\n\n\/* --- Options (Radio Cards) --- *\/\n#bx-mill-selector-v1 .bx-options-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n#bx-mill-selector-v1 .bx-option-label {\n  display: flex;\n  align-items: center;\n  padding: 16px 20px;\n  background: #ffffff;\n  border: 2px solid #e2e2ea;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n}\n\n#bx-mill-selector-v1 .bx-option-label:hover {\n  border-color: #a0c4e3;\n  background: #fdfdfd;\n}\n\n\/* \u6838\u5fc3\u4fee\u590d\uff1a\u6dfb\u52a0 .selected \u7c7b\u7684\u6837\u5f0f *\/\n#bx-mill-selector-v1 .bx-option-label.selected {\n  border-color: var(--ms-primary);\n  background: #f0f7fc;\n  box-shadow: 0 4px 12px rgba(0, 96, 168, 0.08);\n}\n\n\/* Radio Input Hidden *\/\n#bx-mill-selector-v1 input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  width: 0;\n}\n\n\/* Custom Radio Circle *\/\n#bx-mill-selector-v1 .bx-radio-circle {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #d1d1d6;\n  border-radius: 50%;\n  margin-right: 16px;\n  flex-shrink: 0;\n  position: relative;\n  transition: border-color 0.2s;\n}\n\n#bx-mill-selector-v1 .bx-radio-circle::after {\n  content: '';\n  position: absolute;\n  top: 4px; left: 4px;\n  width: 8px; height: 8px;\n  background: var(--ms-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transform: scale(0);\n  transition: all 0.2s;\n}\n\n\/* \u6838\u5fc3\u4fee\u590d\uff1a\u901a\u8fc7\u5144\u5f1f\u9009\u62e9\u5668\u63a7\u5236\u5706\u70b9\u72b6\u6001 *\/\n#bx-mill-selector-v1 input[type=\"radio\"]:checked + .bx-radio-circle {\n  border-color: var(--ms-primary);\n}\n\n#bx-mill-selector-v1 input[type=\"radio\"]:checked + .bx-radio-circle::after {\n  opacity: 1;\n  transform: scale(1);\n}\n\n#bx-mill-selector-v1 .bx-opt-text {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--ms-text);\n}\n\n#bx-mill-selector-v1 .bx-opt-desc {\n  font-weight: 400;\n  font-size: 13px;\n  color: var(--ms-text-light);\n  margin-left: 8px;\n}\n\n\/* --- Navigation Buttons --- *\/\n#bx-mill-selector-v1 .bx-nav {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 20px;\n  max-width: 900px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n#bx-mill-selector-v1 .bx-btn {\n  height: 50px;\n  padding: 0 32px;\n  font-size: 15px;\n  font-weight: 700;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n#bx-mill-selector-v1 .bx-btn-back {\n  background: #ffffff;\n  border: 1px solid var(--ms-border);\n  color: var(--ms-text-light);\n}\n\n#bx-mill-selector-v1 .bx-btn-back:hover {\n  background: #f7f7fa;\n  color: var(--ms-text);\n}\n\n#bx-mill-selector-v1 .bx-btn-back:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n#bx-mill-selector-v1 .bx-btn-next {\n  background: var(--ms-primary);\n  color: #fff;\n  margin-left: auto;\n}\n\n#bx-mill-selector-v1 .bx-btn-next:hover {\n  background: var(--ms-dark);\n}\n\n#bx-mill-selector-v1 .bx-btn-next:disabled {\n  background: #cbd5e1;\n  cursor: not-allowed;\n}\n\n\/* --- Result Panel --- *\/\n#bx-mill-selector-v1 .bx-result-panel {\n  display: none;\n  background: #ffffff;\n  border: 1px solid var(--ms-border);\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 10px 40px rgba(0,0,0,0.06);\n}\n\n#bx-mill-selector-v1 .bx-res-header {\n  background: var(--ms-primary);\n  padding: 30px;\n  color: #fff;\n}\n\n#bx-mill-selector-v1 .bx-res-header h3 {\n  margin: 0;\n  font-size: 24px;\n  color: #fff;\n}\n\n#bx-mill-selector-v1 .bx-res-body {\n  padding: 30px;\n}\n\n\/* Score Bars *\/\n#bx-mill-selector-v1 .bx-scores {\n  display: flex;\n  gap: 20px;\n  margin-bottom: 30px;\n  background: #f8fafc;\n  padding: 20px;\n  border-radius: 6px;\n}\n\n#bx-mill-selector-v1 .bx-score-item {\n  flex: 1;\n}\n\n#bx-mill-selector-v1 .bx-score-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ms-text-light);\n  margin-bottom: 5px;\n  display: flex;\n  justify-content: space-between;\n}\n\n#bx-mill-selector-v1 .bx-score-track {\n  height: 8px;\n  background: #e2e8f0;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n#bx-mill-selector-v1 .bx-score-bar {\n  height: 100%;\n  border-radius: 4px;\n  transition: width 1s ease;\n}\n\n\/* Recommendation Cards *\/\n#bx-mill-selector-v1 .bx-rec-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  margin-bottom: 30px;\n}\n\n#bx-mill-selector-v1 .bx-rec-card {\n  background: #ffffff;\n  border: 1px solid var(--ms-border);\n  border-top: 4px solid #ddd;\n  padding: 24px;\n  border-radius: 4px;\n}\n\n#bx-mill-selector-v1 .bx-rec-card.primary {\n  border-top-color: var(--ms-primary);\n  background: #fdfdfd;\n  box-shadow: 0 4px 15px rgba(0, 96, 168, 0.06);\n}\n\n#bx-mill-selector-v1 .bx-rec-card.secondary {\n  border-top-color: var(--ms-accent);\n}\n\n#bx-mill-selector-v1 .bx-rec-badge {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  padding: 3px 8px;\n  border-radius: 3px;\n  margin-bottom: 12px;\n  letter-spacing: 0.05em;\n}\n\n#bx-mill-selector-v1 .primary .bx-rec-badge {\n  background: #e6f0f8;\n  color: var(--ms-primary);\n}\n\n#bx-mill-selector-v1 .secondary .bx-rec-badge {\n  background: #fff3e6;\n  color: var(--ms-accent);\n}\n\n#bx-mill-selector-v1 .bx-rec-model {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--ms-text);\n  margin-bottom: 5px;\n}\n\n#bx-mill-selector-v1 .bx-rec-desc {\n  font-size: 14px;\n  color: var(--ms-text-light);\n  margin-bottom: 15px;\n  line-height: 1.5;\n}\n\n#bx-mill-selector-v1 .bx-spec-table {\n  width: 100%;\n  font-size: 13px;\n  border-top: 1px solid #eee;\n}\n\n#bx-mill-selector-v1 .bx-spec-table td {\n  padding: 6px 0;\n  border-bottom: 1px solid #eee;\n}\n\n#bx-mill-selector-v1 .bx-spec-key {\n  color: var(--ms-text-light);\n}\n\n#bx-mill-selector-v1 .bx-spec-val {\n  text-align: right;\n  font-family: 'IBM Plex Mono', monospace;\n  font-weight: 600;\n  color: var(--ms-text);\n}\n\n\/* Reasoning *\/\n#bx-mill-selector-v1 .bx-reasoning {\n  border-left: 4px solid var(--ms-primary);\n  background: #fcfcfc;\n  padding: 20px;\n  margin-bottom: 30px;\n}\n\n#bx-mill-selector-v1 .bx-reason-title {\n  font-size: 14px;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: var(--ms-text-light);\n  margin-bottom: 10px;\n}\n\n#bx-mill-selector-v1 .bx-reason-list {\n  padding-left: 20px;\n  margin: 0;\n  font-size: 14px;\n  color: var(--ms-text);\n}\n\n#bx-mill-selector-v1 .bx-reason-list li {\n  margin-bottom: 6px;\n}\n\n\/* Action Buttons *\/\n#bx-mill-selector-v1 .bx-res-actions {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n}\n\n#bx-mill-selector-v1 .bx-btn-cta {\n  background: var(--ms-accent);\n  color: #fff;\n  text-decoration: none;\n  padding: 0 32px;\n  height: 50px;\n  display: inline-flex;\n  align-items: center;\n  font-weight: 700;\n  border-radius: 4px;\n  transition: background 0.2s;\n}\n\n#bx-mill-selector-v1 .bx-btn-cta:hover {\n  background: #e65a00;\n}\n\n#bx-mill-selector-v1 .bx-btn-restart {\n  background: transparent;\n  border: 1px solid var(--ms-border);\n  color: var(--ms-text-light);\n  height: 50px;\n  padding: 0 24px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n#bx-mill-selector-v1 .bx-btn-restart:hover {\n  color: var(--ms-primary);\n  border-color: var(--ms-primary);\n}\n\n@media (max-width:690px) {\n  #bx-mill-selector-v1 { padding: 50px 15px; }\n  #bx-mill-selector-v1 .bx-q-card { padding: 25px; }\n  #bx-mill-selector-v1 .bx-rec-grid { grid-template-columns: 1fr; }\n  #bx-mill-selector-v1 .bx-scores { flex-direction: column; }\n  #bx-mill-selector-v1 .bx-res-actions { flex-direction: column; }\n  #bx-mill-selector-v1 .bx-btn-cta, #bx-mill-selector-v1 .bx-btn-restart { width: 100%; justify-content: center; }\n}\n<\/style>\n\n<div class=\"bx-container\">\n\n  <h2>Bead Mill vs Three-Roll Mill Selector<\/h2>\n  <p class=\"bx-subtitle\">Answer 5 quick questions about your ink production process. Our algorithm will match you with the correct IDA grinding technology.<\/p>\n\n  <div class=\"bx-progress-wrap\" id=\"bx-progress\">\n    <div class=\"bx-progress-labels\">\n      <span id=\"bx-prog-text\">Question 1 of 5<\/span>\n      <span id=\"bx-prog-pct\">0%<\/span>\n    <\/div>\n    <div class=\"bx-progress-track\">\n      <div class=\"bx-progress-fill\" style=\"width: 0%\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"bx-questions-wrapper\">\n    \n    <div class=\"bx-q-card\" data-step=\"0\">\n      <span class=\"bx-q-meta\">Question 1<\/span>\n      <h3 class=\"bx-q-title\">What is your ink&#8217;s viscosity range?<\/h3>\n      <div class=\"bx-options-grid\">\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q0\" value=\"low\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div>\n            <span class=\"bx-opt-text\">Low Viscosity<\/span>\n            <span class=\"bx-opt-desc\">&mdash; Under 500 cps (e.g. water-based, inkjet)<\/span>\n          <\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q0\" value=\"mid\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div>\n            <span class=\"bx-opt-text\">Medium Viscosity<\/span>\n            <span class=\"bx-opt-desc\">&mdash; 500 &#8211; 5,000 cps (e.g. solvent flexo\/gravure)<\/span>\n          <\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q0\" value=\"high\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div>\n            <span class=\"bx-opt-text\">High Viscosity<\/span>\n            <span class=\"bx-opt-desc\">&mdash; Over 5,000 cps (e.g. offset paste, thick screen)<\/span>\n          <\/div>\n        <\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"bx-q-card\" data-step=\"1\" style=\"display:none;\">\n      <span class=\"bx-q-meta\">Question 2<\/span>\n      <h3 class=\"bx-q-title\">What is your target particle size (fineness)?<\/h3>\n      <div class=\"bx-options-grid\">\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q1\" value=\"nano\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div>\n            <span class=\"bx-opt-text\">Nano-Grade (&lt;1 &mu;m)<\/span>\n            <span class=\"bx-opt-desc\">&mdash; For inkjet, high-transparency<\/span>\n          <\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q1\" value=\"fine\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div>\n            <span class=\"bx-opt-text\">Fine (1 &ndash; 5 &mu;m)<\/span>\n            <span class=\"bx-opt-desc\">&mdash; For high-quality flexo\/gravure<\/span>\n          <\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q1\" value=\"standard\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div>\n            <span class=\"bx-opt-text\">Standard (5 &ndash; 15 &mu;m)<\/span>\n            <span class=\"bx-opt-desc\">&mdash; For screen printing, general paint<\/span>\n          <\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q1\" value=\"coarse\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div>\n            <span class=\"bx-opt-text\">Coarse (&gt;15 &mu;m)<\/span>\n            <span class=\"bx-opt-desc\">&mdash; Pre-dispersion only<\/span>\n          <\/div>\n        <\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"bx-q-card\" data-step=\"2\" style=\"display:none;\">\n      <span class=\"bx-q-meta\">Question 3<\/span>\n      <h3 class=\"bx-q-title\">What is your typical batch size?<\/h3>\n      <div class=\"bx-options-grid\">\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q2\" value=\"lab\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div><span class=\"bx-opt-text\">Lab \/ Small (&lt;100 L)<\/span><\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q2\" value=\"pilot\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div><span class=\"bx-opt-text\">Pilot \/ Mid-Scale (100 &ndash; 1,000 L)<\/span><\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q2\" value=\"production\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div><span class=\"bx-opt-text\">Large Production (&gt;1,000 L)<\/span><\/div>\n        <\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"bx-q-card\" data-step=\"3\" style=\"display:none;\">\n      <span class=\"bx-q-meta\">Question 4<\/span>\n      <h3 class=\"bx-q-title\">How frequently do you change colors?<\/h3>\n      <div class=\"bx-options-grid\">\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q3\" value=\"few\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div><span class=\"bx-opt-text\">Rarely (1-3 times\/day)<\/span><\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q3\" value=\"moderate\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div><span class=\"bx-opt-text\">Moderately (4-10 times\/day)<\/span><\/div>\n        <\/label>\n        <label class=\"bx-option-label\">\n          <input type=\"radio\" name=\"q3\" value=\"frequent\">\n          <div class=\"bx-radio-circle\"><\/div>\n          <div><span class=\"bx-opt-text\">Frequently (&gt;10 times\/day)<\/span><\/div>\n        <\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"bx-q-card\" data-step=\"4\" style=\"display:none;\">\n      <span class=\"bx-q-meta\">Question 5<\/span>\n      <h3 class=\"bx-q-title\">Primary Ink Category?<\/h3>\n      <div class=\"bx-options-grid\">\n        <label class=\"bx-option-label\"><input type=\"radio\" name=\"q4\" value=\"water\"><div class=\"bx-radio-circle\"><\/div><span class=\"bx-opt-text\">Water-based<\/span><\/label>\n        <label class=\"bx-option-label\"><input type=\"radio\" name=\"q4\" value=\"solvent\"><div class=\"bx-radio-circle\"><\/div><span class=\"bx-opt-text\">Solvent-based<\/span><\/label>\n        <label class=\"bx-option-label\"><input type=\"radio\" name=\"q4\" value=\"uv\"><div class=\"bx-radio-circle\"><\/div><span class=\"bx-opt-text\">UV-curable<\/span><\/label>\n        <label class=\"bx-option-label\"><input type=\"radio\" name=\"q4\" value=\"offset\"><div class=\"bx-radio-circle\"><\/div><span class=\"bx-opt-text\">Offset Paste<\/span><\/label>\n        <label class=\"bx-option-label\"><input type=\"radio\" name=\"q4\" value=\"digital\"><div class=\"bx-radio-circle\"><\/div><span class=\"bx-opt-text\">Digital \/ Inkjet<\/span><\/label>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"bx-nav\" id=\"bx-nav\">\n    <button type=\"button\" class=\"bx-btn bx-btn-back\" id=\"bx-prev\" disabled>&#8592; Back<\/button>\n    <button type=\"button\" class=\"bx-btn bx-btn-next\" id=\"bx-next\" disabled>Next Step &#8594;<\/button>\n  <\/div>\n\n  <div class=\"bx-result-panel\" id=\"bx-result\">\n    <div class=\"bx-res-header\">\n      <span style=\"opacity:0.8; font-size:12px; letter-spacing:1px; text-transform:uppercase;\">Recommendation Engine<\/span>\n      <h3>Configuration Result<\/h3>\n    <\/div>\n    <div class=\"bx-res-body\">\n      \n      <div class=\"bx-scores\">\n        <div class=\"bx-score-item\">\n          <div class=\"bx-score-label\"><span>Bead Mill<\/span><span class=\"val-bead\">0%<\/span><\/div>\n          <div class=\"bx-score-track\"><div class=\"bx-score-bar bar-bead\" style=\"width:0%; background:#0060A8;\"><\/div><\/div>\n        <\/div>\n        <div class=\"bx-score-item\">\n          <div class=\"bx-score-label\"><span>Three-Roll Mill<\/span><span class=\"val-roll\">0%<\/span><\/div>\n          <div class=\"bx-score-track\"><div class=\"bx-score-bar bar-roll\" style=\"width:0%; background:#FF6600;\"><\/div><\/div>\n        <\/div>\n        <div class=\"bx-score-item\">\n          <div class=\"bx-score-label\"><span>Basket Mill<\/span><span class=\"val-basket\">0%<\/span><\/div>\n          <div class=\"bx-score-track\"><div class=\"bx-score-bar bar-basket\" style=\"width:0%; background:#16A56A;\"><\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"bx-rec-grid\" id=\"bx-rec-grid\">\n        <\/div>\n\n      <div class=\"bx-reasoning\">\n        <div class=\"bx-reason-title\">Technical Reasoning<\/div>\n        <ul class=\"bx-reason-list\" id=\"bx-reasons\"><\/ul>\n      <\/div>\n\n      <div class=\"bx-res-actions\">\n        <a href=\"#ct-popup-1329\" class=\"bx-btn-cta\">Consult an Engineer &#8594;<\/a>\n        <button type=\"button\" class=\"bx-btn-restart\" id=\"bx-restart\">Start Over<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  var ROOT = document.getElementById('bx-mill-selector-v1');\n  if(!ROOT) return;\n\n  var currentStep = 0;\n  var answers = [null, null, null, null, null];\n  var totalSteps = 5;\n\n  \/\/ DOM Elements\n  var questions = ROOT.querySelectorAll('.bx-q-card');\n  var btnNext = ROOT.querySelector('#bx-next');\n  var btnPrev = ROOT.querySelector('#bx-prev');\n  var navEl = ROOT.querySelector('#bx-nav');\n  var progressEl = ROOT.querySelector('#bx-progress');\n  var resultPanel = ROOT.querySelector('#bx-result');\n  var progFill = ROOT.querySelector('.bx-progress-fill');\n  var progText = ROOT.querySelector('#bx-prog-text');\n  var progPct = ROOT.querySelector('#bx-prog-pct');\n\n  \/\/ Logic Maps\n  var scoreMap = {\n    q0: { low: {bead:4,roll:0,basket:2}, mid:{bead:3,roll:1,basket:2}, high:{bead:0,roll:5,basket:1} },\n    q1: { nano:{bead:5,roll:1,basket:0}, fine:{bead:4,roll:3,basket:1}, standard:{bead:3,roll:2,basket:3}, coarse:{bead:2,roll:0,basket:3} },\n    q2: { lab:{bead:1,roll:3,basket:4}, pilot:{bead:3,roll:2,basket:3}, production:{bead:5,roll:1,basket:1} },\n    q3: { few:{bead:4,roll:2,basket:0}, moderate:{bead:2,roll:2,basket:3}, frequent:{bead:0,roll:2,basket:5} },\n    q4: { water:{bead:4,roll:0,basket:2}, solvent:{bead:4,roll:1,basket:2}, uv:{bead:3,roll:2,basket:2}, offset:{bead:0,roll:5,basket:0}, digital:{bead:5,roll:0,basket:1} }\n  };\n\n  var models = {\n    iws: { name:'IDA IWS Series', desc:'Disc Bead Mill', specs:[['Chamber','5-100L'],['Fineness','2-10\u03bcm'],['Type','Closed']] },\n    ibs: { name:'IDA IBS Series', desc:'Pin Bead Mill', specs:[['Chamber','15-100L'],['Fineness','<1\u03bcm'],['Energy','High']] },\n    inw: { name:'IDA INW Series', desc:'Nano Turbine Mill', specs:[['Media','0.1mm'],['Fineness','<100nm'],['App','Inkjet']] },\n    is:  { name:'IDA IS Series', desc:'Three-Roll Mill', specs:[['Roll Dia','150-400mm'],['Viscosity','>50k cps'],['Cooling','Water']] },\n    ils: { name:'IDA ILS Series', desc:'Basket Mill', specs:[['Cleaning','<10 min'],['Tank','100-1000L'],['Color','Multi']] }\n  };\n\n  function updateUI() {\n    \/\/ Show\/Hide Questions\n    questions.forEach((q, idx) => {\n      q.style.display = idx === currentStep ? 'block' : 'none';\n    });\n\n    \/\/ Update Buttons\n    btnPrev.disabled = currentStep === 0;\n    btnNext.disabled = answers[currentStep] === null;\n    btnNext.textContent = currentStep === totalSteps - 1 ? 'See Recommendation' : 'Next Step \u2192';\n\n    \/\/ Update Progress\n    var pct = Math.round(((currentStep) \/ totalSteps) * 100);\n    progFill.style.width = pct + '%';\n    progText.textContent = `Question ${currentStep + 1} of ${totalSteps}`;\n    progPct.textContent = pct + '%';\n  }\n\n  \/\/ Radio Listeners with Visual Update\n  for(let i=0; i<totalSteps; i++){\n    let radios = ROOT.querySelectorAll(`input[name=\"q${i}\"]`);\n    radios.forEach(r => {\n      r.addEventListener('change', function(){\n        answers[i] = this.value;\n        btnNext.disabled = false;\n\n        \/\/ Visual Selection Logic\n        let card = this.closest('.bx-q-card');\n        card.querySelectorAll('.bx-option-label').forEach(l => l.classList.remove('selected'));\n        this.closest('.bx-option-label').classList.add('selected');\n        \n        \/\/ Auto-scroll slightly to show selection\n        \/\/ this.closest('.bx-option-label').scrollIntoView({behavior: \"smooth\", block: \"center\"});\n      });\n    });\n  }\n\n  btnNext.addEventListener('click', function(){\n    if(currentStep < totalSteps - 1){\n      currentStep++;\n      updateUI();\n    } else {\n      calculateAndShow();\n    }\n  });\n\n  btnPrev.addEventListener('click', function(){\n    if(currentStep > 0){\n      currentStep--;\n      updateUI();\n    }\n  });\n\n  function calculateAndShow() {\n    \/\/ 1. Calculate Scores\n    var scores = { bead:0, roll:0, basket:0 };\n    answers.forEach((ans, idx) => {\n      var key = 'q' + idx;\n      if(scoreMap[key][ans]) {\n        scores.bead += scoreMap[key][ans].bead;\n        scores.roll += scoreMap[key][ans].roll;\n        scores.basket += scoreMap[key][ans].basket;\n      }\n    });\n\n    \/\/ Normalize (Max ~23)\n    var maxPossible = 23;\n    var pBead = Math.round((scores.bead \/ maxPossible)*100);\n    var pRoll = Math.round((scores.roll \/ maxPossible)*100);\n    var pBasket = Math.round((scores.basket \/ maxPossible)*100);\n\n    \/\/ Update Score Bars\n    ROOT.querySelector('.bar-bead').style.width = pBead + '%';\n    ROOT.querySelector('.val-bead').textContent = pBead + '% Match';\n    ROOT.querySelector('.bar-roll').style.width = pRoll + '%';\n    ROOT.querySelector('.val-roll').textContent = pRoll + '% Match';\n    ROOT.querySelector('.bar-basket').style.width = pBasket + '%';\n    ROOT.querySelector('.val-basket').textContent = pBasket + '% Match';\n\n    \/\/ 2. Pick Primary & Secondary\n    var sorted = [\n      {id:'bead', val:scores.bead, name:'Bead Mill'}, \n      {id:'roll', val:scores.roll, name:'Three-Roll Mill'}, \n      {id:'basket', val:scores.basket, name:'Basket Mill'}\n    ].sort((a,b) => b.val - a.val);\n\n    var primary = sorted[0];\n    var secondary = sorted[1].val > (primary.val * 0.6) ? sorted[1] : null;\n\n    \/\/ 3. Determine Specific Model\n    var pModelKey = getModelKey(primary.id);\n    var sModelKey = secondary ? getModelKey(secondary.id) : null;\n\n    \/\/ Render Cards\n    var grid = ROOT.querySelector('#bx-rec-grid');\n    grid.innerHTML = createCard(models[pModelKey], 'primary', 'Primary Recommendation');\n    if(sModelKey) {\n      grid.innerHTML += createCard(models[sModelKey], 'secondary', 'Alternative Option');\n      grid.style.gridTemplateColumns = '1fr 1fr';\n    } else {\n      grid.style.gridTemplateColumns = '1fr';\n    }\n\n    \/\/ Render Reasoning\n    var reasons = getReasoning(primary.id);\n    ROOT.querySelector('#bx-reasons').innerHTML = reasons.map(r => `<li>${r}<\/li>`).join('');\n\n    \/\/ Hide Quiz, Show Result\n    navEl.style.display = 'none';\n    progressEl.style.display = 'none';\n    document.getElementById('bx-questions-wrapper').style.display = 'none';\n    resultPanel.style.display = 'block';\n    resultPanel.scrollIntoView({behavior:'smooth'});\n  }\n\n  function getModelKey(type) {\n    if(type === 'roll') return 'is';\n    if(type === 'basket') return 'ils';\n    \/\/ Logic for bead mill sub-types\n    var particle = answers[1]; \/\/ q1\n    var ink = answers[4]; \/\/ q4\n    if(particle === 'nano' || ink === 'digital') return 'inw';\n    if(particle === 'fine') return 'ibs';\n    return 'iws';\n  }\n\n  function createCard(m, cls, badge) {\n    var rows = m.specs.map(s => `<tr><td class=\"bx-spec-key\">${s[0]}<\/td><td class=\"bx-spec-val\">${s[1]}<\/td><\/tr>`).join('');\n    return `\n      <div class=\"bx-rec-card ${cls}\">\n        <span class=\"bx-rec-badge\">${badge}<\/span>\n        <div class=\"bx-rec-model\">${m.name}<\/div>\n        <div class=\"bx-rec-desc\">${m.desc}<\/div>\n        <table class=\"bx-spec-table\"><tbody>${rows}<\/tbody><\/table>\n      <\/div>\n    `;\n  }\n\n  function getReasoning(type) {\n    var r = [];\n    if(type === 'bead') {\n      r.push(\"High-efficiency grinding for low-to-medium viscosity inks.\");\n      if(answers[1] === 'nano') r.push(\"Turbine configuration selected for sub-micron particle requirements.\");\n      if(answers[4] === 'solvent') r.push(\"Sealed chamber minimizes solvent evaporation loss.\");\n    } else if(type === 'roll') {\n      r.push(\"Optimal for high-viscosity paste inks (Offset\/Screen).\");\n      r.push(\"Open grinding area allows for visual inspection and heavy shear force application.\");\n    } else {\n      r.push(\"Best for frequent color changes due to easy-clean basket design.\");\n      r.push(\"Combines dispersing and grinding in a single tank.\");\n    }\n    return r;\n  }\n\n  \/\/ Restart\n  ROOT.querySelector('#bx-restart').addEventListener('click', function(){\n    currentStep = 0;\n    answers = [null,null,null,null,null];\n    \/\/ Reset Radios and Visual State\n    ROOT.querySelectorAll('input[type=\"radio\"]').forEach(r => r.checked = false);\n    ROOT.querySelectorAll('.bx-option-label').forEach(l => l.classList.remove('selected'));\n    \n    \/\/ UI Reset\n    navEl.style.display = 'flex';\n    progressEl.style.display = 'block';\n    document.getElementById('bx-questions-wrapper').style.display = 'block';\n    resultPanel.style.display = 'none';\n    updateUI();\n  });\n\n  updateUI();\n\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bead Mill vs Three-Roll Mill Selector Answer 5 quick questions about your ink production process. Our algorithm will match you with the correct IDA grinding technology. Question 1 of 5 0% Question 1 What is your ink&#8217;s viscosity range? Low Viscosity &mdash; Under 500 cps (e.g. water-based, inkjet) Medium Viscosity &mdash; 500 &#8211; 5,000 cps [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4285,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-4364","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/pages\/4364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/comments?post=4364"}],"version-history":[{"count":0,"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/pages\/4364\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/pages\/4285"}],"wp:attachment":[{"href":"https:\/\/idaequipment.com\/pt\/wp-json\/wp\/v2\/media?parent=4364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}