{"id":1079,"date":"2026-06-05T18:55:47","date_gmt":"2026-06-05T18:55:47","guid":{"rendered":"https:\/\/arten3d.com\/?page_id=1079"},"modified":"2026-09-15T12:21:19","modified_gmt":"2026-09-15T12:21:19","slug":"weight-calculator","status":"publish","type":"page","link":"https:\/\/arten3d.com\/weight-calculator\/","title":{"rendered":"Weight Calculator"},"content":{"rendered":"\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\n    \n    \/* Global Nav Resets to block theme interference *\/\n    .a3d-nav-wrapper {\n        width: 100% !important;\n        max-width: 100% !important;\n        background-color: #000000 !important;\n        box-sizing: border-box !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        font-family: 'Inter', sans-serif !important;\n    }\n\n    .a3d-nav-container {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        width: 100% !important;\n        height: 75px !important;\n        padding: 0 16px !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* ROUNDED PILL LOGO BACKGROUND *\/\n    .a3d-logo-pill {\n        background-color: #facc15 !important;\n        border-radius: 9999px !important;\n        height: 46px !important;\n        display: flex !important;\n        align-items: center !important;\n        padding: 0 18px !important;\n        transition: transform 0.2s ease !important;\n        flex-shrink: 0 !important;\n    }\n    \n    .a3d-logo-pill:hover {\n        transform: scale(1.02) !important;\n    }\n\n    .a3d-links-box {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        gap: 14px !important;\n        margin-left: auto !important;\n        padding-right: 20px !important;\n    }\n\n    \/* MENU ITEM DESKTOP INTERACTION *\/\n    .a3d-nav-item {\n        display: inline-block !important;\n        font-weight: 700 !important;\n        font-size: 11px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        text-decoration: none !important;\n        padding: 6px 2px !important;\n        color: #facc15 !important;\n        border-bottom: 3px solid transparent !important;\n        transition: all 0.2s ease-in-out !important;\n        background: transparent !important;\n    }\n\n    .a3d-nav-item:hover {\n        color: #ffffff !important;\n        border-color: #ffffff !important;\n    }\n\n    \/* EXCLUSIVE WEIGHT CALCULATOR UNDERLINE *\/\n    .a3d-active-link {\n        border-color: #facc15 !important; \n        font-weight: 900 !important;\n    }\n\n    \/* QUOTE BUTTON *\/\n    .a3d-quote-btn {\n        background-color: #facc15 !important;\n        color: #000000 !important;\n        border-radius: 9999px !important;\n        padding: 8px 18px !important;\n        font-weight: 700 !important;\n        font-size: 11px !important;\n        text-transform: uppercase !important;\n        text-decoration: none !important;\n        transition: all 0.2s ease !important;\n        display: inline-block !important;\n    }\n\n    .a3d-quote-btn:hover {\n        background-color: #ffffff !important;\n        color: #000000 !important;\n    }\n\n    \/* RIGHT TRAY ICONS *\/\n    .a3d-icons-wrapper {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        gap: 14px !important;\n        flex-shrink: 0 !important;\n    }\n\n    .a3d-icon-link {\n        color: #facc15 !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        transition: color 0.2s ease, transform 0.2s ease !important;\n        text-decoration: none !important;\n    }\n    .a3d-icon-link:hover {\n        color: #ffffff !important;\n        transform: translateY(-2px) !important;\n    }\n\n    \/* MOBILE DRAWER LAYER *\/\n    .a3d-mobile-drawer {\n        background-color: #0c0c0c !important;\n        border-top: 1px solid #1a1a1a !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n        padding: 24px 0 !important;\n        display: none; \/* Controlled by JS *\/\n        flex-direction: column !important;\n        align-items: center !important;\n        gap: 18px !important;\n    }\n\n    .a3d-mobile-item {\n        font-weight: 700 !important;\n        font-size: 14px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.08em !important;\n        color: #facc15 !important;\n        text-decoration: none !important;\n        padding: 4px 0 !important;\n        width: 100% !important;\n        text-align: center !important;\n    }\n    \n    .a3d-mobile-item:hover {\n        color: #ffffff !important;\n    }\n\n    .a3d-mobile-active {\n        border-bottom: 2px solid #facc15 !important;\n        display: inline-block !important;\n        width: auto !important;\n    }\n\n    \/* RESPONSIVE VISIBILITY BREAKPOINTS *\/\n    @media (min-width: 1025px) {\n        .a3d-hamburger-btn { display: none !important; }\n        .a3d-mobile-drawer { display: none !important; }\n    }\n\n    @media (max-width: 1024px) {\n        .a3d-links-box { display: none !important; }\n        .a3d-nav-container { padding: 0 20px !important; }\n        .a3d-logo-pill { height: 40px !important; padding: 0 14px !important; }\n    }\n<\/style>\n\n<header class=\"a3d-nav-wrapper sticky top-0 z-[1000] border-b border-zinc-900 shadow-2xl\">\n    <div class=\"a3d-nav-container\">\n        \n        <div style=\"display: flex; align-items: center;\">\n            <a href=\"https:\/\/arten3d.com\" class=\"a3d-logo-pill no-underline\">\n                <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/01\/Inverted.svg\" alt=\"ARTEN3D\" style=\"height: 30px !important; width: auto !important; display: block !important; max-width: none !important;\">\n            <\/a>\n        <\/div>\n\n        <div class=\"a3d-links-box\">\n            <a href=\"\/\" class=\"a3d-nav-item\">Home<\/a>\n            <a href=\"\/blog\" class=\"a3d-nav-item\">Blog<\/a>\n            <a href=\"\/our-work\" class=\"a3d-nav-item\">Our Work<\/a>\n            <a href=\"\/our-products\" class=\"a3d-nav-item\">Our Products<\/a>\n            <a href=\"\/about-us\" class=\"a3d-nav-item\">About Us<\/a>\n            <a href=\"\/contact-us\" class=\"a3d-nav-item\">Contact Us<\/a>\n            <a href=\"https:\/\/arten3d.com\/reviews\" class=\"a3d-nav-item\">Reviews &#038; FAQs<\/a>\n            \n            <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"a3d-nav-item a3d-active-link\">Weight Calculator<\/a>\n            \n            <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"a3d-quote-btn\" style=\"margin-left: 8px !important;\" target=\"_blank\" rel=\"noopener\">\n                Ask For A Quote\n            <\/a>\n        <\/div>\n\n        <div class=\"a3d-icons-wrapper\">\n            <a href=\"mailto:info@arten3d.com\" class=\"a3d-icon-link\" aria-label=\"Email Us\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n            <\/a>\n            \n            <a href=\"https:\/\/wa.link\/rxk7lq\" target=\"_blank\" class=\"a3d-icon-link\" aria-label=\"WhatsApp\" rel=\"noopener\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.588-5.946 0-6.556 5.332-11.888 11.888-11.888 3.176 0 6.161 1.237 8.404 3.48s3.484 5.229 3.484 8.408c0 6.556-5.332 11.888-11.888 11.888-2.004 0-3.969-.505-5.717-1.465l-6.27 1.644zm6.133-3.953l.352.209c1.406.837 3.102 1.28 4.846 1.28 4.921 0 8.925-4.004 8.925-8.925 0-2.386-.929-4.63-2.615-6.316s-3.93-2.615-6.31-2.615c-4.92 0-8.925 4.004-8.925 8.925 0 1.835.561 3.623 1.619 5.15l.231.334-.974 3.559 3.646-.957zm10.518-5.39c-.279-.139-1.648-.814-1.903-.907-.255-.093-.441-.139-.627.139s-.72.907-.882 1.092-.325.209-.604.07-1.176-.433-2.24-1.381c-.827-.738-1.385-1.65-1.547-1.928-.163-.278-.018-.429.122-.567.126-.124.279-.325.418-.487.14-.163.186-.279.279-.465.093-.186.046-.348-.023-.487s-.627-1.509-.859-2.066c-.226-.54-.454-.467-.627-.476-.162-.009-.348-.01-.534-.01s-.488.07-.743.348c-.255.279-.975.953-.975 2.324s1.001 2.693 1.14 2.879c.139.186 1.97 3.008 4.773 4.218.666.288 1.187.46 1.591.588.67.213 1.279.183 1.761.111.537-.08 1.648-.674 1.881-1.325.233-.65.233-1.207.163-1.325-.07-.116-.255-.186-.534-.325z\"><\/path><\/svg>\n            <\/a>\n\n            <button onclick=\"toggleMobileMenu()\" class=\"a3d-hamburger-btn focus:outline-none\" style=\"background:none; border:none; color:#facc15; cursor:pointer; padding:0; display:inline-flex; align-items:center;\" aria-label=\"Open Menu\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"mobile-drawer\" class=\"a3d-mobile-drawer\">\n        <a href=\"\/\" class=\"a3d-mobile-item\">Home<\/a>\n        <a href=\"\/blog\" class=\"a3d-mobile-item\">Blog<\/a>\n        <a href=\"\/our-work\" class=\"a3d-mobile-item\">Our Work<\/a>\n        <a href=\"\/our-products\" class=\"a3d-mobile-item\">Our Products<\/a>\n        <a href=\"\/about-us\" class=\"a3d-mobile-item\">About Us<\/a>\n        <a href=\"\/contact-us\" class=\"a3d-mobile-item\">Contact Us<\/a>\n        <a href=\"https:\/\/arten3d.com\/reviews\" class=\"a3d-mobile-item\">Reviews &#038; FAQs<\/a>\n        <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"a3d-mobile-item\"><span class=\"a3d-mobile-active\">Weight Calculator<\/span><\/a>\n        \n        <div style=\"padding: 6px 24px 0 24px; width: 100%; box-sizing: border-box;\">\n            <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"a3d-quote-btn\" style=\"display: block !important; text-align: center !important; padding: 12px 0 !important; font-size: 13px !important;\" target=\"_blank\" rel=\"noopener\">\n                Ask For A Quote\n            <\/a>\n        <\/div>\n    <\/div>\n<\/header>\n\n<script>\n    function toggleMobileMenu() {\n        const drawer = document.getElementById('mobile-drawer');\n        if (drawer.style.display === 'none' || drawer.style.display === '') {\n            drawer.style.display = 'flex';\n        } else {\n            drawer.style.display = 'none';\n        }\n    }\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>Metal &#038; Wax Converter | Arten3D &#8211; Unified Responsive Layout<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* FRAME BUSTER: Forces the widget to break out of restrictive WordPress layout wrappers *\/\n        .converter-container-root {\n            width: 100% !important;\n            max-width: 1100px !important;\n            margin: 0 auto !important;\n            padding: 10px !important;\n            box-sizing: border-box !important;\n        }\n\n        body {\n            background: linear-gradient(145deg, #0a0a0a 0%, #161410 100%);\n            font-family: 'Inter', 'Segoe UI', 'Poppins', system-ui, sans-serif;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .converter-card {\n            width: 100% !important;\n            max-width: 100% !important; \n            background: #0c0b09;\n            border-radius: 1.5rem;\n            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(230, 180, 34, 0.25);\n            overflow: hidden;\n            margin: 0 auto;\n        }\n\n        .header {\n            background: linear-gradient(105deg, #e6b422 0%, #d4a017 40%, #f5c542 100%);\n            padding: 1.2rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 1rem;\n            border-bottom: 2px solid #000000;\n        }\n\n        .logo-area {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .title-area {\n            text-align: right;\n            flex: 1;\n            min-width: 200px;\n        }\n\n        .header h1 {\n            font-size: clamp(1rem, 4vw, 1.4rem); \n            font-weight: 800;\n            color: #0f0e0a;\n            letter-spacing: -0.3px;\n            word-break: break-word;\n            overflow-wrap: break-word;\n        }\n\n        .header h1 span {\n            background: #1a1814;\n            padding: 0.2rem 0.6rem;\n            border-radius: 60px;\n            font-size: 0.65rem;\n            color: #f5c542;\n            font-weight: 600;\n            display: inline-block;\n            margin-top: 4px;\n            white-space: nowrap;\n        }\n\n        .sub {\n            font-size: 0.7rem;\n            margin-top: 0.2rem;\n            color: #2c2820;\n            font-weight: 600;\n        }\n\n        .input-panel {\n            background: #12100e;\n            padding: 1.2rem;\n            border-bottom: 1px solid #2a2621;\n        }\n\n        .flex-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            align-items: flex-end;\n            justify-content: space-between;\n        }\n\n        .field-group {\n            flex: 1;\n            min-width: 130px; \/* Highly elastic layout scaling for smaller viewports *\/\n        }\n\n        .field-group label {\n            display: block;\n            font-weight: 700;\n            color: #f5c542;\n            margin-bottom: 0.5rem;\n            font-size: 0.8rem;\n        }\n\n        .field-group input, .field-group select {\n            width: 100%;\n            padding: 0.75rem 1rem;\n            font-size: 1rem;\n            font-weight: 600;\n            background: #1e1c18;\n            border: 2px solid #3a352c;\n            border-radius: 1.8rem;\n            color: #ffdf8c;\n            transition: 0.2s;\n            outline: none;\n        }\n\n        .field-group input:focus, .field-group select:focus {\n            border-color: #e6b422;\n            box-shadow: 0 0 0 3px rgba(230, 180, 34, 0.3);\n        }\n\n        button {\n            background: #e6b422;\n            border: none;\n            padding: 0.75rem 1.5rem;\n            border-radius: 3rem;\n            font-weight: 800;\n            color: #0a0a0a;\n            cursor: pointer;\n            font-size: 0.9rem;\n            width: 100%;\n            transition: 0.2s;\n        }\n\n        button:hover {\n            background: #f7c843;\n            transform: scale(0.98);\n        }\n\n        .results-container {\n            padding: 1.2rem;\n            background: #0e0d0b;\n        }\n\n        .section-title {\n            font-size: 1rem;\n            font-weight: 800;\n            margin-bottom: 1.2rem;\n            color: #f5c542;\n            border-left: 5px solid #e6b422;\n            padding-left: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .columns-layout {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0.8rem;\n            margin-bottom: 1.8rem;\n            justify-content: center;\n            justify-items: center;\n            width: 100%;\n        }\n\n        .metal-card {\n            background: #151310;\n            border-radius: 0.8rem;\n            padding: 0.8rem;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n            border: 1px solid rgba(230, 180, 34, 0.2);\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            transition: border-color 0.2s;\n            width: 100%;\n        }\n\n        .metal-card:hover {\n            border-color: #e6b422;\n        }\n\n        .metal-name {\n            font-weight: 700;\n            font-size: 0.75rem;\n            background: #23201b;\n            display: inline-block;\n            padding: 0.25rem 0.6rem;\n            border-radius: 40px;\n            color: #ffdf8c;\n            margin-bottom: 0.6rem;\n            width: 100%;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .metal-value {\n            font-size: 1.3rem;\n            font-weight: 800;\n            color: #f5cd7a;\n        }\n\n        .wax-section {\n            background: #141210;\n            border-radius: 0.8rem;\n            padding: 1.2rem;\n            margin-top: 0.5rem;\n            border: 1px solid rgba(230, 180, 34, 0.2);\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .wax-value {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: #f5cd7a;\n            background: #00000040;\n            padding: 0.2rem 1.2rem;\n            border-radius: 2rem;\n            display: inline-block;\n        }\n\n        .ring-preview-area {\n            margin-top: 1.5rem;\n            background: #141210;\n            border-radius: 0.8rem;\n            padding: 1.2rem;\n            border: 1px dashed #e6b422;\n            text-align: center;\n        }\n\n        .ring-preview-title {\n            color: #f5c542;\n            font-weight: 800;\n            margin-bottom: 0.8rem;\n            font-size: 0.85rem;\n            text-transform: uppercase;\n        }\n\n        .ring-image-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 140px;\n        }\n\n        .ring-preview-img {\n            max-width: 100%;\n            max-height: 180px;\n            border-radius: 12px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.6);\n            border: 2px solid #e6b422;\n            object-fit: contain;\n        }\n\n        .upload-label {\n            background: #2a2a1c;\n            border: 2px solid #e6b422;\n            color: #f5c542;\n            padding: 0.5rem 1.2rem;\n            border-radius: 2rem;\n            cursor: pointer;\n            font-weight: bold;\n            font-size: 0.75rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            margin-top: 12px;\n        }\n\n        .upload-label:hover {\n            background: #e6b422;\n            color: #0a0a0a;\n        }\n\n        .action-bar {\n            margin-top: 1.5rem; \n            display: flex; \n            justify-content: center;\n            align-items: center;\n        }\n\n        .btn-pdf {\n            background: #2a2a1c;\n            border: 2px solid #e6b422;\n            color: #f5c542;\n            width: auto;\n            padding: 0.7rem 1.8rem;\n        }\n\n        .btn-pdf:hover {\n            background: #e6b422;\n            color: #0a0a0a;\n        }\n\n        .disclaimer {\n            margin-top: 1.2rem;\n            background: #1f1b16;\n            padding: 0.8rem 1.2rem;\n            border-radius: 0.8rem;\n            font-size: 0.65rem;\n            color: #ddbc88;\n            text-align: center;\n        }\n\n        .loading-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.85);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n            flex-direction: column;\n            gap: 20px;\n        }\n        .loading-spinner {\n            width: 50px;\n            height: 50px;\n            border: 4px solid #e6b422;\n            border-top-color: transparent;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n        }\n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n\n        \/* PDF Output Layout Targeting Configurations *\/\n        .pdf-printing-target {\n            width: 680px !important;\n            max-width: 680px !important;\n            border-radius: 0.5rem !important;\n            box-shadow: none !important;\n        }\n        .pdf-printing-target .columns-layout {\n            grid-template-columns: repeat(3, 1fr) !important;\n        }\n\n        \/* MEDIA RESPONSIVE HOOKS *\/\n        @media (max-width: 1024px) {\n            .columns-layout { \n                grid-template-columns: repeat(2, 1fr); \n            }\n        }\n\n        @media (max-width: 768px) {\n            .header { \n                flex-direction: column; \n                text-align: center; \n            }\n            .title-area { \n                text-align: center; \n                min-width: 100%;\n            }\n            .field-group {\n                min-width: 100%;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .converter-container-root {\n                padding: 4px !important;\n            }\n            .columns-layout { \n                grid-template-columns: 1fr; \n                gap: 0.6rem;\n            }\n            .btn-pdf {\n                width: 100% !important;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"converter-container-root\">\n    <div class=\"converter-card\" id=\"converterCard\">\n        <div class=\"header\">\n            <div class=\"logo-area\" id=\"logoContainer\">\n                <div id=\"logoWrapper\"><\/div>\n            <\/div>\n            <div class=\"title-area\">\n                <h1>\u2696\ufe0f METAL \u21c4 WAX CONVERTER <span>Oro\/Plata\/Platino<\/span><\/h1>\n                <div class=\"sub\">Convert gold karats, silver, platinum &#038; wax \u00b7 EN\/ES \u00b7 PDF Report<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"input-panel\">\n            <div class=\"flex-row\">\n                <div class=\"field-group\">\n                    <label>\ud83d\udcca Weight (g) \u00b7 Peso (gramos)<\/label>\n                    <input type=\"number\" id=\"inputWeight\" step=\"any\" value=\"12.5\">\n                <\/div>\n                <div class=\"field-group\">\n                    <label>\ud83d\udd3d Source material \u00b7 Material origen<\/label>\n                    <select id=\"sourceMetal\">\n                        <option value=\"24k\">24K Gold \/ Oro 24K<\/option>\n                        <option value=\"22k\">22K Gold \/ Oro 22K<\/option>\n                        <option value=\"18k\">18K Gold \/ Oro 18K<\/option>\n                        <option value=\"14k\">14K Gold \/ Oro 14K<\/option>\n                        <option value=\"10k\">10K Gold \/ Oro 10K<\/option>\n                        <option value=\"9k\">9K Gold \/ Oro 9K<\/option>\n                        <option value=\"roseGold\">Rose Gold \/ Oro Rosa<\/option>\n                        <option value=\"sterlingSilver\">Sterling Silver 925<\/option>\n                        <option value=\"platinum\">Platinum 950<\/option>\n                        <option value=\"wax\">Wax \/ Cera<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"field-group\">\n                    <label>\ud83d\udd04 Update<\/label>\n                    <button id=\"refreshBtn\">CALCULATE<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"results-container\" id=\"resultsContainer\">\n            <div class=\"section-title\">\u2696\ufe0f METAL WEIGHT EQUIVALENTS \u00b7 EQUIVALENCIAS DE METAL<\/div>\n            <div class=\"columns-layout\" id=\"unifiedGrid\"><\/div>\n             \n            <div class=\"wax-section\">\n                <div class=\"wax-title\" style=\"color: #f5c542; font-weight: 700; font-size: 0.85rem; margin-bottom: 0.4rem;\">\ud83d\udd6f\ufe0f WAX EQUIVALENT \u00b7 CERA<\/div>\n                <div><span class=\"wax-value\" id=\"waxEquivalent\">&#8212;<\/span><\/div>\n            <\/div>\n\n            <div class=\"ring-preview-area\">\n                <div class=\"ring-preview-title\">\ud83d\udc8d RING \/ JEWELRY PREVIEW \u00b7 VISTA PREVIA<\/div>\n                <div class=\"ring-image-container\" id=\"ringImageContainer\">\n                    <img decoding=\"async\" id=\"ringPreviewImg\" class=\"ring-preview-img\" src=\"\" alt=\"Ring Preview\" style=\"display: none;\">\n                    <div id=\"noImageMessage\" style=\"color: #a9946b; padding: 15px; font-size: 0.8rem;\">No image uploaded. Click below to add a ring\/jewelry photo.<\/div>\n                <\/div>\n                <div>\n                    <label for=\"ringImageUpload\" class=\"upload-label\">\ud83d\udcf7 UPLOAD MODEL IMAGE \u00b7 SUBIR IMAGEN<\/label>\n                    <input type=\"file\" id=\"ringImageUpload\" accept=\"image\/*\" style=\"display:none\">\n                <\/div>\n            <\/div>\n\n            <div class=\"action-bar\">\n                <button id=\"downloadPdfBtn\" class=\"btn-pdf\">\ud83d\udcc4 DOWNLOAD PDF REPORT (A4)<\/button>\n            <\/div>\n\n            <div class=\"disclaimer\">\n                \u26a0\ufe0f Approximate values based on densities (g\/cm\u00b3). Wax density = 1.0 g\/cm\u00b3. Actual casting results may vary. For reference only.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\n<script>\n    (function(){\n        const densities = {\n            \"24k\": 19.32, \"22k\": 17.50, \"18k\": 15.58, \"14k\": 13.40, \"10k\": 11.57, \"9k\": 10.90,\n            \"roseGold\": 15.0, \"sterlingSilver\": 10.40, \"platinum\": 21.45, \"wax\": 1.0\n        };\n        \n        const metalCatalog = [\n            { id: \"24k\", label: \"24K Gold \/ Oro 24K\", density: 19.32 },\n            { id: \"22k\", label: \"22K Gold \/ Oro 22K\", density: 17.50 },\n            { id: \"18k\", label: \"18K Gold \/ Oro 18K\", density: 15.58 },\n            { id: \"14k\", label: \"14K Gold \/ Oro 14K\", density: 13.40 },\n            { id: \"10k\", label: \"10K Gold \/ Oro 10K\", density: 11.57 },\n            { id: \"9k\",  label: \"9K Gold \/ Oro 9K\", density: 10.90 },\n            { id: \"roseGold\", label: \"Rose Gold \/ Oro Rosa\", density: 15.0 },\n            { id: \"sterlingSilver\", label: \"Sterling Silver 925\", density: 10.40 },\n            { id: \"fineSilver\", label: \"Fine Silver 999\", density: 10.49 },\n            { id: \"platinum\", label: \"Platinum 950\", density: 21.45 }\n        ];\n        \n        const WAX_DENSITY = 1.0;\n        \n        const targetCard = document.getElementById('converterCard');\n        const inputWeightEl = document.getElementById('inputWeight');\n        const sourceMetalSelect = document.getElementById('sourceMetal');\n        const refreshBtn = document.getElementById('refreshBtn');\n        const unifiedGrid = document.getElementById('unifiedGrid');\n        const waxEquivalentSpan = document.getElementById('waxEquivalent');\n        const downloadPdfBtn = document.getElementById('downloadPdfBtn');\n        const ringImageUpload = document.getElementById('ringImageUpload');\n        const ringPreviewImg = document.getElementById('ringPreviewImg');\n        const noImageMessage = document.getElementById('noImageMessage');\n        \n        let uploadedRingImageURL = null;\n        \n        function loadLogo() {\n            const logoWrapper = document.getElementById('logoWrapper');\n            logoWrapper.innerHTML = `\n                <a href=\"https:\/\/arten3d.com\" target=\"_blank\" style=\"text-decoration: none; display: flex; align-items: center; gap: 8px;\">\n                    <div style=\"background:#1a1814; padding:6px 14px; border-radius:40px; font-weight:800; color:#e6b422; font-size:1.2rem;\">ARTEN3D<\/div>\n                    <span style=\"color:#ffffff; font-weight:700; font-size:0.85rem;\">.com<\/span>\n                <\/a>\n            `;\n        }\n        loadLogo();\n        \n        function formatWeight(v) { \n            if (v <= 0) return \"0.000\"; \n            let rounded = parseFloat(v.toFixed(4)).toString();\n            return rounded.replace(\/\\.?0+$\/, '');\n        }\n        \n        function getSourceDensity(id) { return densities[id] || 15.58; }\n        function getEquivalentWeight(srcW, srcD, tgtD) { return srcW * (tgtD \/ srcD); }\n        \n        function updateUI() {\n            let raw = parseFloat(inputWeightEl.value);\n            let currentSourceWeight = isNaN(raw) || raw < 0 ? 0 : raw;\n            const srcId = sourceMetalSelect.value;\n            let currentSourceDensity = getSourceDensity(srcId);\n            \n            const results = metalCatalog.map(m => ({ \n                label: m.label, \n                weight: getEquivalentWeight(currentSourceWeight, currentSourceDensity, m.density)\n            }));\n            \n            unifiedGrid.innerHTML = results.map(r => `\n                <div class=\"metal-card\">\n                    <div class=\"metal-name\">${r.label}<\/div>\n                    <div class=\"metal-value\">${formatWeight(r.weight)}<span style=\"font-size:0.75rem; color:#b89856; margin-left:2px;\">g<\/span><\/div>\n                <\/div>\n            `).join('');\n            \n            if (srcId === \"wax\") {\n                let metalEq = getEquivalentWeight(currentSourceWeight, WAX_DENSITY, densities[\"24k\"]);\n                waxEquivalentSpan.innerHTML = formatWeight(metalEq) + ` <span style=\"font-size:0.8rem; color:#b89856; font-weight:500;\">g (Oro 24K eq.)<\/span>`;\n            } else {\n                let waxNeeded = currentSourceWeight * (WAX_DENSITY \/ currentSourceDensity);\n                waxEquivalentSpan.innerHTML = formatWeight(waxNeeded) + ` <span style=\"font-size:0.8rem; color:#b89856; font-weight:500;\">g wax \/ cera<\/span>`;\n            }\n            if (currentSourceWeight === 0) waxEquivalentSpan.innerHTML = \"0.000 g\";\n        }\n        \n        ringImageUpload.addEventListener('change', function(e) {\n            const file = e.target.files[0];\n            if (file && (file.type === 'image\/png' || file.type === 'image\/jpeg' || file.type === 'image\/jpg')) {\n                const reader = new FileReader();\n                reader.onload = function(ev) {\n                    uploadedRingImageURL = ev.target.result;\n                    ringPreviewImg.src = uploadedRingImageURL;\n                    ringPreviewImg.style.display = 'block';\n                    noImageMessage.style.display = 'none';\n                };\n                reader.readAsDataURL(file);\n            }\n        });\n        \n        async function generatePDF() {\n            const overlay = document.createElement('div');\n            overlay.className = 'loading-overlay';\n            overlay.innerHTML = `<div class=\"loading-spinner\"><\/div><div style=\"color:#e6b422; font-weight:bold;\">Generating PDF...<\/div>`;\n            document.body.appendChild(overlay);\n            \n            targetCard.classList.add('pdf-printing-target');\n            \n            try {\n                const opt = {\n                    margin: [0.4, 0.4, 0.4, 0.4], \n                    filename: `arten3d_report_${Date.now()}.pdf`,\n                    image: { type: 'jpeg', quality: 0.98 },\n                    html2canvas: { scale: 2, useCORS: true, logging: false },\n                    jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' }\n                };\n                await html2pdf().set(opt).from(targetCard).save();\n            } catch (error) {\n                console.error(error);\n            } finally {\n                targetCard.classList.remove('pdf-printing-target');\n                overlay.remove();\n            }\n        }\n        \n        downloadPdfBtn.addEventListener('click', generatePDF);\n        inputWeightEl.addEventListener('input', updateUI);\n        sourceMetalSelect.addEventListener('change', updateUI);\n        refreshBtn.addEventListener('click', updateUI);\n        \n        updateUI();\n    })();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">&#8211;\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>Metal &#038; Wax Calculator Heading<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Yellow and Black Combo Background Section *\/\n        .heading-section {\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a00 40%, #FFD700 70%, #FFC107 100%);\n            position: relative;\n            padding: 3rem 2rem;\n            overflow: hidden;\n        }\n\n        \/* Animated decorative elements *\/\n        .heading-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: repeating-linear-gradient(\n                45deg,\n                rgba+(0, 0, 0, 0.05) 0px,\n                rgba(0, 0, 0, 0.05) 2px,\n                transparent 2px,\n                transparent 12px\n            );\n            pointer-events: none;\n        }\n\n        .heading-section::after {\n            content: '\u2726';\n            position: absolute;\n            font-size: 280px;\n            opacity: 0.08;\n            bottom: -80px;\n            right: -60px;\n            pointer-events: none;\n            color: #0a0a0a;\n            font-family: monospace;\n            animation: float 20s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            50% { transform: translate(-20px, -20px) rotate(10deg); }\n        }\n\n        .heading-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n            text-align: center;\n        }\n\n        \/* Small badge above heading *\/\n        .pre-heading-badge {\n            display: inline-block;\n            background: rgba(0, 0, 0, 0.7);\n            backdrop-filter: blur(8px);\n            padding: 0.35rem 1.2rem;\n            border-radius: 60px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: #FFD700;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            border: 1px solid rgba(255, 215, 0, 0.4);\n            margin-bottom: 1rem;\n            animation: pulse 2s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.2); }\n            50% { box-shadow: 0 0 0 8px rgba(255, 215, 0, 0); }\n        }\n\n        \/* Premium Gold Heading *\/\n        .gold-heading {\n            font-size: 4.5rem;\n            font-weight: 900;\n            letter-spacing: -0.02em;\n            line-height: 1.1;\n            margin-bottom: 1rem;\n            background: linear-gradient(135deg, \n                #FFD700 0%, \n                #FFA500 20%, \n                #FFE55C 40%, \n                #FFD700 60%, \n                #E6B422 80%, \n                #FFD700 100%);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            text-shadow: 0 0 30px rgba(255, 215, 0, 0.4);\n            animation: goldShine 4s ease-in-out infinite;\n            position: relative;\n            display: inline-block;\n        }\n\n        @keyframes goldShine {\n            0% { \n                background-position: 0% 50%;\n                text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);\n            }\n            50% { \n                background-position: 100% 50%;\n                text-shadow: 0 0 45px rgba(255, 215, 0, 0.7);\n            }\n            100% { \n                background-position: 0% 50%;\n                text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);\n            }\n        }\n\n        \/* Gold heading with line break support *\/\n        .gold-heading br {\n            display: block;\n        }\n\n        \/* Subheading with black\/yellow combo *\/\n        .sub-heading {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: #1a1a1a;\n            background: rgba(255, 255, 255, 0.92);\n            display: inline-block;\n            padding: 0.5rem 1.8rem;\n            border-radius: 60px;\n            margin-top: 0.5rem;\n            backdrop-filter: blur(4px);\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\n        }\n\n        .sub-heading span {\n            color: #E6B422;\n            font-weight: 800;\n        }\n\n        \/* Description text *\/\n        .heading-description {\n            max-width: 700px;\n            margin: 1.2rem auto 0;\n            color: #1a1a1a;\n            font-weight: 500;\n            background: rgba(255, 255, 255, 0.88);\n            padding: 0.8rem 1.5rem;\n            border-radius: 1rem;\n            backdrop-filter: blur(4px);\n            font-size: 0.9rem;\n            line-height: 1.5;\n        }\n\n        \/* Feature badges row *\/\n        .feature-badges {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 0.8rem;\n            margin-top: 1.5rem;\n        }\n\n        .feature-badge {\n            background: rgba(0, 0, 0, 0.75);\n            backdrop-filter: blur(5px);\n            padding: 0.4rem 1.2rem;\n            border-radius: 40px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            color: #FFD700;\n            border: 1px solid rgba(255, 215, 0, 0.35);\n            transition: all 0.3s ease;\n            cursor: default;\n        }\n\n        .feature-badge:hover {\n            background: #FFD700;\n            color: #0a0a0a;\n            transform: translateY(-2px);\n            border-color: #0a0a0a;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .heading-section {\n                padding: 2rem 1rem;\n            }\n            .gold-heading {\n                font-size: 2.8rem;\n            }\n            .pre-heading-badge {\n                font-size: 0.65rem;\n                padding: 0.25rem 1rem;\n            }\n            .sub-heading {\n                font-size: 0.9rem;\n                padding: 0.35rem 1.2rem;\n            }\n            .heading-description {\n                font-size: 0.8rem;\n                padding: 0.6rem 1rem;\n            }\n            .feature-badge {\n                font-size: 0.65rem;\n                padding: 0.3rem 0.9rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .gold-heading {\n                font-size: 2rem;\n            }\n            .pre-heading-badge {\n                font-size: 0.55rem;\n            }\n            .feature-badges {\n                gap: 0.5rem;\n            }\n            .feature-badge {\n                font-size: 0.55rem;\n                padding: 0.25rem 0.7rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- OPTIMIZED HEADING SECTION - YELLOW & BLACK COMBO -->\n<div class=\"heading-section\">\n    <div class=\"heading-container\">\n        <div class=\"pre-heading-badge\">\u26a1 PRECISION CASTING TOOL<\/div>\n        <h1 class=\"gold-heading\">METAL &#038; WAX<br>CALCULATOR<\/h1>\n        <div class=\"sub-heading\">Real-time <span>Gold \u21c4 Silver \u21c4 Platinum \u21c4 Wax<\/span> Conversion<\/div>\n        <div class=\"heading-description\">\n            Professional volume-based converter optimized for <strong>3D jewelry CAD modeling<\/strong>, lost-wax casting, and precious metal estimation.\n        <\/div>\n        <div class=\"feature-badges\">\n            <span class=\"feature-badge\">\ud83d\udcd0 3D CAD OPTIMIZED<\/span>\n            <span class=\"feature-badge\">\u2696\ufe0f VOLUME ACCURACY<\/span>\n            <span class=\"feature-badge\">\ud83d\udc8e ALL KARATS &#038; ALLOYS<\/span>\n            <span class=\"feature-badge\">\ud83d\udcc4 PDF EXPORT READY<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<div class=\"flat-chart-container-only\">\n    \n    <div class=\"chart-title-block\">\n        <h3 class=\"matrix-chart-title\">Live Metal Valuation Chart<\/h3>\n        <p class=\"matrix-chart-subtitle\">Input current market rates per Troy Ounce below to dynamically recalculate international pricing charts instantly.<\/p>\n    <\/div>\n\n    <div class=\"mini-tool-input-strip\">\n        <div class=\"tool-input-card\">\n            <label for=\"live-gold-oz\">Gold Price ($ \/ Troy Oz)<\/label>\n            <input type=\"number\" id=\"live-gold-oz\" value=\"2350.00\" step=\"0.01\" oninput=\"runLiveMatrixMath()\">\n        <\/div>\n        <div class=\"tool-input-card\">\n            <label for=\"live-silver-oz\">Silver Price ($ \/ Troy Oz)<\/label>\n            <input type=\"number\" id=\"live-silver-oz\" value=\"29.50\" step=\"0.01\" oninput=\"runLiveMatrixMath()\">\n        <\/div>\n        <div class=\"tool-input-card\">\n            <label for=\"live-plat-oz\">Platinum Price ($ \/ Troy Oz)<\/label>\n            <input type=\"number\" id=\"live-plat-oz\" value=\"980.00\" step=\"0.01\" oninput=\"runLiveMatrixMath()\">\n        <\/div>\n    <\/div>\n    \n    <div class=\"matrix-responsive-wrapper\">\n        <table class=\"purity-matrix-table\">\n            <thead>\n                <tr>\n                    <th>Metal Type<\/th>\n                    <th>Rate Per 1 Gram<\/th>\n                    <th>Rate Per 10 Grams<\/th>\n                    <th>Rate Per 1 Troy Oz (31.1g)<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td class=\"metal-brand-name\">925 Sterling Silver<\/td>\n                    <td id=\"m-silver-1g\">$0.00<\/td>\n                    <td id=\"m-silver-10g\">$0.00<\/td>\n                    <td class=\"weight-bold-marker\" id=\"m-silver-oz\">$0.00<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"metal-brand-name\">10K Yellow Gold<\/td>\n                    <td id=\"m-10k-1g\">$0.00<\/td>\n                    <td id=\"m-10k-10g\">$0.00<\/td>\n                    <td class=\"weight-bold-marker\" id=\"m-10k-oz\">$0.00<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"metal-brand-name\">14K Yellow Gold<\/td>\n                    <td id=\"m-14k-1g\">$0.00<\/td>\n                    <td id=\"m-14k-10g\">$0.00<\/td>\n                    <td class=\"weight-bold-marker\" id=\"m-14k-oz\">$0.00<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"metal-brand-name\">18K Yellow Gold<\/td>\n                    <td id=\"m-18k-1g\">$0.00<\/td>\n                    <td id=\"m-18k-10g\">$0.00<\/td>\n                    <td class=\"weight-bold-marker\" id=\"m-18k-oz\">$0.00<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"metal-brand-name\">22K Yellow Gold<\/td>\n                    <td id=\"m-22k-1g\">$0.00<\/td>\n                    <td id=\"m-22k-10g\">$0.00<\/td>\n                    <td class=\"weight-bold-marker\" id=\"m-22k-oz\">$0.00<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"metal-brand-name\">24K Pure Gold<\/td>\n                    <td id=\"m-24k-1g\">$0.00<\/td>\n                    <td id=\"m-24k-10g\">$0.00<\/td>\n                    <td class=\"weight-bold-marker\" id=\"m-24k-oz\">$0.00<\/td>\n                <\/tr>\n                <tr class=\"platinum-premium-row\">\n                    <td class=\"metal-brand-name\">Platinum 950<\/td>\n                    <td id=\"m-plat-1g\">$0.00<\/td>\n                    <td id=\"m-plat-10g\">$0.00<\/td>\n                    <td class=\"weight-bold-marker\" id=\"m-plat-oz\">$0.00<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n<\/div>\n\n<script>\n    function runLiveMatrixMath() {\n        \/\/ Universal Troy Ounce metric constant conversion baseline\n        const TROY_OZ_TO_GRAMS = 31.1034768;\n\n        \/\/ Extract values from individual input fields\n        let goldOzInput = parseFloat(document.getElementById('live-gold-oz').value) || 0;\n        let silverOzInput = parseFloat(document.getElementById('live-silver-oz').value) || 0;\n        let platOzInput = parseFloat(document.getElementById('live-plat-oz').value) || 0;\n\n        \/\/ Base price calculation breakdowns per single pure gram\n        let goldG = goldOzInput \/ TROY_OZ_TO_GRAMS;\n        let silverG = silverOzInput \/ TROY_OZ_TO_GRAMS;\n        let platG = platOzInput \/ TROY_OZ_TO_GRAMS;\n\n        \/\/ Mathematical Purity Key Sets\n        let alloyPurities = {\n            silver: { factor: 0.925, baseG: silverG, ozVal: silverOzInput, prefix: 'm-silver' },\n            k10:    { factor: 0.417, baseG: goldG,   ozVal: goldOzInput * 0.417, prefix: 'm-10k' },\n            k14:    { factor: 0.583, baseG: goldG,   ozVal: goldOzInput * 0.583, prefix: 'm-14k' },\n            k18:    { factor: 0.750, baseG: goldG,   ozVal: goldOzInput * 0.750, prefix: 'm-18k' },\n            k22:    { factor: 0.916, baseG: goldG,   ozVal: goldOzInput * 0.916, prefix: 'm-22k' },\n            k24:    { factor: 1.000, baseG: goldG,   ozVal: goldOzInput, prefix: 'm-24k' },\n            plat:   { factor: 0.950, baseG: platG,   ozVal: platOzInput * 0.950, prefix: 'm-plat' }\n        };\n\n        \/\/ Loop through key arrays to write recalculated dynamic table rows safely\n        for (let key in alloyPurities) {\n            let item = alloyPurities[key];\n            let rate1g = item.baseG * item.factor;\n            let rate10g = rate1g * 10;\n            let rateOz = item.ozVal;\n\n            document.getElementById(item.prefix + '-1g').innerText = '$' + rate1g.toFixed(2);\n            document.getElementById(item.prefix + '-10g').innerText = '$' + rate10g.toFixed(2);\n            document.getElementById(item.prefix + '-oz').innerText = '$' + rateOz.toFixed(2);\n        }\n    }\n\n    \/\/ Mount execution array trigger instantly\n    document.addEventListener('DOMContentLoaded', runLiveMatrixMath);\n<\/script>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;900&display=swap');\n\n    \/* CHART CONTAINER: FLOODED END-TO-END WITH THEME YELLOW *\/\n    .flat-chart-container-only {\n        max-width: 900px;\n        margin: 20px auto;\n        padding: 35px 24px;\n        background-color: #facc15; \/* Flooded solid edge-to-edge layout yellow *\/\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n        border-radius: 24px; \/* Matches corner layout theme seamlessly *\/\n    }\n\n    .chart-title-block {\n        margin-bottom: 20px;\n        text-align: left;\n    }\n\n    .matrix-chart-title {\n        font-size: 18px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        color: #000000;\n        margin: 0 0 6px 0;\n    }\n\n    .matrix-chart-subtitle {\n        font-size: 13px;\n        color: #3b2e02;\n        font-weight: 700;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* MINI-TOOL INPUT CONTROLS STRIP *\/\n    .mini-tool-input-strip {\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr;\n        gap: 15px;\n        margin-bottom: 25px;\n    }\n\n    .tool-input-card {\n        background: #111418; \/* Solid deep workspace block *\/\n        padding: 12px 14px;\n        border-radius: 10px;\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n        text-align: left;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n\n    .tool-input-card label {\n        font-size: 10px;\n        font-weight: 900;\n        text-transform: uppercase;\n        color: #facc15; \/* Bright contrast indicator labels *\/\n        letter-spacing: 0.5px;\n    }\n\n    .tool-input-card input {\n        background: #1b2026;\n        border: 1px solid #2d3748;\n        border-radius: 6px;\n        color: #ffffff;\n        padding: 8px 10px;\n        font-size: 14px;\n        font-weight: 700;\n        outline: none;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    .tool-input-card input:focus {\n        border-color: #facc15;\n    }\n\n    \/* INDUSTRIAL WEB MATRIX DATA VIEWPORT *\/\n    .matrix-responsive-wrapper {\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n        border-radius: 12px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n    }\n\n    .purity-matrix-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: right;\n        font-size: 13.5px;\n        background: #facc15;\n    }\n\n    .purity-matrix-table th:first-child,\n    .purity-matrix-table td:first-child {\n        text-align: left;\n    }\n\n    .purity-matrix-table th {\n        background: #e2b60e; \/* High-contrast gold partition divider slice *\/\n        color: #000000;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        font-size: 11px;\n        padding: 14px 16px;\n        border: none;\n    }\n\n    .purity-matrix-table td {\n        padding: 14px 16px;\n        color: #000000;\n        font-weight: 700;\n        border-bottom: 1px solid #e2b60e;\n        transition: background-color 0.15s ease, color 0.15s ease;\n    }\n\n    .purity-matrix-table tbody tr:last-child td {\n        border-bottom: none;\n    }\n\n    .purity-matrix-table tbody tr:nth-child(even) {\n        background: rgba(0, 0, 0, 0.02);\n    }\n\n    \/* FLAT FLIP HOVER INTERACTION OVERLAYS *\/\n    .purity-matrix-table tbody tr:hover td {\n        background-color: #000000 !important;\n        color: #facc15 !important;\n        cursor: pointer;\n    }\n\n    .metal-brand-name {\n        font-weight: 900;\n    }\n\n    .weight-bold-marker {\n        font-weight: 900;\n    }\n\n    \/* SMARTPHONE RESPONSIVE BREAKPOINT GRID SIZES *\/\n    @media (max-width: 768px) {\n        .flat-chart-container-only {\n            padding: 25px 16px;\n            border-radius: 16px;\n        }\n        .mini-tool-input-strip {\n            grid-template-columns: 1fr;\n            gap: 10px;\n        }\n        .purity-matrix-table th, \n        .purity-matrix-table td {\n            padding: 12px 12px;\n            font-size: 12px;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"lego-puzzle-container\">\n    \n    <div class=\"puzzle-matrix-layer\">\n        <div class=\"puzzle-piece piece-top-left\"><\/div>\n        <div class=\"puzzle-piece piece-top-right\"><\/div>\n        <div class=\"puzzle-piece piece-bottom-center\"><\/div>\n    <\/div>\n\n    <div class=\"lego-content-overlay\">\n        <div class=\"pdf-export-tag\">\n            <svg class=\"pdf-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n            <\/svg>\n            PDF Export Ready\n        <\/div>\n\n        <h2 class=\"lego-master-title\">\n            Wax to Metal <br>\n            <span class=\"gold-stud-text\">Conversion Mastery<\/span>\n        <\/h2>\n        \n        <div class=\"gold-stud-divider\">\n            <span><\/span><span><\/span><span><\/span><span><\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@800;900&display=swap');\n\n    \/* OUTER BASEPLATE CONTAINER *\/\n    .lego-puzzle-container {\n        position: relative;\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 80px 20px;\n        background: #000000;\n        \/* MODIFICATION: Border removed for seamless edge blending *\/\n        border: none;\n        border-radius: 24px 24px 0 0;\n        font-family: 'Inter', sans-serif;\n        text-align: center;\n        overflow: hidden;\n        box-sizing: border-box;\n    }\n\n    \/* AUTOMATED LEGO STUDS MATRIX WITH JIGSAW PUZZLE LINES *\/\n    .puzzle-matrix-layer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        background-color: #0c0c0d;\n        background-image: \n            radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.08) 15%, transparent 20%),\n            radial-gradient(circle at center, #000000 38%, transparent 42%),\n            radial-gradient(circle at center, rgba(255, 215, 0, 0.03) 45%, transparent 55%);\n        background-size: 24px 24px;\n        background-position: center;\n    }\n\n    \/* INTERLOCKING JIGSAW PUZZLE LINES SEPARATORS *\/\n    .puzzle-piece {\n        position: absolute;\n        border: 1px solid rgba(0, 0, 0, 0.85);\n        box-shadow: \n            inset 1px 1px 0px rgba(255, 255, 255, 0.02),\n            1px 1px 2px rgba(0, 0, 0, 0.5);\n    }\n\n    .piece-top-left {\n        top: 0; left: 0;\n        width: 45%; height: 60%;\n        border-right: 2px solid #000;\n        border-bottom: 2px solid #000;\n        border-radius: 0 0 16px 0;\n    }\n\n    .piece-top-right {\n        top: 0; right: 0;\n        width: 55%; height: 45%;\n        border-left: 2px solid #000;\n        border-bottom: 2px solid #000;\n    }\n\n    .piece-bottom-center {\n        bottom: 0; left: 25%;\n        width: 50%; height: 40%;\n        border-left: 2px solid #000;\n        border-right: 2px solid #000;\n        border-top: 2px solid #000;\n        border-radius: 16px 16px 0 0;\n    }\n\n    \/* FOREGROUND BRAND CONTENT *\/\n    .lego-content-overlay {\n        position: relative;\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    \/* PREMIUM BADGE WITH LUXURY GLASS CONTRAST *\/\n    .pdf-export-tag {\n        background: #000000;\n        border: 2px solid #FFD700;\n        color: #FFD700;\n        font-size: 11px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        padding: 8px 20px;\n        border-radius: 10px;\n        margin-bottom: 25px;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        box-shadow: 4px 4px 0px #1a1500;\n    }\n\n    .pdf-svg {\n        width: 14px;\n        height: 14px;\n    }\n\n    \/* ULTRA BOLD INDUSTRIAL TYPOGRAPHY *\/\n    .lego-master-title {\n        font-size: clamp(2rem, 4.5vw, 3rem);\n        font-weight: 900;\n        line-height: 1.15;\n        text-transform: uppercase;\n        letter-spacing: -0.5px;\n        color: #ffffff;\n        margin: 0;\n        text-shadow: 2px 2px 0px #000, 4px 4px 0px rgba(0,0,0,0.4);\n    }\n\n    .gold-stud-text {\n        background: linear-gradient(135deg, #FFD700 0%, #ffaa00 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        display: inline-block;\n    }\n\n    \/* STUDS DIVIDER ACCENT ACCORDING TO SITE PALETTE *\/\n    .gold-stud-divider {\n        display: flex;\n        gap: 8px;\n        margin-top: 25px;\n    }\n\n    .gold-stud-divider span {\n        width: 12px;\n        height: 6px;\n        background: #FFD700;\n        border-radius: 3px 3px 0 0;\n        box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 2px 4px rgba(0,0,0,0.6);\n    }\n<\/style>\n\n\n\n<div class=\"flat-table-container\">\n    \n    <div class=\"flat-yellow-table-bg\"><\/div>\n\n    <div class=\"flat-table-board\">\n        <div class=\"table-header-block\">\n            <h3 class=\"table-board-title\">Metal Conversion Factors<\/h3>\n            <p class=\"table-board-subtitle\">Multiply your wax model weight by these constants to calculate cast metal requirements.<\/p>\n        <\/div>\n        \n        <div class=\"table-responsive-wrapper\">\n            <table class=\"density-data-table\">\n                <thead>\n                    <tr>\n                        <th>Material Type<\/th>\n                        <th>Density (g\/cm\u00b3)<\/th>\n                        <th>Wax Multiplier Factor<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td class=\"material-name\">Standard Wax \/ Resin<\/td>\n                        <td>0.95 \u2014 1.10<\/td>\n                        <td class=\"factor-value highlight-gray\">1.00x (Baseline)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"material-name\">925 Sterling Silver<\/td>\n                        <td>10.40<\/td>\n                        <td class=\"factor-value highlight-gold\">10.4x<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"material-name\">14K Yellow Gold<\/td>\n                        <td>13.10<\/td>\n                        <td class=\"factor-value highlight-gold\">13.1x<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"material-name\">18K Yellow Gold<\/td>\n                        <td>15.20<\/td>\n                        <td class=\"factor-value highlight-gold\">15.2x<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"material-name\">22K Yellow Gold<\/td>\n                        <td>17.50<\/td>\n                        <td class=\"factor-value highlight-gold\">17.5x<\/td>\n                    <\/tr>\n                    <tr>\n                        <td class=\"material-name\">Platinum 950<\/td>\n                        <td>20.70<\/td>\n                        <td class=\"factor-value highlight-gold\">20.7x<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\n\n    \/* TABLE SECTION OUTER CONTAINER *\/\n    .flat-table-container {\n        position: relative;\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 20px;\n        background: #000000;\n        overflow: hidden;\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n        \/* MODIFICATION: Rounded edges applied to the entire section layout *\/\n        border-radius: 24px;\n    }\n\n    \/* SOLID FLAT CREATIVE YELLOW BASEPLATE LAYER *\/\n    .flat-yellow-table-bg {\n        position: absolute;\n        top: 0; \n        left: 0; \n        width: 100%; \n        height: 100%;\n        pointer-events: none;\n        background-color: #facc15; \/* Clean plain yellow theme balance *\/\n    }\n\n    \/* CENTRAL WORKSPACE SHELF BOARD *\/\n    .flat-table-board {\n        position: relative;\n        z-index: 10;\n        background: #111418; \/* Deep blocky technical charcoal background *\/\n        border-radius: 14px;\n        padding: 30px 24px;\n        box-sizing: border-box;\n    }\n\n    \/* TABLE TITLE HEADER LAYOUT *\/\n    .table-header-block {\n        margin-bottom: 25px;\n    }\n\n    .table-board-title {\n        font-size: 18px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        color: #ffffff;\n        margin: 0 0 6px 0;\n    }\n\n    .table-board-subtitle {\n        font-size: 13px;\n        color: #94a3b8;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* CLEAN FLAT MATRIX DATA TABLE STYLING *\/\n    .table-responsive-wrapper {\n        width: 100%;\n        overflow-x: auto; \/* Allows smooth horizontal swipe sliding on mobile screens *\/\n        -webkit-overflow-scrolling: touch;\n    }\n\n    .density-data-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n        font-size: 13.5px;\n    }\n\n    \/* Headings Row Formats *\/\n    .density-data-table th {\n        background: #1b2026; \/* Dark slate layer split line spacer *\/\n        color: #facc15; \/* Crisp matching yellow accent typography headings *\/\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        font-size: 11px;\n        padding: 12px 16px;\n        border: none;\n    }\n\n    \/* Data Row Formats *\/\n    .density-data-table td {\n        padding: 14px 16px;\n        color: #e2e8f0;\n        border-bottom: 1px solid #1b2026;\n    }\n\n    .density-data-table tbody tr:last-child td {\n        border-bottom: none; \/* Removes clip tail segment padding spacing line *\/\n    }\n\n    \/* Alternate Row Shading *\/\n    .density-data-table tbody tr:nth-child(even) {\n        background: rgba(255, 255, 255, 0.02);\n    }\n\n    .material-name {\n        font-weight: 700;\n    }\n\n    \/* Custom Factor Pill Accents *\/\n    .factor-value {\n        font-weight: 900;\n    }\n    \n    .highlight-gold {\n        color: #facc15;\n    }\n\n    .highlight-gray {\n        color: #64748b;\n    }\n\n    \/* MOBILE INTERFACE BREAKPOINT ADJUSTMENTS *\/\n    @media (max-width: 600px) {\n        .flat-table-board {\n            padding: 20px 14px;\n        }\n        .density-data-table th, \n        .density-data-table td {\n            padding: 10px 12px;\n            font-size: 12px;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"lego-cards-container custom-slate-theme\">\n    \n    <div class=\"lego-baseplate-layer\"><\/div>\n\n    <div class=\"lego-puzzle-grid\">\n        \n        <div class=\"lego-info-card puzzle-stealth-brick\">\n            <div class=\"brick-top-studs\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n            \n            <div class=\"card-body-content\">\n                <div class=\"card-icon-tag gold-glow\">\u2696<\/div>\n                <h3 class=\"card-brick-title\">Volumetric Density Calculations<\/h3>\n                <p class=\"card-brick-text\">In jewelry manufacturing, converting a 3D-printed resin or physical wax model into precious metals requires exact volumetric density factors. Because different metals occupy different weights within the exact same spatial volume, multiplying your baseline model weight by precise density coefficients ensures flawless raw material allocation prior to industrial casting.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"lego-info-card puzzle-charcoal-brick\">\n            <div class=\"brick-top-studs\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n            \n            <div class=\"card-body-content\">\n                <div class=\"card-icon-tag silver-glow\">\ud83d\udee0<\/div>\n                <h3 class=\"card-brick-title\">Factor Adjustments for Casting<\/h3>\n                <p class=\"card-brick-text\">Standard conversions assume an ideal environment, but real-world workshop casting introduces external variables. To guarantee structural perfection, your calculations must account for design scaling tolerances, rubber mold shrinkage, and raw casting sprue weight distribution. Utilizing these precise factors safeguards your production workflow against incomplete fills and costly metal deficits.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\n\n    \/* BASEPLATE CARDS CONTAINER *\/\n    .lego-cards-container.custom-slate-theme {\n        position: relative;\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 20px 20px 40px 20px;\n        background: #000000;\n        overflow: hidden;\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n    }\n\n    \/* REVISED COLOR SCHEME: TACTICAL SLATE GREY BASEPLATE *\/\n    .custom-slate-theme .lego-baseplate-layer {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        pointer-events: none;\n        background-color: #12161a; \/* Distinct slate grey background *\/\n        background-image: \n            radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.05) 15%, transparent 20%),\n            radial-gradient(circle at center, #090b0d 38%, transparent 42%),\n            radial-gradient(circle at center, rgba(255, 215, 0, 0.02) 45%, transparent 55%);\n        background-size: 24px 24px;\n        background-position: center;\n        box-shadow: inset 0 0 40px rgba(0,0,0,0.8);\n    }\n\n    .lego-puzzle-grid {\n        position: relative;\n        z-index: 10;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 30px;\n    }\n\n    .lego-info-card {\n        position: relative;\n        border-radius: 12px;\n        padding: 30px 24px 24px 24px;\n        box-sizing: border-box;\n        transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease;\n    }\n\n    .brick-top-studs {\n        position: absolute;\n        top: -6px;\n        left: 20px;\n        display: flex;\n        gap: 6px;\n    }\n\n    .brick-top-studs span {\n        width: 14px;\n        height: 6px;\n        border-radius: 3px 3px 0 0;\n        box-shadow: inset 0 1px 1px rgba(255,255,255,0.15);\n    }\n\n    \/* BRAND CARDS PALETTE CONTRAST *\/\n    \/* Card A: Stealth Matte Black with High-Contrast Yellow Details *\/\n    .puzzle-stealth-brick {\n        background: #000000;\n        border: 2px solid #FFD700;\n        border-bottom: 6px solid #b39700;\n        box-shadow: 0 15px 30px rgba(0,0,0,0.6);\n    }\n    .puzzle-stealth-brick .brick-top-studs span { background: #FFD700; }\n    .puzzle-stealth-brick .card-brick-title { color: #FFD700; }\n    .gold-glow { text-shadow: 0 0 10px rgba(255, 215, 0, 0.3); }\n\n    \/* Card B: Deep Charcoal Block with Mechanical Grey Trim *\/\n    .puzzle-charcoal-brick {\n        background: #1b1f24;\n        border: 2px solid #3a444e;\n        border-bottom: 6px solid #23292f;\n        box-shadow: 0 15px 30px rgba(0,0,0,0.5);\n    }\n    .puzzle-charcoal-brick .brick-top-studs span { background: #3a444e; }\n    .puzzle-charcoal-brick .card-brick-title { color: #ffffff; }\n    .silver-glow { text-shadow: 0 0 10px rgba(255, 255, 255, 0.2); }\n\n    \/* CORE TYPOGRAPHY SLOTS *\/\n    .card-body-content { display: flex; flex-direction: column; }\n    .card-icon-tag { font-size: 22px; margin-bottom: 12px; line-height: 1; }\n    .card-brick-title { font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 12px 0; }\n    .card-brick-text { font-size: 13.5px; line-height: 1.6; color: #a2b1c3; margin: 0; }\n\n    \/* HOVER TRANSLATIONS *\/\n    .lego-info-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 22px 45px rgba(0,0,0,0.8);\n    }\n\n    @media (max-width: 768px) {\n        .lego-puzzle-grid { grid-template-columns: 1fr; gap: 25px; }\n        .lego-cards-container.custom-slate-theme { padding: 10px 15px 30px 15px; }\n    }\n<\/style>\n\n\n\n<div class=\"flat-footer-container\">\n    \n    <div class=\"flat-yellow-bg-layer\"><\/div>\n\n    <div class=\"flat-footer-board\">\n        <div class=\"footer-left-content\">\n            <p class=\"footer-cta-message\">\n                Need custom technical adjustments or production-ready 3D modeling for your workshop files?\n            <\/p>\n        <\/div>\n        \n        <div class=\"footer-right-action\">\n            <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"flat-black-button\" target=\"_blank\" rel=\"noopener\">\n                Contact Our Studio\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@700;900&display=swap');\n\n    \/* FOOTER STRIP OUTER WRAPPER CONTAINER *\/\n    .flat-footer-container {\n        position: relative;\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 20px;\n        background: #000000;\n        overflow: hidden;\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n        border-radius: 0 0 24px 24px; \/* Caps off the entire system assembly cleanly *\/\n    }\n\n    \/* MODIFICATION: PLANE CREATIVE SOLID YELLOW BACKGROUND *\/\n    .flat-yellow-bg-layer {\n        position: absolute;\n        top: 0; \n        left: 0; \n        width: 100%; \n        height: 100%;\n        pointer-events: none;\n        background-color: #facc15; \/* Clean, vibrant solid yellow *\/\n    }\n\n    \/* INNER STRUCTURAL CONTAINER BOARD *\/\n    .flat-footer-board {\n        position: relative;\n        z-index: 10;\n        background: #111418; \/* Deep high-contrast workspace black *\/\n        border-radius: 14px;\n        padding: 24px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 25px;\n        box-sizing: border-box;\n    }\n\n    .footer-left-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .flat-footer-container .footer-cta-message {\n        font-size: 14px;\n        color: #f1f5f9;\n        font-weight: 700;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* MODIFICATION: CLEAN FLAT SOLID BLACK LINK BUTTON ELEMENT *\/\n    .flat-black-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background: #000000; \/* Flat plane absolute black *\/\n        color: #facc15; \/* Punchy plain yellow typography text color *\/\n        border: none;\n        outline: none;\n        border-radius: 99px; \/* Completely rounded sleek layout format *\/\n        padding: 14px 28px;\n        font-size: 13px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        text-decoration: none;\n        white-space: nowrap;\n        transition: opacity 0.2s ease, transform 0.1s ease;\n    }\n\n    \/* SUBTLE INTERACTIVE HOVER ACTIONS *\/\n    .flat-black-button:hover {\n        opacity: 0.9;\n    }\n    \n    .flat-black-button:active {\n        transform: scale(0.98);\n    }\n\n    \/* AUTOMATIC MOBILE VIEWPORTS CALIBRATION *\/\n    @media (max-width: 768px) {\n        .flat-footer-board {\n            flex-direction: column;\n            text-align: center;\n            padding: 25px 20px;\n        }\n        .footer-right-action {\n            width: 100%;\n        }\n        .flat-black-button {\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"flat-karat-container-fixed\">\n    \n    <div class=\"karat-header-block-fixed\">\n        <h3 class=\"karat-board-title-fixed\">Purity &#038; Karat Breakdown<\/h3>\n        <p class=\"karat-board-subtitle-fixed\">Official gold content ratios and stamp guidelines used across manufacturing networks.<\/p>\n    <\/div>\n    \n    <div class=\"karat-responsive-wrapper-fixed\">\n        <table class=\"purity-data-table-fixed\">\n            <thead>\n                <tr>\n                    <th>Gold Rating<\/th>\n                    <th>Pure Gold %<\/th>\n                    <th>Official Stamp \/ Hallmark<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td class=\"karat-name-fixed\">24K Gold<\/td>\n                    <td>99.9%<\/td>\n                    <td class=\"stamp-value-fixed\">999<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"karat-name-fixed\">22K Gold<\/td>\n                    <td>91.6%<\/td>\n                    <td class=\"stamp-value-fixed\">916<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"karat-name-fixed\">18K Gold<\/td>\n                    <td>75.0%<\/td>\n                    <td class=\"stamp-value-fixed\">750<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"karat-name-fixed\">14K Gold<\/td>\n                    <td>58.3%<\/td>\n                    <td class=\"stamp-value-fixed\">585 \/ 583<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"karat-name-fixed\">10K Gold<\/td>\n                    <td>41.7%<\/td>\n                    <td class=\"stamp-value-fixed\">417<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\n\n    \/* FIXED OUTER WRAPPER: FLOODED END-TO-END WITH SOLID THEME YELLOW *\/\n    .flat-karat-container-fixed {\n        max-width: 900px;\n        margin: 20px auto;\n        padding: 35px 24px;\n        background-color: #facc15; \/* Flooded solid yellow edge-to-edge layout *\/\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n        border-radius: 24px; \/* Perfectly aligns with your rounded corner layout *\/\n    }\n\n    \/* HEADER BLOCK WITH MATCHING FLAT PALETTE *\/\n    .karat-header-block-fixed {\n        margin-bottom: 25px;\n    }\n\n    .karat-board-title-fixed {\n        font-size: 18px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        color: #000000;\n        margin: 0 0 6px 0;\n    }\n\n    .karat-board-subtitle-fixed {\n        font-size: 13px;\n        color: #3b2e02; \/* High-contrast clean dark tint overlay *\/\n        font-weight: 700;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* DATA GRID INTERFACE ARCHITECTURE *\/\n    .karat-responsive-wrapper-fixed {\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n        border-radius: 12px; \/* Smooth card internal encapsulation *\/\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n    }\n\n    .purity-data-table-fixed {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n        font-size: 13.5px;\n        background: #facc15;\n    }\n\n    \/* Column Headings Layout *\/\n    .purity-data-table-fixed th {\n        background: #e2b60e; \/* Solid color break separator line *\/\n        color: #000000;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        font-size: 11px;\n        padding: 14px 16px;\n        border: none;\n    }\n\n    \/* Body Row Grid Cells *\/\n    .purity-data-table-fixed td {\n        padding: 14px 16px;\n        color: #000000;\n        font-weight: 700;\n        border-bottom: 1px solid #e2b60e;\n        transition: background-color 0.15s ease, color 0.15s ease;\n    }\n\n    .purity-data-table-fixed tbody tr:last-child td {\n        border-bottom: none;\n    }\n\n    \/* Subtle row differentiation layer *\/\n    .purity-data-table-fixed tbody tr:nth-child(even) {\n        background: rgba(0, 0, 0, 0.02);\n    }\n\n    \/* INTERACTIVE FLAT STRIP HOVER FLIP EFFECT *\/\n    .purity-data-table-fixed tbody tr:hover td {\n        background-color: #000000 !important;\n        color: #facc15 !important;\n        cursor: pointer;\n    }\n\n    .karat-name-fixed {\n        font-weight: 900;\n    }\n\n    .stamp-value-fixed {\n        font-weight: 900;\n    }\n\n    \/* RESPONSIVE DESIGN ADJUSTMENTS *\/\n    @media (max-width: 600px) {\n        .flat-karat-container-fixed {\n            padding: 25px 16px;\n            border-radius: 16px;\n        }\n        .purity-data-table-fixed th, \n        .purity-data-table-fixed td {\n            padding: 12px 12px;\n            font-size: 12.5px;\n        }\n    }\n<\/style>\n\n\n\n\n\n<div class=\"arten3d-section-wrapper\">\n  <div class=\"container\">\n    \n    <main>\n      <div class=\"badge-wrapper\">\n      <\/div>\n      <h1 class=\"page-title\">Metal Weight Conversion &#038; Jewelry Calculation Hub<\/h1>\n      <div class=\"intro-text\">\n        <strong>wax to metal weight \u00b7 gold price calculation \u00b7 silver price estimation \u00b7 3D model volume to casting weight<\/strong><br>\n        Data-driven formulas, real-world alloy tables, and FAQs for jewelry professionals, CAD designers, and private investors. No stock images \u2014 only reference tables, calculations, and technical breakdowns.\n      <\/div>\n    <\/main>\n\n    <div class=\"two-column\">\n      <div class=\"col\">\n        \n        <div class=\"card-simple\">\n          <i class=\"fas fa-weight-hanging main-icon\"><\/i>\n          <h3>\ud83d\udcd0 Wax \u2192 Metal Weight Conversion<\/h3>\n          <p class=\"text-row\"><strong>Critical for casting &#038; investment<\/strong> \u2014 the wax model weight multiplied by the specific gravity of the target alloy gives the final metal weight. Standard factor for 14K gold \u2248 19.3 \/ wax density ~ 1.0 \u2192 factor ~19.3x.<\/p>\n          <div class=\"formula-box\">\n            <strong>Metal Weight (g)<\/strong> = Wax Weight (g) \u00d7 (Metal Density \/ Wax Density)<br>\n            \u26a1 Example: 5g wax model \u2192 14K gold (density ~13.1 g\/cm\u00b3) \u2192 \u2248 65.5g finished gold.\n          <\/div>\n          <div class=\"keyword-list\">\n            <span class=\"keyword\">wax to metal weight calculator<\/span>\n            <span class=\"keyword\">gold casting weight loss<\/span>\n            <span class=\"keyword\">metal shrinkage compensation<\/span>\n            <span class=\"keyword\">convert 3D model volume to gold weight<\/span>\n          <\/div>\n          <p class=\"text-muted-row\" style=\"margin-top: 16px; font-size:0.85rem;\"> typical shrinkage for platinum 2\u20133%, for silver 1.2%. Arten3D uses dynamic factor tables per alloy.<\/p>\n        <\/div>\n\n        <div class=\"card-simple\">\n          <i class=\"fas fa-chart-line main-icon\"><\/i>\n          <h3>\ud83d\udcb0 Gold &#038; Silver Price Calculation<\/h3>\n          <p class=\"text-row\"><strong>Final jewelry price = (Metal rate \u00d7 purity) + making charge + VAT\/GST<\/strong>. Accurate B2B &#038; B2C price breakdown without middleman markup.<\/p>\n          <div class=\"formula-box\">\n            \ud83e\udd47 <strong>Gold Price per gram =<\/strong> (International spot USD\/oz \u00f7 31.1035) \u00d7 (Karat\/24) \u00d7 currency conversion<br>\n            \ud83e\udd48 <strong>Silver price per gram =<\/strong> (spot price per oz \u00f7 31.1035) \u00d7 alloy purity (.925 for sterling)\n          <\/div>\n          <div class=\"keyword-list\">\n            <span class=\"keyword\">gold price calculation formula<\/span>\n            <span class=\"keyword\">silver price per gram today<\/span>\n            <span class=\"keyword\">gold purity rates 22k vs 24k<\/span>\n            <span class=\"keyword\">platinum weight vs gold weight<\/span>\n          <\/div>\n          <p class=\"text-muted-row\" style=\"margin-top: 16px; font-size:0.85rem;\"><i class=\"fas fa-calculator\"><\/i> For \u201cgold rate conversion dollar to local\u201d \u2013 we provide real-time estimators upon request (API integration ready for B2B).<\/p>\n        <\/div>\n        \n      <\/div>\n\n      <div class=\"col\">\n        \n        <div class=\"card-simple\">\n          <i class=\"fas fa-cube main-icon\"><\/i>\n          <h3>\ud83e\uddca 3D CAD Volume \u2192 Casting Weight Estimation<\/h3>\n          <p class=\"text-row\">For any <strong>3D jewelry cad modeling<\/strong> file (Rhino, MatrixGold, ZBrush), we compute volume (mm\u00b3) then multiply by alloy density. Perfect for rings, bracelets, chains &#038; wax prototypes.<\/p>\n          <div class=\"formula-box\">\n            Weight(g) = Model Volume(cm\u00b3) \u00d7 Alloy Density(g\/cm\u00b3)<br>\n            \ud83d\udc8e 14k Yellow gold: ~13.07 g\/cm\u00b3 | Platinum: 21.45 g\/cm\u00b3 | Silver: 10.49 g\/cm\u00b3\n          <\/div>\n          <div class=\"keyword-list\">\n            <span class=\"keyword\">3d jewelry cad modeling<\/span>\n            <span class=\"keyword\">customized jewelry cad modeling<\/span>\n            <span class=\"keyword\">jewelry casting weight estimator<\/span>\n            <span class=\"keyword\">rhino 3D jewelry design for beginners<\/span>\n          <\/div>\n          <p class=\"text-muted-row\" style=\"margin-top: 16px; font-size:0.85rem;\">\ud83d\udccc B2B tip: Our &#8220;metal weight conversion&#8221; tool supports batch STL\/OBJ uploads, giving instant wax-to-metal forecasts for production lines.<\/p>\n        <\/div>\n\n        <div class=\"info-panel\">\n          <h3 style=\"color: #facc15;\"><i class=\"fas fa-microscope\"><\/i> Density Impact Analysis<\/h3>\n          <ul>\n            <li><strong>Yellow gold (14K)<\/strong>: ~13.07 g\/cm\u00b3, ideal for casting + laser printing.<\/li>\n            <li><strong>White gold (18K)<\/strong>: ~15.6 g\/cm\u00b3 with palladium.<\/li>\n            <li><strong>Platinum 950<\/strong>: 21.45 g\/cm\u00b3 \u2013 highest weight, premium for redesigning.<\/li>\n            <li><strong>Sterling silver<\/strong>: 10.49 g\/cm\u00b3, economical for personalized jewelry &#038; chains.<\/li>\n          <\/ul>\n          <div class=\"keyword-list\" style=\"margin-top:20px;\">\n            <span class=\"keyword\" style=\"background:#27272a; color:#a1a1aa; border:1px solid #3f3f46;\">types of gold silver platinum<\/span>\n            <span class=\"keyword\" style=\"background:#27272a; color:#a1a1aa; border:1px solid #3f3f46;\">jewelry casting alloy guide<\/span>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n    <h2 class=\"section-heading\"><i class=\"fas fa-percentage\"><\/i> Purity &#038; Karat Breakdown<\/h2>\n    <div class=\"matrix-outer-box\">\n      <div class=\"matrix-responsive-wrapper\">\n        <table class=\"purity-matrix-table\">\n          <thead>\n            <tr>\n              <th>Alloy Type<\/th>\n              <th>Rate Per 1 Gram<\/th>\n              <th>Rate Per 10 Grams<\/th>\n              <th>Rate Per 1 Troy Oz (31.1g)<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td style=\"font-weight: 900;\">Sterling Silver (.925)<\/td>\n              <td id=\"cell-silver-1g\">$0.00<\/td>\n              <td id=\"cell-silver-10g\">$0.00<\/td>\n              <td class=\"weight-bold-marker\" id=\"cell-silver-oz\">$0.00<\/td>\n            <\/tr>\n            <tr>\n              <td style=\"font-weight: 900;\">10K Yellow Gold<\/td>\n              <td id=\"cell-10k-1g\">$0.00<\/td>\n              <td id=\"cell-10k-10g\">$0.00<\/td>\n              <td class=\"weight-bold-marker\" id=\"cell-10k-oz\">$0.00<\/td>\n            <\/tr>\n            <tr>\n              <td style=\"font-weight: 900;\">14K Yellow Gold<\/td>\n              <td id=\"cell-14k-1g\">$0.00<\/td>\n              <td id=\"cell-14k-10g\">$0.00<\/td>\n              <td class=\"weight-bold-marker\" id=\"cell-14k-oz\">$0.00<\/td>\n            <\/tr>\n            <tr>\n              <td style=\"font-weight: 900;\">18K Yellow Gold<\/td>\n              <td id=\"cell-18k-1g\">$0.00<\/td>\n              <td id=\"cell-18k-10g\">$0.00<\/td>\n              <td class=\"weight-bold-marker\" id=\"cell-18k-oz\">$0.00<\/td>\n            <\/tr>\n            <tr>\n              <td style=\"font-weight: 900;\">22K Yellow Gold<\/td>\n              <td id=\"cell-22k-1g\">$0.00<\/td>\n              <td id=\"cell-22k-10g\">$0.00<\/td>\n              <td class=\"weight-bold-marker\" id=\"cell-22k-oz\">$0.00<\/td>\n            <\/tr>\n            <tr>\n              <td style=\"font-weight: 900;\">24K Pure Gold<\/td>\n              <td id=\"cell-24k-1g\">$0.00<\/td>\n              <td id=\"cell-24k-10g\">$0.00<\/td>\n              <td class=\"weight-bold-marker\" id=\"cell-24k-oz\">$0.00<\/td>\n            <\/tr>\n            <tr>\n              <td style=\"font-weight: 900;\">Platinum 950<\/td>\n              <td id=\"cell-plat-1g\">$0.00<\/td>\n              <td id=\"cell-plat-10g\">$0.00<\/td>\n              <td class=\"weight-bold-marker\" id=\"cell-plat-oz\">$0.00<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n    <p style=\"font-size:0.8rem; color: #a1a1aa; margin-bottom: 40px; padding-left: 6px;\">\n      * Wax density assumed 1.0 g\/cm\u00b3 \u2013 accurate for industrial castable waxes. Shrinkage values vary. For precise metal weight conversion use Arten3D\u2019s automated file configuration properties.\n    <\/p>\n\n    <h2 class=\"section-heading\"><i class=\"fas fa-book-open\"><\/i> Key-Information<\/h2>\n    \n    <div class=\"keyword-deep-content-grid\">\n      \n      <div class=\"keyword-content-card\">\n        <h4>how to calculate metal weight from wax model<\/h4>\n        <p>To convert master injection wax weight to your final casting metal, multiply the weight of your clean sprue-attached wax model by the specific gravity density multiplier of the target alloy. For 14K yellow gold, use a standard factor of 13.07; for sterling silver, multiply by 10.49. Always allow an extra 5% buffer for the physical melting crucible heel configuration.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>gold casting weight loss percentage<\/h4>\n        <p>During mechanical burnout, investment decomposition, and crucible transfers, gold alloys face an operational volumetric weight loss of 0.5% to 1.5%. Micro-porosity formations and aggressive pickling-acid skin cleanup cycles further shave off surface density, requiring precise pre-scaling adjustments inside the digital 3D model matrix boundaries.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>silver weight converter oz to grams for jewelry<\/h4>\n        <p>Jewelry manufacturing relies strictly on Troy ounces (1 ozt = 31.1035 grams) rather than standard cooking ounces (28.34g). When calculating raw material allocations for silver chains and heavy master cuffs, convert using the precise index formula: <code>Total Grams = Troy Ounces \u00d7 31.1035<\/code> to completely eliminate scrap accounting errors.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>wax to metal weight for rings 14k<\/h4>\n        <p>A standard 14K manufacturing conversion profile operates at an approximate multiplier ratio of 13.1:1 against industrial carver waxes. If your 3D printed resin or injection wax signet ring weighs exactly 1.2 grams on an analytical balance, the raw unpolished 14K casting shell will command a weight minimum of 15.72 grams before gate cutting.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>platinum weight vs gold weight comparison chart<\/h4>\n        <p>Platinum 950 possesses an ultra-dense structural makeup (~21.45 g\/cm\u00b3), rendering it roughly 64% heavier than an identical volume model cast in 14K yellow gold (~13.07 g\/cm\u00b3), and 37% heavier than 18K yellow gold (~15.60 g\/cm\u00b3). Moving a CAD ring file directly from gold to platinum without hollowing out inner channels results in extreme weight spikes.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>3D jewelry animation for ecommerce<\/h4>\n        <p>High-fidelity 4K 360-degree turntable video loops and exploding link view configurations allow luxury B2B and B2C clients to inspect structural clasp mechanics and diamond micro-pave layouts seamlessly. Utilizing KeyShot or Blender layout workflows bridges the digital gap, lowering catalog return metrics by more than 40% globally.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>cost to redesign gold chain into bracelet<\/h4>\n        <p>Transforming vintage heirloom jewelry involves metal reclamation assays, refining scrap consolidation, new master 3D jewelry CAD modeling configurations, and precise laser assembly. Operational costs depend on pattern layout complexity and additional component melting losses, starting from a baseline refining bench fee plus fabrication costs.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>low volume jewelry casting service online<\/h4>\n        <p>Modern short-run jewelry casting ecosystems empower independent artists to upload production-ready STL files directly for on-demand processing. Utilizing vacuum-pressure induction casting units allows single-piece prototype orders in sterling silver, brass, or gold alloys to be fulfilled without requiring large minimum order quantities.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>custom jewelry molding from old gold<\/h4>\n        <p>Direct recycling of client-supplied gold requires careful consideration of solder impurities. Heirloom yellow gold must be carefully melted, chemically purified, and alloyed back into uniform structural wire or casting grain. This prevents cracking along structural stress stress-lines when casting complex new 3D geometries.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>freelance jewelry CAD designer for casting<\/h4>\n        <p>Professional freelance CAD operators construct tailored 3D geometries explicitly adjusted for downstream casting engineering constraints. This includes assigning accurate wall tolerances (minimum 0.8mm), calculating stone-setting seat tapers for prong sets, and integrating predictable sprue placement pathways directly inside the print models.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>jewelry cad rendering price per image<\/h4>\n        <p>Commercial photorealistic rendering pricing scales based on layout complexity, texture layering configurations, and total gemstone count. High-end studios provide basic multi-angle white-background e-commerce views, while editorial lifestyle mockups featuring advanced ray-traced shadows vary based on total scene compilation requirements.<\/p>\n      <\/div>\n\n      <div class=\"keyword-content-card\">\n        <h4>convert sketch to 3D jewelry model with weight<\/h4>\n        <p>The engineering workflow maps flat 2D conceptual hand sketches into true physical proportions via CAD arrays. By processing geometric curves across three dimensions, the engine automatically calculates bounding volume limits. This lets you see accurate target metal weights for gold, silver, or platinum before ever hitting print.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <h2 class=\"section-heading\"><i class=\"fas fa-question-circle\"><\/i> FAQs: Metal, Redesigning &#038; CAD Workflow<\/h2>\n    <div class=\"two-column\" style=\"margin-top: 0;\">\n      <div class=\"col\">\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 How accurate is wax to metal weight for complex filigree rings?<\/div>\n          <div class=\"faq-answer\">Accuracy within \u00b11.5% after adding sprues &#038; porosity factor. Arten3D uses micro-CT validated ratios for bracelets, chains and signet rings. B2B casters rely on our factor tables.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 What is the metal shrinkage calculator for platinum vs gold?<\/div>\n          <div class=\"faq-answer\">Platinum shrinks ~1.8% linear, gold ~1.2\u20131.6%. Our custom \u201cwax to metal weight\u201d spreadsheet adjusts scaling in Matrix\/Rhino before printing.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 How do you calculate gold price for old jewelry (B2C redesigning)?<\/div>\n          <div class=\"faq-answer\">Spot rate \u00d7 purity (karat\/24) \u2013 deduction for wastage (2\u20135%) + labor. Transparent formula used for jewelry redesigning services.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 Best CAD modeling software for jewelry casting?<\/div>\n          <div class=\"faq-answer\">Rhino 7 + MatrixGold for parametric precision, ZBrush for organic sculpting, and KeyShot rendering for client presentations. All linked to weight calculation engines.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"col\">\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 Laser printing vs laser cutting for personalized jewelry?<\/div>\n          <div class=\"faq-answer\">Laser printing (3D resin\/wax) creates models for casting; laser cutting engraves metal sheets. Both used for customized jewelry cad modeling and engraving scripts.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 How to estimate final weight for chains &#038; bracelets from CAD?<\/div>\n          <div class=\"faq-answer\">Use 3D model volume \u00d7 metal density. Our &#8220;chain link&#8221; tool accounts for interlink air gaps \u2014 typical 14k gold bracelet (8 inch) = 12\u201325g based on design.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 Why do rendering &#038; animation matter for B2B jewelry?<\/div>\n          <div class=\"faq-answer\">KeyShot renders and 3D animation help pre-visualize metal weight distribution, surface finish, and scale. Accurate render = better weight estimations before casting.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <div class=\"faq-question\">\ud83d\udd39 Where can I find silver price calculation with local taxes?<\/div>\n          <div class=\"faq-answer\">We provide B2B integration: silver price per gram + import duties + VAT, delivered for your region (US, EU, Middle East).<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <h2 class=\"section-heading\"><i class=\"fas fa-cogs\"><\/i> Technical Coverage: Jewelry Redesigning, Casting &#038; 3D Workflow<\/h2>\n    <div class=\"service-matrix-grid\">\n      <div class=\"card-simple\">\n        <i class=\"fas fa-sync-alt main-icon\"><\/i>\n        <h3>Jewelry Redesigning<\/h3>\n        <p class=\"text-row\">Resize, remodel, re-mill old rings\/bracelets. Using 3D scan &#038; cad modeling for metal weight recalculation.<\/p>\n        <div class=\"keyword-list\"><span class=\"keyword\">jewelry redesigning<\/span><span class=\"keyword\">reset heirloom diamond<\/span><\/div>\n      <\/div>\n      <div class=\"card-simple\">\n        <i class=\"fas fa-print main-icon\"><\/i>\n        <h3>Laser printing &#038; cutting<\/h3>\n        <p class=\"text-row\">High precision for personalized jewelry, engraving, and micro-cutting for platinum\/silver.<\/p>\n        <div class=\"keyword-list\"><span class=\"keyword\">laser printing<\/span><span class=\"keyword\">laser cutting jewelry<\/span><span class=\"keyword\">personalized jewelry cad<\/span><\/div>\n      <\/div>\n      <div class=\"card-simple\">\n        <i class=\"fas fa-drafting-compass\"><\/i>\n        <h3>2D &#038; Best CAD Modeling<\/h3>\n        <p class=\"text-row\">Blueprints for casting, combined with sculpting &#038; engraving. Matrix, Rhino, ZBrush mastery.<\/p>\n        <div class=\"keyword-list\"><span class=\"keyword\">2d designing<\/span><span class=\"keyword\">best cad modeling<\/span><span class=\"keyword\">sculpting engraving<\/span><\/div>\n      <\/div>\n      <div class=\"card-simple\">\n        <i class=\"fas fa-vr-cardboard\"><\/i>\n        <h3>Render &#038; Animation<\/h3>\n        <p class=\"text-row\">Keyshot, 4K animations for B2B catalogs. Realistic metal weight visualization for platinum &#038; gold.<\/p>\n        <div class=\"keyword-list\"><span class=\"keyword\">keyshot render<\/span><span class=\"keyword\">3d animation jewelry<\/span><span class=\"keyword\">matrix render settings<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"info-panel\" style=\"margin-top: 40px;\">\n      <h3 style=\"color:#facc15;\"><i class=\"fas fa-search\"><\/i>  Investigation Phrases Index<\/h3>\n      <div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;\">\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">how to calculate metal weight from wax model<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">gold casting weight loss percentage<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">silver weight converter oz to grams for jewelry<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">wax to metal weight for rings 14k<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">platinum weight vs gold weight comparison chart<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">3D jewelry animation for ecommerce<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">cost to redesign gold chain into bracelet<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">low volume jewelry casting service online<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">custom jewelry molding from old gold<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">freelance jewelry CAD designer for casting<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">jewelry cad rendering price per image<\/span>\n        <span class=\"keyword\" style=\"background:#27272a; border:1px solid #3f3f46;\">convert sketch to 3D jewelry model with weight<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"cta-flooded-banner\">\n      <i class=\"fas fa-calculator\"><\/i>\n      <h3>Need precise metal weight + gold price calculation for production?<\/h3>\n      <p>Request a custom report: wax-to-metal for your CAD model, silver price projection or casting cost estimation. B2B API &#038; B2C ready.<\/p>\n      <a href=\"#\" class=\"btn-action-master\">Request conversion sheet \u2192<\/a>\n      <div class=\"keyword-list\" style=\"justify-content: center; margin-top: 24px;\">\n        <span class=\"keyword\" style=\"background:#000; border-color:#000; color:#facc15;\">jewelry casting service B2B<\/span>\n        <span class=\"keyword\" style=\"background:#000; border-color:#000; color:#facc15;\">customized jewelry cad modeling near me<\/span>\n        <span class=\"keyword\" style=\"background:#000; border-color:#000; color:#facc15;\">metal weight conversion for platinum rings<\/span>\n      <\/div>\n    <\/div>\n\n   \n\n  <\/div>\n<\/div>\n\n<style>\n  \/* ENCAPSULATED SCOPE TO PROTECT PARENT WRAPPERS *\/\n  .arten3d-section-wrapper {\n    background-color: #09090b;\n    color: #ffffff;\n    padding: 30px 12px;\n    font-family: 'Inter', sans-serif;\n  }\n\n  .arten3d-section-wrapper .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 12px;\n  }\n\n  .arten3d-section-wrapper .badge-wrapper {\n    margin-bottom: 14px;\n  }\n  \n  .arten3d-section-wrapper .badge {\n    background: rgba(250, 204, 21, 0.1);\n    color: #facc15;\n    font-size: 0.75rem;\n    padding: 6px 14px;\n    border-radius: 4px;\n    font-weight: 900;\n    display: inline-block;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    border: 1px solid rgba(250, 204, 21, 0.2);\n  }\n  \n  .arten3d-section-wrapper .page-title {\n    font-size: 2.5rem;\n    font-weight: 900;\n    margin-bottom: 20px;\n    color: #ffffff;\n    text-transform: uppercase;\n    letter-spacing: -0.5px;\n  }\n  \n  .arten3d-section-wrapper .intro-text {\n    font-size: 1.1rem;\n    color: #a1a1aa;\n    max-width: 90%;\n    margin-bottom: 48px;\n    border-left: 4px solid #f97316;\n    padding-left: 20px;\n  }\n  \n  .arten3d-section-wrapper .intro-text strong {\n    color: #ffffff;\n  }\n\n  .arten3d-section-wrapper .two-column {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    margin: 40px 0;\n  }\n\n  \/* HIGHLY TACTILE SURFACE POP-UP \/ RAISING HOVER CARDS (Black -> Yellow -> Orange) *\/\n  .arten3d-section-wrapper .card-simple {\n    background: #18181b;\n    border-radius: 16px;\n    padding: 32px 24px;\n    border: 1px solid #3f3f46;\n    margin-bottom: 30px;\n    position: relative;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    transition: background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), \n                border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), \n                transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),\n                box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n  \n  .arten3d-section-wrapper .card-simple i.main-icon {\n    font-size: 2rem;\n    color: #facc15;\n    margin-bottom: 16px;\n    display: block;\n    transition: color 0.3s;\n  }\n\n  .arten3d-section-wrapper .card-simple h3 {\n    color: #ffffff;\n    transition: color 0.3s;\n  }\n\n  .arten3d-section-wrapper .card-simple .text-row, \n  .arten3d-section-wrapper .card-simple .text-muted-row {\n    color: #a1a1aa;\n    transition: color 0.3s;\n  }\n\n  .arten3d-section-wrapper .card-simple .formula-box {\n    background: #000000;\n    border-left: 3px solid #facc15;\n    color: #e2e8f0;\n    transition: background-color 0.3s, color 0.3s, border-left-color 0.3s;\n  }\n\n  .arten3d-section-wrapper .card-simple .formula-box strong {\n    color: #facc15;\n    transition: color 0.3s;\n  }\n\n  .arten3d-section-wrapper .card-simple .keyword {\n    background: #27272a;\n    color: #a1a1aa;\n    border: 1px solid #3f3f46;\n    transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n  }\n  \n  \/* HIGH HOVER TRIGGERS: Fluid 3D Pop Up surface transformation *\/\n  .arten3d-section-wrapper .card-simple:hover {\n    border-color: #facc15;\n    background: #facc15;\n    transform: translateY(-8px) scale(1.01);\n    box-shadow: 0 20px 25px -5px rgba(250, 204, 21, 0.15), 0 10px 10px -5px rgba(250, 204, 21, 0.1);\n  }\n\n  .arten3d-section-wrapper .card-simple:hover i.main-icon {\n    color: #000000;\n  }\n  .arten3d-section-wrapper .card-simple:hover h3 {\n    color: #000000;\n  }\n  .arten3d-section-wrapper .card-simple:hover .text-row, \n  .arten3d-section-wrapper .card-simple:hover .text-muted-row {\n    color: #1c1c1e;\n  }\n  .arten3d-section-wrapper .card-simple:hover .formula-box {\n    background: rgba(0, 0, 0, 0.9);\n    color: #ffffff;\n    border-left-color: #f97316;\n  }\n  .arten3d-section-wrapper .card-simple:hover .formula-box strong {\n    color: #f97316;\n  }\n\n  .arten3d-section-wrapper .card-simple:hover .keyword {\n    background: #f97316;\n    color: #ffffff;\n    border-color: #f97316;\n  }\n\n  \/* KEYWORD KNOWLEDGE BASE GRID ARCHITECTURE *\/\n  .arten3d-section-wrapper .keyword-deep-content-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 20px;\n    margin: 30px 0 50px;\n  }\n\n  .arten3d-section-wrapper .keyword-content-card {\n    background: #18181b;\n    border: 1px solid #3f3f46;\n    border-radius: 12px;\n    padding: 24px;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    transition: background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),\n                border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),\n                transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),\n                box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n\n  .arten3d-section-wrapper .keyword-content-card h4 {\n    font-size: 1rem;\n    font-weight: 800;\n    color: #facc15;\n    margin-bottom: 12px;\n    text-transform: lowercase;\n    font-family: monospace;\n    letter-spacing: -0.2px;\n    transition: color 0.3s;\n  }\n\n  .arten3d-section-wrapper .keyword-content-card p {\n    font-size: 0.88rem;\n    color: #a1a1aa;\n    line-height: 1.6;\n    transition: color 0.3s;\n  }\n\n  .arten3d-section-wrapper .keyword-content-card code {\n    background: #000000;\n    color: #f97316;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.8rem;\n    transition: background-color 0.3s, color 0.3s;\n  }\n\n  \/* HOVER PROFILE FOR KNOWLEDGE GRID: Shifts elements from Yellow directly to Orange *\/\n  .arten3d-section-wrapper .keyword-content-card:hover {\n    background: #facc15;\n    border-color: #facc15;\n    transform: translateY(-6px);\n    box-shadow: 0 15px 20px -5px rgba(250, 204, 21, 0.12);\n  }\n\n  .arten3d-section-wrapper .keyword-content-card:hover h4 {\n    color: #000000;\n    font-weight: 900;\n  }\n\n  .arten3d-section-wrapper .keyword-content-card:hover p {\n    color: #111113;\n    font-weight: 500;\n  }\n\n  .arten3d-section-wrapper .keyword-content-card:hover code {\n    background: #000000;\n    color: #f97316;\n  }\n\n  .arten3d-section-wrapper h2.section-heading {\n    font-size: 1.6rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 60px 0 24px 0;\n    letter-spacing: 0.5px;\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  \n  .arten3d-section-wrapper h2.section-heading i {\n    color: #facc15;\n  }\n  \n  .arten3d-section-wrapper h3 {\n    font-size: 1.35rem;\n    font-weight: 900;\n    margin: 12px 0 14px 0;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    text-transform: uppercase;\n  }\n\n  .arten3d-section-wrapper .formula-box {\n    border-radius: 8px;\n    padding: 18px;\n    font-family: monospace;\n    font-size: 0.9rem;\n    margin: 20px 0;\n  }\n\n  .arten3d-section-wrapper .keyword-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 20px 0 8px;\n  }\n  \n  .arten3d-section-wrapper .keyword {\n    padding: 5px 12px;\n    border-radius: 4px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    display: inline-block;\n  }\n\n  .arten3d-section-wrapper .info-panel {\n    background: #18181b;\n    border-radius: 16px;\n    padding: 28px;\n    border: 1px solid #3f3f46;\n    margin-bottom: 30px;\n  }\n  \n  .arten3d-section-wrapper .info-panel ul {\n    margin: 20px 0 0 20px;\n    color: #a1a1aa;\n  }\n  \n  .arten3d-section-wrapper .info-panel ul li {\n    margin-bottom: 10px;\n  }\n  \n  .arten3d-section-wrapper .info-panel ul strong {\n    color: #ffffff;\n  }\n\n  \/* FAQ ACCORDION TRANSITIONS *\/\n  .arten3d-section-wrapper .faq-item {\n    margin-bottom: 16px;\n    background: #18181b;\n    border: 1px solid #3f3f46;\n    border-radius: 8px;\n    padding: 20px;\n    transition: background-color 0.25s, border-color 0.25s;\n  }\n  \n  .arten3d-section-wrapper .faq-item:hover {\n    border-color: #facc15;\n    background: #202024;\n  }\n  \n  .arten3d-section-wrapper .faq-question {\n    font-weight: 900;\n    color: #facc15;\n    margin-bottom: 10px;\n    text-transform: uppercase;\n    font-size: 0.9rem;\n    letter-spacing: 0.3px;\n  }\n  \n  .arten3d-section-wrapper .faq-answer {\n    color: #a1a1aa;\n    font-size: 0.9rem;\n    line-height: 1.6;\n  }\n\n  \/* INPUT HUB SHELF ELEMENT CONTROLS *\/\n  .arten3d-section-wrapper .mini-tool-input-strip {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 20px;\n    background: #18181b;\n    padding: 24px;\n    border-radius: 16px;\n    border: 1px solid #3f3f46;\n  }\n\n  .arten3d-section-wrapper .tool-input-card {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    text-align: left;\n  }\n\n  .arten3d-section-wrapper .tool-input-card label {\n    font-size: 11px;\n    font-weight: 900;\n    text-transform: uppercase;\n    color: #f97316;\n    letter-spacing: 0.5px;\n  }\n\n  .arten3d-section-wrapper .tool-input-card input {\n    background: #000000;\n    border: 1px solid #3f3f46;\n    border-radius: 6px;\n    color: #ffffff;\n    padding: 10px 14px;\n    font-size: 15px;\n    font-weight: 700;\n    outline: none;\n    width: 100%;\n    transition: border-color 0.2s;\n  }\n\n  .arten3d-section-wrapper .tool-input-card input:focus {\n    border-color: #facc15;\n  }\n\n  \/* DATA PURITY GRID SHEETS *\/\n  .arten3d-section-wrapper .matrix-outer-box {\n    background-color: #facc15;\n    border-radius: 24px;\n    padding: 35px 24px;\n    margin: 24px 0;\n  }\n\n  .arten3d-section-wrapper .matrix-responsive-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    border-radius: 12px;\n  }\n\n  .arten3d-section-wrapper .purity-matrix-table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: right;\n    font-size: 13.5px;\n    background: #facc15;\n  }\n\n  .arten3d-section-wrapper .purity-matrix-table th:first-child,\n  .arten3d-section-wrapper .purity-matrix-table td:first-child {\n    text-align: left;\n  }\n\n  .arten3d-section-wrapper .purity-matrix-table th {\n    background: #e2b60e;\n    color: #000000;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    font-size: 11px;\n    padding: 14px 16px;\n    border: none;\n  }\n\n  .arten3d-section-wrapper .purity-matrix-table td {\n    padding: 14px 16px;\n    color: #000000;\n    font-weight: 700;\n    border-bottom: 1px solid #e2b60e;\n    transition: background-color 0.15s ease, color 0.15s ease;\n  }\n\n  .arten3d-section-wrapper .purity-matrix-table tbody tr:last-child td {\n    border-bottom: none;\n  }\n\n  .arten3d-section-wrapper .purity-matrix-table tbody tr:nth-child(even) {\n    background: rgba(0, 0, 0, 0.02);\n  }\n\n  .arten3d-section-wrapper .purity-matrix-table tbody tr:hover td {\n    background-color: #f97316 !important;\n    color: #ffffff !important;\n    cursor: pointer;\n  }\n\n  .arten3d-section-wrapper .weight-bold-marker {\n    font-weight: 900;\n  }\n\n  .arten3d-section-wrapper .service-matrix-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 24px;\n    margin: 24px 0;\n  }\n  \n  .arten3d-section-wrapper .service-matrix-grid .card-simple {\n    margin-bottom: 0;\n  }\n\n  \/* HIGH IMPACT FLOOD CTA HOUSINGS *\/\n  .arten3d-section-wrapper .cta-flooded-banner {\n    background: #f97316;\n    color: #000000;\n    border-radius: 24px;\n    padding: 48px 32px;\n    margin: 64px 0 40px;\n    text-align: center;\n  }\n  \n  .arten3d-section-wrapper .cta-flooded-banner i {\n    font-size: 2.5rem;\n    color: #000000;\n    margin-bottom: 14px;\n  }\n  \n  .arten3d-section-wrapper .cta-flooded-banner h3 {\n    color: #000000;\n    justify-content: center;\n    font-size: 1.6rem;\n    margin-bottom: 10px;\n  }\n  \n  .arten3d-section-wrapper .cta-flooded-banner p {\n    font-weight: 600;\n    max-width: 600px;\n    margin: 0 auto 24px;\n    font-size: 1rem;\n    color: #3b1100;\n  }\n  \n  .arten3d-section-wrapper .btn-action-master {\n    display: inline-block;\n    background: #000000;\n    color: #ffffff;\n    padding: 14px 36px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-size: 0.85rem;\n    transition: all 0.2s ease;\n  }\n  \n  .arten3d-section-wrapper .btn-action-master:hover {\n    background: #facc15;\n    color: #000000;\n    transform: scale(1.03);\n  }\n\n  .arten3d-section-wrapper footer {\n    border-top: 2px solid #18181b;\n    margin-top: 80px;\n    padding: 40px 0;\n    text-align: center;\n    font-size: 0.8rem;\n    color: #a1a1aa;\n  }\n  \n  .arten3d-section-wrapper footer p {\n    max-width: 950px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n  \n  .arten3d-section-wrapper footer strong {\n    color: #ffffff;\n  }\n\n  \/* VIEWPORT ADAPTATION CONTROLS *\/\n  @media (max-width: 900px) {\n    .arten3d-section-wrapper .two-column {\n      grid-template-columns: 1fr;\n      gap: 0;\n    }\n    .arten3d-section-wrapper .mini-tool-input-strip {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n    .arten3d-section-wrapper .intro-text {\n      max-width: 100%;\n    }\n    .arten3d-section-wrapper .page-title {\n      font-size: 2rem;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .arten3d-section-wrapper .matrix-outer-box {\n      padding: 20px 12px;\n      border-radius: 16px;\n    }\n    .arten3d-section-wrapper .purity-matrix-table th, \n    .arten3d-section-wrapper .purity-matrix-table td {\n      padding: 10px 10px;\n      font-size: 11px;\n    }\n    .arten3d-section-wrapper .cta-flooded-banner {\n      padding: 32px 16px;\n    }\n    .arten3d-section-wrapper .cta-flooded-banner h3 {\n      font-size: 1.3rem;\n    }\n  }\n<\/style>\n\n<script>\n  function calculateLiveMatrixChart() {\n    const TROY_OZ_TO_GRAMS = 31.1034768;\n\n    let spotGold = parseFloat(document.getElementById('input-gold-oz').value) || 0;\n    let spotSilver = parseFloat(document.getElementById('input-silver-oz').value) || 0;\n    let spotPlat = parseFloat(document.getElementById('input-plat-oz').value) || 0;\n\n    let pureGoldGram = spotGold \/ TROY_OZ_TO_GRAMS;\n    let pureSilverGram = spotSilver \/ TROY_OZ_TO_GRAMS;\n    let purePlatGram = spotPlat \/ TROY_OZ_TO_GRAMS;\n\n    let configurations = {\n      silver: { purity: 0.925, base: pureSilverGram, ozPrice: spotSilver * 0.925, id: 'cell-silver' },\n      k10:    { purity: 0.417, base: pureGoldGram,   ozPrice: spotGold * 0.417,   id: 'cell-10k' },\n      k14:    { purity: 0.583, base: pureGoldGram,   ozPrice: spotGold * 0.583,   id: 'cell-14k' },\n      k18:    { purity: 0.750, base: pureGoldGram,   ozPrice: spotGold * 0.750,   id: 'cell-18k' },\n      k22:    { purity: 0.916, base: pureGoldGram,   ozPrice: spotGold * 0.916,   id: 'cell-22k' },\n      k24:    { purity: 1.000, base: pureGoldGram,   ozPrice: spotGold,           id: 'cell-24k' },\n      plat:   { purity: 0.950, base: purePlatGram,   ozPrice: spotPlat * 0.950,   id: 'cell-plat' }\n    };\n\n    for (let key in configurations) {\n      let metal = configurations[key];\n      let perGram = metal.base * metal.purity;\n      let per10Gram = perGram * 10;\n      let perOz = metal.ozPrice;\n\n      let el1g = document.getElementById(metal.id + '-1g');\n      let el10g = document.getElementById(metal.id + '-10g');\n      let elOz = document.getElementById(metal.id + '-oz');\n\n      if(el1g) el1g.innerText = '$' + perGram.toFixed(2);\n      if(el10g) el10g.innerText = '$' + per10Gram.toFixed(2);\n      if(elOz) elOz.innerText = '$' + perOz.toFixed(2);\n    }\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", calculateLiveMatrixChart);\n  } else {\n    calculateLiveMatrixChart();\n  }\n<\/script>\n\n\n\n\n\n<div class=\"metal-sidebar-popup\" id=\"metalTickerPopup\">\n    <div class=\"popup-header\">\n        <div class=\"header-left\">\n            <span class=\"live-dot\"><\/span>\n            <h3>Live Rates \/ Precios en Vivo<\/h3>\n        <\/div>\n        <div class=\"header-right-actions\">\n            <span class=\"currency-tag\">USD \/ OZ<\/span>\n            <button class=\"close-popup-btn\" onclick=\"dismissMetalTicker()\" aria-label=\"Close popup\">&times;<\/button>\n        <\/div>\n    <\/div>\n    \n    <div class=\"popup-body\">\n        <div class=\"metal-row\">\n            <div class=\"metal-label\">\n                <span class=\"gold-text\">Gold<\/span>\n                <span class=\"lang-divider\">\/<\/span>\n                <span class=\"spanish-text\">Oro<\/span>\n            <\/div>\n            <div class=\"tradingview-frame-wrapper\">\n                <iframe src=\"https:\/\/s.tradingview.com\/embed-widget\/single-quote\/?symbol=FX_IDC%3AXAUUSD&#038;theme=dark&#038;locale=en\" scrolling=\"no\" allowtransparency=\"true\" frameborder=\"0\" loading=\"lazy\"><\/iframe>\n            <\/div>\n        <\/div>\n\n        <div class=\"metal-row\">\n            <div class=\"metal-label\">\n                <span class=\"silver-text\">Silver<\/span>\n                <span class=\"lang-divider\">\/<\/span>\n                <span class=\"spanish-text\">Plata<\/span>\n            <\/div>\n            <div class=\"tradingview-frame-wrapper\">\n                <iframe src=\"https:\/\/s.tradingview.com\/embed-widget\/single-quote\/?symbol=FX_IDC%3AXAGUSD&#038;theme=dark&#038;locale=en\" scrolling=\"no\" allowtransparency=\"true\" frameborder=\"0\" loading=\"lazy\"><\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"popup-footer\">\n        Auto-Refresh \u2022 Actualizaci\u00f3n Autom\u00e1tica\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\n\n    \/* Fixed Floating Window Container - Updated to look faint\/semi-transparent *\/\n    .metal-sidebar-popup {\n        position: fixed;\n        top: 25%;\n        right: 20px;\n        width: 250px;\n        background: rgba(0, 0, 0, 0.65); \/* Soft, faint black transparency *\/\n        backdrop-filter: blur(8px); \/* Subtle background blur effect *\/\n        -webkit-backdrop-filter: blur(8px);\n        border: 1.5px solid rgba(255, 215, 0, 0.4); \/* Fainter brand yellow border *\/\n        border-radius: 14px;\n        font-family: 'Inter', sans-serif;\n        color: #ffffff;\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);\n        overflow: hidden;\n        z-index: 999999;\n        transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    \/* Header styling - Adjusted color weight to look less harsh *\/\n    .popup-header {\n        background: rgba(255, 215, 0, 0.85); \/* Semi-faint brand yellow *\/\n        padding: 10px 14px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .header-left {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n    }\n\n    .header-right-actions {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .live-dot {\n        width: 7px;\n        height: 7px;\n        background: #ef4444;\n        border-radius: 50%;\n        animation: tickerPulse 1.5s infinite;\n    }\n\n    .popup-header h3 {\n        color: #000000;\n        font-size: 10px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin: 0;\n    }\n\n    .currency-tag {\n        background: #000000;\n        color: #FFD700;\n        font-size: 8px;\n        font-weight: 900;\n        padding: 2px 5px;\n        border-radius: 3px;\n        line-height: 1;\n    }\n\n    \/* Dismiss X Button Design *\/\n    .close-popup-btn {\n        background: none;\n        border: none;\n        color: #000000;\n        font-size: 16px;\n        font-weight: 700;\n        cursor: pointer;\n        padding: 0 2px;\n        line-height: 1;\n        transition: transform 0.2s ease, color 0.2s ease;\n    }\n\n    .close-popup-btn:hover {\n        color: #ef4444;\n        transform: scale(1.15);\n    }\n\n    \/* Body configuration *\/\n    .popup-body {\n        padding: 14px;\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n        background: transparent; \/* Allows transparency to look cohesive *\/\n    }\n\n    .metal-row {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n    }\n\n    .metal-label {\n        font-size: 10px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .gold-text { color: rgba(255, 215, 0, 0.9); }\n    .silver-text { color: #cccccc; }\n    .lang-divider { color: #444444; margin: 0 2px; }\n    .spanish-text { color: #777777; font-weight: 400; }\n\n    \/* Pure design mask overlay to trim branding headers from widgets *\/\n    .tradingview-frame-wrapper {\n        width: 100%;\n        height: 52px;\n        border-radius: 8px;\n        background: rgba(19, 23, 34, 0.8); \/* Blends into glassmorphism card background *\/\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        overflow: hidden;\n        position: relative;\n    }\n\n    .tradingview-frame-wrapper iframe {\n        width: 100%;\n        height: 120px;\n        position: absolute;\n        top: -34px;\n        left: 0;\n        opacity: 0.9; \/* Keeps text inside faint and premium *\/\n    }\n\n    \/* Bottom Status Footer *\/\n    .popup-footer {\n        background: rgba(5, 5, 5, 0.5);\n        padding: 8px;\n        text-align: center;\n        font-size: 8px;\n        color: #666666;\n        font-weight: 700;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    @keyframes tickerPulse {\n        0% { opacity: 0.3; }\n        50% { opacity: 1; }\n        100% { opacity: 0.3; }\n    }\n\n    \/* Responsive Shifts for Mobile & Small Displays *\/\n    @media (max-width: 768px) {\n        .metal-sidebar-popup {\n            top: auto;\n            bottom: 20px;\n            right: 15px;\n            width: 210px;\n        }\n    }\n<\/style>\n\n<script>\n    \/\/ Handles closing\/dismissing the popup cleanly\n    function dismissMetalTicker() {\n        const popup = document.getElementById('metalTickerPopup');\n        if (popup) {\n            popup.style.opacity = '0';\n            popup.style.transform = 'translateX(50px)';\n            setTimeout(() => {\n                popup.style.display = 'none';\n            }, 300); \/\/ Removes element from layout smoothly after transition ends\n        }\n    }\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><gwmw style=\"display:none;\"><\/gwmw><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Home Blog Our Work Our Products About Us Contact Us Reviews &#038; FAQs Weight Calculator Ask For A Quote Home [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1079","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages\/1079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/comments?post=1079"}],"version-history":[{"count":193,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages\/1079\/revisions"}],"predecessor-version":[{"id":1577,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages\/1079\/revisions\/1577"}],"wp:attachment":[{"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/media?parent=1079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}