GemOLight 2026 | Interactive Spectral & Magnetic Analysis<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Plus Jakarta Sans', sans-serif; scroll-behavior: smooth; }\n .glass-panel { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); border: 1px solid rgba(229, 231, 235, 0.5); }\n .chart-container { position: relative; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; height: 320px; max-height: 400px; }\n .custom-scrollbar::-webkit-scrollbar { width: 4px; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 10px; }\n \n \/* THE BULLETPROOF SPECTRAL FLOW SCHEME *\/\n .spectral-flow {\n \/* 1. Base Fallback (Visible Indigo if Gradient Fails) *\/\n color: #4f46e5; \n display: inline-block;\n font-weight: 800;\n }\n\n \/* 2. Progressive Enhancement (The Gradient) *\/\n @supports (-webkit-background-clip: text) or (background-clip: text) {\n .spectral-flow {\n background-image: linear-gradient(90deg, #4f46e5 0%, #9333ea 50%, #e11d48 100%);\n background-size: cover;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n color: transparent !important;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n }\n }\n\n .active-btn {\n border: 2px solid #4f46e5 !important;\n background-color: #f5f3ff !important;\n }\n\n .btn-base {\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n transition: all 0.2s ease;\n }\n \n .btn-base:hover {\n border-color: #4f46e5;\n box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1);\n }\n <\/style>\n \n<\/head>\n<body class=\"bg-[#faf9f6] text-stone-900\">\n\n \n <nav class=\"bg-white border-b border-stone-200 sticky top-0 z-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-18 py-4\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-bold text-xl\">G<\/div>\n <span class=\"text-xl font-bold tracking-tight\">GemOLight <span class=\"text-indigo-600\">2026<\/span><\/span>\n <\/div>\n <div class=\"hidden md:flex space-x-8 items-center text-sm font-semibold text-stone-500\">\n <a href=\"#lab\" class=\"hover:text-indigo-600 transition\">Spectral Lab<\/a>\n <a href=\"#magnetism\" class=\"hover:text-indigo-600 transition\">Magnetism Unit<\/a>\n <a href=\"#matrix\" class=\"hover:text-indigo-600 transition\">App Matrix<\/a>\n <button class=\"btn-base px-6 py-2 rounded-full shadow-sm\">\n <span class=\"spectral-flow\">Pre-Order Tucson<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"relative pt-20 pb-24 border-b border-stone-200 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <span class=\"inline-block py-1 px-4 rounded-full bg-indigo-100 text-indigo-700 text-xs font-bold uppercase tracking-widest mb-6 italic\">Premiere: Tucson Gem & Mineral Show 2026<\/span>\n \n <h1 class=\"text-5xl md:text-7xl tracking-tighter mb-6 leading-tight\">\n <span class=\"spectral-flow\">One Device. Six Spectrums.<\/span><br>\n <span class=\"spectral-flow\">Infinite Discoveries.<\/span>\n <\/h1>\n \n <p class=\"text-lg md:text-2xl max-w-4xl mx-auto mb-10 leading-relaxed\">\n <span class=\"spectral-flow\">Introducing the 2026 Edition: The professional standard for field mineralogy and gemology, now featuring integrated N52 Neodymium magnetic testing.<\/span>\n <\/p>\n\n <div class=\"flex flex-wrap justify-center gap-4 mt-8 text-stone-600 font-semibold\">\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-amber-400\"><\/span> 3500k-6500k\n <\/div>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-indigo-500\"><\/span> 365nm-395nm\n <\/div>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-blue-400\"><\/span> 420nm + NIR\n <\/div>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-rose-600\"><\/span> N52 Magnet\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"lab\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"text-3xl font-bold mb-16\">The Spectral Laboratory<\/h2>\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n <div class=\"lg:col-span-4 space-y-4\">\n <div id=\"spectrum-selector\" class=\"grid grid-cols-1 gap-3\">\n \n <\/div>\n <div class=\"p-6 bg-stone-50 rounded-2xl border border-stone-200 mt-8\">\n <h3 class=\"text-sm font-bold text-stone-500 uppercase tracking-widest mb-4\">Spectral Distribution<\/h3>\n <div class=\"chart-container\"><canvas id=\"spectrumChart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-8\">\n <div id=\"lab-display\" class=\"h-full rounded-3xl border border-stone-200 shadow-2xl overflow-hidden flex flex-col\">\n <div id=\"lab-header\" class=\"p-8 text-white transition-colors duration-500\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h3 id=\"active-title\" class=\"text-4xl font-black italic tracking-tighter uppercase\">Initializing…<\/h3>\n <p id=\"active-subtitle\" class=\"text-lg opacity-90 mt-1 font-medium\">2026 Analysis Core<\/p>\n <\/div>\n <div id=\"active-icon\" class=\"text-4xl\"><\/div>\n <\/div>\n <\/div>\n <div class=\"p-8 flex-grow space-y-8 bg-white\">\n <p id=\"active-desc\" class=\"text-stone-600 text-lg leading-relaxed\"><\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n <div class=\"space-y-3\"><h4 class=\"text-xs font-black text-indigo-600 uppercase\">Gemology<\/h4><ul id=\"list-gem\" class=\"text-sm text-stone-600 space-y-2 list-disc pl-4\"><\/ul><\/div>\n <div class=\"space-y-3\"><h4 class=\"text-xs font-black text-rose-600 uppercase\">Mineralogy<\/h4><ul id=\"list-min\" class=\"text-sm text-stone-600 space-y-2 list-disc pl-4\"><\/ul><\/div>\n <div class=\"space-y-3\"><h4 class=\"text-xs font-black text-emerald-600 uppercase\">Geology<\/h4><ul id=\"list-geo\" class=\"text-sm text-stone-600 space-y-2 list-disc pl-4\"><\/ul><\/div>\n <\/div>\n <div class=\"pt-6 border-t border-stone-100\"><div class=\"flex items-center gap-3 p-4 bg-indigo-50 rounded-xl\"><span class=\"text-xl\">\ud83d\udca1<\/span><p id=\"lab-tip\" class=\"text-sm font-medium text-indigo-900\"><\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"magnetism\" class=\"py-24 bg-stone-900 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n <div>\n <span class=\"text-rose-500 font-bold tracking-widest text-xs uppercase mb-4 block\">Hardware Premiere<\/span>\n <h2 class=\"text-4xl md:text-5xl font-extrabold tracking-tight mb-6\">N52 Magnetic Core<\/h2>\n <p class=\"text-stone-400 text-lg mb-8\">Integrated susceptibility testing for species differentiation and HPHT detection.<\/p>\n <\/div>\n <div class=\"glass-panel p-8 rounded-3xl border border-white\/20 bg-white\/5\">\n <h3 class=\"text-xl font-bold mb-6\">Magnetic Filters<\/h3>\n <div class=\"flex flex-wrap gap-2 mb-8\">\n <button onclick=\"filterMagnetic('Strong')\" id=\"mag-strong-btn\" class=\"btn-base px-6 py-2 rounded-full\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Strong<\/span>\n <\/button>\n <button onclick=\"filterMagnetic('Weak')\" id=\"mag-weak-btn\" class=\"btn-base px-6 py-2 rounded-full\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Weak<\/span>\n <\/button>\n <button onclick=\"filterMagnetic('Inert')\" id=\"mag-inert-btn\" class=\"btn-base px-6 py-2 rounded-full\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Inert<\/span>\n <\/button>\n <button onclick=\"filterMagnetic('All')\" id=\"mag-all-btn\" class=\"btn-base px-6 py-2 rounded-full active-btn\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">All<\/span>\n <\/button>\n <\/div>\n <div id=\"magnetic-results\" class=\"space-y-3 h-72 overflow-y-auto custom-scrollbar pr-2\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"matrix\" class=\"py-24 bg-[#faf9f6]\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold\">Application Matrix<\/h2>\n <p class=\"text-stone-600 mt-2\">Laboratory Workflow Reference<\/p>\n <\/div>\n <div class=\"bg-white rounded-3xl border border-stone-200 overflow-hidden shadow-sm\">\n <div class=\"p-6 border-b border-stone-100 flex gap-3 overflow-x-auto bg-stone-50\">\n <button id=\"matrix-all-btn\" onclick=\"filterMatrix('all')\" class=\"btn-base px-6 py-2 rounded-full active-btn\"><span class=\"spectral-flow text-xs uppercase tracking-widest\">All Tasks<\/span><\/button>\n <button id=\"matrix-id-btn\" onclick=\"filterMatrix('identification')\" class=\"btn-base px-6 py-2 rounded-full\"><span class=\"spectral-flow text-xs uppercase tracking-widest\">Identification<\/span><\/button>\n <button id=\"matrix-treat-btn\" onclick=\"filterMatrix('treatment')\" class=\"btn-base px-6 py-2 rounded-full\"><span class=\"spectral-flow text-xs uppercase tracking-widest\">Treatments<\/span><\/button>\n <\/div>\n <div class=\"overflow-x-auto\">\n <table class=\"min-w-full divide-y divide-stone-100\">\n <thead class=\"bg-stone-50\">\n <tr>\n <th class=\"px-8 py-6 text-left\"><span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Objective<\/span><\/th>\n <th class=\"px-8 py-6 text-left\"><span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Recommended Mode<\/span><\/th>\n <th class=\"px-8 py-6 text-left\"><span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Science<\/span><\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"matrix-body\" class=\"divide-y divide-stone-100 text-stone-700\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"bg-white py-12 border-t border-stone-200 text-center\">\n <p class=\"text-stone-500 text-xs font-bold uppercase tracking-widest\">\u00a9 2026 GemOLight Scientific Instruments<\/p>\n <\/footer>\n\n <script>\n const spectrumData = [\n { id: '3500k', label: '3500k Warm', title: '3500k Warm White', bg: 'bg-amber-500', icon: '\ud83d\udd06', desc: 'Simulates traditional incandescent lighting. Crucial for color change gems.', gem: ['Alexandrite shift', 'Inclusion mapping'], min: ['Sulfur tones'], geo: ['Oxidized surface'], tip: 'Rapidly toggle between 3500k and 6500k to see Chromium shifts.' },\n { id: '6500k', label: '6500k Day', title: '6500k Daylight', bg: 'bg-slate-400', icon: '\u2600\ufe0f', desc: 'The industry standard for color grading.', gem: ['Diamond grading', 'True body color'], min: ['Streak verify'], geo: ['Lithology logging'], tip: 'Always start with 6500k as your control.' },\n { id: '365nm', label: '365nm UV', title: '365nm LWUV', bg: 'bg-indigo-600', icon: '\ud83c\udf86', desc: 'Gold standard for mineral fluorescence.', gem: ['Diamond fluorescence', 'Emerald oil'], min: ['Fluorite identification'], geo: ['Hydrocarbon trace'], tip: 'LWUV is essential for verifying synthetic ruby origins.' },\n { id: '395nm', label: '395nm Violet', title: '395nm Soft UV', bg: 'bg-violet-600', icon: '\ud83d\udd2e', desc: 'Bridges UV and visible light.', gem: ['Simulant detection'], min: ['Sodalite excitation'], geo: ['Resin curing'], tip: 'Ideal for spotting \"Yooperlites\" in the field.' },\n { id: '420nm', label: '420nm Blue', title: '420nm HEV', bg: 'bg-blue-600', icon: '\ud83c\udf00', desc: 'High energy visible light.', gem: ['Red flash testing'], min: ['Blue-excitation'], geo: ['Micro-crack visualization'], tip: 'Reveals internal chromium luminescence in emeralds.' },\n { id: 'nir', label: 'NIR Infrared', title: 'Near Infrared', bg: 'bg-rose-900', icon: '\ud83d\udc41\ufe0f', desc: 'Transmits through many \"opaque\" stones.', gem: ['Black diamond X-ray'], min: ['Opaque transmission'], geo: ['Texture mapping'], tip: 'Use a digital camera to reveal hidden internal features via NIR.' }\n ];\n\n const magneticData = [\n { name: 'Garnet (Almandine)', react: 'Strong', note: 'Strong drag reaction.' },\n { name: 'HPHT Synthetic Diamond', react: 'Strong', note: 'Metallic flux attraction.' },\n { name: 'Hematite', react: 'Strong', note: 'High susceptibility.' },\n { name: 'Peridot', react: 'Weak', note: 'Iron-driven reaction.' },\n { name: 'Natural Diamond', react: 'Inert', note: 'Non-magnetic.' },\n { name: 'Ruby (Natural)', react: 'Inert', note: 'Separate from Garnet.' }\n ];\n\n const matrixData = [\n { goal: 'Identify Emerald Fillers', mode: '365nm LWUV', basis: 'Resin glows yellow\/white.', cat: 'treatment' },\n { goal: 'Garnet vs Ruby Separation', mode: 'N52 Magnet', basis: 'Garnet shows drag; Ruby is inert.', cat: 'identification' },\n { goal: 'Color Change Analysis', mode: '3500k\/6500k', basis: 'Shift between warm\/cool.', cat: 'identification' },\n { goal: 'Check Black Diamond Flaws', mode: 'NIR Channel', basis: 'Infrared penetrates carbon.', cat: 'identification' }\n ];\n\n let currentIdx = 0;\n let chart = null;\n\n function init() {\n renderSpectrumButtons();\n renderLab(0);\n initChart();\n filterMagnetic('All');\n renderMatrix('all');\n }\n\n function renderSpectrumButtons() {\n const container = document.getElementById('spectrum-selector');\n container.innerHTML = spectrumData.map((s, i) => `\n <button onclick=\"renderLab(${i})\" class=\"w-full p-4 rounded-xl btn-base flex items-center justify-between ${i === currentIdx ? 'active-btn' : ''}\">\n <div class=\"flex items-center gap-3\">\n <span class=\"w-3 h-3 rounded-full flex-shrink-0\" style=\"background-color: ${s.id === '6500k' ? '#94a3b8' : s.id === '3500k' ? '#fbbf24' : s.id === '365nm' ? '#4f46e5' : s.id === '395nm' ? '#7c3aed' : s.id === '420nm' ? '#3b82f6' : '#991b1b'}\"><\/span>\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">${s.label}<\/span>\n <\/div>\n <\/button>\n `).join('');\n }\n\n function renderLab(idx) {\n currentIdx = idx;\n const data = spectrumData[idx];\n document.getElementById('lab-header').className = `p-8 text-white transition-colors duration-500 ${data.bg}`;\n document.getElementById('active-title').innerText = data.title;\n document.getElementById('active-icon').innerText = data.icon;\n document.getElementById('active-desc').innerText = data.desc;\n document.getElementById('lab-tip').innerText = data.tip;\n document.getElementById('list-gem').innerHTML = data.gem.map(i => `<li>${i}<\/li>`).join('');\n document.getElementById('list-min').innerHTML = data.min.map(i => `<li>${i}<\/li>`).join('');\n document.getElementById('list-geo').innerHTML = data.geo.map(i => `<li>${i}<\/li>`).join('');\n renderSpectrumButtons();\n if(chart) updateChart();\n }\n\n function initChart() {\n const ctx = document.getElementById('spectrumChart').getContext('2d');\n chart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: spectrumData.map(s => s.label),\n datasets: [{ data: [100, 100, 100, 100, 100, 100], backgroundColor: '#4f46e522', borderColor: '#4f46e5', borderWidth: 1 }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { y: { display: false }, x: { grid: { display: false } } }, plugins: { legend: { display: false } } }\n });\n updateChart();\n }\n\n function updateChart() {\n chart.data.datasets[0].backgroundColor = spectrumData.map((s, i) => i === currentIdx ? '#4f46e5' : '#4f46e522');\n chart.update();\n }\n\n function filterMagnetic(type) {\n const container = document.getElementById('magnetic-results');\n const filtered = type === 'All' ? magneticData : magneticData.filter(d => d.react === type);\n container.innerHTML = filtered.map(item => `\n <div class=\"flex items-center justify-between p-4 bg-white\/10 border border-white\/20 rounded-xl\">\n <div>\n <span class=\"spectral-flow text-sm block\">${item.name}<\/span>\n <p class=\"text-[10px] text-stone-400\">${item.note}<\/p>\n <\/div>\n <span class=\"px-3 py-1 rounded-full text-[9px] font-black uppercase bg-stone-700 text-white\">${item.react}<\/span>\n <\/div>\n `).join('');\n document.querySelectorAll('[id^=\"mag-\"]').forEach(btn => btn.classList.remove('active-btn'));\n const activeMap = {'Strong': 'mag-strong-btn', 'Weak': 'mag-weak-btn', 'Inert': 'mag-inert-btn', 'All': 'mag-all-btn'};\n document.getElementById(activeMap[type]).classList.add('active-btn');\n }\n\n function renderMatrix(cat) {\n const body = document.getElementById('matrix-body');\n const filtered = cat === 'all' ? matrixData : matrixData.filter(d => d.cat === cat);\n body.innerHTML = filtered.map(row => `\n <tr class=\"hover:bg-stone-50 transition\">\n <td class=\"px-8 py-6\"><span class=\"spectral-flow text-sm\">${row.goal}<\/span><\/td>\n <td class=\"px-8 py-6\"><span class=\"spectral-flow italic text-sm tracking-tighter\">${row.mode}<\/span><\/td>\n <td class=\"px-8 py-6\"><span class=\"spectral-flow text-sm\">${row.basis}<\/span><\/td>\n <\/tr>\n `).join('');\n document.querySelectorAll('[id^=\"matrix-\"]').forEach(btn => btn.classList.remove('active-btn'));\n const activeMap = {'all': 'matrix-all-btn', 'identification': 'matrix-id-btn', 'treatment': 'matrix-treat-btn'};\n document.getElementById(activeMap[cat]).classList.add('active-btn');\n }\n\n window.onload = init;\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>GemOLight 2026 | Interactive Spectral & Magnetic Analysis G GemOLight 2026 Spectral Lab Magnetism Unit App Matrix Pre-Order Tucson Premiere: Tucson Gem & Mineral Show 2026 One Device. Six Spectrums. Infinite Discoveries. Introducing the 2026 Edition: The professional standard for field mineralogy and gemology, now featuring integrated N52 Neodymium magnetic testing. 3500k-6500k 365nm-395nm 420nm + […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":10,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":148,"date":"2026-01-06T13:04:08","date_gmt":"2026-01-06T13:04:08","guid":{"rendered":"https:\/\/gemolight.com\/?page_id=148"},"modified":"2026-01-06T14:59:51","modified_gmt":"2026-01-06T14:59:51","slug":"deep-dive-details","status":"publish","type":"page","link":"https:\/\/gemolight.com\/index.php\/deep-dive-details\/","title":{"rendered":"Deep Dive Details"},"content":{"rendered":"\n\n\n\n \n \n GemOLight 2026 | Interactive Spectral & Magnetic Analysis<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Plus Jakarta Sans', sans-serif; scroll-behavior: smooth; }\n .glass-panel { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); border: 1px solid rgba(229, 231, 235, 0.5); }\n .chart-container { position: relative; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; height: 320px; max-height: 400px; }\n .custom-scrollbar::-webkit-scrollbar { width: 4px; }\n .custom-scrollbar::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 10px; }\n \n \/* THE BULLETPROOF SPECTRAL FLOW SCHEME *\/\n .spectral-flow {\n \/* 1. Base Fallback (Visible Indigo if Gradient Fails) *\/\n color: #4f46e5; \n display: inline-block;\n font-weight: 800;\n }\n\n \/* 2. Progressive Enhancement (The Gradient) *\/\n @supports (-webkit-background-clip: text) or (background-clip: text) {\n .spectral-flow {\n background-image: linear-gradient(90deg, #4f46e5 0%, #9333ea 50%, #e11d48 100%);\n background-size: cover;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n color: transparent !important;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n }\n }\n\n .active-btn {\n border: 2px solid #4f46e5 !important;\n background-color: #f5f3ff !important;\n }\n\n .btn-base {\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n transition: all 0.2s ease;\n }\n \n .btn-base:hover {\n border-color: #4f46e5;\n box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1);\n }\n <\/style>\n \n<\/head>\n<body class=\"bg-[#faf9f6] text-stone-900\">\n\n \n <nav class=\"bg-white border-b border-stone-200 sticky top-0 z-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-18 py-4\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-bold text-xl\">G<\/div>\n <span class=\"text-xl font-bold tracking-tight\">GemOLight <span class=\"text-indigo-600\">2026<\/span><\/span>\n <\/div>\n <div class=\"hidden md:flex space-x-8 items-center text-sm font-semibold text-stone-500\">\n <a href=\"#lab\" class=\"hover:text-indigo-600 transition\">Spectral Lab<\/a>\n <a href=\"#magnetism\" class=\"hover:text-indigo-600 transition\">Magnetism Unit<\/a>\n <a href=\"#matrix\" class=\"hover:text-indigo-600 transition\">App Matrix<\/a>\n <button class=\"btn-base px-6 py-2 rounded-full shadow-sm\">\n <span class=\"spectral-flow\">Pre-Order Tucson<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"relative pt-20 pb-24 border-b border-stone-200 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <span class=\"inline-block py-1 px-4 rounded-full bg-indigo-100 text-indigo-700 text-xs font-bold uppercase tracking-widest mb-6 italic\">Premiere: Tucson Gem & Mineral Show 2026<\/span>\n \n <h1 class=\"text-5xl md:text-7xl tracking-tighter mb-6 leading-tight\">\n <span class=\"spectral-flow\">One Device. Six Spectrums.<\/span><br>\n <span class=\"spectral-flow\">Infinite Discoveries.<\/span>\n <\/h1>\n \n <p class=\"text-lg md:text-2xl max-w-4xl mx-auto mb-10 leading-relaxed\">\n <span class=\"spectral-flow\">Introducing the 2026 Edition: The professional standard for field mineralogy and gemology, now featuring integrated N52 Neodymium magnetic testing.<\/span>\n <\/p>\n\n <div class=\"flex flex-wrap justify-center gap-4 mt-8 text-stone-600 font-semibold\">\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-amber-400\"><\/span> 3500k-6500k\n <\/div>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-indigo-500\"><\/span> 365nm-395nm\n <\/div>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-blue-400\"><\/span> 420nm + NIR\n <\/div>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-stone-50 rounded-full border border-stone-200 text-sm\">\n <span class=\"w-2 h-2 rounded-full bg-rose-600\"><\/span> N52 Magnet\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"lab\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"text-3xl font-bold mb-16\">The Spectral Laboratory<\/h2>\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n <div class=\"lg:col-span-4 space-y-4\">\n <div id=\"spectrum-selector\" class=\"grid grid-cols-1 gap-3\">\n \n <\/div>\n <div class=\"p-6 bg-stone-50 rounded-2xl border border-stone-200 mt-8\">\n <h3 class=\"text-sm font-bold text-stone-500 uppercase tracking-widest mb-4\">Spectral Distribution<\/h3>\n <div class=\"chart-container\"><canvas id=\"spectrumChart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-8\">\n <div id=\"lab-display\" class=\"h-full rounded-3xl border border-stone-200 shadow-2xl overflow-hidden flex flex-col\">\n <div id=\"lab-header\" class=\"p-8 text-white transition-colors duration-500\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h3 id=\"active-title\" class=\"text-4xl font-black italic tracking-tighter uppercase\">Initializing…<\/h3>\n <p id=\"active-subtitle\" class=\"text-lg opacity-90 mt-1 font-medium\">2026 Analysis Core<\/p>\n <\/div>\n <div id=\"active-icon\" class=\"text-4xl\"><\/div>\n <\/div>\n <\/div>\n <div class=\"p-8 flex-grow space-y-8 bg-white\">\n <p id=\"active-desc\" class=\"text-stone-600 text-lg leading-relaxed\"><\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n <div class=\"space-y-3\"><h4 class=\"text-xs font-black text-indigo-600 uppercase\">Gemology<\/h4><ul id=\"list-gem\" class=\"text-sm text-stone-600 space-y-2 list-disc pl-4\"><\/ul><\/div>\n <div class=\"space-y-3\"><h4 class=\"text-xs font-black text-rose-600 uppercase\">Mineralogy<\/h4><ul id=\"list-min\" class=\"text-sm text-stone-600 space-y-2 list-disc pl-4\"><\/ul><\/div>\n <div class=\"space-y-3\"><h4 class=\"text-xs font-black text-emerald-600 uppercase\">Geology<\/h4><ul id=\"list-geo\" class=\"text-sm text-stone-600 space-y-2 list-disc pl-4\"><\/ul><\/div>\n <\/div>\n <div class=\"pt-6 border-t border-stone-100\"><div class=\"flex items-center gap-3 p-4 bg-indigo-50 rounded-xl\"><span class=\"text-xl\">\ud83d\udca1<\/span><p id=\"lab-tip\" class=\"text-sm font-medium text-indigo-900\"><\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"magnetism\" class=\"py-24 bg-stone-900 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n <div>\n <span class=\"text-rose-500 font-bold tracking-widest text-xs uppercase mb-4 block\">Hardware Premiere<\/span>\n <h2 class=\"text-4xl md:text-5xl font-extrabold tracking-tight mb-6\">N52 Magnetic Core<\/h2>\n <p class=\"text-stone-400 text-lg mb-8\">Integrated susceptibility testing for species differentiation and HPHT detection.<\/p>\n <\/div>\n <div class=\"glass-panel p-8 rounded-3xl border border-white\/20 bg-white\/5\">\n <h3 class=\"text-xl font-bold mb-6\">Magnetic Filters<\/h3>\n <div class=\"flex flex-wrap gap-2 mb-8\">\n <button onclick=\"filterMagnetic('Strong')\" id=\"mag-strong-btn\" class=\"btn-base px-6 py-2 rounded-full\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Strong<\/span>\n <\/button>\n <button onclick=\"filterMagnetic('Weak')\" id=\"mag-weak-btn\" class=\"btn-base px-6 py-2 rounded-full\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Weak<\/span>\n <\/button>\n <button onclick=\"filterMagnetic('Inert')\" id=\"mag-inert-btn\" class=\"btn-base px-6 py-2 rounded-full\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Inert<\/span>\n <\/button>\n <button onclick=\"filterMagnetic('All')\" id=\"mag-all-btn\" class=\"btn-base px-6 py-2 rounded-full active-btn\">\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">All<\/span>\n <\/button>\n <\/div>\n <div id=\"magnetic-results\" class=\"space-y-3 h-72 overflow-y-auto custom-scrollbar pr-2\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"matrix\" class=\"py-24 bg-[#faf9f6]\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold\">Application Matrix<\/h2>\n <p class=\"text-stone-600 mt-2\">Laboratory Workflow Reference<\/p>\n <\/div>\n <div class=\"bg-white rounded-3xl border border-stone-200 overflow-hidden shadow-sm\">\n <div class=\"p-6 border-b border-stone-100 flex gap-3 overflow-x-auto bg-stone-50\">\n <button id=\"matrix-all-btn\" onclick=\"filterMatrix('all')\" class=\"btn-base px-6 py-2 rounded-full active-btn\"><span class=\"spectral-flow text-xs uppercase tracking-widest\">All Tasks<\/span><\/button>\n <button id=\"matrix-id-btn\" onclick=\"filterMatrix('identification')\" class=\"btn-base px-6 py-2 rounded-full\"><span class=\"spectral-flow text-xs uppercase tracking-widest\">Identification<\/span><\/button>\n <button id=\"matrix-treat-btn\" onclick=\"filterMatrix('treatment')\" class=\"btn-base px-6 py-2 rounded-full\"><span class=\"spectral-flow text-xs uppercase tracking-widest\">Treatments<\/span><\/button>\n <\/div>\n <div class=\"overflow-x-auto\">\n <table class=\"min-w-full divide-y divide-stone-100\">\n <thead class=\"bg-stone-50\">\n <tr>\n <th class=\"px-8 py-6 text-left\"><span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Objective<\/span><\/th>\n <th class=\"px-8 py-6 text-left\"><span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Recommended Mode<\/span><\/th>\n <th class=\"px-8 py-6 text-left\"><span class=\"spectral-flow text-[11px] uppercase tracking-widest\">Science<\/span><\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"matrix-body\" class=\"divide-y divide-stone-100 text-stone-700\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"bg-white py-12 border-t border-stone-200 text-center\">\n <p class=\"text-stone-500 text-xs font-bold uppercase tracking-widest\">\u00a9 2026 GemOLight Scientific Instruments<\/p>\n <\/footer>\n\n <script>\n const spectrumData = [\n { id: '3500k', label: '3500k Warm', title: '3500k Warm White', bg: 'bg-amber-500', icon: '\ud83d\udd06', desc: 'Simulates traditional incandescent lighting. Crucial for color change gems.', gem: ['Alexandrite shift', 'Inclusion mapping'], min: ['Sulfur tones'], geo: ['Oxidized surface'], tip: 'Rapidly toggle between 3500k and 6500k to see Chromium shifts.' },\n { id: '6500k', label: '6500k Day', title: '6500k Daylight', bg: 'bg-slate-400', icon: '\u2600\ufe0f', desc: 'The industry standard for color grading.', gem: ['Diamond grading', 'True body color'], min: ['Streak verify'], geo: ['Lithology logging'], tip: 'Always start with 6500k as your control.' },\n { id: '365nm', label: '365nm UV', title: '365nm LWUV', bg: 'bg-indigo-600', icon: '\ud83c\udf86', desc: 'Gold standard for mineral fluorescence.', gem: ['Diamond fluorescence', 'Emerald oil'], min: ['Fluorite identification'], geo: ['Hydrocarbon trace'], tip: 'LWUV is essential for verifying synthetic ruby origins.' },\n { id: '395nm', label: '395nm Violet', title: '395nm Soft UV', bg: 'bg-violet-600', icon: '\ud83d\udd2e', desc: 'Bridges UV and visible light.', gem: ['Simulant detection'], min: ['Sodalite excitation'], geo: ['Resin curing'], tip: 'Ideal for spotting \"Yooperlites\" in the field.' },\n { id: '420nm', label: '420nm Blue', title: '420nm HEV', bg: 'bg-blue-600', icon: '\ud83c\udf00', desc: 'High energy visible light.', gem: ['Red flash testing'], min: ['Blue-excitation'], geo: ['Micro-crack visualization'], tip: 'Reveals internal chromium luminescence in emeralds.' },\n { id: 'nir', label: 'NIR Infrared', title: 'Near Infrared', bg: 'bg-rose-900', icon: '\ud83d\udc41\ufe0f', desc: 'Transmits through many \"opaque\" stones.', gem: ['Black diamond X-ray'], min: ['Opaque transmission'], geo: ['Texture mapping'], tip: 'Use a digital camera to reveal hidden internal features via NIR.' }\n ];\n\n const magneticData = [\n { name: 'Garnet (Almandine)', react: 'Strong', note: 'Strong drag reaction.' },\n { name: 'HPHT Synthetic Diamond', react: 'Strong', note: 'Metallic flux attraction.' },\n { name: 'Hematite', react: 'Strong', note: 'High susceptibility.' },\n { name: 'Peridot', react: 'Weak', note: 'Iron-driven reaction.' },\n { name: 'Natural Diamond', react: 'Inert', note: 'Non-magnetic.' },\n { name: 'Ruby (Natural)', react: 'Inert', note: 'Separate from Garnet.' }\n ];\n\n const matrixData = [\n { goal: 'Identify Emerald Fillers', mode: '365nm LWUV', basis: 'Resin glows yellow\/white.', cat: 'treatment' },\n { goal: 'Garnet vs Ruby Separation', mode: 'N52 Magnet', basis: 'Garnet shows drag; Ruby is inert.', cat: 'identification' },\n { goal: 'Color Change Analysis', mode: '3500k\/6500k', basis: 'Shift between warm\/cool.', cat: 'identification' },\n { goal: 'Check Black Diamond Flaws', mode: 'NIR Channel', basis: 'Infrared penetrates carbon.', cat: 'identification' }\n ];\n\n let currentIdx = 0;\n let chart = null;\n\n function init() {\n renderSpectrumButtons();\n renderLab(0);\n initChart();\n filterMagnetic('All');\n renderMatrix('all');\n }\n\n function renderSpectrumButtons() {\n const container = document.getElementById('spectrum-selector');\n container.innerHTML = spectrumData.map((s, i) => `\n <button onclick=\"renderLab(${i})\" class=\"w-full p-4 rounded-xl btn-base flex items-center justify-between ${i === currentIdx ? 'active-btn' : ''}\">\n <div class=\"flex items-center gap-3\">\n <span class=\"w-3 h-3 rounded-full flex-shrink-0\" style=\"background-color: ${s.id === '6500k' ? '#94a3b8' : s.id === '3500k' ? '#fbbf24' : s.id === '365nm' ? '#4f46e5' : s.id === '395nm' ? '#7c3aed' : s.id === '420nm' ? '#3b82f6' : '#991b1b'}\"><\/span>\n <span class=\"spectral-flow text-[11px] uppercase tracking-widest\">${s.label}<\/span>\n <\/div>\n <\/button>\n `).join('');\n }\n\n function renderLab(idx) {\n currentIdx = idx;\n const data = spectrumData[idx];\n document.getElementById('lab-header').className = `p-8 text-white transition-colors duration-500 ${data.bg}`;\n document.getElementById('active-title').innerText = data.title;\n document.getElementById('active-icon').innerText = data.icon;\n document.getElementById('active-desc').innerText = data.desc;\n document.getElementById('lab-tip').innerText = data.tip;\n document.getElementById('list-gem').innerHTML = data.gem.map(i => `<li>${i}<\/li>`).join('');\n document.getElementById('list-min').innerHTML = data.min.map(i => `<li>${i}<\/li>`).join('');\n document.getElementById('list-geo').innerHTML = data.geo.map(i => `<li>${i}<\/li>`).join('');\n renderSpectrumButtons();\n if(chart) updateChart();\n }\n\n function initChart() {\n const ctx = document.getElementById('spectrumChart').getContext('2d');\n chart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: spectrumData.map(s => s.label),\n datasets: [{ data: [100, 100, 100, 100, 100, 100], backgroundColor: '#4f46e522', borderColor: '#4f46e5', borderWidth: 1 }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { y: { display: false }, x: { grid: { display: false } } }, plugins: { legend: { display: false } } }\n });\n updateChart();\n }\n\n function updateChart() {\n chart.data.datasets[0].backgroundColor = spectrumData.map((s, i) => i === currentIdx ? '#4f46e5' : '#4f46e522');\n chart.update();\n }\n\n function filterMagnetic(type) {\n const container = document.getElementById('magnetic-results');\n const filtered = type === 'All' ? magneticData : magneticData.filter(d => d.react === type);\n container.innerHTML = filtered.map(item => `\n <div class=\"flex items-center justify-between p-4 bg-white\/10 border border-white\/20 rounded-xl\">\n <div>\n <span class=\"spectral-flow text-sm block\">${item.name}<\/span>\n <p class=\"text-[10px] text-stone-400\">${item.note}<\/p>\n <\/div>\n <span class=\"px-3 py-1 rounded-full text-[9px] font-black uppercase bg-stone-700 text-white\">${item.react}<\/span>\n <\/div>\n `).join('');\n document.querySelectorAll('[id^=\"mag-\"]').forEach(btn => btn.classList.remove('active-btn'));\n const activeMap = {'Strong': 'mag-strong-btn', 'Weak': 'mag-weak-btn', 'Inert': 'mag-inert-btn', 'All': 'mag-all-btn'};\n document.getElementById(activeMap[type]).classList.add('active-btn');\n }\n\n function renderMatrix(cat) {\n const body = document.getElementById('matrix-body');\n const filtered = cat === 'all' ? matrixData : matrixData.filter(d => d.cat === cat);\n body.innerHTML = filtered.map(row => `\n <tr class=\"hover:bg-stone-50 transition\">\n <td class=\"px-8 py-6\"><span class=\"spectral-flow text-sm\">${row.goal}<\/span><\/td>\n <td class=\"px-8 py-6\"><span class=\"spectral-flow italic text-sm tracking-tighter\">${row.mode}<\/span><\/td>\n <td class=\"px-8 py-6\"><span class=\"spectral-flow text-sm\">${row.basis}<\/span><\/td>\n <\/tr>\n `).join('');\n document.querySelectorAll('[id^=\"matrix-\"]').forEach(btn => btn.classList.remove('active-btn'));\n const activeMap = {'all': 'matrix-all-btn', 'identification': 'matrix-id-btn', 'treatment': 'matrix-treat-btn'};\n document.getElementById(activeMap[cat]).classList.add('active-btn');\n }\n\n window.onload = init;\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>GemOLight 2026 | Interactive Spectral & Magnetic Analysis G GemOLight 2026 Spectral Lab Magnetism Unit App Matrix Pre-Order Tucson Premiere: Tucson Gem & Mineral Show 2026 One Device. Six Spectrums. Infinite Discoveries. Introducing the 2026 Edition: The professional standard for field mineralogy and gemology, now featuring integrated N52 Neodymium magnetic testing. 3500k-6500k 365nm-395nm 420nm + […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":10,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/gemolight.com\/index.php\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}