{"id":38,"date":"2025-12-18T20:06:25","date_gmt":"2025-12-18T20:06:25","guid":{"rendered":"https:\/\/arten3d.com\/?page_id=38"},"modified":"2026-09-15T15:19:01","modified_gmt":"2026-09-15T15:19:01","slug":"home-2","status":"publish","type":"page","link":"https:\/\/arten3d.com\/","title":{"rendered":"Home<gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw><gwmw style=\"display:none;\"><\/gwmw>"},"content":{"rendered":"\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<style>\n    \/* 2025 Layout Reset *\/\n    .et_pb_section, .entry-content, .container { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: none !important; }\n    #main-content .container { border: none !important; box-shadow: none !important; }\n    \n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700;900&display=swap');\n    \n    header { font-family: 'Inter', sans-serif; }\n\n    \/* MENU ITEM INTERACTION *\/\n    .nav-item-interaction {\n        display: inline-block;\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        text-decoration: none !important;\n        padding: 8px 8px;\n        border-radius: 9999px; \n        color: black;\n        white-space: nowrap;   \/* Prevents 2-line wrapping *\/\n    }\n\n    .nav-item-interaction:hover {\n        transform: translateY(-3px);\n        background-color: #f97316 !important; \n        color: black !important;             \n        box-shadow: 0 10px 15px rgba(249, 115, 22, 0.4);\n    }\n\n    \/* QUOTE BUTTON LOGIC *\/\n    .quote-button-logic {\n        background-color: black !important;  \n        color: #facc15 !important;           \n        border: none;\n        white-space: nowrap;\n    }\n\n    .quote-button-logic:hover {\n        background-color: #f97316 !important; \n        color: black !important;             \n    }\n\n    \/* ICON INTERACTION *\/\n    .icon-interaction {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 38px;\n        height: 38px;\n        border-radius: 50%;\n        transition: all 0.3s ease;\n        color: black;\n        cursor: pointer;\n        flex-shrink: 0;\n    }\n    .icon-interaction:hover {\n        transform: translateY(-3px);\n        background-color: #f97316 !important;\n        color: black !important;\n        box-shadow: 0 8px 12px rgba(249, 115, 22, 0.3);\n    }\n\n    \/* ACTIVE PAGE INDICATOR *\/\n    .nav-active-link {\n        border-bottom: 3px solid black !important;\n        border-radius: 0 !important; \n    }\n\n    \/* Force desktop nav row to stay on one line *\/\n    .nav-single-line {\n        flex-wrap: nowrap !important;\n    }\n<\/style>\n\n<header class=\"sticky top-0 z-[1000] bg-yellow-400 shadow-xl border-b border-yellow-500\">\n    <nav class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center h-[70px]\">\n        \n        <a href=\"https:\/\/arten3d.com\" class=\"flex items-center no-underline h-full flex-shrink-0\">\n            <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/01\/Inverted.svg\" alt=\"ARTEN3D\" class=\"h-[65px] w-auto object-contain block max-w-none transform scale-110\">\n        <\/a>\n\n        <div class=\"hidden lg:flex items-center space-x-0 nav-single-line\">\n            <a href=\"\/\" class=\"nav-item-interaction nav-active-link font-bold text-[11px] uppercase tracking-wider\">Home<\/a>\n            <a href=\"\/blog\" class=\"nav-item-interaction font-bold text-[11px] uppercase tracking-wider\">Blog<\/a>\n            <a href=\"\/our-work\" class=\"nav-item-interaction font-bold text-[11px] uppercase tracking-wider\">Our Work<\/a>\n            <a href=\"\/our-products\" class=\"nav-item-interaction font-bold text-[11px] uppercase tracking-wider\">Our Products<\/a>\n            <a href=\"\/about-us\" class=\"nav-item-interaction font-bold text-[11px] uppercase tracking-wider\">About Us<\/a>\n            <a href=\"\/contact-us\" class=\"nav-item-interaction font-bold text-[11px] uppercase tracking-wider\">Contact Us<\/a>\n            <!-- NEW: Reviews & FAQs Category -->\n            <a href=\"https:\/\/arten3d.com\/reviews\" class=\"nav-item-interaction font-bold text-[11px] uppercase tracking-wider\">Reviews &#038; FAQs<\/a>\n            <!-- NEW: Weight Calculator Category -->\n            <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"nav-item-interaction font-bold text-[11px] uppercase tracking-wider\">Weight Calculator<\/a>\n            \n            <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"nav-item-interaction quote-button-logic font-bold text-[11px] uppercase tracking-wider ml-1 px-4\" target=\"_blank\" rel=\"noopener\">\n                Ask For A Quote\n            <\/a>\n        <\/div>\n\n        <div class=\"flex items-center space-x-1 flex-shrink-0\">\n            <a href=\"mailto:info@arten3d.com\" class=\"icon-interaction\" 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=\"icon-interaction\" aria-label=\"WhatsApp\" rel=\"noopener\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" 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=\"lg:hidden icon-interaction focus:outline-none\" aria-label=\"Open Menu\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" 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    <\/nav>\n\n    <!-- Mobile Drawer Menu -->\n    <div id=\"mobile-drawer\" class=\"hidden bg-yellow-400 border-t border-yellow-500 w-full flex-col items-center py-8 space-y-5 shadow-inner\">\n        <a href=\"\/\" class=\"text-black font-black text-lg uppercase tracking-widest border-b-2 border-black\">Home<\/a>\n        <a href=\"\/blog\" class=\"text-black font-black text-lg uppercase tracking-widest\">Blog<\/a>\n        <a href=\"\/our-work\" class=\"text-black font-black text-lg uppercase tracking-widest\">Our Work<\/a>\n        <a href=\"\/our-products\" class=\"text-black font-black text-lg uppercase tracking-widest\">Our Products<\/a>\n        <a href=\"\/about-us\" class=\"text-black font-black text-lg uppercase tracking-widest\">About Us<\/a>\n        <a href=\"\/contact-us\" class=\"text-black font-black text-lg uppercase tracking-widest\">Contact Us<\/a>\n        <!-- NEW: Reviews & FAQs in Mobile Menu -->\n        <a href=\"https:\/\/arten3d.com\/reviews\" class=\"text-black font-black text-lg uppercase tracking-widest\">Reviews &#038; FAQs<\/a>\n        <!-- NEW: Weight Calculator in Mobile Menu -->\n        <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"text-black font-black text-lg uppercase tracking-widest\">Weight Calculator<\/a>\n        <div class=\"px-6 w-full pt-4\">\n            <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"block w-full bg-black text-yellow-400 py-4 rounded-full font-black uppercase shadow-lg text-center tracking-tighter\" 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        drawer.classList.toggle('hidden');\n        drawer.classList.toggle('flex');\n    }\n\n    document.querySelectorAll('#mobile-drawer a').forEach(link => {\n        link.addEventListener('click', () => {\n            const drawer = document.getElementById('mobile-drawer');\n            drawer.classList.add('hidden');\n            drawer.classList.remove('flex');\n        });\n    });\n<\/script>\n\n\n\n=<link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@900&#038;display=swap\" as=\"style\">\n<style>\n    \/* FIX 2: FONT-DISPLAY SWAP *\/\n    @font-face {\n        font-family: 'Inter';\n        font-display: swap; \n    }\n\n    \/* FIX 3: CRITICAL CSS INLINING *\/\n    .hero-section-optimized {\n        position: relative;\n        background-color: #0d1117;\n        overflow: hidden;\n        padding-top: 0;\n        padding-bottom: 4rem;\n        contain: content; \n    }\n\n    .hero-title {\n        font-size: clamp(2.2rem, 4vw, 3.5rem); \n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        color: #fff;\n        margin-bottom: 1.5rem;\n    }\n\n    .gradient-gold {\n        background: linear-gradient(135deg, #fcd34d 0%, #f97316 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    \/* FIX 4: ASPECT RATIO & CLIPPING RESOLUTION *\/\n    .video-wrapper {\n        position: relative;\n        width: 100%;\n        background: #000;\n        border-radius: 2rem;\n        overflow: hidden;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .video-wrapper video {\n        width: 100%;\n        height: auto;\n        max-width: 100%;\n        object-fit: contain;\n        display: block;\n    }\n\n    \/* STABILIZED SINGLE-ROW BUTTON LAYOUT *\/\n    .btn-action-row {\n        display: flex !important;\n        flex-direction: row !important;\n        flex-wrap: nowrap !important; \/* Strictly prevents breaking to a second line *\/\n        align-items: center !important;\n        gap: 8px;\n        width: 100%;\n    }\n\n    .hero-btn-optimized {\n        font-size: 0.85rem;\n        font-weight: 900;\n        padding: 0.65rem 1.2rem;\n        border-radius: 99px;\n        text-decoration: none !important; \/* Removes theme text underlines *\/\n        border-bottom-width: 2px !important; \/* Protects button borders explicitly *\/\n        white-space: nowrap !important;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        transition: all 0.2s ease-in-out;\n    }\n\n    \/* Targets text content nodes to block theme decorations while preserving structural button borders *\/\n    .hero-btn-optimized, \n    .hero-btn-optimized * {\n        text-decoration: none !important;\n    }\n\n    .hero-btn-optimized:hover {\n        transform: translateY(-1px);\n        box-shadow: 0 4px 12px rgba(252, 204, 21, 0.15);\n    }\n\n    @media (max-width: 1024px) {\n        .hero-section-optimized { padding-bottom: 2rem; }\n    }\n\n    \/* ULTRA-MICRO FIT ENGINE FOR MOBILE VIEWPORTS *\/\n    @media (max-width: 640px) {\n        .btn-action-row {\n            gap: 4px; \/* Tighten grid gaps to save critical horizontal screen pixels *\/\n            justify-content: space-between;\n        }\n        .hero-btn-optimized {\n            padding: 0.5rem 0.55rem !important; \/* Compressed padding for horizontal alignment *\/\n            font-size: 0.70rem !important; \/* Micro typography scale to fit without clipping *\/\n            gap: 3px;\n            flex: 1; \/* Forces fluid, matching balanced widths on small screens *\/\n        }\n    }\n<\/style>\n\n<section class=\"hero-section-optimized\">\n    <div class=\"absolute top-0 right-0 w-[40%] h-[50%] bg-orange-500\/5 blur-[60px] rounded-full pointer-events-none\"><\/div>\n\n    <div class=\"max-w-7xl mx-auto px-6 lg:px-12 relative z-10\">\n        <div class=\"flex flex-col lg:flex-row items-center gap-10 pt-8 lg:pt-12\">\n            \n            <div class=\"lg:w-1\/2 w-full\">\n                <div class=\"inline-block px-4 py-1.5 mb-6 rounded-full border border-orange-500\/20 bg-orange-500\/5\">\n                    <span style=\"color:#fb923c; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;\">\n                        Jewelry CAD 3D Experts\n                    <\/span>\n                <\/div>\n                \n                <h1 class=\"hero-title font-black\">\n                    <span class=\"gradient-gold\">Jewelry CAD Modeling<\/span><br>\n                    Precision Meets Luxury\n                <\/h1>\n                \n                <p style=\"color:#9ca3af; font-size: 18px; line-height: 1.6; margin-bottom: 2.5rem; max-width: 28rem;\">\n                    Professional <span style=\"color:#fff\">3D modeling<\/span> optimized for production, alongside <span style=\"color:#fff\">2D vectoring<\/span> for laser precision.\n                <\/p>\n                \n                <!-- Zero-Wrap Horizontal Mobile Row Container -->\n                <div class=\"btn-action-row\">\n                    <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"hero-btn-optimized\" style=\"background:#facc15; color:#000; border: 2px solid #facc15;\" target=\"_blank\" rel=\"noopener\">\n                        Request a Quote\n                    <\/a>\n                    \n                    <a href=\"\/our-work\" class=\"hero-btn-optimized\" style=\"border: 2px solid #facc15; color:#facc15;\">\n                        Our Work\n                    <\/a>\n                    \n                    <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"hero-btn-optimized\" style=\"border: 2px solid #ffffff; color:#ffffff;\">\n                        <span style=\"color: #facc15; text-decoration: none !important;\">\u2696<\/span> Weight Calculator\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:w-1\/2 w-full max-w-[600px]\">\n                <div class=\"video-wrapper\">\n                    <video \n                        autoplay \n                        loop \n                        muted \n                        playsinline \n                        preload=\"metadata\"\n                        loading=\"lazy\"\n                        poster=\"https:\/\/arten3d.com\/wp-content\/uploads\/2025\/12\/hero-poster.webp\">\n                        <source src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/06\/video-animation-for-3d-view-of-a-sculpted-ring-stl-3dm.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<div class=\"arten-stats-container\">\n    <div class=\"stats-inner\">\n        \n        <div class=\"stats-top-label\">Elevate Precision, Detail, and Output<\/div>\n\n        <div class=\"stats-grid\">\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">8+ Years<\/div>\n                <div class=\"stat-text\">of high-precision<br>jewelry experience<\/div>\n            <\/div>\n\n            <div class=\"stat-divider\"><\/div>\n\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">100%<\/div>\n                <div class=\"stat-text\">Reliable for wax<br>printing error-free<\/div>\n            <\/div>\n\n            <div class=\"stat-divider\"><\/div>\n\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">2,500+<\/div>\n                <div class=\"stat-text\">Successful designs<br>created &#038; produced<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .arten-stats-container {\n        background-color: #000; \/* Matching your site background *\/\n        padding: 60px 20px;\n        font-family: 'Inter', sans-serif;\n        border-top: 1px solid #1a1a1a;\n        border-bottom: 1px solid #1a1a1a;\n    }\n\n    .stats-inner {\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .stats-top-label {\n        color: #FFD700; \/* Gold *\/\n        font-size: 14px;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        font-weight: 700;\n        margin-bottom: 30px;\n        opacity: 0.9;\n    }\n\n    .stats-grid {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 20px;\n    }\n\n    .stat-item {\n        flex: 1;\n        text-align: left;\n    }\n\n    .stat-number {\n        color: #fff;\n        font-size: 64px;\n        font-weight: 900;\n        line-height: 1;\n        margin-bottom: 10px;\n        letter-spacing: -2px;\n        transition: transform 0.3s ease;\n    }\n\n    .stat-item:hover .stat-number {\n        color: #FFD700;\n        transform: scale(1.05);\n    }\n\n    .stat-text {\n        color: #888;\n        font-size: 14px;\n        line-height: 1.4;\n        text-transform: uppercase;\n        font-weight: 600;\n        letter-spacing: 1px;\n    }\n\n    .stat-divider {\n        width: 1px;\n        height: 80px;\n        background: linear-gradient(to bottom, transparent, #333, transparent);\n    }\n\n    \/* Responsive Mobile Layout *\/\n    @media (max-width: 850px) {\n        .stats-grid {\n            flex-direction: column;\n            text-align: center;\n        }\n        .stat-item {\n            padding: 20px 0;\n        }\n        .stat-divider {\n            width: 50%;\n            height: 1px;\n            background: linear-gradient(to right, transparent, #333, transparent);\n        }\n        .stat-number {\n            font-size: 48px;\n        }\n        .stats-top-label {\n            text-align: center;\n        }\n        .stat-item {\n            text-align: center;\n        }\n    }\n<\/style>\n\n\n\n<style>\n  \/* Base Container & Grid Setup *\/\n  .a3d-section-wrapper * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .a3d-section-wrapper {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 100px 8%;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    \n    \/* Smoky \/ Cloudy Dark Background *\/\n    background-color: #08080a;\n    background-image: \n      radial-gradient(ellipse at 50% 50%, rgba(250, 204, 21, 0.1) 0%, rgba(20, 20, 25, 0.85) 50%, rgba(5, 5, 8, 1) 100%),\n      radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);\n  }\n\n  \/* Layered Cloudy Background Texture *\/\n  .a3d-bg-cloudy {\n    position: absolute;\n    top: -20%;\n    left: -20%;\n    width: 140%;\n    height: 140%;\n    pointer-events: none;\n    z-index: 1;\n    opacity: 0.65;\n    mix-blend-mode: screen;\n    background: \n      radial-gradient(circle at 30% 40%, rgba(120, 115, 90, 0.25) 0%, transparent 45%),\n      radial-gradient(circle at 70% 60%, rgba(80, 80, 95, 0.3) 0%, transparent 50%),\n      radial-gradient(circle at 40% 80%, rgba(250, 204, 21, 0.08) 0%, transparent 40%);\n    filter: blur(40px);\n    animation: smogDrift 25s ease-in-out infinite alternate;\n  }\n\n  @keyframes smogDrift {\n    0% { transform: scale(1) translate(0, 0) rotate(0deg); }\n    100% { transform: scale(1.1) translate(-2%, 3%) rotate(2deg); }\n  }\n\n  \/* Two-Column Grid *\/\n  .a3d-grid-container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1300px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  \/* Left Column: Donut Interactive Area *\/\n  .a3d-donut-col {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n  }\n\n  \/* Dynamically Scaled Donut Ring *\/\n  .a3d-donut-ring {\n    position: relative;\n    width: min(450px, 45vw);\n    height: min(450px, 45vw);\n    border-radius: 50%;\n    border: 2px dashed rgba(250, 204, 21, 0.45);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 60px rgba(0, 0, 0, 0.9);\n  }\n\n  \/* Central Button Box *\/\n  .a3d-center-box {\n    position: absolute;\n    z-index: 10;\n    width: min(140px, 15vw);\n    height: min(140px, 15vw);\n    background: radial-gradient(circle, rgba(250, 204, 21, 0.35) 0%, rgba(17, 17, 17, 0.95) 75%);\n    border: 3px solid #facc15;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 40px rgba(250, 204, 21, 0.45);\n  }\n\n  .a3d-explore-btn {\n    width: min(110px, 12vw);\n    height: min(110px, 12vw);\n    background: #facc15;\n    color: #000000;\n    font-weight: 900;\n    font-size: min(13px, 1.8vw);\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none !important;\n    transition: all 0.4s ease;\n    box-shadow: 0 0 25px rgba(250, 204, 21, 0.6);\n  }\n\n  .a3d-explore-btn:hover {\n    background: #ffffff;\n    color: #000000;\n    transform: scale(1.1);\n    box-shadow: 0 0 35px rgba(255, 255, 255, 0.9);\n  }\n\n  \/* Circular Image Cards *\/\n  .a3d-ring-item {\n    position: absolute;\n    width: min(160px, 18vw);\n    height: min(160px, 18vw);\n    border-radius: 50%;\n    border: 3px solid #facc15;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9);\n    opacity: 0;\n    transform: scale(0.2);\n    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.6s ease;\n  }\n\n  .a3d-ring-item.is-visible {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .a3d-ring-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    border-radius: 50%;\n    transition: transform 0.5s ease;\n  }\n\n  .a3d-ring-item:hover {\n    z-index: 25;\n    border-color: #ffffff;\n    box-shadow: 0 0 40px rgba(250, 204, 21, 0.95);\n  }\n\n  .a3d-ring-item:hover img {\n    transform: scale(1.25);\n  }\n\n  \/* Right Column: Heading & Content *\/\n  .a3d-text-col {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    color: #ffffff;\n  }\n\n  .a3d-heading {\n    font-size: clamp(32px, 4vw, 52px);\n    font-weight: 800;\n    line-height: 1.2;\n    color: #ffffff;\n    margin-bottom: 20px;\n  }\n\n  .a3d-heading span {\n    color: #facc15;\n    display: inline-block;\n  }\n\n  .a3d-description {\n    font-size: clamp(15px, 1.5vw, 18px);\n    line-height: 1.6;\n    color: #d1d5db;\n    max-width: 500px;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 992px) {\n    .a3d-grid-container {\n      grid-template-columns: 1fr;\n      gap: 50px;\n    }\n\n    .a3d-text-col {\n      align-items: center;\n      text-align: center;\n    }\n\n    .a3d-donut-ring {\n      width: min(360px, 70vw);\n      height: min(360px, 70vw);\n    }\n\n    .a3d-ring-item {\n      width: min(130px, 26vw);\n      height: min(130px, 26vw);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .a3d-section-wrapper {\n      padding: 80px 5%;\n    }\n\n    .a3d-donut-ring {\n      width: min(280px, 62vw);\n      height: min(280px, 62vw);\n    }\n\n    .a3d-ring-item {\n      width: min(95px, 22vw);\n      height: min(95px, 22vw);\n      border-width: 2px;\n    }\n\n    .a3d-center-box {\n      width: min(90px, 20vw);\n      height: min(90px, 20vw);\n    }\n\n    .a3d-explore-btn {\n      width: min(70px, 16vw);\n      height: min(70px, 16vw);\n      font-size: 9px;\n    }\n  }\n<\/style>\n\n<div class=\"a3d-section-wrapper\">\n  \n  <!-- CLOUDY \/ SMOGGY BACKGROUND LAYER -->\n  <div class=\"a3d-bg-cloudy\"><\/div>\n\n  <div class=\"a3d-grid-container\">\n    \n    <!-- LEFT SIDE: INTERACTIVE CIRCULAR DONUT -->\n    <div class=\"a3d-donut-col\">\n      <div class=\"a3d-donut-ring\" id=\"donutRing\">\n        \n        <!-- CENTER BUTTON -->\n        <div class=\"a3d-center-box\">\n          <a href=\"https:\/\/arten3d.com\/our-work\" class=\"a3d-explore-btn\">Explore<\/a>\n        <\/div>\n\n        <!-- 7 CURATED IMAGES -->\n        <div class=\"a3d-ring-item\"><img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/07\/RENDERED-IMAGES-OF-RINGS-PENDANTS-ARTEN3D-JEWLERY-3D-CAD-STL-3DM-JOYERIA-3D-ANILLOS-1.jpeg\" alt=\"3D CAD 1\"><\/div>\n        <div class=\"a3d-ring-item\"><img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/07\/RENDERED-IMAGES-OF-RINGS-PENDANTS-ARTEN3D-JEWLERY-3D-CAD-STL-3DM-JOYERIA-3D-ANILLOS-2.jpeg\" alt=\"3D CAD 2\"><\/div>\n        <div class=\"a3d-ring-item\"><img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/07\/RENDERED-IMAGES-OF-RINGS-PENDANTS-ARTEN3D-JEWLERY-3D-CAD-STL-3DM-JOYERIA-3D-ANILLOS-20.jpeg\" alt=\"3D CAD 3\"><\/div>\n        <div class=\"a3d-ring-item\"><img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/07\/RENDERED-IMAGES-OF-RINGS-PENDANTS-ARTEN3D-JEWLERY-3D-CAD-STL-3DM-JOYERIA-3D-ANILLOS-3.jpeg\" alt=\"3D CAD 4\"><\/div>\n        <div class=\"a3d-ring-item\"><img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/07\/RENDERED-IMAGES-OF-RINGS-PENDANTS-ARTEN3D-JEWLERY-3D-CAD-STL-3DM-JOYERIA-3D-ANILLOS-5.jpeg\" alt=\"3D CAD 5\"><\/div>\n        <div class=\"a3d-ring-item\"><img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/07\/RENDERED-IMAGES-OF-RINGS-PENDANTS-ARTEN3D-JEWLERY-3D-CAD-STL-3DM-JOYERIA-3D-ANILLOS-9.jpeg\" alt=\"3D CAD 6\"><\/div>\n        <div class=\"a3d-ring-item\"><img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/07\/RENDERED-IMAGES-OF-RINGS-PENDANTS-ARTEN3D-JEWLERY-3D-CAD-STL-3DM-JOYERIA-3D-ANILLOS-27.jpeg\" alt=\"3D CAD 7\"><\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT SIDE: H1 HEADING (12 WORDS) -->\n    <div class=\"a3d-text-col\">\n      <h1 class=\"a3d-heading\">\n        Experience Ultra Realistic <span>3D Jewelry Renders<\/span> Crafted with Precision and Perfection\n      <\/h1>\n      <p class=\"a3d-description\">\n        Transform your CAD designs into breathtaking photorealistic imagery designed to captivate clients and elevate your jewelry collection.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const ring = document.getElementById('donutRing');\n    const items = ring.querySelectorAll('.a3d-ring-item');\n    const totalItems = items.length;\n\n    function positionRingItems() {\n      const radius = ring.offsetWidth \/ 2;\n      const angleStep = (2 * Math.PI) \/ totalItems;\n\n      items.forEach((item, index) => {\n        const angle = index * angleStep - Math.PI \/ 2;\n        const itemRadius = item.offsetWidth \/ 2;\n        \n        const x = radius + radius * Math.cos(angle) - itemRadius;\n        const y = radius + radius * Math.sin(angle) - itemRadius;\n\n        item.style.left = `${x}px`;\n        item.style.top = `${y}px`;\n      });\n    }\n\n    positionRingItems();\n    window.addEventListener('resize', positionRingItems);\n\n    function revealItems() {\n      items.forEach((item, index) => {\n        setTimeout(() => {\n          item.classList.add('is-visible');\n        }, index * 100);\n      });\n    }\n\n    if ('IntersectionObserver' in window) {\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            revealItems();\n            observer.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.1 });\n\n      observer.observe(ring);\n    } else {\n      revealItems();\n    }\n\n    setTimeout(revealItems, 500);\n  })();\n<\/script>\n\n\n\n<style>\n    .gradient-gold-work {\n        background: linear-gradient(135deg, #fcd34d 0%, #f97316 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        display: inline-block;\n    }\n\n    \/* Prominent, Larger Logo Overlay (Watermark) *\/\n    .thumb-logo {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        width: 50px; \/* Signficantly larger, now very visible *\/\n        height: auto;\n        z-index: 30;\n        opacity: 0.9; \/* More solid visibility *\/\n        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6));\n        pointer-events: none;\n    }\n\n    \/* Full Card Link Redirect *\/\n    .work-card-link {\n        display: block;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        text-decoration: none !important;\n        overflow: hidden;\n    }\n\n    \/* Larger, Distinct Play Button Overlay *\/\n    .play-trigger {\n        width: 70px;\n        height: 70px;\n        background: #facc15;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 0 30px rgba(250, 204, 21, 0.6);\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n    \n    .work-card-link:hover .play-trigger {\n        transform: scale(1.1);\n        background: #fff;\n    }\n\n    \/* Final Card as Thumbnail for Speed *\/\n    .work-img-fix {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n<\/style>\n\n<section id=\"process\" class=\"pb-24 pt-0 bg-[#0d1117] text-white\">\n    <div class=\"max-w-7xl mx-auto px-4\">\n        \n        <div class=\"text-center mb-16\">\n            <h2 class=\"text-4xl md:text-5xl font-black uppercase tracking-tight\">\n                <span class=\"gradient-gold-work\">Our Work<\/span>\n            <\/h2>\n            <div class=\"h-1.5 w-32 bg-yellow-400 mx-auto mt-4\"><\/div>\n            <p class=\"text-gray-400 mt-6 max-w-2xl mx-auto\">\n                Explore our portfolio of high-precision 3D sculpting and master-class jewelry CAD designs.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n            \n            <div class=\"group relative overflow-hidden rounded-3xl bg-gray-900 border border-gray-800 aspect-square\">\n                <a href=\"https:\/\/arten3d.com\/our-work\" class=\"work-card-link\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/04\/pendant.webp\" alt=\"Pendant Design\" class=\"work-img-fix transition-transform duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/02\/cropped-7.png\" class=\"thumb-logo\" alt=\"Arten3D Logo\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/10 to-transparent flex flex-col justify-end p-8\">\n                        <h3 class=\"text-2xl font-bold text-yellow-400\">Custom Pendants<\/h3>\n                        <p class=\"text-sm text-gray-300\">Detailed Artistic CAD<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"group relative overflow-hidden rounded-3xl bg-gray-900 border border-gray-800 aspect-square\">\n                <a href=\"https:\/\/arten3d.com\/our-work\" class=\"work-card-link\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/04\/dragon.webp\" alt=\"Dragon Sculpt\" class=\"work-img-fix transition-transform duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/02\/cropped-7.png\" class=\"thumb-logo\" alt=\"Arten3D Logo\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/10 to-transparent flex flex-col justify-end p-8\">\n                        <h3 class=\"text-2xl font-bold text-yellow-400\">Complex Sculpting<\/h3>\n                        <p class=\"text-sm text-gray-300\">Intricate Jewelry Artistry<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"group relative overflow-hidden rounded-3xl bg-gray-900 border border-gray-800 aspect-square\">\n                <a href=\"https:\/\/arten3d.com\/our-work\" class=\"work-card-link\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/04\/anillo.webp\" alt=\"Luxury Ring\" class=\"work-img-fix transition-transform duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/02\/cropped-7.png\" class=\"thumb-logo\" alt=\"Arten3D Logo\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/10 to-transparent flex flex-col justify-end p-8\">\n                        <h3 class=\"text-2xl font-bold text-yellow-400\">Luxury Bands<\/h3>\n                        <p class=\"text-sm text-gray-300\">High-Fidelity Production CAD<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"group relative overflow-hidden rounded-3xl bg-gray-900 border border-gray-800 aspect-square\">\n                <a href=\"https:\/\/arten3d.com\/our-work\" class=\"work-card-link\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/04\/arten3d-customized-3d-cad-work.webp\" alt=\"Character Sculpting\" class=\"work-img-fix transition-transform duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/02\/cropped-7.png\" class=\"thumb-logo\" alt=\"Arten3D Logo\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/10 to-transparent flex flex-col justify-end p-8\">\n                        <h3 class=\"text-2xl font-bold text-yellow-400\">Customized Sculpting<\/h3>\n                        <p class=\"text-sm text-gray-300\">High-Precision Character Design<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"group relative overflow-hidden rounded-3xl bg-gray-900 border border-gray-800 aspect-square\">\n                <a href=\"https:\/\/arten3d.com\/our-work\" class=\"work-card-link\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/04\/customized-sculpting.webp\" alt=\"Artistic CAD\" class=\"work-img-fix transition-transform duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/02\/cropped-7.png\" class=\"thumb-logo\" alt=\"Arten3D Logo\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-black\/10 to-transparent flex flex-col justify-end p-8\">\n                        <h3 class=\"text-2xl font-bold text-yellow-400\">Masterful Design<\/h3>\n                        <p class=\"text-sm text-gray-300\">Organic 3D Jewelry Sculpting<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"group relative overflow-hidden rounded-3xl bg-gray-900 border border-gray-800 aspect-square\">\n                <a href=\"https:\/\/arten3d.com\/our-work\" class=\"work-card-link\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/04\/3-v.webm\" alt=\"Graduation Ring Video Thumbnail\" class=\"work-img-fix\" loading=\"lazy\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/02\/cropped-7.png\" class=\"thumb-logo\" alt=\"Arten3D Logo\">\n                    \n                    <div class=\"absolute inset-0 flex flex-col items-center justify-center bg-black\/40 group-hover:bg-black\/20 transition-all duration-300\">\n                        <div class=\"play-trigger\">\n                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"black\">\n                                <path d=\"M8 5v14l11-7z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/95 via-transparent to-transparent flex flex-col justify-end p-8\">\n                        <h3 class=\"text-2xl font-bold text-yellow-400\">Graduation Ring CAD<\/h3>\n                        <p class=\"text-sm text-gray-300\">Click to Play in Portfolio<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"mt-16 text-center\">\n            <a href=\"https:\/\/arten3d.com\/our-work\" class=\"inline-block px-12 py-4 border-2 border-yellow-400 text-yellow-400 font-black rounded-full hover:bg-yellow-400 hover:text-black transition-all duration-300 transform hover:scale-105\" style=\"text-decoration: none;\">\n                VIEW FULL PORTFOLIO\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\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 Calculator Heading | ARTEN3D<\/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        \/* ========== CALCULATE NOW BUTTON ========== *\/\n        .btn-container {\n            margin-top: 2rem;\n            text-align: center;\n        }\n\n        .calculate-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.8rem;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a00 50%, #0a0a0a 100%);\n            color: #FFD700;\n            font-size: 1.1rem;\n            font-weight: 800;\n            padding: 1rem 2.5rem;\n            border-radius: 60px;\n            text-decoration: none;\n            letter-spacing: 1px;\n            border: 2px solid #FFD700;\n            transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n            position: relative;\n            overflow: hidden;\n            backdrop-filter: blur(4px);\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        .calculate-btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .calculate-btn:hover::before {\n            left: 100%;\n        }\n\n        .calculate-btn:hover {\n            background: #FFD700;\n            color: #0a0a0a;\n            transform: translateY(-4px);\n            box-shadow: 0 15px 35px rgba(255, 215, 0, 0.4);\n            border-color: #0a0a0a;\n        }\n\n        .calculate-btn:active {\n            transform: translateY(0px);\n        }\n\n        .calculate-btn span {\n            font-size: 1.3rem;\n            transition: transform 0.3s ease;\n        }\n\n        .calculate-btn:hover span {\n            transform: translateX(5px);\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            .calculate-btn {\n                font-size: 0.9rem;\n                padding: 0.8rem 1.8rem;\n            }\n            .calculate-btn span {\n                font-size: 1.1rem;\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            .calculate-btn {\n                font-size: 0.8rem;\n                padding: 0.6rem 1.4rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- OPTIMIZED HEADING SECTION - YELLOW & BLACK COMBO WITH CALCULATE BUTTON -->\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        \n        <!-- CALCULATE NOW BUTTON -->\n        <div class=\"btn-container\">\n            <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"calculate-btn\" target=\"_blank\">\n                <span>\u26a1<\/span> CALCULATE NOW <span>\u2192<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<style>\n    \/* Section Transition *\/\n    .services-yellow-wrap {\n        background-color: #facc15; \/* Your Brand Yellow *\/\n        position: relative;\n    }\n\n    \/* Cards: Initially Solid White *\/\n    .service-card-premium {\n        background-color: #ffffff !important;\n        border: 1px solid rgba(0, 0, 0, 0.05);\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        cursor: pointer;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* HOVER STATE: Visible Color Change & Lift *\/\n    .service-card-premium:hover {\n        background-color: #fef9c3 !important; \/* Distinct Light Yellow *\/\n        transform: translateY(-12px);\n        box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);\n        border-color: #f59e0b; \/* Amber\/Gold border pop *\/\n    }\n\n    \/* ICON ANIMATION: Rotation and Scale *\/\n    .icon-wrapper {\n        display: inline-block;\n        transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n        color: #1a1a1a;\n    }\n\n    .service-card-premium:hover .icon-wrapper {\n        transform: scale(1.2) rotateY(180deg);\n        color: #f97316; \/* Change to Orange on hover *\/\n    }\n\n    .service-title-dark {\n        color: #1a1a1a;\n        font-weight: 800;\n        letter-spacing: -0.01em;\n    }\n\n    .service-desc-dark {\n        color: #4b5563;\n        font-weight: 500;\n        line-height: 1.5;\n    }\n<\/style>\n\n<section id=\"main-services\" class=\"services-yellow-wrap py-20 pt-0 w-full\">\n    \n    <div class=\"w-full h-16 bg-[#0d1117]\" style=\"clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);\"><\/div>\n\n    <div class=\"max-w-7xl mx-auto px-6 text-center\">\n        \n        <div class=\"mb-16 mt-8\">\n            <h2 class=\"text-4xl md:text-5xl font-black uppercase text-gray-900\">Our Services<\/h2>\n            <div class=\"h-1.5 w-24 bg-gray-900 mx-auto mt-4 rounded-full\"><\/div>\n            <p class=\"text-gray-900 mt-6 max-w-2xl mx-auto font-bold opacity-80\">\n                Precision 3D Engineering &#038; Artistic Mastery for Jewelry Production.\n            <\/p>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m3.3 7 8.7 5 8.7-5\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 22V12\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">3D CAD Modeling<\/h3>\n                <p class=\"service-desc-dark text-sm\">Casting-ready 3D files optimized for high-end manufacturing.<\/p>\n            <\/div>\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">Realistic Renders<\/h3>\n                <p class=\"service-desc-dark text-sm\">Hyper-realistic visuals perfect for marketing and social media.<\/p>\n            <\/div>\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m22 8-6 4 6 4V8Z\"\/><rect width=\"14\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\" ry=\"2\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">360\u00b0 Animations<\/h3>\n                <p class=\"service-desc-dark text-sm\">Dynamic rotational videos to showcase every diamond facet.<\/p>\n            <\/div>\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22 10.925V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10.925\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m20.69 5.31-2.45-2.45a.69.69 0 0 0-.98 0l-5.6 5.6a.69.69 0 0 0 0 .98l2.45 2.45a.69.69 0 0 0 .98 0l5.6-5.6a.69.69 0 0 0 0-.98Z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">2D Laser Designs<\/h3>\n                <p class=\"service-desc-dark text-sm\">Accurate vector files for laser cutting and detailed engraving.<\/p>\n            <\/div>\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">Unlimited Revisions<\/h3>\n                <p class=\"service-desc-dark text-sm\">We iterate until the design is flawless and production-ready.<\/p>\n            <\/div>\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">Project Delivery<\/h3>\n                <p class=\"service-desc-dark text-sm\">Swift delivery of STL, 3DM, and high-res technical source files.<\/p>\n            <\/div>\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">Quick Support<\/h3>\n                <p class=\"service-desc-dark text-sm\">Direct communication and fast response for all project queries.<\/p>\n            <\/div>\n\n            <div class=\"service-card-premium p-10 rounded-[2.5rem] flex flex-col items-center\">\n                <div class=\"icon-wrapper w-14 h-14 mb-6\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"service-title-dark text-xl mb-3\">Quality Check<\/h3>\n                <p class=\"service-desc-dark text-sm\">Every model is inspected for casting and structural integrity.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;800&display=swap');\n\n        \/* Section Container *\/\n        .arten-professional-section {\n            background-color: #111111; \/* Professional Deep Charcoal *\/\n            padding: 100px 5%;\n            font-family: 'Inter', sans-serif;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 750px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Creative Yellow Geometric Background *\/\n        .arten-professional-section::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 38%;\n            height: 100%;\n            background: #FFD700; \n            clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);\n            z-index: 1;\n            opacity: 1;\n        }\n\n        .dual-container {\n            max-width: 1250px;\n            width: 100%;\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 50px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Left Column: Typography & Button *\/\n        .content-col {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: left;\n        }\n\n        .content-col h2 {\n            font-size: clamp(2.5rem, 5vw, 3.8rem);\n            font-weight: 800;\n            line-height: 1.05;\n            color: #FFFFFF;\n            margin-bottom: 25px;\n            text-transform: uppercase;\n        }\n\n        .content-col h2 span {\n            color: #FFD700;\n            display: block;\n        }\n\n        .content-col p {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #BBBBBB;\n            border-left: 4px solid #FFD700;\n            padding-left: 25px;\n            margin-bottom: 45px;\n            max-width: 550px;\n        }\n\n        \/* CREATIVE PILL-SHAPED BUTTON *\/\n        .btn-wrap {\n            position: relative;\n            display: inline-block;\n            width: fit-content;\n        }\n\n        .btn-about {\n            display: inline-block;\n            padding: 18px 45px;\n            border: 2px solid #FFD700;\n            color: #FFFFFF;\n            text-decoration: none;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            font-size: 0.85rem;\n            border-radius: 50px; \/* Fully Round Corners *\/\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 1;\n            background: transparent;\n        }\n\n        \/* Liquid Hover Fill Effect *\/\n        .btn-about::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 0;\n            height: 0;\n            background: #FFD700;\n            border-radius: 50%;\n            transition: width 0.6s ease, height 0.6s ease;\n            transform: translate(-50%, -50%);\n            z-index: -1;\n        }\n\n        .btn-about:hover {\n            color: #111111;\n            box-shadow: 0 15px 30px rgba(255, 215, 0, 0.3);\n            transform: translateY(-5px);\n        }\n\n        .btn-about:hover::before {\n            width: 350px;\n            height: 350px;\n        }\n\n        \/* Right Column: Staggered Cards *\/\n        .team-col {\n            display: flex;\n            gap: 20px;\n            align-items: flex-start;\n        }\n\n        .pro-card {\n            background: #1a1a1a;\n            width: 50%;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 25px 50px rgba(0,0,0,0.6);\n            transition: all 0.5s ease;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .pro-card:hover {\n            transform: translateY(-20px) scale(1.02);\n            border-color: rgba(255, 215, 0, 0.4);\n        }\n\n        .pro-card:nth-child(2) {\n            margin-top: 60px; \/* Creative Stagger *\/\n        }\n\n        .pro-img-box {\n            width: 100%;\n            height: 320px;\n            overflow: hidden;\n        }\n\n        .pro-img-box img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.8s ease;\n        }\n\n        .pro-card:hover .pro-img-box img {\n            transform: scale(1.1);\n        }\n\n        .pro-details {\n            padding: 25px;\n            background: #1a1a1a;\n        }\n\n        .pro-details .designation {\n            color: #FFD700;\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 800;\n        }\n\n        .pro-details h4 {\n            color: #FFFFFF;\n            margin: 0;\n            font-size: 1.3rem;\n            font-weight: 700;\n        }\n\n        .pro-details .bio-line {\n            color: #888;\n            font-size: 0.85rem;\n            line-height: 1.5;\n            margin-top: 10px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .dual-container {\n                grid-template-columns: 1fr;\n                gap: 80px;\n            }\n            .content-col {\n                align-items: center;\n                text-align: center;\n            }\n            .content-col p {\n                border-left: none;\n                border-bottom: 4px solid #FFD700;\n                padding-left: 0;\n                padding-bottom: 20px;\n            }\n            .arten-professional-section::after {\n                clip-path: polygon(0 85%, 100% 70%, 100% 100%, 0% 100%);\n                width: 100%;\n                height: 30%;\n                top: auto;\n                bottom: 0;\n            }\n            .team-col {\n                justify-content: center;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .team-col {\n                flex-direction: column;\n                align-items: center;\n            }\n            .pro-card {\n                width: 100%;\n                max-width: 350px;\n            }\n            .pro-card:nth-child(2) {\n                margin-top: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"arten-professional-section\">\n    <div class=\"dual-container\">\n        \n        <div class=\"content-col\">\n            <h2>Our Creative <span>Powerhouse<\/span><\/h2>\n            <p>At Arten3D, we don&#8217;t just model jewelry; we engineer elegance. Our team utilizes industry-leading CAD precision to transform your most ambitious concepts into production-ready masterpieces.<\/p>\n            \n            <div class=\"btn-wrap\">\n                <a href=\"https:\/\/arten3d.com\/about-us\" class=\"btn-about\">Learn About Us<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"team-col\">\n            \n            <div class=\"pro-card\">\n                <div class=\"pro-img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2025\/12\/Robertson-Blake.webp\" alt=\"Robertson Blake\">\n                <\/div>\n                <div class=\"pro-details\">\n                    <span class=\"designation\">Founder &#038; CEO<\/span>\n                    <h4>Robertson Blake<\/h4>\n                    <p class=\"bio-line\">Driving the vision of digital craftsmanship and client excellence.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"pro-card\">\n                <div class=\"pro-img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2025\/12\/Sara-Rhodess-Jane.webp\" alt=\"Sara Rhodess Jane\">\n                <\/div>\n                <div class=\"pro-details\">\n                    <span class=\"designation\">Design Lead<\/span>\n                    <h4>Sara Rhodess Jane<\/h4>\n                    <p class=\"bio-line\">Merging artistic intuition with high-tech 3D precision modeling.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700;900&display=swap');\n    \n    body { background-color: #000; margin: 0; font-family: 'Inter', sans-serif; }\n\n    \/* --- REVEAL REMOVED: Elements are now static and instant --- *\/\n    .reveal-balanced {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* --- BUTTON STYLING --- *\/\n    .contact-btn {\n        background-color: #facc15; \/* Yellow *\/\n        border-radius: 45px;\n        padding: 24px 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); \n        text-decoration: none !important;\n        box-shadow: 0 10px 30px rgba(250, 204, 21, 0.2);\n    }\n\n    .contact-btn:hover {\n        background-color: #ea580c; \/* Orange *\/\n        transform: scale(1.08) translateY(-5px); \n        box-shadow: 0 20px 40px rgba(234, 88, 12, 0.4);\n    }\n\n    .btn-text {\n        color: #000;\n        font-weight: 900;\n        text-transform: uppercase;\n        font-size: 1.1rem;\n        letter-spacing: 1px;\n        font-style: italic;\n    }\n\n    .btn-icon {\n        color: #000;\n        transition: transform 0.4s ease;\n    }\n\n    .contact-btn:hover .btn-icon {\n        transform: rotate(-10deg) scale(1.1);\n    }\n\n    \/* GAUGE: Set to static full position (98%) *\/\n    .gauge-static { \n        stroke-dasharray: 98, 100; \n    }\n\n    @media (max-width: 1023px) {\n        .contact-btn { padding: 20px; }\n    }\n<\/style>\n\n<section class=\"relative bg-[#050505] py-24 px-6 overflow-hidden\">\n    <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n        \n        <div class=\"lg:col-span-3 flex justify-center lg:justify-start reveal-balanced\">\n            <div class=\"relative w-48 h-48 lg:w-56 lg:h-56\">\n                <svg viewBox=\"0 0 36 36\" class=\"w-full h-full transform -rotate-90\">\n                    <circle cx=\"18\" cy=\"18\" r=\"16\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.5\"><\/circle>\n                    <circle cx=\"18\" cy=\"18\" r=\"16\" fill=\"none\" stroke=\"url(#goldGrad)\" stroke-width=\"2.5\" \n                            stroke-dasharray=\"98, 100\" stroke-linecap=\"round\" class=\"gauge-static\"><\/circle>\n                    <defs>\n                        <linearGradient id=\"goldGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n                            <stop offset=\"0%\" style=\"stop-color:#facc15\" \/>\n                            <stop offset=\"100%\" style=\"stop-color:#ea580c\" \/>\n                        <\/linearGradient>\n                    <\/defs>\n                <\/svg>\n                <div class=\"absolute inset-0 flex flex-col items-center justify-center text-center\">\n                    <span class=\"text-white text-4xl lg:text-5xl font-black italic\">98%<\/span>\n                    <span class=\"text-zinc-500 text-[9px] uppercase tracking-widest mt-1\">Casting<br>Accuracy<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"lg:col-span-5 text-center reveal-balanced\">\n            <div class=\"inline-block px-4 py-1 border border-yellow-500\/30 rounded-full mb-6\">\n                <span class=\"text-yellow-500 font-bold text-[10px] tracking-[0.3em] uppercase\">Engineering Standards<\/span>\n            <\/div>\n            <h2 class=\"text-white text-5xl lg:text-6xl font-black uppercase italic leading-[0.85] tracking-tighter mb-6\">\n                Zero-Error<br><span class=\"text-yellow-500\">Production<\/span>\n            <\/h2>\n            <p class=\"text-zinc-400 text-base leading-relaxed max-w-sm mx-auto\">\n                Precision blueprints stress-tested for 3D printing and high-jewelry casting. Built for masters.\n            <\/p>\n        <\/div>\n\n        <div class=\"lg:col-span-4 flex flex-col gap-4 reveal-balanced\">\n            \n            <a href=\"mailto:info@arten3d.com\" class=\"contact-btn\">\n                <div class=\"btn-icon\">\n                    <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                <\/div>\n                <span class=\"btn-text\">Official Mail<\/span>\n            <\/a>\n\n            <a href=\"https:\/\/wa.link\/rxk7lq\" target=\"_blank\" class=\"contact-btn\" rel=\"noopener\">\n                <div class=\"btn-icon\">\n                    <svg width=\"26\" height=\"26\" 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\"\/><\/svg>\n                <\/div>\n                <span class=\"btn-text\">Official Chat<\/span>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<div class=\"arten-services-wrapper\">\n    \n    <div class=\"services-header\">\n        <h1 class=\"services-main-title\">EXPERT <span class=\"gold-text\">3D JEWELRY CAD MODELING<\/span> SERVICES<\/h1>\n        <p class=\"services-subtitle\">At <strong>Arten3D<\/strong>, we transform conceptual sketches into high-precision, production-ready digital masterpieces. Our workflow integrates industry-leading software to ensure every micron is perfect.<\/p>\n    <\/div>\n\n    <div class=\"tech-grid\">\n        \n        <div class=\"tech-card\">\n            <div class=\"tech-icon\">\ud83d\udc8e<\/div>\n            <h3 class=\"tech-name\">MatrixGold\u00ae<\/h3>\n            <p class=\"tech-desc\">The pinnacle of jewelry-specific CAD. We utilize MatrixGold for its <strong>parametric history<\/strong>, allowing us to adjust ring sizes or stone layouts without rebuilding the model.<\/p>\n            <ul class=\"tech-specs\">\n                <li>Non-destructive modeling workflow<\/li>\n                <li>Advanced Pav\u00e9 &#038; Prong builders<\/li>\n                <li>Precise weight estimation (Gold\/Platinum)<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"tech-card\">\n            <div class=\"tech-icon\">\ud83c\udfad<\/div>\n            <h3 class=\"tech-name\">Pixologic ZBrush<\/h3>\n            <p class=\"tech-desc\">For organic textures and anatomical precision. Our sculpting experts use ZBrush to create high-poly details that traditional CAD cannot reach.<\/p>\n            <ul class=\"tech-specs\">\n                <li>Digital Clay Sculpting (Sub-D)<\/li>\n                <li>Micro-detail textures &#038; relief work<\/li>\n                <li>View our mastery: <a href=\"https:\/\/arten3d.com\/our-work\" style=\"color:#FFD700\">arten3d.com\/our-work<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"tech-card\">\n            <div class=\"tech-icon\">\ud83d\udcd0<\/div>\n            <h3 class=\"tech-name\">Rhinoceros 3D<\/h3>\n            <p class=\"tech-desc\">The engine behind our geometric accuracy. Rhino provides the <strong>NURBS mathematical precision<\/strong> required for complex mechanical jewelry components.<\/p>\n            <ul class=\"tech-specs\">\n                <li>Complex surface continuity (G2\/G3)<\/li>\n                <li>Universal file compatibility<\/li>\n                <li>Exact dimensional accuracy<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"tech-card\">\n            <div class=\"tech-icon\">\u2699\ufe0f<\/div>\n            <h3 class=\"tech-name\">Materialise Magics<\/h3>\n            <p class=\"tech-desc\">We guarantee <strong>Error-Free Printing<\/strong>. Every file is processed through Magics to ensure watertight meshes and optimized support structures.<\/p>\n            <ul class=\"tech-specs\">\n                <li>STL Repair &#038; Mesh fixing<\/li>\n                <li>Boolean operation optimization<\/li>\n                <li>Print-ready wall thickness analysis<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <div class=\"extra-services-row\">\n        <div class=\"service-box\">\n            <h4>Hyper-Realistic Rendering<\/h4>\n            <p>We produce 8K photo-realistic renders using advanced Ray-Tracing engines, capturing the true fire of diamonds and the luster of precious metals.<\/p>\n        <\/div>\n        <div class=\"service-box\">\n            <h4>Cinematic Animation<\/h4>\n            <p>Engage your clients with 360\u00b0 turntable animations and exploded-view motion graphics that showcase every detail of the design.<\/p>\n        <\/div>\n        <div class=\"service-box\">\n            <h4>2D Vector Illustration<\/h4>\n            <p>Using <strong>Adobe Illustrator<\/strong>, we create technical blueprints and vector profiles for laser engraving and initial design ideation.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"services-footer\">\n        <p class=\"revision-note\">\u2728 <strong>FREE UNLIMITED REVISIONS:<\/strong> We collaborate until the model perfectly matches your vision.<\/p>\n        <a href=\"https:\/\/wa.link\/chsqqm\" class=\"services-btn\" target=\"_blank\" rel=\"noopener\">START YOUR PROJECT<\/a>\n    <\/div>\n\n<\/div>\n\n<style>\n    .arten-services-wrapper { \n        background: #000; \n        color: #fff; \n        padding: 60px 20px; \n        font-family: 'Inter', sans-serif; \n        max-width: 1200px; \n        margin: 0 auto;\n    }\n    \n    .services-header { text-align: center; margin-bottom: 50px; }\n    .services-main-title { font-size: 2.5rem; font-weight: 900; letter-spacing: -1px; margin-bottom: 15px; }\n    .gold-text { color: #FFD700; }\n    .services-subtitle { color: #aaa; max-width: 800px; margin: 0 auto; font-size: 1.1rem; line-height: 1.6; }\n\n    \/* Grid System *\/\n    .tech-grid { \n        display: grid; \n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); \n        gap: 25px; \n        margin-bottom: 50px;\n    }\n\n    .tech-card { \n        background: #0a0a0a; \n        border: 1px solid #1a1a1a; \n        padding: 30px; \n        border-radius: 20px; \n        transition: 0.3s;\n    }\n    .tech-card:hover { border-color: #FFD700; transform: translateY(-5px); }\n    \n    .tech-icon { font-size: 2.5rem; margin-bottom: 15px; }\n    .tech-name { color: #FFD700; font-size: 1.4rem; font-weight: 800; margin-bottom: 10px; }\n    .tech-desc { color: #ccc; font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px; }\n    \n    .tech-specs { list-style: none; padding: 0; }\n    .tech-specs li { font-size: 0.8rem; color: #888; margin-bottom: 5px; display: flex; align-items: center; }\n    .tech-specs li::before { content: \"\u2192\"; color: #FFD700; margin-right: 8px; font-weight: bold; }\n\n    \/* Extra Services *\/\n    .extra-services-row { \n        display: grid; \n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \n        gap: 20px; \n        border-top: 1px solid #1a1a1a;\n        padding-top: 50px;\n    }\n    .service-box h4 { color: #fff; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; font-size: 1rem; }\n    .service-box p { color: #777; font-size: 0.9rem; line-height: 1.6; }\n\n    \/* Footer *\/\n    .services-footer { text-align: center; margin-top: 60px; padding: 40px; background: #0a0a0a; border-radius: 30px; }\n    .revision-note { color: #FFD700; margin-bottom: 25px; font-weight: 600; font-size: 1.1rem; }\n    \n    .services-btn { \n        display: inline-block; \n        background: #FFD700; \n        color: #000; \n        padding: 18px 45px; \n        border-radius: 50px; \n        font-weight: 900; \n        text-decoration: none; \n        transition: 0.3s;\n        box-shadow: 0 10px 20px rgba(255, 215, 0, 0.2);\n    }\n    .services-btn:hover { background: #fff; transform: scale(1.05); }\n\n    @media (max-width: 768px) {\n        .services-main-title { font-size: 1.8rem; }\n        .tech-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root { \n        --y: #facc15; \/* Brand Yellow *\/\n        --b: #000;    \/* Black *\/\n        --border: #1a1a1a;\n        --text-dim: #999;\n    }\n\n    .review-viewport { \n        padding: 60px 5%; \n        background-color: var(--b);\n        background-image: radial-gradient(circle at 50% 0%, #1a1a05 0%, #000 70%);\n        font-family: 'Inter', sans-serif;\n        color: #fff;\n    }\n\n    .main-heading { \n        text-align: center; \n        font-size: clamp(1.8rem, 5vw, 2.5rem); \n        font-weight: 900; \n        color: var(--y); \n        text-transform: uppercase; \n        margin-bottom: 40px; \n        letter-spacing: -1px;\n    }\n\n    \/* Grid Optimization *\/\n    .reviews-grid { \n        max-width: 1200px; \n        margin: 0 auto 50px;\n        display: grid; \n        grid-template-columns: repeat(3, 1fr); \n        gap: 20px; \n    }\n    \n    @media (max-width: 1100px) { .reviews-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 650px) { .reviews-grid { grid-template-columns: 1fr; } }\n\n    .rev-card { \n        background: #0a0a0a; \n        border: 1px solid var(--border); \n        padding: 24px; \n        border-radius: 15px; \n        display: flex;\n        flex-direction: column;\n        transition: 0.3s ease;\n    }\n    \n    .rev-card:hover { border-color: var(--y); transform: translateY(-3px); }\n    \n    .rev-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }\n    \n    .avatar-circle { \n        width: 40px; height: 40px; \n        background: var(--y); \n        color: #000;\n        border-radius: 8px; \n        display: flex; \n        align-items: center; \n        justify-content: center;\n        font-weight: 900; \n        flex-shrink: 0;\n    }\n    \n    .masked-name { font-size: 14px; font-weight: 800; }\n    .star-row { color: var(--y); font-size: 10px; margin-top: 2px; }\n    \n    .rev-body { \n        font-size: 13px; \n        color: var(--text-dim); \n        line-height: 1.6; \n        margin-bottom: 15px;\n        flex-grow: 1;\n    }\n\n    .rev-date { \n        font-size: 9px; \n        color: #444; \n        text-transform: uppercase; \n        font-weight: 700; \n        padding-top: 10px;\n        border-top: 1px solid #151515;\n    }\n\n    .action-btn-wrap { text-align: center; }\n    .write-btn { \n        background: transparent; color: var(--y); border: 2px solid var(--y);\n        padding: 12px 35px; border-radius: 100px; cursor: pointer;\n        text-transform: uppercase; font-size: 11px; font-weight: 900; transition: 0.3s;\n    }\n    .write-btn:hover { background: var(--y); color: #000; }\n<\/style>\n\n<section class=\"review-viewport\">\n    <h2 class=\"main-heading\">Trusted by Global Jewelers<\/h2>\n    \n    <div class=\"reviews-grid\">\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">M.S<\/div>\n                <div><span class=\"masked-name\">M***k S.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">The STL files are incredibly clean. I sent them straight to my resin printer and it came out sharp with zero mesh errors. Saves me hours of file fixing.<\/p>\n            <div class=\"rev-date\">Oct 12, 2025<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">L.G<\/div>\n                <div><span class=\"masked-name\">L***a G.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Los renders parecen fotos reales. Mis clientes quedaron encantados con el brillo de los diamantes. Excelente trabajo de iluminaci\u00f3n.<\/p>\n            <div class=\"rev-date\">Sep 28, 2025<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">T.H<\/div>\n                <div><span class=\"masked-name\">T***m H.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Really appreciated the patience with the revisions. We had to change the shank width twice and they handled it perfectly without issues.<\/p>\n            <div class=\"rev-date\">Nov 15, 2025<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">A.P<\/div>\n                <div><span class=\"masked-name\">A***e P.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">The 360 animation is a game changer for my Instagram. You can see every single facet of the center stone. Worth every penny.<\/p>\n            <div class=\"rev-date\">Dec 05, 2025<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">C.M<\/div>\n                <div><span class=\"masked-name\">C***os M.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Muy satisfecho con la atenci\u00f3n. Entienden perfectamente lo que uno busca desde el primer boceto. Muy profesionales en ZBrush.<\/p>\n            <div class=\"rev-date\">Oct 22, 2025<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">K.S<\/div>\n                <div><span class=\"masked-name\">K***n S.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">The prong settings were perfect for casting. Sometimes CAD designers make them too thin, but these were just right for my setter.<\/p>\n            <div class=\"rev-date\">Nov 29, 2025<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">D.K<\/div>\n                <div><span class=\"masked-name\">D***id K.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">The shrinkage compensation they add to the files is spot on. I casted in 18K and the ring size was perfect without extra filing.<\/p>\n            <div class=\"rev-date\">Jan 14, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">S.V<\/div>\n                <div><span class=\"masked-name\">S***a V.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Gracias por los ajustes r\u00e1pidos. Necesitaba cambiar el tama\u00f1o del anillo a \u00faltima hora y lo resolvieron en un par de horas.<\/p>\n            <div class=\"rev-date\">Jan 22, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">P.F<\/div>\n                <div><span class=\"masked-name\">P***o F.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Found my new go-to for custom CAD. They actually understand jewelry construction, not just 3D software. The under-galleries are beautiful.<\/p>\n            <div class=\"rev-date\">Feb 02, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">B.R<\/div>\n                <div><span class=\"masked-name\">B***n R.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Metal weight estimates are accurate. My final casting was within 0.1g of what they estimated. Great for quoting customers.<\/p>\n            <div class=\"rev-date\">Feb 11, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">H.L<\/div>\n                <div><span class=\"masked-name\">H***n L.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Their 2D vector work for laser engraving is top-notch. Clean lines and perfect scaling for my fiber laser machine.<\/p>\n            <div class=\"rev-date\">Feb 19, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">V.H<\/div>\n                <div><span class=\"masked-name\">V***or H.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Archivos listos para producci\u00f3n. Las grapas tienen el grosor justo para un pulido f\u00e1cil sin debilitar la pieza. Se nota la experiencia.<\/p>\n            <div class=\"rev-date\">Mar 01, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">J.W<\/div>\n                <div><span class=\"masked-name\">J***e W.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Best communication I&#8217;ve had with a CAD team. They answer quickly on WhatsApp and understand technical changes immediately.<\/p>\n            <div class=\"rev-date\">Mar 05, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">M.C<\/div>\n                <div><span class=\"masked-name\">M***a C.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">The MatrixGold work they do is very parametric. Easy to adjust ring sizes later without rebuilding the whole model. Very efficient.<\/p>\n            <div class=\"rev-date\">Mar 12, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">G.B<\/div>\n                <div><span class=\"masked-name\">G***y B.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Incredible detail on a custom pendant. The organic flow of the design in ZBrush was exactly what the client wanted. High artistry.<\/p>\n            <div class=\"rev-date\">Mar 18, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">A.N<\/div>\n                <div><span class=\"masked-name\">A***i N.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Solid mesh fixing using Magics. I never have to worry about non-manifold edges or hollow parts. Perfect for 3D printing.<\/p>\n            <div class=\"rev-date\">Mar 22, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">F.D<\/div>\n                <div><span class=\"masked-name\">F***o D.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">La precisi\u00f3n en las medidas de las piedras es perfecta. Calibraron el modelo para mis diamantes espec\u00edficos y encajaron a la primera.<\/p>\n            <div class=\"rev-date\">Mar 27, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">E.K<\/div>\n                <div><span class=\"masked-name\">E***n K.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Free revisions are a life saver. We had a picky client and Arten3D stayed with us until the design was 100% approved. Five stars.<\/p>\n            <div class=\"rev-date\">Apr 01, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">Y.Z<\/div>\n                <div><span class=\"masked-name\">Y***n Z.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Technically superior to other CAD services. They know how to optimize wall thickness for gold saving without making it brittle.<\/p>\n            <div class=\"rev-date\">Apr 03, 2026<\/div>\n        <\/div>\n        <div class=\"rev-card\">\n            <div class=\"rev-header\">\n                <div class=\"avatar-circle\">S.L<\/div>\n                <div><span class=\"masked-name\">S***i L.<\/span><div class=\"star-row\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n            <\/div>\n            <p class=\"rev-body\">Great price for the quality you get. Their renders alone are worth the price of the CAD. Will continue to use them for all my work.<\/p>\n            <div class=\"rev-date\">Apr 04, 2026<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"action-btn-wrap\">\n        <button class=\"write-btn\" onclick=\"document.getElementById('reviewModal').style.display='flex'\">Write a Review<\/button>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    #arten3d-global-footer { \n        margin: 0 !imaportant; \n        padding: 0 !important; \n        background-color: #050505; \n        display: block; \n        width: 100%;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n    }\n    \n    #arten3d-global-footer a {\n        text-decoration: none !important;\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n\n    \/* Column Symmetry *\/\n    .qr-flex-container {\n        display: flex;\n        gap: 25px;\n        align-items: flex-start;\n        margin-top: 10px;\n    }\n\n    .qr-item {\n        width: 95px;\n        text-align: center;\n    }\n\n    .qr-frame {\n        width: 95px;\n        height: 95px;\n        background: #fff;\n        border-radius: 12px;\n        overflow: hidden;\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .qr-frame img {\n        width: 90%;\n        height: 90%;\n        object-fit: contain;\n    }\n\n    .qr-item:hover .qr-frame {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(250, 204, 21, 0.2);\n    }\n\n    .qr-caption {\n        font-size: 10px;\n        color: #fff;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 0.15em;\n        font-style: italic;\n        opacity: 0.8;\n    }\n<\/style>\n\n<footer id=\"arten3d-global-footer\">\n    <div class=\"max-w-7xl mx-auto px-6 py-24\">\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-16\">\n            \n            <div class=\"lg:col-span-4\">\n                <div class=\"flex items-baseline text-white mb-8\">\n                    <span class=\"text-3xl font-[1000] tracking-tighter italic leading-none\">ARTEN3D<\/span>\n                    <span class=\"text-xs font-bold ml-1 text-yellow-400 uppercase\">Studio<\/span>\n                <\/div>\n                <p class=\"text-zinc-500 text-base leading-relaxed max-w-sm mb-10\">\n                    Precision engineering meets luxury design. We provide production-ready 3D solutions for global manufacturers and jewelry houses.\n                <\/p>\n                <div class=\"flex gap-4\">\n                    <a href=\"https:\/\/instagram.com\/arten3d\" target=\"_blank\" class=\"social-btn\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                    <a href=\"https:\/\/wa.link\/rxk7lq\" target=\"_blank\" class=\"social-btn\" rel=\"noopener\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-2\">\n                <span class=\"text-zinc-600 font-black uppercase text-[10px] tracking-[0.3em] block mb-8\">Navigation<\/span>\n                <div class=\"flex flex-col gap-4\">\n                    <a href=\"\/\" class=\"text-zinc-400 text-xs font-black uppercase tracking-widest hover:text-yellow-400\">Home<\/a>\n                    <a href=\"\/about-us\" class=\"text-zinc-400 text-xs font-black uppercase tracking-widest hover:text-yellow-400\">About Us<\/a>\n                    <a href=\"https:\/\/arten3d.com\/#:~:text=OUR-,SERVICES,-Precision%203D%20Engineering\" class=\"text-zinc-400 text-xs font-black uppercase tracking-widest hover:text-yellow-400\">Services<\/a>\n                    <a href=\"\/our-work\" class=\"text-zinc-400 text-xs font-black uppercase tracking-widest hover:text-yellow-400\">Portfolio<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-3\">\n                <span class=\"text-zinc-600 font-black uppercase text-[10px] tracking-[0.3em] block mb-8\">Quick Connect<\/span>\n                <div class=\"qr-flex-container\">\n                    <div class=\"qr-item\">\n                        <div class=\"qr-frame\">\n                            <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2025\/12\/whatsapp-qr-e1767116644890.jpeg\" alt=\"WhatsApp QR\">\n                        <\/div>\n                        <span class=\"qr-caption\">WhatsApp<\/span>\n                    <\/div>\n                    <div class=\"qr-item\">\n                        <div class=\"qr-frame\">\n                            <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2025\/12\/arten_3d_qr-1-scaled.png\" alt=\"Instagram QR\">\n                        <\/div>\n                        <span class=\"qr-caption\">Instagram<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-3\">\n                <span class=\"text-zinc-600 font-black uppercase text-[10px] tracking-[0.3em] block mb-8\">Project Enquiry<\/span>\n                <p class=\"text-zinc-500 text-[10px] font-black uppercase tracking-[0.2em] mb-2\">Official Channel<\/p>\n                <a href=\"mailto:info@arten3d.com\" class=\"text-white text-lg font-black italic block mb-8 hover:text-yellow-400 tracking-tight\">INFO@ARTEN3D.COM<\/a>\n                \n                <p class=\"text-zinc-500 text-[10px] font-black uppercase tracking-[0.2em] mb-2\">Live Support<\/p>\n                <a href=\"https:\/\/wa.link\/rxk7lq\" target=\"_blank\" class=\"text-yellow-400 text-sm font-black italic uppercase flex items-center gap-2\" rel=\"noopener\">\n                   <span class=\"flex h-2 w-2 rounded-full bg-yellow-400 animate-pulse\"><\/span>\n                   Online Now\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"mt-24 pt-10 border-t border-white\/5 flex flex-col md:flex-row justify-between items-center text-zinc-600\">\n            <p class=\"text-[10px] font-bold uppercase tracking-[0.4em]\">\n                &copy; 2025 ARTEN3D Studio Systems.\n            <\/p>\n            <div class=\"flex gap-8 items-center mt-6 md:mt-0\">\n                <a href=\"\/privacy-policy\" class=\"text-[10px] font-bold uppercase tracking-[0.2em] hover:text-white\">Privacy<\/a>\n                <a href=\"\/terms\" class=\"text-[10px] font-bold uppercase tracking-[0.2em] hover:text-white\">Terms<\/a>\n                <a href=\"#top\" class=\"text-yellow-400 text-[10px] font-black uppercase tracking-[0.2em]\">Top \u2191<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/footer>\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","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-38","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\/38","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=38"}],"version-history":[{"count":293,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":1583,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages\/38\/revisions\/1583"}],"wp:attachment":[{"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}