{"id":1264,"date":"2026-06-14T11:40:12","date_gmt":"2026-06-14T11:40:12","guid":{"rendered":"https:\/\/arten3d.com\/?page_id=1264"},"modified":"2026-09-15T16:20:35","modified_gmt":"2026-09-15T16:20:35","slug":"reviews","status":"publish","type":"page","link":"https:\/\/arten3d.com\/reviews\/","title":{"rendered":"Reviews"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/arten3d.com\/wp-admin\/admin.php?page=hostinger-get-onboarding\">Finish Setup<\/a><\/p>\n\n\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\n    \n    \/* Global Nav Resets to block theme interference *\/\n    .a3d-nav-wrapper {\n        width: 100% !important;\n        max-width: 100% !important;\n        background-color: #000000 !important;\n        box-sizing: border-box !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        font-family: 'Inter', sans-serif !important;\n    }\n\n    .a3d-nav-container {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        width: 100% !important;\n        height: 75px !important;\n        padding: 0 16px !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* ROUNDED PILL LOGO BACKGROUND *\/\n    .a3d-logo-pill {\n        background-color: #facc15 !important;\n        border-radius: 9999px !important;\n        height: 46px !important;\n        display: flex !important;\n        align-items: center !important;\n        padding: 0 18px !important;\n        transition: transform 0.2s ease !important;\n        flex-shrink: 0 !important;\n    }\n    \n    .a3d-logo-pill:hover {\n        transform: scale(1.02) !important;\n    }\n\n    .a3d-links-box {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        gap: 14px !important;\n        margin-left: auto !important;\n        padding-right: 20px !important;\n    }\n\n    \/* MENU ITEM DESKTOP INTERACTION *\/\n    .a3d-nav-item {\n        display: inline-block !important;\n        font-weight: 700 !important;\n        font-size: 11px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        text-decoration: none !important;\n        padding: 6px 2px !important;\n        color: #facc15 !important;\n        border-bottom: 3px solid transparent !important;\n        transition: all 0.2s ease-in-out !important;\n        background: transparent !important;\n    }\n\n    .a3d-nav-item:hover {\n        color: #ffffff !important;\n        border-color: #ffffff !important;\n    }\n\n    \/* EXCLUSIVE ACTIVE LINK UNDERLINE *\/\n    .a3d-active-link {\n        border-color: #facc15 !important; \n        font-weight: 900 !important;\n    }\n\n    \/* QUOTE BUTTON *\/\n    .a3d-quote-btn {\n        background-color: #facc15 !important;\n        color: #000000 !important;\n        border-radius: 9999px !important;\n        padding: 8px 18px !important;\n        font-weight: 700 !important;\n        font-size: 11px !important;\n        text-transform: uppercase !important;\n        text-decoration: none !important;\n        transition: all 0.2s ease !important;\n        display: inline-block !important;\n    }\n\n    .a3d-quote-btn:hover {\n        background-color: #ffffff !important;\n        color: #000000 !important;\n    }\n\n    \/* RIGHT TRAY ICONS *\/\n    .a3d-icons-wrapper {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        gap: 14px !important;\n        flex-shrink: 0 !important;\n    }\n\n    .a3d-icon-link {\n        color: #facc15 !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        transition: color 0.2s ease, transform 0.2s ease !important;\n        text-decoration: none !important;\n    }\n    .a3d-icon-link:hover {\n        color: #ffffff !important;\n        transform: translateY(-2px) !important;\n    }\n\n    \/* MOBILE DRAWER LAYER *\/\n    .a3d-mobile-drawer {\n        background-color: #0c0c0c !important;\n        border-top: 1px solid #1a1a1a !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n        padding: 24px 0 !important;\n        display: none; \/* Controlled by JS *\/\n        flex-direction: column !important;\n        align-items: center !important;\n        gap: 18px !important;\n    }\n\n    .a3d-mobile-item {\n        font-weight: 700 !important;\n        font-size: 14px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.08em !important;\n        color: #facc15 !important;\n        text-decoration: none !important;\n        padding: 4px 0 !important;\n        width: 100% !important;\n        text-align: center !important;\n    }\n    \n    .a3d-mobile-item:hover {\n        color: #ffffff !important;\n    }\n\n    .a3d-mobile-active {\n        border-bottom: 2px solid #facc15 !important;\n        display: inline-block !important;\n        width: auto !important;\n    }\n\n    \/* RESPONSIVE VISIBILITY BREAKPOINTS *\/\n    @media (min-width: 1025px) {\n        .a3d-hamburger-btn { display: none !important; }\n        .a3d-mobile-drawer { display: none !important; }\n    }\n\n    @media (max-width: 1024px) {\n        .a3d-links-box { display: none !important; }\n        .a3d-nav-container { padding: 0 20px !important; }\n        .a3d-logo-pill { height: 40px !important; padding: 0 14px !important; }\n    }\n<\/style>\n\n<header class=\"a3d-nav-wrapper sticky top-0 z-[1000] border-b border-zinc-900 shadow-2xl\">\n    <div class=\"a3d-nav-container\">\n        \n        <div style=\"display: flex; align-items: center;\">\n            <a href=\"https:\/\/arten3d.com\" class=\"a3d-logo-pill no-underline\">\n                <img decoding=\"async\" src=\"https:\/\/arten3d.com\/wp-content\/uploads\/2026\/01\/Inverted.svg\" alt=\"ARTEN3D\" style=\"height: 30px !important; width: auto !important; display: block !important; max-width: none !important;\">\n            <\/a>\n        <\/div>\n\n        <div class=\"a3d-links-box\">\n            <a href=\"\/\" class=\"a3d-nav-item\">Home<\/a>\n            <a href=\"\/blog\" class=\"a3d-nav-item\">Blog<\/a>\n            <a href=\"\/our-work\" class=\"a3d-nav-item\">Our Work<\/a>\n            <a href=\"\/our-products\" class=\"a3d-nav-item\">Our Products<\/a>\n            <a href=\"\/about-us\" class=\"a3d-nav-item\">About Us<\/a>\n            <a href=\"\/contact-us\" class=\"a3d-nav-item\">Contact Us<\/a>\n            <a href=\"https:\/\/arten3d.com\/reviews\" class=\"a3d-nav-item a3d-active-link\">Reviews &amp; FAQs<\/a>\n            \n            <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"a3d-nav-item\">Weight Calculator<\/a>\n            \n            <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"a3d-quote-btn\" style=\"margin-left: 8px !important;\" target=\"_blank\" rel=\"noopener\">\n                Ask For A Quote\n            <\/a>\n        <\/div>\n\n        <div class=\"a3d-icons-wrapper\">\n            <a href=\"mailto:info@arten3d.com\" class=\"a3d-icon-link\" aria-label=\"Email Us\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n            <\/a>\n            \n            <a href=\"https:\/\/wa.link\/rxk7lq\" target=\"_blank\" class=\"a3d-icon-link\" aria-label=\"WhatsApp\" rel=\"noopener\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.588-5.946 0-6.556 5.332-11.888 11.888-11.888 3.176 0 6.161 1.237 8.404 3.48s3.484 5.229 3.484 8.408c0 6.556-5.332 11.888-11.888 11.888-2.004 0-3.969-.505-5.717-1.465l-6.27 1.644zm6.133-3.953l.352.209c1.406.837 3.102 1.28 4.846 1.28 4.921 0 8.925-4.004 8.925-8.925 0-2.386-.929-4.63-2.615-6.316s-3.93-2.615-6.31-2.615c-4.92 0-8.925 4.004-8.925 8.925 0 1.835.561 3.623 1.619 5.15l.231.334-.974 3.559 3.646-.957zm10.518-5.39c-.279-.139-1.648-.814-1.903-.907-.255-.093-.441-.139-.627.139s-.72.907-.882 1.092-.325.209-.604.07-1.176-.433-2.24-1.381c-.827-.738-1.385-1.65-1.547-1.928-.163-.278-.018-.429.122-.567.126-.124.279-.325.418-.487.14-.163.186-.279.279-.465.093-.186.046-.348-.023-.487s-.627-1.509-.859-2.066c-.226-.54-.454-.467-.627-.476-.162-.009-.348-.01-.534-.01s-.488.07-.743.348c-.255.279-.975.953-.975 2.324s1.001 2.693 1.14 2.879c.139.186 1.97 3.008 4.773 4.218.666.288 1.187.46 1.591.588.67.213 1.279.183 1.761.111.537-.08 1.648-.674 1.881-1.325.233-.65.233-1.207.163-1.325-.07-.116-.255-.186-.534-.325z\"><\/path><\/svg>\n            <\/a>\n\n            <button onclick=\"toggleMobileMenu()\" class=\"a3d-hamburger-btn focus:outline-none\" style=\"background:none; border:none; color:#facc15; cursor:pointer; padding:0; display:inline-flex; align-items:center;\" aria-label=\"Open Menu\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"mobile-drawer\" class=\"a3d-mobile-drawer\">\n        <a href=\"\/\" class=\"a3d-mobile-item\">Home<\/a>\n        <a href=\"\/blog\" class=\"a3d-mobile-item\">Blog<\/a>\n        <a href=\"\/our-work\" class=\"a3d-mobile-item\">Our Work<\/a>\n        <a href=\"\/our-products\" class=\"a3d-mobile-item\">Our Products<\/a>\n        <a href=\"\/about-us\" class=\"a3d-mobile-item\">About Us<\/a>\n        <a href=\"\/contact-us\" class=\"a3d-mobile-item\">Contact Us<\/a>\n        <a href=\"https:\/\/arten3d.com\/reviews\" class=\"a3d-mobile-item\"><span class=\"a3d-mobile-active\">Reviews &amp; FAQs<\/span><\/a>\n        <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"a3d-mobile-item\">Weight Calculator<\/a>\n        \n        <div style=\"padding: 6px 24px 0 24px; width: 100%; box-sizing: border-box;\">\n            <a href=\"https:\/\/wa.link\/rxk7lq\" class=\"a3d-quote-btn\" style=\"display: block !important; text-align: center !important; padding: 12px 0 !important; font-size: 13px !important;\" target=\"_blank\" rel=\"noopener\">\n                Ask For A Quote\n            <\/a>\n        <\/div>\n    <\/div>\n<\/header>\n\n<script>\n    function toggleMobileMenu() {\n        const drawer = document.getElementById('mobile-drawer');\n        if (drawer.style.display === 'none' || drawer.style.display === '') {\n            drawer.style.display = 'flex';\n        } else {\n            drawer.style.display = 'none';\n        }\n    }\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Arten3D \u00b7 Client Reviews<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght=500;700;800&#038;family=Inter:wght=400;500;600;700&#038;display=swap\" rel=\"stylesheet\" \/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, sans-serif;\n            background: #0D0E12;\n            color: #FFFFFF;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        \/* ============================================================\n           HERO: OVERLAPPING WAVY BLACK & YELLOW DESIGN (SHIFTED UPWARD)\n           ============================================================ *\/\n\n        .hero {\n            \/* Decreased top padding to shift content upward *\/\n            padding: 40px 0 80px; \n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            min-height: 75vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #0B0C10;\n        }\n\n        \/* Overlapping organic liquid-wave background engine *\/\n        .hero::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-color: #0B0C10;\n            background-image: \n                \/* Wave Layer 1: Bottom Yellow Surge *\/\n                radial-gradient(circle at 50% 120%, #FFCC00 0%, transparent 55%),\n                \/* Wave Layer 2: Top Right Intersecting Curve *\/\n                radial-gradient(circle at 85% 0%, rgba(255, 204, 0, 0.15) 0%, transparent 50%),\n                \/* Wave Layer 3: Overlapping Wavy Grid\/Droplet matrix *\/\n                radial-gradient(circle at 15% 35%, rgba(255, 204, 0, 0.08) 0%, transparent 40%),\n                \/* Dark Core balancing mask to maintain premium depth *\/\n                linear-gradient(180deg, rgba(11, 12, 16, 0.95) 0%, rgba(11, 12, 16, 0.4) 50%, rgba(11, 12, 16, 0.95) 100%);\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        \/* Simulated liquid light shifting behind text *\/\n        .hero .wave-overlay {\n            position: absolute;\n            width: 200%;\n            height: 200%;\n            top: -50%;\n            left: -50%;\n            background: radial-gradient(ellipse at center, rgba(255, 204, 0, 0.04) 0%, transparent 60%);\n            animation: waveShift 20s linear infinite;\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        @keyframes waveShift {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        .hero .container {\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            \/* Extra crisp alignment adjustment *\/\n            margin-top: -10px; \n        }\n\n        \/* ---- Premium Tag Badge ---- *\/\n        .hero-badge {\n            display: inline-block;\n            background: rgba(11, 12, 16, 0.8);\n            border: 2px solid #FFCC00;\n            padding: 6px 22px;\n            border-radius: 50px;\n            font-size: 11px;\n            font-weight: 700;\n            color: #FFCC00;\n            letter-spacing: 2.5px;\n            text-transform: uppercase;\n            margin-bottom: 24px;\n            box-shadow: 0 4px 15px rgba(255, 204, 0, 0.15);\n        }\n\n        .hero-badge i {\n            margin-right: 8px;\n        }\n\n        \/* ---- Dynamic Typography Block ---- *\/\n        .hero h1 {\n            font-family: 'Cinzel', serif;\n            font-size: 56px;\n            font-weight: 700;\n            letter-spacing: 0.5px;\n            line-height: 1.2;\n            color: #FFFFFF;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.8);\n        }\n\n        .hero h1 .highlight {\n            font-weight: 800;\n            display: block;\n            margin-top: 6px;\n            color: #FFCC00;\n            letter-spacing: 1.5px;\n        }\n\n        \/* ---- Minimalist Geometric Divider ---- *\/\n        .hero-divider {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 14px;\n            margin: 24px auto;\n        }\n\n        .hero-divider .line {\n            width: 70px;\n            height: 2px;\n            background: #FFCC00;\n        }\n\n        .hero-divider .diamond-icon {\n            color: #FFCC00;\n            font-size: 10px;\n        }\n\n        \/* ---- Balanced Modern Subheading ---- *\/\n        .hero-subtitle {\n            font-size: 17px;\n            color: #E2E4E9;\n            max-width: 640px;\n            margin: 0 auto;\n            line-height: 1.8;\n            font-weight: 400;\n            letter-spacing: 0.3px;\n        }\n\n        .hero-subtitle .highlight-text {\n            color: #FFCC00;\n            font-weight: 700;\n        }\n\n        \/* ============================================================\n           CARDS: HIGH-CONTRAST INVERTED HOVER MATRIX\n           ============================================================ *\/\n\n        .stat-row {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n            margin-top: 48px;\n            padding-top: 40px;\n            border-top: 2px solid rgba(255, 204, 0, 0.2);\n            max-width: 940px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .stat-card {\n            background: #121318;\n            border: 2px solid #262930;\n            border-radius: 16px;\n            padding: 36px 24px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            cursor: pointer;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n            transition: background 0.4s cubic-bezier(0.16, 1, 0.3, 1), \n                        border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), \n                        transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n                        box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .stat-card .icon-wrapper {\n            width: 54px;\n            height: 54px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 20px;\n            font-size: 22px;\n            background: rgba(255, 204, 0, 0.05);\n            border: 2px solid rgba(255, 204, 0, 0.15);\n            color: #FFCC00;\n            transition: all 0.3s ease;\n        }\n\n        .stat-card .number {\n            font-family: 'Cinzel', serif;\n            font-size: 40px;\n            font-weight: 700;\n            display: block;\n            line-height: 1.1;\n            margin-bottom: 6px;\n            color: #FFFFFF;\n            transition: color 0.3s ease;\n        }\n\n        .stat-card .number .percent {\n            font-size: 26px;\n            color: #FFCC00;\n            transition: color 0.3s ease;\n        }\n\n        .stat-card .label {\n            font-size: 11.5px;\n            color: #9AA0AC;\n            font-weight: 600;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            display: block;\n            transition: color 0.3s ease;\n        }\n\n        \/* HOVER MECHANICS: BLACK TO VIBRANT CYBER-YELLOW INVERSION *\/\n        .stat-card:hover {\n            background: #FFCC00; \n            border-color: #FFFFFF;\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(255, 204, 0, 0.35);\n        }\n\n        .stat-card:hover .number,\n        .stat-card:hover .number .percent,\n        .stat-card:hover .label {\n            color: #0B0C10 !important;\n        }\n\n        .stat-card:hover .label {\n            font-weight: 700;\n        }\n\n        .stat-card:hover .icon-wrapper {\n            background: #0B0C10;\n            border-color: #0B0C10;\n            color: #FFCC00;\n            transform: scale(1.05);\n        }\n\n        \/* ============================================================\n           MEDIA ADAPTIVITY\n           ============================================================ *\/\n\n        @media (max-width: 992px) {\n            .hero h1 { font-size: 44px; }\n            .stat-row { gap: 16px; }\n            .stat-card { padding: 28px 16px; }\n            .stat-card .number { font-size: 32px; }\n        }\n\n        @media (max-width: 768px) {\n            .hero { padding: 30px 0 60px; }\n            .hero h1 { font-size: 36px; }\n            .stat-row { grid-template-columns: 1fr; gap: 20px; max-width: 400px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"hero\">\n        <div class=\"wave-overlay\"><\/div>\n\n        <div class=\"container\">\n            <div class=\"hero-badge\">\n                <i class=\"fas fa-gem\"><\/i> Premium 3D Jewelry CAD\n            <\/div>\n\n            <h1>\n                Crafting Perfection:\n                <span class=\"highlight\">Client Stories<\/span>\n            <\/h1>\n\n            <div class=\"hero-divider\">\n                <span class=\"line\"><\/span>\n                <span class=\"diamond-icon\">\u2666<\/span>\n                <span class=\"line\"><\/span>\n            <\/div>\n\n            <p class=\"hero-subtitle\">\n                Discover why the world&#8217;s leading jewelers trust \n                <span class=\"highlight-text\">Arten3D<\/span> for precision, \n                artistry, and uncompromising quality.\n            <\/p>\n\n            <div class=\"stat-row\">\n                <div class=\"stat-card\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fas fa-users\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <span class=\"number\">247<\/span>\n                        <span class=\"label\">Happy Clients<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stat-card\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fas fa-star\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <span class=\"number\">4.9<\/span>\n                        <span class=\"label\">Average Rating<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stat-card\">\n                    <div class=\"icon-wrapper\">\n                        <i class=\"fas fa-chart-line\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <span class=\"number\">98<span class=\"percent\">%<\/span><\/span>\n                        <span class=\"label\">Repeat Business<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Client Reviews &amp; Global Portfolio &#8211; Arten3D<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --a3d-yellow: #facc15;\n            --a3d-black: #08080a;\n            --a3d-dark-card: #121216;\n            --a3d-text-light: #e4e4e7;\n            --a3d-text-dim: #a1a1aa;\n            --a3d-border: rgba(250, 204, 21, 0.2);\n            --a3d-border-light: rgba(255, 255, 255, 0.08);\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            background-color: var(--a3d-black);\n            color: var(--a3d-text-light);\n            font-family: 'Montserrat', sans-serif;\n            line-height: 1.5;\n            overflow-x: hidden;\n        }\n\n        \/* HEADER SECTION *\/\n        .a3d-header {\n            text-align: center;\n            padding: 60px 20px 40px;\n            background: radial-gradient(circle at top, rgba(250, 204, 21, 0.12) 0%, rgba(8, 8, 10, 1) 70%);\n            border-bottom: 1px solid var(--a3d-border);\n        }\n\n        .a3d-header h1 {\n            font-size: clamp(2rem, 5vw, 3.2rem);\n            font-weight: 900;\n            color: #ffffff;\n            text-transform: uppercase;\n            letter-spacing: -0.5px;\n        }\n\n        .a3d-header h1 span {\n            color: var(--a3d-yellow);\n        }\n\n        .a3d-header p {\n            color: var(--a3d-text-dim);\n            font-size: 14px;\n            max-width: 650px;\n            margin: 12px auto 25px;\n            font-weight: 500;\n        }\n\n        .a3d-cta-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background-color: var(--a3d-yellow);\n            color: #000000;\n            font-weight: 800;\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            padding: 14px 28px;\n            border-radius: 50px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 0 20px rgba(250, 204, 21, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .a3d-cta-btn:hover {\n            transform: translateY(-3px) scale(1.03);\n            box-shadow: 0 0 30px rgba(250, 204, 21, 0.6);\n            background-color: #ffffff;\n        }\n\n        \/* SECTION LABELS *\/\n        .a3d-sec-title {\n            text-align: center;\n            margin: 50px 20px 30px;\n        }\n\n        .a3d-sec-title h2 {\n            font-size: 14px;\n            font-weight: 800;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            color: var(--a3d-yellow);\n        }\n\n        \/* GRID LAYOUT & ANIMATION *\/\n        .a3d-grid-wrapper {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 0 20px 40px;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n        }\n\n        @media (max-width: 992px) {\n            .a3d-grid-wrapper { grid-template-columns: repeat(2, 1fr); }\n        }\n\n        @media (max-width: 600px) {\n            .a3d-grid-wrapper { grid-template-columns: repeat(1, 1fr); gap: 18px; }\n        }\n\n        .a3d-card {\n            background-color: var(--a3d-dark-card);\n            border-radius: 16px;\n            border: 1px solid var(--a3d-border-light);\n            overflow: hidden;\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            opacity: 0;\n            transform: translateY(40px) scale(0.95);\n        }\n\n        \/* Scroll Zoom-In Trigger Class *\/\n        .a3d-card.a3d-visible {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .a3d-card:hover {\n            transform: translateY(-8px) scale(1.02) !important;\n            border-color: var(--a3d-yellow);\n            box-shadow: 0 12px 30px rgba(0,0,0,0.8), 0 0 20px rgba(250, 204, 21, 0.2);\n        }\n\n        \/* MEDIA DISPLAY *\/\n        .a3d-media-container {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 1\/1;\n            background: #000;\n            overflow: hidden;\n        }\n\n        .a3d-media-container img, \n        .a3d-media-container video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n\n        .a3d-card:hover .a3d-media-container img,\n        .a3d-card:hover .a3d-media-container video {\n            transform: scale(1.08);\n        }\n\n        .a3d-badge {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            background: rgba(0,0,0,0.75);\n            border: 1px solid var(--a3d-yellow);\n            color: var(--a3d-yellow);\n            font-size: 10px;\n            font-weight: 700;\n            padding: 4px 10px;\n            border-radius: 20px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            z-index: 2;\n        }\n\n        \/* CARD CONTENT *\/\n        .a3d-card-body {\n            padding: 20px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }\n\n        .a3d-stars {\n            color: var(--a3d-yellow);\n            font-size: 14px;\n            margin-bottom: 8px;\n            letter-spacing: 2px;\n        }\n\n        .a3d-client-meta {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .a3d-client-name {\n            font-weight: 700;\n            font-size: 14px;\n            color: #ffffff;\n        }\n\n        .a3d-client-location {\n            font-size: 11px;\n            color: var(--a3d-yellow);\n            font-weight: 600;\n            text-transform: uppercase;\n        }\n\n        .a3d-review-text {\n            font-size: 13px;\n            color: var(--a3d-text-dim);\n            line-height: 1.6;\n            margin-bottom: 14px;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .a3d-read-more-btn {\n            align-self: flex-start;\n            background: transparent;\n            border: none;\n            color: var(--a3d-yellow);\n            font-size: 12px;\n            font-weight: 700;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            margin-top: auto;\n            padding: 0;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .a3d-read-more-btn::after {\n            content: '\u2192';\n            font-size: 14px;\n            transition: transform 0.2s ease;\n        }\n\n        .a3d-read-more-btn:hover::after {\n            transform: translateX(4px);\n        }\n\n        \/* TEXT-ONLY REVIEWS SECTION *\/\n        .a3d-text-reviews-grid {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 0 20px 60px;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }\n\n        @media (max-width: 992px) { .a3d-text-reviews-grid { grid-template-columns: repeat(2, 1fr); } }\n        @media (max-width: 600px) { .a3d-text-reviews-grid { grid-template-columns: repeat(1, 1fr); } }\n\n        \/* MODAL POPUP *\/\n        .a3d-modal-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.85);\n            backdrop-filter: blur(8px);\n            z-index: 9999;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n\n        .a3d-modal-overlay.active {\n            opacity: 1;\n            pointer-events: auto;\n        }\n\n        .a3d-modal-card {\n            background: var(--a3d-dark-card);\n            border: 1px solid var(--a3d-yellow);\n            border-radius: 20px;\n            max-width: 550px;\n            width: 100%;\n            padding: 30px;\n            position: relative;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.9);\n            transform: scale(0.9);\n            transition: transform 0.3s ease;\n        }\n\n        .a3d-modal-overlay.active .a3d-modal-card {\n            transform: scale(1);\n        }\n\n        .a3d-modal-close {\n            position: absolute;\n            top: 15px;\n            right: 20px;\n            background: transparent;\n            border: none;\n            color: var(--a3d-text-dim);\n            font-size: 24px;\n            cursor: pointer;\n        }\n\n        .a3d-modal-close:hover { color: var(--a3d-yellow); }\n\n        .a3d-modal-text {\n            font-size: 14px;\n            color: var(--a3d-text-light);\n            line-height: 1.7;\n            margin: 15px 0 0;\n        }\n\n        \/* MAPS SECTION *\/\n        .a3d-maps-section {\n            background-color: #050507;\n            padding: 60px 20px;\n            border-top: 1px solid var(--a3d-border-light);\n        }\n\n        .a3d-maps-grid {\n            max-width: 1300px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n        }\n\n        @media (max-width: 1024px) { .a3d-maps-grid { grid-template-columns: repeat(3, 1fr); } }\n        @media (max-width: 768px) { .a3d-maps-grid { grid-template-columns: repeat(2, 1fr); } }\n        @media (max-width: 480px) { .a3d-maps-grid { grid-template-columns: repeat(1, 1fr); } }\n\n        .a3d-map-card {\n            background: var(--a3d-dark-card);\n            border-radius: 12px;\n            overflow: hidden;\n            border: 1px solid var(--a3d-border-light);\n        }\n\n        .a3d-map-card h3 {\n            font-size: 12px;\n            font-weight: 800;\n            padding: 12px;\n            text-align: center;\n            background: #000;\n            color: var(--a3d-yellow);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-bottom: 1px solid var(--a3d-border-light);\n        }\n\n        .a3d-map-card iframe {\n            width: 100%;\n            height: 180px;\n            border: none;\n            filter: grayscale(80%) invert(90%) contrast(120%);\n        }\n\n        \/* FOOTER CTA *\/\n        .a3d-footer-cta {\n            text-align: center;\n            padding: 50px 20px 80px;\n            background: radial-gradient(circle at bottom, rgba(250, 204, 21, 0.1) 0%, rgba(8, 8, 10, 1) 70%);\n        }\n    <\/style>\n\n\n\n    <!-- HERO HEADER -->\n    <header class=\"a3d-header\">\n        <h1>Global Client <span>Reviews<\/span><\/h1>\n        <p>Verified feedback from jewelry manufacturers, goldsmiths, and custom brands worldwide regarding our precision 3D CAD modeling and casting-ready designs.<\/p>\n        <button class=\"a3d-cta-btn\" onclick=\"openReviewForm()\">Give An Honest Review<\/button>\n    <\/header>\n\n    <!-- MEDIA REVIEWS SECTION -->\n    <section>\n        <div class=\"a3d-sec-title\">\n            <h2>Visual Media Portfolio Reviews<\/h2>\n        <\/div>\n        <div class=\"a3d-grid-wrapper\" id=\"a3d-media-grid\">\n            <!-- Dynamic Media Reviews Injected Here -->\n        <\/div>\n    <\/section>\n\n    <!-- WRITTEN REVIEWS SECTION -->\n    <section>\n        <div class=\"a3d-sec-title\">\n            <h2>Client Feedback &amp; Testimonials<\/h2>\n        <\/div>\n        <div class=\"a3d-text-reviews-grid\" id=\"a3d-text-grid\">\n            <!-- 27 Standalone Written Reviews Injected Here -->\n        <\/div>\n    <\/section>\n\n    <!-- GOOGLE MAPS PREVIEW SECTION -->\n    <section class=\"a3d-maps-section\">\n        <div class=\"a3d-sec-title\">\n            <h2>Our Worldwide Client Hubs<\/h2>\n        <\/div>\n        <div class=\"a3d-maps-grid\" id=\"a3d-maps-grid\">\n            <!-- Global Maps Injected Here -->\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER CTA -->\n    <div class=\"a3d-footer-cta\">\n        <button class=\"a3d-cta-btn\" onclick=\"openReviewForm()\">Give An Honest Review<\/button>\n    <\/div>\n\n    <!-- MODAL POPUP FOR TRUNCATED REVIEWS -->\n    <div class=\"a3d-modal-overlay\" id=\"a3d-modal\" onclick=\"closeModal(event)\">\n        <div class=\"a3d-modal-card\">\n            <button class=\"a3d-modal-close\" onclick=\"closeModal(null, true)\">\u00d7<\/button>\n            <div class=\"a3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <div class=\"a3d-client-meta\" style=\"margin-top: 10px;\">\n                <span class=\"a3d-client-name\" id=\"modal-name\">Client Name<\/span>\n                <span class=\"a3d-client-location\" id=\"modal-location\">Location<\/span>\n            <\/div>\n            <p class=\"a3d-modal-text\" id=\"modal-text\"><\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/* CONFIGURATION DATA: SEPARATED ASSETS *\/\n\n        const MEDIA_ITEMS = [\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-63.webp', lang: 'es', name: 'Mateo Rossi', loc: 'Guadalajara, Mexico', review: 'El modelo 3D lleg\u00f3 perfecto. La tolerancia para las piedras y el engaste fue s\u00faper exacta. Un trabajo impecable para nuestro taller.' },\n            { type: 'video', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/arten3d-video-reviews.webm', lang: 'en', name: 'Julian Vance', loc: 'New York, USA', review: 'Unbelievable precision on the render and STL file. Reduced our gold casting cleanup time by half. Highly recommended!' },\n            { type: 'video', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/arten3d-video-reviews-.webm', lang: 'es', name: 'Santiago G\u00f3mez', loc: 'Bogot\u00e1, Colombia', review: 'Excelente acabado t\u00e9cnico. Las proporciones del anillo y la distribuci\u00f3n del peso quedaron justas como lo necesit\u00e1bamos.' },\n            { type: 'video', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/arten3d-video-reviews-mexico.webm', lang: 'es', name: 'Carlos Mendoza', loc: 'Ciudad de M\u00e9xico, Mexico', review: 'El dise\u00f1o CAD para la pieza personalizada super\u00f3 expectativas. La fluidez de las curvas se mantiene perfecta al imprimir en resina.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/reviews-2-1.webp', lang: 'en', name: 'Marcus Brody', loc: 'Miami, Florida', review: 'Top-tier CAD designer for high-end custom jewelry. The prong settings were spot on for our diamond setter.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-62.webp', lang: 'es', name: 'Rodrigo Silva', loc: 'S\u00e3o Paulo, Brazil', review: 'Sempre entregam com muita rapidez e precis\u00e3o. Os arquivos em Matrix\/Rhino v\u00eam prontos para fundi\u00e7\u00e3o sem ning\u00fan erro.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-60.webp', lang: 'en', name: 'David Miller', loc: 'Chicago, Illinois', review: 'Arten3D makes complex custom CAD requests look easy. Flawless execution every single time.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/reviews-2-5.webp', lang: 'es', name: 'Alejandro Ruiz', loc: 'Lima, Peru', review: 'Muy atento a los detalles espec\u00edficos de peso y volumen. Excelente comunicaci\u00f3n y entrega puntual.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-59.webp', lang: 'en', name: 'Sarah Jenkins', loc: 'Los Angeles, California', review: 'The level of detail on complex micro-pave pendants is unmatched. Great partner for jewelry studio production.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-58.webp', lang: 'es', name: 'Gabriel Torres', loc: 'Quito, Ecuador', review: 'El archivo STL imprimi\u00f3 impecable en nuestra impresora 3D. Cero contratiempos durante el vaciado.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/reviews-2.webp', lang: 'en', name: 'Robert Croft', loc: 'Dallas, Texas', review: 'Very reliable service. Communicates clearly and ensures all gem measurements are accurate before sending final files.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/reviews-2-2.webp', lang: 'es', name: 'Javier Navarro', loc: 'Madrid, Spain', review: 'Calidad profesional absoluta. El archivo 3D vino estructurado impecablemente para modificaci\u00f3n si era necesario.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/reviews.jpeg', lang: 'en', name: 'Liam O\u2019Connor', loc: 'London, UK', review: 'Consistently exceptional CAD service. They understand casting shrinkages better than most designers.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-56.webp', lang: 'es', name: 'Fernando Castro', loc: 'Guadalajara, Mexico', review: 'Un aliado clave para nuestro taller de joyer\u00eda fina. Modelado impecable y atenci\u00f3n r\u00e1pida.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-55.webp', lang: 'en', name: 'Ethan Wright', loc: 'Columbus, Ohio', review: 'Awesome work on our Cuban link variants. Symmetry and alignments are 10\/10.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-53.webp', lang: 'es', name: 'Diego Morales', loc: 'Santiago, Chile', review: 'Atenci\u00f3n personalizada y muy profesional. Captaron la idea del cliente al primer borrador.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-54.webp', lang: 'en', name: 'Daniel Brooks', loc: 'Sydney, Australia', review: 'Prompt turnaround time and world-class CAD detailing. Very satisfied with the outcome.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-51.webp', lang: 'es', name: 'Gonzalo Vargas', loc: 'Arequipa, Peru', review: 'Servicio altamente recomendable para joyeros que buscan precisi\u00f3n industrial en cada modelo.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-50.webp', lang: 'en', name: 'Nicholas Vance', loc: 'Hartford, Connecticut', review: 'Perfect 3D modeling for luxury engagement ring lines. Flawless prong thickness.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/reviews-2-3.webp', lang: 'es', name: 'Esteban Ortiz', loc: 'Medell\u00edn, Colombia', review: 'La mejor experiencia trabajando con dise\u00f1adores CAD remotos. Respeta tolerancias y medidas.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-48.webp', lang: 'en', name: 'Alexander Cole', loc: 'Toronto, Canada', review: 'Sharp details, clean STL meshing, and fast delivery. Absolutely worth every dollar.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-47.webp', lang: 'es', name: 'Lucas Ben\u00edtez', loc: 'Buenos Aires, Argentina', review: 'La calidad del render previo permite mostrar al cliente final exactamente c\u00f3mo quedar\u00e1 su joya.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-44.webp', lang: 'en', name: 'Jason Reed', loc: 'Orlando, Florida', review: 'Great experience! Custom bezel settings matched our stone dimensions perfectly.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-43.webp', lang: 'es', name: 'Mat\u00edas Herrera', loc: 'Valencia, Spain', review: 'Dise\u00f1os listos para la producci\u00f3n directa. Nos ahorra tiempo en retoques manuales.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-42.webp', lang: 'en', name: 'Brian Sterling', loc: 'San Francisco, California', review: 'Master of Rhino and Matrix CAD modeling. Highly skilled and efficient.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-41.webp', lang: 'es', name: 'Emilio Salazar', loc: 'Monterrey, Mexico', review: 'Ajuste perfecto de biseles y u\u00f1as para engaste r\u00e1pido. Excelente trabajo.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-40.webp', lang: 'en', name: 'Christopher Hayes', loc: 'Houston, Texas', review: 'Always delivers clean models ready for 3D printing. A reliable long-term partner.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-36.webp', lang: 'es', name: 'Sebasti\u00e1n Paredes', loc: 'Guayaquil, Ecuador', review: 'Trato profesional y respuesta r\u00e1pida. Los archivos llegan optimizados sin exceso de peso.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-34.webp', lang: 'en', name: 'Patrick Long', loc: 'Chicago, Illinois', review: 'Great understanding of precious metal weight distribution.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-33.webp', lang: 'es', name: 'Andr\u00e9s Rios', loc: 'Cali, Colombia', review: 'Los modelos tienen la solidez estructural exacta para la fundici\u00f3n en cera perdida.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/09\/reviews-2-4.webp', lang: 'en', name: 'Kevin Peterson', loc: 'New York, USA', review: 'Superb detailing on custom hip-hop jewelry pendants. High quality work.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-32.webp', lang: 'es', name: 'Hugo Delgado', loc: 'Puebla, Mexico', review: 'Rapidez, eficiencia y precisi\u00f3n t\u00e9cnica. Los clientes quedan encantados con los renders.' },\n            { type: 'image', url: 'https:\/\/arten3d.com\/wp-content\/uploads\/2026\/08\/reviews-arten3d-reviews-1.webp', lang: 'en', name: 'George Harrison', loc: 'London, UK', review: 'Flawless CAD execution. Exactly what any high-end jeweler requires.' }\n        ];\n\n        \/* 27 ADDITIONAL WRITTEN REVIEWS (15 SPANISH, 12 ENGLISH) *\/\n        const TEXT_REVIEWS = [\n            \/\/ 15 Spanish Reviews\n            { name: 'Joaqu\u00edn Morales', loc: 'Guadalajara, Mexico', lang: 'es', text: 'El nivel de detalle en los modelos 3D es excepcional. Llevamos m\u00e1s de un a\u00f1o trabajando con Arten3D para nuestra l\u00ednea de joyer\u00eda personalizada y nunca hemos tenido un solo fallo en fundici\u00f3n.' },\n            { name: 'Camilo Fuentes', loc: 'Bogot\u00e1, Colombia', lang: 'es', text: 'Excelente servicio. Comprenden las tolerancias de piedra a la perfecci\u00f3n, lo que facilita much\u00edsimo el trabajo de nuestro engastador.' },\n            { name: 'Hern\u00e1n Silva', loc: 'Lima, Peru', lang: 'es', text: 'Gran rapidez de entrega y excelente comunicaci\u00f3n. Los modelos en resina salen limpios y con los pesos exactos proyectados.' },\n            { name: 'Alonso Vega', loc: 'Quito, Ecuador', lang: 'es', text: 'Muy profesionales. Transforman bocetos simples a mano en archivos CAD listos para producci\u00f3n industrial.' },\n            { name: 'Rafael Dom\u00ednguez', loc: 'Madrid, Spain', lang: 'es', text: 'La precisi\u00f3n en los engastes micro-pav\u00e9 es impecable. Un aliado clave para nuestra joyer\u00eda en Espa\u00f1a.' },\n            { name: 'Vicente Guerrero', loc: 'Ciudad de M\u00e9xico, Mexico', lang: 'es', text: 'Dise\u00f1os s\u00f3lidos, buen c\u00e1lculo de metal y est\u00e9tica excelente. 100% recomendado para talleres exigentes.' },\n            { name: 'Tomas Navarro', loc: 'Santiago, Chile', lang: 'es', text: 'Servicio r\u00e1pido y confiable. Renders realistas que nos ayudan a cerrar ventas con clientes finales al instante.' },\n            { name: 'Felipe C\u00f3rdoba', loc: 'Medell\u00edn, Colombia', lang: 'es', text: 'Muy buen flujo de trabajo. Entienden los requerimientos t\u00e9cnicos de cera perdida sin tener que explicar dos veces.' },\n            { name: 'Ezequiel Blanco', loc: 'Buenos Aires, Argentina', lang: 'es', text: 'Respuesta inmediata y adaptaci\u00f3n perfecta a nuestras especificaciones de marca.' },\n            { name: 'Mauricio Crespo', loc: 'Guayaquil, Ecuador', lang: 'es', text: 'Trabajo limpio en Rhino. Archivos STL sin errores de malla.' },\n            { name: 'Ignacio Ibarra', loc: 'Monterrey, Mexico', lang: 'es', text: 'Un servicio CAD de nivel internacional. Siempre cumplen con los plazos acordados.' },\n            { name: '\u00c1lvaro Reyes', loc: 'Valencia, Spain', lang: 'es', text: 'Gran atenci\u00f3n al cliente y acabados impecables en joyer\u00eda fina de alta gama.' },\n            { name: 'Esteban Molina', loc: 'Arequipa, Peru', lang: 'es', text: 'Precisi\u00f3n total en alianzas y sortijas complejas.' },\n            { name: 'Gustavo Rold\u00e1n', loc: 'Cali, Colombia', lang: 'es', text: 'Los mejores en modelado 3D de joyer\u00eda. Eficiencia garantizada.' },\n            { name: 'Guillermo Arango', loc: 'Puebla, Mexico', lang: 'es', text: 'Muy satisfecho con el nivel t\u00e9cnico y la calidad est\u00e9tica de las piezas entregadas.' },\n\n            \/\/ 12 English Reviews\n            { name: 'Steven Miller', loc: 'New York, NY', lang: 'en', text: 'Arten3D handles our most intricate custom diamond pendants effortlessly. Shrinkage calculations are accurate, saving us gold weight and bench effort.' },\n            { name: 'Brandon Vance', loc: 'Miami, Florida', lang: 'en', text: 'Top-quality CAD modeling! The renders are ultra-realistic and help our shop confirm orders fast.' },\n            { name: 'Tyler Scott', loc: 'Los Angeles, California', lang: 'en', text: 'Clean meshing, precise stone dimensions, and fast delivery. Best CAD studio we have worked with.' },\n            { name: 'Justin Sterling', loc: 'Houston, Texas', lang: 'en', text: 'Consistently high standard of CAD engineering. Perfect prong symmetry every time.' },\n            { name: 'Derek Palmer', loc: 'Chicago, Illinois', lang: 'en', text: 'Incredible speed without sacrificing geometric precision. A must-have partner for custom jewelry.' },\n            { name: 'Chad Reynolds', loc: 'Columbus, Ohio', lang: 'en', text: 'Great overall experience. The files print smoothly on our resin printers without support failures.' },\n            { name: 'Oliver Thorne', loc: 'London, UK', lang: 'en', text: 'Outstanding service for fine jewelry manufacturers. Extremely precise CAD drafting.' },\n            { name: 'Sean O\u2019Neill', loc: 'Sydney, Australia', lang: 'en', text: 'Very happy with the prompt communication and technical competence. Flawless STL exports.' },\n            { name: 'Travis Hayes', loc: 'Hartford, Connecticut', lang: 'en', text: 'The weight estimates match our gold castings almost spot on. Outstanding accuracy.' },\n            { name: 'Gregory Cox', loc: 'Toronto, Canada', lang: 'en', text: 'Reliable, creative, and highly professional. Makes custom jewelry workflow smooth.' },\n            { name: 'Dustin Brooks', loc: 'Dallas, Texas', lang: 'en', text: 'Excellent attention to structural wall thickness for secure casting.' },\n            { name: 'Aaron Foster', loc: 'Orlando, Florida', lang: 'en', text: 'High quality work delivered on time, every time. Highly recommended!' }\n        ];\n\n        \/* LOCATIONS FOR GOOGLE MAPS PREVIEWS *\/\n        const MAP_LOCATIONS = [\n            { name: 'Mexico', query: 'Mexico' },\n            { name: 'Brazil', query: 'Brazil' },\n            { name: 'Colombia', query: 'Colombia' },\n            { name: 'Peru', query: 'Peru' },\n            { name: 'Ecuador', query: 'Ecuador' },\n            { name: 'Florida, USA', query: 'Florida, USA' },\n            { name: 'New York, USA', query: 'New York, USA' },\n            { name: 'Texas, USA', query: 'Texas, USA' },\n            { name: 'Ohio, USA', query: 'Ohio, USA' },\n            { name: 'California, USA', query: 'California, USA' },\n            { name: 'Illinois, USA', query: 'Illinois, USA' },\n            { name: 'Spain', query: 'Spain' },\n            { name: 'United Kingdom', query: 'United Kingdom' },\n            { name: 'UAE', query: 'Dubai, UAE' },\n            { name: 'Italy', query: 'Italy' },\n            { name: 'Germany', query: 'Germany' }\n        ];\n\n        \/* DOM INITIALIZATION *\/\n        document.addEventListener('DOMContentLoaded', () => {\n            renderMediaGrid();\n            renderTextReviewsGrid();\n            renderMapsGrid();\n            initIntersectionObserver();\n        });\n\n        \/* RENDER MEDIA GRID *\/\n        function renderMediaGrid() {\n            const container = document.getElementById('a3d-media-grid');\n            container.innerHTML = MEDIA_ITEMS.map((item, index) => `\n                <div class=\"a3d-card\">\n                    <div class=\"a3d-media-container\">\n                        <span class=\"a3d-badge\">${item.lang === 'es' ? 'Espa\u00f1ol' : 'English'}<\/span>\n                        ${item.type === 'video' ? \n                            `<video src=\"${item.url}\" muted loop playsinline preload=\"metadata\"><\/video>` : \n                            `<img decoding=\"async\" src=\"${item.url}\" alt=\"Arten3D Review Model\" loading=\"lazy\">`\n                        }\n                    <\/div>\n                    <div class=\"a3d-card-body\">\n                        <div class=\"a3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <div class=\"a3d-client-meta\">\n                            <span class=\"a3d-client-name\">${item.name}<\/span>\n                            <span class=\"a3d-client-location\">${item.loc}<\/span>\n                        <\/div>\n                        <p class=\"a3d-review-text\">${item.review}<\/p>\n                        <button class=\"a3d-read-more-btn\" onclick=\"openModal('${escapeHtml(item.name)}', '${escapeHtml(item.loc)}', '${escapeHtml(item.review)}')\">Read Full<\/button>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/* RENDER WRITTEN REVIEWS GRID *\/\n        function renderTextReviewsGrid() {\n            const container = document.getElementById('a3d-text-grid');\n            container.innerHTML = TEXT_REVIEWS.map((item) => `\n                <div class=\"a3d-card\">\n                    <div class=\"a3d-card-body\">\n                        <div class=\"a3d-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <div class=\"a3d-client-meta\">\n                            <span class=\"a3d-client-name\">${item.name}<\/span>\n                            <span class=\"a3d-client-location\">${item.loc}<\/span>\n                        <\/div>\n                        <p class=\"a3d-review-text\">${item.text}<\/p>\n                        <button class=\"a3d-read-more-btn\" onclick=\"openModal('${escapeHtml(item.name)}', '${escapeHtml(item.loc)}', '${escapeHtml(item.text)}')\">Read Full<\/button>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/* RENDER MAPS GRID *\/\n        function renderMapsGrid() {\n            const container = document.getElementById('a3d-maps-grid');\n            container.innerHTML = MAP_LOCATIONS.map(loc => `\n                <div class=\"a3d-map-card\">\n                    <h3>${loc.name}<\/h3>\n                    <iframe src=\"https:\/\/maps.google.com\/maps?q=${encodeURIComponent(loc.query)}&#038;t=&#038;z=5&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            `).join('');\n        }\n\n        \/* SCROLL ANIMATION & VIDEO AUTOPLAY OBSERVER *\/\n        function initIntersectionObserver() {\n            const cards = document.querySelectorAll('.a3d-card');\n            \n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('a3d-visible');\n                        \n                        \/\/ Auto-play video if inside intersecting card\n                        const video = entry.target.querySelector('video');\n                        if (video) {\n                            video.play().catch(() => {});\n                        }\n                    } else {\n                        \/\/ Pause video when out of view\n                        const video = entry.target.querySelector('video');\n                        if (video) {\n                            video.pause();\n                        }\n                    }\n                });\n            }, { threshold: 0.2 });\n\n            cards.forEach(card => observer.observe(card));\n        }\n\n        \/* MODAL FUNCTIONS *\/\n        function openModal(name, location, text) {\n            document.getElementById('modal-name').innerText = name;\n            document.getElementById('modal-location').innerText = location;\n            document.getElementById('modal-text').innerText = text;\n            document.getElementById('a3d-modal').classList.add('active');\n        }\n\n        function closeModal(event, force = false) {\n            if (force || (event && event.target.id === 'a3d-modal')) {\n                document.getElementById('a3d-modal').classList.remove('active');\n            }\n        }\n\n        function openReviewForm() {\n            alert('Thank you for choosing Arten3D! Review submission portal will open here.');\n        }\n\n        function escapeHtml(str) {\n            return str.replace(\/'\/g, \"\\\\'\").replace(\/\"\/g, \"&quot;\");\n        }\n    <\/script>\n\n\n\n<section class=\"a3d-cards-section\">\n    <div class=\"a3d-cards-container\">\n        \n        <!-- Section Heading -->\n        <div class=\"a3d-cards-heading\">\n            <h2 class=\"a3d-cards-title\">Explore ARTEN3D<\/h2>\n            <p class=\"a3d-cards-subtitle\">Everything you need \u2014 from products to quotes, all in one place.<\/p>\n        <\/div>\n\n        <!-- Cards Grid -->\n        <div class=\"a3d-cards-grid\">\n\n            <!-- 1. OUR PRODUCTS & 3D CATALOGUES -->\n            <a href=\"\/our-products\" class=\"a3d-card\">\n                <div class=\"a3d-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 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><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"a3d-card-title\">Our Products &#038; 3D Catalogues<\/h3>\n                <p class=\"a3d-card-desc\">Browse our full range of custom 3D printed pieces and downloadable catalogues.<\/p>\n                <div class=\"a3d-card-footer\">\n                    <span class=\"a3d-card-cta\">Explore<\/span>\n                    <span class=\"a3d-card-arrow\">\u2192<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 2. RENDERINGS AND VIDEO EXHIBITION -->\n            <a href=\"\/our-work\" class=\"a3d-card\">\n                <div class=\"a3d-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><\/svg>\n                <\/div>\n                <h3 class=\"a3d-card-title\">Renderings &#038; Video Exhibition<\/h3>\n                <p class=\"a3d-card-desc\">See our latest 3D renderings and walkthrough videos in our portfolio.<\/p>\n                <div class=\"a3d-card-footer\">\n                    <span class=\"a3d-card-cta\">View Work<\/span>\n                    <span class=\"a3d-card-arrow\">\u2192<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 3. BOOK AN APPOINTMENT -->\n            <a href=\"\/contact-us\" class=\"a3d-card\">\n                <div class=\"a3d-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"a3d-card-title\">Book an Appointment<\/h3>\n                <p class=\"a3d-card-desc\">Schedule a call or studio visit with our 3D design experts today.<\/p>\n                <div class=\"a3d-card-footer\">\n                    <span class=\"a3d-card-cta\">Book Now<\/span>\n                    <span class=\"a3d-card-arrow\">\u2192<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 4. WHAT WE OFFER -->\n            <a href=\"\/blog\" class=\"a3d-card\">\n                <div class=\"a3d-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"a3d-card-title\">What We Offer<\/h3>\n                <p class=\"a3d-card-desc\">Read our blog for insights, tutorials and behind-the-scenes stories.<\/p>\n                <div class=\"a3d-card-footer\">\n                    <span class=\"a3d-card-cta\">Read Blog<\/span>\n                    <span class=\"a3d-card-arrow\">\u2192<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 5. WEIGHT CALCULATOR -->\n            <a href=\"https:\/\/arten3d.com\/weight-calculator\" class=\"a3d-card\">\n                <div class=\"a3d-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 2v20M2 12h20\"><\/path><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><\/svg>\n                <\/div>\n                <h3 class=\"a3d-card-title\">Wax Weight Calculator<\/h3>\n                <p class=\"a3d-card-desc\">Live calculate wax weight vs. gold, silver &#038; platinum instantly.<\/p>\n                <div class=\"a3d-card-footer\">\n                    <span class=\"a3d-card-cta\">Calculate<\/span>\n                    <span class=\"a3d-card-arrow\">\u2192<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 6. WHATSAPP -->\n            <a href=\"https:\/\/wa.link\/rxk7lq\" target=\"_blank\" rel=\"noopener\" class=\"a3d-card a3d-card-whatsapp\">\n                <div class=\"a3d-card-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" 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                <\/div>\n                <h3 class=\"a3d-card-title\">Chat on WhatsApp<\/h3>\n                <p class=\"a3d-card-desc\">Talk to us directly on WhatsApp for instant quotes and support.<\/p>\n                <div class=\"a3d-card-footer\">\n                    <span class=\"a3d-card-cta\">Message Us<\/span>\n                    <span class=\"a3d-card-arrow\">\u2192<\/span>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ============================================\n       ARTEN3D ROUNDED CARDS SECTION\n       ============================================ *\/\n    \n    .a3d-cards-section {\n        width: 100%;\n        background: #000000;\n        padding: 80px 20px;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Subtle radial glow in background *\/\n    .a3d-cards-section::before {\n        content: '';\n        position: absolute;\n        top: -50%;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 800px;\n        height: 800px;\n        background: radial-gradient(circle, rgba(250, 204, 21, 0.06) 0%, transparent 70%);\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .a3d-cards-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* ---------- HEADING ---------- *\/\n    .a3d-cards-heading {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n\n    .a3d-cards-title {\n        font-size: 42px;\n        font-weight: 900;\n        color: #ffffff;\n        margin: 0 0 16px 0;\n        letter-spacing: -0.02em;\n        text-transform: uppercase;\n        line-height: 1.1;\n    }\n\n    .a3d-cards-title::after {\n        content: '';\n        display: block;\n        width: 70px;\n        height: 4px;\n        background: #facc15;\n        margin: 18px auto 0;\n        border-radius: 999px;\n    }\n\n    .a3d-cards-subtitle {\n        font-size: 16px;\n        color: #a1a1aa;\n        margin: 0;\n        font-weight: 400;\n        max-width: 560px;\n        margin-left: auto;\n        margin-right: auto;\n        line-height: 1.6;\n    }\n\n    \/* ---------- GRID ---------- *\/\n    .a3d-cards-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n    }\n\n    \/* ---------- CARD ---------- *\/\n    .a3d-card {\n        display: flex;\n        flex-direction: column;\n        background: #0c0c0c;\n        border: 1px solid #1f1f1f;\n        border-radius: 20px;\n        padding: 36px 28px 28px 28px;\n        text-decoration: none !important;\n        color: inherit;\n        position: relative;\n        overflow: hidden;\n        transition: \n            background 0.45s cubic-bezier(0.4, 0, 0.2, 1),\n            transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),\n            border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1),\n            box-shadow 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n        cursor: pointer;\n        isolation: isolate;\n    }\n\n    \/* Animated shine sweep *\/\n    .a3d-card::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(0, 0, 0, 0.15), transparent);\n        transition: left 0.6s ease;\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    .a3d-card:hover::before {\n        left: 100%;\n    }\n\n    \/* ---------- HOVER: BLACK -> YELLOW ---------- *\/\n    .a3d-card:hover {\n        background: #facc15;\n        border-color: #facc15;\n        transform: translateY(-8px);\n        box-shadow: \n            0 20px 40px rgba(250, 204, 21, 0.25),\n            0 0 0 1px rgba(250, 204, 21, 0.4);\n    }\n\n    \/* ---------- ICON ---------- *\/\n    .a3d-card-icon {\n        width: 64px;\n        height: 64px;\n        border-radius: 16px;\n        background: rgba(250, 204, 21, 0.08);\n        border: 1px solid rgba(250, 204, 21, 0.18);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #facc15;\n        margin-bottom: 22px;\n        transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        z-index: 2;\n    }\n\n    .a3d-card:hover .a3d-card-icon {\n        background: #000000;\n        border-color: #000000;\n        color: #facc15;\n        transform: rotate(-6deg) scale(1.05);\n    }\n\n    \/* ---------- TITLE ---------- *\/\n    .a3d-card-title {\n        font-size: 19px;\n        font-weight: 900;\n        color: #ffffff;\n        margin: 0 0 12px 0;\n        line-height: 1.3;\n        letter-spacing: -0.01em;\n        text-transform: uppercase;\n        transition: color 0.4s ease;\n        position: relative;\n        z-index: 2;\n    }\n\n    .a3d-card:hover .a3d-card-title {\n        color: #000000;\n    }\n\n    \/* ---------- DESCRIPTION ---------- *\/\n    .a3d-card-desc {\n        font-size: 13.5px;\n        color: #a1a1aa;\n        line-height: 1.6;\n        margin: 0 0 26px 0;\n        flex-grow: 1;\n        transition: color 0.4s ease;\n        position: relative;\n        z-index: 2;\n    }\n\n    .a3d-card:hover .a3d-card-desc {\n        color: #1a1a1a;\n    }\n\n    \/* ---------- FOOTER \/ CTA ---------- *\/\n    .a3d-card-footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding-top: 18px;\n        border-top: 1px solid #1f1f1f;\n        transition: border-color 0.4s ease;\n        position: relative;\n        z-index: 2;\n    }\n\n    .a3d-card:hover .a3d-card-footer {\n        border-top-color: rgba(0, 0, 0, 0.15);\n    }\n\n    .a3d-card-cta {\n        font-size: 11px;\n        font-weight: 900;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        color: #facc15;\n        transition: color 0.4s ease;\n    }\n\n    .a3d-card:hover .a3d-card-cta {\n        color: #000000;\n    }\n\n    .a3d-card-arrow {\n        font-size: 20px;\n        font-weight: 900;\n        color: #facc15;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        display: inline-block;\n    }\n\n    .a3d-card:hover .a3d-card-arrow {\n        color: #000000;\n        transform: translateX(6px);\n    }\n\n    \/* ---------- WHATSAPP CARD (special accent) ---------- *\/\n    .a3d-card-whatsapp .a3d-card-icon {\n        background: rgba(37, 211, 102, 0.08);\n        border-color: rgba(37, 211, 102, 0.25);\n        color: #25D366;\n    }\n\n    .a3d-card-whatsapp:hover {\n        background: #25D366;\n        border-color: #25D366;\n        box-shadow: \n            0 20px 40px rgba(37, 211, 102, 0.3),\n            0 0 0 1px rgba(37, 211, 102, 0.5);\n    }\n\n    .a3d-card-whatsapp:hover .a3d-card-icon {\n        background: #000000;\n        border-color: #000000;\n        color: #25D366;\n    }\n\n    .a3d-card-whatsapp .a3d-card-cta,\n    .a3d-card-whatsapp .a3d-card-arrow {\n        color: #25D366;\n    }\n\n    .a3d-card-whatsapp:hover .a3d-card-cta,\n    .a3d-card-whatsapp:hover .a3d-card-arrow {\n        color: #000000;\n    }\n\n    \/* ---------- RESPONSIVE ---------- *\/\n    @media (max-width: 1024px) {\n        .a3d-cards-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n        .a3d-cards-title {\n            font-size: 34px;\n        }\n        .a3d-cards-section {\n            padding: 60px 20px;\n        }\n    }\n\n    @media (max-width: 640px) {\n        .a3d-cards-grid {\n            grid-template-columns: 1fr;\n            gap: 18px;\n        }\n        .a3d-cards-title {\n            font-size: 26px;\n        }\n        .a3d-cards-subtitle {\n            font-size: 14px;\n        }\n        .a3d-cards-heading {\n            margin-bottom: 40px;\n        }\n        .a3d-card {\n            padding: 28px 22px 22px 22px;\n        }\n        .a3d-card-icon {\n            width: 56px;\n            height: 56px;\n        }\n        .a3d-card-title {\n            font-size: 17px;\n        }\n    }\n<\/style>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Finish Setup Home Blog Our Work Our Products About Us Contact Us Reviews &amp; FAQs Weight Calculator Ask For A [&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-1264","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\/1264","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=1264"}],"version-history":[{"count":49,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages\/1264\/revisions"}],"predecessor-version":[{"id":1591,"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/pages\/1264\/revisions\/1591"}],"wp:attachment":[{"href":"https:\/\/arten3d.com\/wp-json\/wp\/v2\/media?parent=1264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}