{"id":9843,"date":"2026-03-03T15:36:13","date_gmt":"2026-03-03T07:36:13","guid":{"rendered":"https:\/\/agi.refine-lab.dev\/homepage\/"},"modified":"2026-05-05T09:47:25","modified_gmt":"2026-05-05T01:47:25","slug":"homepage","status":"publish","type":"page","link":"https:\/\/agi.refine-lab.dev\/ja\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<section x-data class=\"w-full max-w-[2560px] mx-auto\"\n    style=\"background-color: var(--local-bg); color: var(--local-neutral-950);\">\n    <!-- Slider main container -->\n    <div class=\"swiper\" x-hometopslider>\n        <!-- Additional required wrapper -->\n        <div class=\"swiper-wrapper\">\n            <!-- Slides -->\n                            <div class=\"swiper-slide slide-theme-home-light flex flex-col \">\n\n                    \n                    <div class=\"relative flex-1 min-h-[794px] md:min-h-[598px] xl:min-h-[678px] 2xl:!min-h-[758px]\">\n                        <div class=\"absolute inset-0 w-full h-full z-0\">\n                            <picture>\n                                <source media=\"(max-width: 480px)\"\n                                    srcset=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/banner-m.jpg\">\n                                <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/banner.jpg\"\n                                    alt=\"EDM38 Magnetic Portable {SSD}\" class=\"w-full h-full object-cover\"\n                                    style=\"will-change: transform;\">\n                            <\/picture>\n                        <\/div>\n\n                        <div class=\"relative z-1 flex justify-start overflow-hidden w-full mx-auto px-12 md:px-24 xl:px-40 pt-60 md:pt-80 xl:pt-120 2xl:py-140 3xl:py-180\">\n                            <div class=\"w-full mx-auto max-w-[1196px] 3xl:max-w-[1440px] flex justify-start mt-[351px] md:mt-0\">\n                                <div class=\"w-full md:max-w-[350px] xl:max-w-[464px] min-[1281px]:max-w-[586px] 2xl:max-w-[708px] flex flex-col items-start gap-12 md:gap-20 xl:gap-24\">\n\n                                    <div class=\"flex flex-col items-start gap-8 xl:gap-12\">\n                                        <h1 x-aos-clip-line-up=\"{ delay: 1200 }\" class=\"display-2 text-[var(--local-neutral-950)]\">\n                                            EDM38 Magnetic Portable <span style=\"color: var(--local-primary-500)\">SSD<\/span>                                        <\/h1>\n                                        <h6 x-aos-clip-line-up=\"{ delay: 1400 }\" class=\"text-[var(--local-neutral-950)]\">\n                                            The entire range of new products continues to innovate and lead the industry.                                        <\/h6>\n                                        <p x-aos-clip-line-up=\"{ delay: 1600 }\" class=\"text-[var(--local-neutral-400)]\">\n                                            Easily Attach, Perfectly Grip, Latest High-SpeGed Interface                                        <\/p>\n                                    <\/div>\n\n                                    <div x-aos-fade=\"{ delay: 1800 }\">\n                                       <div>\n                                                                                     <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/product\/edm38-magnetic-portable-ssd\"\n                                                class=\"btn-link-learn-more gap-4 md:gap-8 pt-8 pr-12 pb-8 pl-20 xl:py-12 xl:pr-16 md:pl-24 rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n\n                                                <span class=\"relative overflow-hidden block\">\n\n                                                    <!-- text hi\u1ec7n t\u1ea1i -->\n                                                    <span class=\"body-def font-semibold masked-element block\">\n                                                        Learn More                                                    <\/span>\n\n                                                    <!-- text hover -->\n                                                    <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                                        Learn More                                                    <\/span>\n\n                                                <\/span>\n\n                                                <span class=\"masked-element is-horizontal\">\n                                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path\n                                                            d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                                            fill=\"white\" \/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                               <\/div>\n                                    <\/div>\n                                    <div class=\"h-80 min-[1281px]:h-120 2xl:h-160\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"swiper-slide slide-theme-home-dark flex flex-col \">\n\n                    \n                    <div class=\"relative flex-1 min-h-[794px] md:min-h-[598px] xl:min-h-[678px] 2xl:!min-h-[758px]\">\n                        <div class=\"absolute inset-0 w-full h-full z-0\">\n                            <picture>\n                                <source media=\"(max-width: 480px)\"\n                                    srcset=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/d20270c6c6bfe908826b5a67e417205c80315056.png\">\n                                <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/d20270c6c6bfe908826b5a67e417205c80315056.png\"\n                                    alt=\"AI858 M.2 PCIe\r\nGen5 {SSD}\" class=\"w-full h-full object-cover\"\n                                    style=\"will-change: transform;\">\n                            <\/picture>\n                        <\/div>\n\n                        <div class=\"relative z-1 flex justify-start overflow-hidden w-full mx-auto px-12 md:px-24 xl:px-40 pt-60 md:pt-80 xl:pt-120 2xl:py-140 3xl:py-180\">\n                            <div class=\"w-full mx-auto max-w-[1196px] 3xl:max-w-[1440px] flex justify-start mt-[351px] md:mt-0\">\n                                <div class=\"w-full md:max-w-[350px] xl:max-w-[464px] min-[1281px]:max-w-[586px] 2xl:max-w-[708px] flex flex-col items-start gap-12 md:gap-20 xl:gap-24\">\n\n                                    <div class=\"flex flex-col items-start gap-8 xl:gap-12\">\n                                        <h1 x-aos-clip-line-up=\"{ delay: 1200 }\" class=\"display-2 text-[var(--local-neutral-950)]\">\n                                            AI858 M.2 PCIe\r\nGen5 <span style=\"color: var(--local-primary-500)\">SSD<\/span>                                        <\/h1>\n                                        <h6 x-aos-clip-line-up=\"{ delay: 1400 }\" class=\"text-[var(--local-neutral-950)]\">\n                                            Lightweight Precision, Full-Power Performance                                        <\/h6>\n                                        <p x-aos-clip-line-up=\"{ delay: 1600 }\" class=\"text-[var(--local-neutral-400)]\">\n                                            Easily Attach, Perfectly Grip, Latest High-SpeGed Interface                                        <\/p>\n                                    <\/div>\n\n                                    <div x-aos-fade=\"{ delay: 1800 }\">\n                                       <div>\n                                                                                     <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/product\/ai858-m-2-pcie-gen5-ssd\/\"\n                                                class=\"btn-link-learn-more gap-4 md:gap-8 pt-8 pr-12 pb-8 pl-20 xl:py-12 xl:pr-16 md:pl-24 rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n\n                                                <span class=\"relative overflow-hidden block\">\n\n                                                    <!-- text hi\u1ec7n t\u1ea1i -->\n                                                    <span class=\"body-def font-semibold masked-element block\">\n                                                        Learn More                                                    <\/span>\n\n                                                    <!-- text hover -->\n                                                    <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                                        Learn More                                                    <\/span>\n\n                                                <\/span>\n\n                                                <span class=\"masked-element is-horizontal\">\n                                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path\n                                                            d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                                            fill=\"white\" \/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                               <\/div>\n                                    <\/div>\n                                    <div class=\"h-80 min-[1281px]:h-120 2xl:h-160\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n        <!-- Pagination and navigation buttons -->\n        <div class=\"h-80 min-[1281px]:h-120 2xl:h-160 flex flex-col justify-end px-12 md:px-24 xl:px-40 absolute bottom-0 mb-60 md:mb-80 xl:mb-120 2xl:mb-140 3xl:mb-180 mx-auto z-[1] inset-x-0\">\n            <div id=\"theme-controller\"\n                class=\"w-full mx-auto max-w-[1196px] 3xl:max-w-[1440px]\">\n                <div class=\"flex justify-center md:justify-start min-[1281px]:justify-end\">\n                    <div class=\"flex items-center gap-[14px]\">\n                        <div class=\"agi-button-prev hvr-icon-back hidden md:block cursor-pointer \">\n                            <button\n                                class=\"hvr-icon cursor-pointer size-[40px] rounded-full flex items-center justify-center bg-[var(--local-neutral-800)] text-[var(--local-neutral-0)]\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path\n                                        d=\"M11.5047 5.20458C11.7778 4.93172 12.2211 4.93189 12.4944 5.20458C12.7677 5.47785 12.7675 5.92103 12.4944 6.19441L7.38969 11.3003H18.3C18.6864 11.3003 18.9997 11.614 19 12.0003C18.9998 12.3867 18.6865 12.7003 18.3 12.7003H7.38969L12.4944 17.8053C12.7677 18.0785 12.7675 18.5217 12.4944 18.7951C12.2211 19.0683 11.7779 19.0684 11.5047 18.7951L5.20506 12.4952C5.07405 12.364 5.00009 12.1857 5 12.0003C5.00015 11.8149 5.07399 11.6365 5.20506 11.5054L11.5047 5.20458Z\"\n                                        fill=\"currentColor\" \/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                        <div class=\"agi-pagination flex gap-[8px] items-center text-[var(--local-neutral-800)]\"><\/div>\n                        <div class=\"agi-button-next hvr-icon-forward hidden md:block cursor-pointer\">\n                            <button class=\"hvr-icon cursor-pointer size-[40px] rounded-full flex items-center justify-center bg-[var(--local-neutral-800)] text-[var(--local-neutral-0)]\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path\n                                        d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                        fill=\"currentColor\" \/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n    <\/div>\n<\/section>\n\n\n<section x-data=\"{ isMobile: window.innerWidth <= 480 }\" \n     x-init=\"window.addEventListener('resize', () => isMobile = window.innerWidth <= 480)\" class=\"max-w-[2560px] relative overflow-hidden w-full mx-auto px-12 md:px-24 2xl:px-40 pt-40 pb-60 md:pt-60 md:pb-80 xl:pt-80 xl:pb-120 2xl:pt-160 2xl:pb-180\">\n    <!-- Background watermark text -->\n            <div class=\"absolute top-0 left-0 w-full flex justify-center  text-neutral-100 display-1 uppercase  opacity-30 pointer-events-none select-none overflow-hidden [mask-image:linear-gradient(to_top,transparent_0%,black_70%)] [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_70%)]\"\n            aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\">\n                News            <\/span>\n        <\/div>\n        <div class=\"w-full mx-auto max-w-[1196px] 3xl:max-w-[1440px] grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 2xl:grid-cols-12 gap-12 md:gap-20 xl:gap-24\">\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-10 2xl:col-span-12\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center w-full mx-auto \">\n                <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 text-neutral-950\">\n                    Latest <span class=\"highlight-mark\">News<\/span>                <\/h1>\n                <div x-aos-fade=\"{ delay: 300 }\">\n                                                                        <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/news\/\"\n                                class=\"btn-link-read-more-neutral gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap hidden xl:inline-flex items-center\">\n\n                                <span class=\"relative overflow-hidden block\">\n\n                                    <!-- text hi\u1ec7n t\u1ea1i -->\n                                    <span class=\"body-def font-semibold masked-element block\">\n                                        Read More                                    <\/span>\n\n                                    <!-- text hover -->\n                                    <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                        Read More                                    <\/span>\n\n                                <\/span>\n\n                                <span class=\"masked-element is-horizontal\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                        <path\n                                            d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                            fill=\"white\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                            <\/div>\n            <\/div>\n\n        <\/div>\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-4 2xl:col-span-5\">\n                            <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:gap-24 xl:flex-col\">\n                    <!-- Image -->\n                    <div x-aos-fade=\"{ delay: 0 }\" class=\"w-full overflow-hidden\">\n                                                    <a href=\"https:\/\/agi.refine-lab.dev\/zh-hant\/the-entire-range-of-new-products-continues-to-innovate-and-lead-the-industry-duplicate\/\" class=\"block relative w-full h-full\">\n                                <img decoding=\"async\" x-newsimagehover src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img.jpg\"\n                                    alt=\"The entire range of new products continues to innovate and lead the industry.\" class=\"h-full w-full object-cover\">\n                                <div class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                <\/div>\n                            <\/a>\n                                            <\/div>\n                    <!-- Text -->\n                    <div class=\"w-full flex flex-col gap-[4px] justify-center\">\n                                                    <div x-aos-clip-line-up=\"{ delay: 300 }\">\n                                <div class=\"flex flex-wrap gap-[12px]\">\n                                    <a href=\"https:\/\/agi.refine-lab.dev\/zh-hant\/tag\/enews\/\" style=\"background: var(--wp--preset--color--blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">eNews<\/a>                                <\/div>\n                            <\/div>\n\n                                                <h6 class=\"heading-6\" x-aos-clip-line-up=\"{ delay: 400 }\">\n                            <a href=\"https:\/\/agi.refine-lab.dev\/zh-hant\/the-entire-range-of-new-products-continues-to-innovate-and-lead-the-industry-duplicate\/\"\n                                class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                The entire range of new products continues to innovate and lead the industry.                            <\/a>\n                        <\/h6>\n                        <p class=\"body-def text-neutral-400\" x-aos-clip-line-up=\"{ delay: 500 }\">\n                            2026-04-16                        <\/p>\n                    <\/div>\n                <\/div>\n                    <\/div>\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-6 2xl:col-span-7\">\n            <div class=\"flex flex-col gap-24\">\n                                        <div x-show=\"!isMobile || (isMobile &#038;&#038; 0 === 0)\">\n                            <div class=\"flex flex-col gap-[12px]\">\n                                <div class=\"flex flex-col md:flex-row gap-[12px] md:gap-[20px] xl:gap-[24px]\">\n                                    <!-- Image -->\n                                    <div x-aos-fade=\"{ delay: 100 }\" class=\"w-full md:w-1\/2 xl:w-full overflow-hidden\">\n                                                                                    <a href=\"https:\/\/agi.refine-lab.dev\/zh-hant\/the-entire-range-of-new-products-continues-to-innovate-and-lead-the-industry-6\/\" class=\"block relative w-full h-full\">\n                                                <img decoding=\"async\" x-newsimagehover\n                                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img.jpg\"\n                                                    alt=\"The entire range of new products continues to innovate and lead the industry.\" class=\"h-full w-full object-cover\">\n                                                <div\n                                                    class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                <\/div>\n                                            <\/a>\n                                                                            <\/div>\n                                    <!-- Text -->\n                                    <div class=\"w-full md:w-1\/2 xl:w-full flex flex-col gap-[4px] md:justify-center\">\n                                                                                    <div x-aos-fade=\"{ delay: 300 }\">\n                                                <div class=\"flex flex-wrap gap-[12px]\">\n                                                    <a href=\"https:\/\/agi.refine-lab.dev\/zh-hant\/tag\/enews\/\" style=\"background: var(--wp--preset--color--primary-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">eNews<\/a><a href=\"https:\/\/agi.refine-lab.dev\/zh-hant\/tag\/agi-blog\/\" style=\"background: var(--wp--preset--color--orange-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">AGI Blog<\/a>                                                <\/div>\n                                            <\/div>\n                                                                                <h6 class=\"heading-6\" x-aos-clip-line-up=\"{ delay: 400 }\">\n                                            <a href=\"https:\/\/agi.refine-lab.dev\/zh-hant\/the-entire-range-of-new-products-continues-to-innovate-and-lead-the-industry-6\/\"\n                                                class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                The entire range of new products continues to innovate and lead the industry.                                            <\/a>\n                                        <\/h6>\n                                        <p class=\"body-def text-neutral-400\" x-aos-clip-line-up=\"{ delay: 500 }\">\n                                            2026-03-27                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                                        <div x-show=\"!isMobile || (isMobile &#038;&#038; 1 === 0)\">\n                            <div class=\"flex flex-col gap-[12px]\">\n                                <div class=\"flex flex-col md:flex-row gap-[12px] md:gap-[20px] xl:gap-[24px]\">\n                                    <!-- Image -->\n                                    <div x-aos-fade=\"{ delay: 100 }\" class=\"w-full md:w-1\/2 xl:w-full overflow-hidden\">\n                                                                                    <a href=\"https:\/\/agi.refine-lab.dev\/the-entire-range-of-new-products-continues-to-innovate-and-lead-the-industry-6\/\" class=\"block relative w-full h-full\">\n                                                <img decoding=\"async\" x-newsimagehover\n                                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img.jpg\"\n                                                    alt=\"The entire range of new products continues to innovate and lead the industry.\" class=\"h-full w-full object-cover\">\n                                                <div\n                                                    class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                <\/div>\n                                            <\/a>\n                                                                            <\/div>\n                                    <!-- Text -->\n                                    <div class=\"w-full md:w-1\/2 xl:w-full flex flex-col gap-[4px] md:justify-center\">\n                                                                                    <div x-aos-fade=\"{ delay: 300 }\">\n                                                <div class=\"flex flex-wrap gap-[12px]\">\n                                                    <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/agi-blog\/\" style=\"background: var(--wp--preset--color--red-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">AGI Blog<\/a><a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/enews\/\" style=\"background: var(--wp--preset--color--light-blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">eNews<\/a>                                                <\/div>\n                                            <\/div>\n                                                                                <h6 class=\"heading-6\" x-aos-clip-line-up=\"{ delay: 400 }\">\n                                            <a href=\"https:\/\/agi.refine-lab.dev\/the-entire-range-of-new-products-continues-to-innovate-and-lead-the-industry-6\/\"\n                                                class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                The entire range of new products continues to innovate and lead the industry.                                            <\/a>\n                                        <\/h6>\n                                        <p class=\"body-def text-neutral-400\" x-aos-clip-line-up=\"{ delay: 500 }\">\n                                            2026-03-27                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                            <\/div>\n        <\/div>\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-10 2xl:col-span-12\">\n                            <div x-aos-fade=\"{ delay: 300 }\" class=\"flex justify-center xl:hidden\">\n\n                    <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/news\/\"\n                        class=\"btn-link-read-more-neutral gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n\n                        <span class=\"relative overflow-hidden block\">\n\n                            <!-- text hi\u1ec7n t\u1ea1i -->\n                            <span class=\"body-def font-semibold masked-element block\">\n                                Read More                            <\/span>\n\n                            <!-- text hover -->\n                            <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                Read More                            <\/span>\n\n                        <\/span>\n\n                        <span class=\"masked-element is-horizontal\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                <path\n                                    d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                    fill=\"white\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/a>\n\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section x-data\n    class=\"max-w-[2560px] relative overflow-hidden w-full mx-auto px-12 pt-40 pb-60 md:px-24 md:pt-60 md:pb-80 2xl:pt-120 2xl:pb-140 3xl:pt-160 3xl:pb-180\">\n    <!-- Background watermark text -->\n            <div class=\"absolute top-0 left-0 w-full flex justify-center text-neutral-100 display-1 uppercase  opacity-30 pointer-events-none select-none overflow-hidden [mask-image:linear-gradient(to_top,transparent_0%,black_70%)] [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_70%)]\"\n            aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\">\n                Knowledge            <\/span>\n        <\/div>\n        <div class=\"w-full mx-auto max-w-[1196px] 3xl:max-w-[1440px] grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 2xl:grid-cols-12 gap-12 md:gap-20 xl:gap-24\">\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-10 2xl:col-span-12\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center w-full mx-auto \">\n                <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 text-neutral-950\">\n                    Explore <span class=\"highlight-mark\">Knowledge<\/span>                <\/h1>\n                <div x-aos-fade=\"{ delay: 300 }\">\n                                                                        <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/knowledges\"\n                                class=\"btn-link-read-more-neutral gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap hidden xl:inline-flex items-center\">\n\n                                <span class=\"relative overflow-hidden block\">\n\n                                    <!-- text hi\u1ec7n t\u1ea1i -->\n                                    <span class=\"body-def font-semibold masked-element block\">\n                                        Read More                                    <\/span>\n\n                                    <!-- text hover -->\n                                    <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                        Read More                                    <\/span>\n\n                                <\/span>\n\n                                <span class=\"masked-element is-horizontal\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                        <path\n                                            d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                            fill=\"white\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                            <\/div>\n            <\/div>\n\n        <\/div>\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-10 2xl:col-span-12\">\n                                            <div class=\"slide-knowledge-theme-light\">\n                    <div class=\" swiper knowledge-swiper\" x-knowledgeslider>\n                        <div class=\"swiper-wrapper\">\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"grid grid-cols-1 gap-24 xl:grid-cols-3\">\n                                                                                    <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-10\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/computer-memory\/\" style=\"background: var(--wp--preset--color--blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Computer Memory<\/a><a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/ssds\/\" style=\"background: var(--wp--preset--color--light-blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">SSDs<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-10\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-9\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2-1.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/computer-memory\/\" style=\"background: var(--wp--preset--color--primary-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Computer Memory<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-9\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"hidden min-[481px]:flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-8\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-1.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/computer-memory\/\" style=\"background: var(--wp--preset--color--orange-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Computer Memory<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-8\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"grid grid-cols-1 gap-24 xl:grid-cols-3\">\n                                                                                    <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-7\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/computer-memory\/\" style=\"background: var(--wp--preset--color--orange-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Computer Memory<\/a><a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/portable-ssds\/\" style=\"background: var(--wp--preset--color--primary-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Portable SSDs<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-7\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-6\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-1.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-6\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"hidden min-[481px]:flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-5\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2-1.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-5\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"grid grid-cols-1 gap-24 xl:grid-cols-3\">\n                                                                                    <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-4\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/flash-drives\/\" style=\"background: var(--wp--preset--color--blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Flash Drives<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-4\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-3\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2-1.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/memory-cards\/\" style=\"background: var(--wp--preset--color--blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Memory Cards<\/a><a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/portable-ssds\/\" style=\"background: var(--wp--preset--color--orange-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Portable SSDs<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-3\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"hidden min-[481px]:flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-2\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/accessories\/\" style=\"background: var(--wp--preset--color--blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Accessories<\/a><a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/portable-ssds\/\" style=\"background: var(--wp--preset--color--orange-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Portable SSDs<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm-2\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"grid grid-cols-1 gap-24 xl:grid-cols-3\">\n                                                                                    <div class=\"flex flex-col gap-12 w-full md:flex-row md:gap-20 xl:flex-col xl:gap-24\">\n                                                <!-- Image -->\n                                                <div x-aos-fade=\"{ delay: 0 }\"\n                                                    class=\"w-full overflow-hidden md:w-1\/2 xl:w-full\">\n                                                                                                            <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm\/\"\n                                                            class=\"block w-full h-full relative\">\n                                                            <img decoding=\"async\" x-newsimagehover\n                                                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-1.jpg\"\n                                                                alt=\"Choosing Your DDR5: UDIMM or CUDIMM?\"\n                                                                class=\"w-full aspect-[4\/3] object-cover\">\n                                                            <div\n                                                                class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\">\n                                                            <\/div>\n                                                        <\/a>\n                                                                                                    <\/div>\n\n                                                <!-- Text -->\n                                                <div class=\"flex flex-col justify-center gap-4 w-full md:w-1\/2 xl:w-full\">\n                                                                                                            <div x-aos-fade=\"{ delay: 300 }\">\n                                                            <div class=\"flex flex-wrap gap-12\">\n                                                                <a href=\"https:\/\/agi.refine-lab.dev\/ja\/tag\/portable-ssds\/\" style=\"background: var(--wp--preset--color--blue-500); padding:4px 8px; display:inline-block; box-sizing:border-box;\" class=\"body-def text-white no-underline hover:opacity-80 transition-opacity duration-200\">Portable SSDs<\/a>                                                            <\/div>\n                                                        <\/div>\n\n                                                                                                        <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-6\">\n                                                        <a href=\"https:\/\/agi.refine-lab.dev\/knowledge\/choosing-your-ddr5-udimm-or-cudimm\/\"\n                                                            class=\"text-neutral-950 no-underline transition-colors duration-200\">\n                                                            Choosing Your DDR5: UDIMM or CUDIMM?                                                        <\/a>\n                                                    <\/h6>\n                                                    <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-400\">\n                                                        2026-04-16                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Pagination -->\n                        <div x-aos-fade=\"{ delay: 300 }\"\n                            class=\"hidden lg:flex justify-center pt-24 xl:pt-32 2xl:pt-40 3xl:pt-48\">\n                            <div class=\"knowledge-pagination flex gap-8 items-center justify-center\"><\/div>\n                        <\/div>\n\n                        <!-- Mobile read more button -->\n                                                    <div x-aos-fade=\"{ delay: 300 }\"\n                                class=\"flex justify-center xl:hidden pt-24 xl:pt-32 2xl:pt-40 3xl:pt-48\">\n                                <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/knowledges\"\n                                    class=\"btn-link-read-more-neutral gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n\n                                    <span class=\"relative overflow-hidden block\">\n\n                                        <!-- text hi\u1ec7n t\u1ea1i -->\n                                        <span class=\"body-def font-semibold masked-element block\">\n                                            Read More                                        <\/span>\n\n                                        <!-- text hover -->\n                                        <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                            Read More                                        <\/span>\n\n                                    <\/span>\n\n                                    <span class=\"masked-element is-horizontal\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                            <path\n                                                d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                                fill=\"white\" \/>\n                                        <\/svg>\n                                    <\/span>\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section x-data\n    class=\"max-w-[2560px] relative w-full mx-auto px-12 pt-40 pb-60 md:px-24 md:py-60 xl:px-40 xl:py-80 2xl:py-100 3xl:py-120\">\n    <!-- Background watermark text -->\n            <div class=\"absolute top-0 left-0 w-full flex justify-center text-neutral-100 display-1 uppercase  opacity-30 pointer-events-none select-none overflow-hidden [mask-image:linear-gradient(to_top,transparent_0%,black_70%)] [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_70%)]\"\n            aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\">\n                Solutions            <\/span>\n        <\/div>\n        <div\n        class=\"relative z-3 w-full mx-auto max-w-[474px] xl:max-w-[1196px] 3xl:max-w-[1440px] grid grid-cols-4 xl:grid-cols-10 3xl:grid-cols-12 gap-24\">\n        <div class=\"col-span-4 xl:col-span-4 3xl:col-span-6\">\n            <div class=\"grid grid-cols-1 grid-rows-1 xl:grid-rows-2 items-center gap-24 w-full h-full\">\n                <div x-stickysidebar class=\"w-full\">\n                    <div class=\"flex flex-col gap-8 xl:gap-24 xl:px-24 2xl:px-40 3xl:px-60\">\n                        <div class=\"flex flex-col gap-8 xl:gap-12\">\n                            <h1 x-aos-clip-line-up=\"{ delay: 0 }\"\n                                class=\"heading-1 text-neutral-950 text-wrap xl:max-w-xs\">\n                                Explore Our <span class=\"highlight-mark\">Solutions<\/span>                            <\/h1>\n                                                            <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-neutral-950\">\n                                    We vowed to become the leading SSD manufacturer and designed our logo based on the lion due to its strength.wise, and majestic aspects which perfectly matched our core value. Whether you are using for work or entertainment, our SSD can be served as your greatest power!                                <\/p>\n                                                    <\/div>\n                        <!-- Button -->\n                        <div x-aos-fade=\"{ delay: 300 }\" class=\"hidden xl:block\">\n                                                            <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/solutions\/\"\n                                    class=\"btn-link-read-more-primary gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n                                    <span class=\"relative overflow-hidden block\">\n                                        <!-- text hi\u1ec7n t\u1ea1i -->\n                                        <span class=\"body-def font-semibold masked-element block\">\n                                            Read More                                        <\/span>\n                                        <!-- text hover -->\n                                        <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                            Read More                                        <\/span>\n                                    <\/span>\n                                    <span class=\"masked-element is-horizontal\">\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                            <path\n                                                d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                                fill=\"white\" \/>\n                                        <\/svg>\n                                    <\/span>\n                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hidden xl:block\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"col-span-4 xl:col-span-6 3xl:col-span-6\">\n            <div class=\"grid grid-cols-2 gap-12 md:gap-20 xl:gap-24 \">\n                                                            <a href=\"https:\/\/agi.refine-lab.dev\/ja\/solution\/gamer\/\" x-imgrevealzoomtext class=\"relative block overflow-hidden\">\n                            \n                                \n                                                                <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/febca1e9d05f7593b4c64ab45f1ef6f4412c6b15111.png\" alt=\"Gamer\"\n                                    x-newsimagehover class=\"w-full aspect-169\/286 min-[1281px]:aspect-342\/578 object-cover\">\n                                <div class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\"><\/div>\n                                                            \n\n                            <div class=\"absolute bottom-0 left-0 right-0 flex flex-col gap-4 p-8 md:gap-16 md:p-16 xl:gap-24 xl:p-24 z-10\">\n                                <div class=\"imgreveal-text relative overflow-hidden bg-neutral-0 w-[28px] h-[28px] xl:w-[36px] xl:h-[36px] grid place-items-center transition-colors duration-[600ms]\">\n                                    <span class=\"relative z-10 body-def text-neutral-950 font-bold! transition-colors duration-[600ms]\">\n                                        01                                    <\/span>\n                                <\/div>\n\n                                <div>\n                                    <h5 class=\"imgreveal-text heading-5 text-neutral-0 uppercase\">\n                                        Gamer                                    <\/h5>\n                                                                            <p class=\"imgreveal-text body-def text-neutral-0 mt-4 opacity-90\">\n                                            Upgraded rendering capabilities make the creative process smoother.                                        <\/p>\n                                                                    <\/div>\n                            <\/div>\n                        <\/a>\n                                        <a href=\"https:\/\/agi.refine-lab.dev\/ja\/solution\/creator\/\" x-imgrevealzoomtext class=\"relative block overflow-hidden\">\n                            \n                                \n                                                                <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/61cb0a6e04956ea4d44cafd36e95a399557a9914-1-scaled.png\" alt=\"Creator\"\n                                    x-newsimagehover class=\"w-full aspect-169\/286 min-[1281px]:aspect-342\/578 object-cover\">\n                                <div class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\"><\/div>\n                                                            \n\n                            <div class=\"absolute bottom-0 left-0 right-0 flex flex-col gap-4 p-8 md:gap-16 md:p-16 xl:gap-24 xl:p-24 z-10\">\n                                <div class=\"imgreveal-text relative overflow-hidden bg-neutral-0 w-[28px] h-[28px] xl:w-[36px] xl:h-[36px] grid place-items-center transition-colors duration-[600ms]\">\n                                    <span class=\"relative z-10 body-def text-neutral-950 font-bold! transition-colors duration-[600ms]\">\n                                        02                                    <\/span>\n                                <\/div>\n\n                                <div>\n                                    <h5 class=\"imgreveal-text heading-5 text-neutral-0 uppercase\">\n                                        Creator                                    <\/h5>\n                                                                            <p class=\"imgreveal-text body-def text-neutral-0 mt-4 opacity-90\">\n                                            Upgraded rendering capabilities make the creative process smoother.                                        <\/p>\n                                                                    <\/div>\n                            <\/div>\n                        <\/a>\n                                        <a href=\"https:\/\/agi.refine-lab.dev\/ja\/solution\/life-recorder\/\" x-imgrevealzoomtext class=\"relative block overflow-hidden\">\n                            \n                                \n                                                                <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/dca4d0eb759e4365d3bc988b8f2823f929f974ad-1-scaled.png\" alt=\"LIFE RECORDER\"\n                                    x-newsimagehover class=\"w-full aspect-169\/286 min-[1281px]:aspect-342\/578 object-cover\">\n                                <div class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\"><\/div>\n                                                            \n\n                            <div class=\"absolute bottom-0 left-0 right-0 flex flex-col gap-4 p-8 md:gap-16 md:p-16 xl:gap-24 xl:p-24 z-10\">\n                                <div class=\"imgreveal-text relative overflow-hidden bg-neutral-0 w-[28px] h-[28px] xl:w-[36px] xl:h-[36px] grid place-items-center transition-colors duration-[600ms]\">\n                                    <span class=\"relative z-10 body-def text-neutral-950 font-bold! transition-colors duration-[600ms]\">\n                                        03                                    <\/span>\n                                <\/div>\n\n                                <div>\n                                    <h5 class=\"imgreveal-text heading-5 text-neutral-0 uppercase\">\n                                        LIFE RECORDER                                    <\/h5>\n                                                                            <p class=\"imgreveal-text body-def text-neutral-0 mt-4 opacity-90\">\n                                            Upgraded rendering capabilities make the creative process smoother.                                        <\/p>\n                                                                    <\/div>\n                            <\/div>\n                        <\/a>\n                                        <a href=\"https:\/\/agi.refine-lab.dev\/ja\/solution\/professionals\/\" x-imgrevealzoomtext class=\"relative block overflow-hidden\">\n                            \n                                \n                                                                <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/1721f0e8b44c9675e20727d642dee7d2fffc1a53-1-scaled.png\" alt=\"Professional\"\n                                    x-newsimagehover class=\"w-full aspect-169\/286 min-[1281px]:aspect-342\/578 object-cover\">\n                                <div class=\"absolute inset-0 bg-neutral-950 opacity-0 transition-opacity news-img-overlay\"><\/div>\n                                                            \n\n                            <div class=\"absolute bottom-0 left-0 right-0 flex flex-col gap-4 p-8 md:gap-16 md:p-16 xl:gap-24 xl:p-24 z-10\">\n                                <div class=\"imgreveal-text relative overflow-hidden bg-neutral-0 w-[28px] h-[28px] xl:w-[36px] xl:h-[36px] grid place-items-center transition-colors duration-[600ms]\">\n                                    <span class=\"relative z-10 body-def text-neutral-950 font-bold! transition-colors duration-[600ms]\">\n                                        04                                    <\/span>\n                                <\/div>\n\n                                <div>\n                                    <h5 class=\"imgreveal-text heading-5 text-neutral-0 uppercase\">\n                                        Professional                                    <\/h5>\n                                                                            <p class=\"imgreveal-text body-def text-neutral-0 mt-4 opacity-90\">\n                                            Upgraded rendering capabilities make the creative process smoother.                                        <\/p>\n                                                                    <\/div>\n                            <\/div>\n                        <\/a>\n                                    <\/div>\n    <\/div>\n    <div class=\"col-span-4 xl:col-span-10 3xl:grid-cols-12\">\n        <div x-aos-fade=\"{ delay: 300 }\" class=\"block text-center xl:hidden\">\n                            <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/solutions\/\"\n                    class=\"btn-link-read-more-primary gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n                    <span class=\"relative overflow-hidden block\">\n                        <!-- text hi\u1ec7n t\u1ea1i -->\n                        <span class=\"body-def font-semibold masked-element block\">\n                            Read More                        <\/span>\n                        <!-- text hover -->\n                        <span class=\"body-def font-semibold masked-element masked-mask block\">\n                            Read More                        <\/span>\n                    <\/span>\n                    <span class=\"masked-element is-horizontal\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path\n                                d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                fill=\"white\" \/>\n                        <\/svg>\n                    <\/span>\n                <\/a>\n                    <\/div>\n    <\/div>\n    <\/div>\n<\/section>\n\n\n<section x-data class=\"home-product-main w-full max-w-[2560px] mx-auto relative pt-40 pb-60 px-12 md:pt-60 md:pb-80 md:px-24 xl:pt-80 xl:pb-120 xl:px-40 2xl:pt-[120px] 2xl:pb-[140px] 3xl:pt-[160px] 3xl:pb-[180px]\">\n    <!-- Watermark -->\n            <div class=\"absolute top-0 right-0 w-full mx-auto flex justify-center text-neutral-100 display-1 uppercase  opacity-30 pointer-events-none select-none overflow-hidden [mask-image:linear-gradient(to_top,transparent_0%,black_70%)] [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_70%)]\"\n            aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\">\n                Products            <\/span>\n        <\/div>\n    \n    <div class=\"relative z-2 w-full mx-auto max-w-[474px] xl:max-w-[708px] min-[1281px]:max-w-[1196px] 3xl:max-w-[1440px] grid grid-cols-4 xl:grid-cols-6 min-[1281px]:grid-cols-10 3xl:grid-cols-12 gap-24 xl:gap-32 2xl:gap-40 3xl:gap-48\">\n        <!-- Section Title -->\n        <div class=\"col-span-4 xl:col-span-6 min-[1281px]:col-span-10 3xl:col-span-12\">\n                            <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"text-neutral-950\">\n                    Explore Our <span class=\"highlight-mark\">Products<\/span>                <\/h1>\n                    <\/div>\n        <!-- Cards Grid -->\n        <div class=\"col-span-4 xl:col-span-6 min-[1281px]:col-span-10 3xl:col-span-12\">\n            <div x-aos-fade=\"{ delay: 100 }\" class=\"flex flex-col min-[1281px]:grid min-[1281px]:grid-cols-3 gap-12 xl:gap-20 min-[1281px]:gap-24\">\n                                    <a href=\"https:\/\/agi.refine-lab.dev\/product-category\/computer-memory\/\" target=\"_self\" class=\"bg-white backdrop-blur-[10px] shadow-[0px_2px_12px_0px_#949D901A,0px_2px_4px_0px_#949D900A] transition-all duration-300 flex flex-row min-[1281px]:flex-col-reverse items-center justify-between min-[1281px]:justify-center gap-40 min-[1281px]:gap-4 px-12 py-20 xl:px-32 xl:py-24\">\n                        <!-- TEXT -->\n                        <div class=\"flex-1 min-w-0 min-[1281px]:contents\">\n\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"heading-5 text-neutral-950 text-left min-[1281px]:text-center\">\n                                    Computer Memory                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-neutral-400 text-left min-[1281px]:text-center\">\n                                    DDR4 \/ DDR5                                <\/p>\n                            \n                        <\/div>\n                        <!-- ICON -->\n                                                    <div class=\"product-icon w-[80px] h-[80px] flex-shrink-0\">\n                                                                    <img decoding=\"async\" x-aos-fade=\"{ delay: 100 }\" svg-inline src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/illus_02.svg\">\n                                                            <\/div>\n                                            <\/a>\n                                    <a href=\"https:\/\/agi.refine-lab.dev\/product-category\/ssds\" target=\"_self\" class=\"bg-white backdrop-blur-[10px] shadow-[0px_2px_12px_0px_#949D901A,0px_2px_4px_0px_#949D900A] transition-all duration-300 flex flex-row min-[1281px]:flex-col-reverse items-center justify-between min-[1281px]:justify-center gap-40 min-[1281px]:gap-4 px-12 py-20 xl:px-32 xl:py-24\">\n                        <!-- TEXT -->\n                        <div class=\"flex-1 min-w-0 min-[1281px]:contents\">\n\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"heading-5 text-neutral-950 text-left min-[1281px]:text-center\">\n                                    SSDs                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-neutral-400 text-left min-[1281px]:text-center\">\n                                    M.2 \/ 2.5 inch                                <\/p>\n                            \n                        <\/div>\n                        <!-- ICON -->\n                                                    <div class=\"product-icon w-[80px] h-[80px] flex-shrink-0\">\n                                                                    <img decoding=\"async\" x-aos-fade=\"{ delay: 100 }\" svg-inline src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/illus_01.svg\">\n                                                            <\/div>\n                                            <\/a>\n                                    <a href=\"https:\/\/agi.refine-lab.dev\/product-category\/portable-ssds\" target=\"_self\" class=\"bg-white backdrop-blur-[10px] shadow-[0px_2px_12px_0px_#949D901A,0px_2px_4px_0px_#949D900A] transition-all duration-300 flex flex-row min-[1281px]:flex-col-reverse items-center justify-between min-[1281px]:justify-center gap-40 min-[1281px]:gap-4 px-12 py-20 xl:px-32 xl:py-24\">\n                        <!-- TEXT -->\n                        <div class=\"flex-1 min-w-0 min-[1281px]:contents\">\n\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"heading-5 text-neutral-950 text-left min-[1281px]:text-center\">\n                                    Portable SSDs                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-neutral-400 text-left min-[1281px]:text-center\">\n                                    Portable SSD \/ Portable Inclosure                                <\/p>\n                            \n                        <\/div>\n                        <!-- ICON -->\n                                                    <div class=\"product-icon w-[80px] h-[80px] flex-shrink-0\">\n                                                                    <img decoding=\"async\" x-aos-fade=\"{ delay: 100 }\" svg-inline src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/illus_01.svg\">\n                                                            <\/div>\n                                            <\/a>\n                                    <a href=\"https:\/\/agi.refine-lab.dev\/product-category\/flash-drives\/\" target=\"_self\" class=\"bg-white backdrop-blur-[10px] shadow-[0px_2px_12px_0px_#949D901A,0px_2px_4px_0px_#949D900A] transition-all duration-300 flex flex-row min-[1281px]:flex-col-reverse items-center justify-between min-[1281px]:justify-center gap-40 min-[1281px]:gap-4 px-12 py-20 xl:px-32 xl:py-24\">\n                        <!-- TEXT -->\n                        <div class=\"flex-1 min-w-0 min-[1281px]:contents\">\n\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"heading-5 text-neutral-950 text-left min-[1281px]:text-center\">\n                                    Flash Drives                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-neutral-400 text-left min-[1281px]:text-center\">\n                                    Type A \/ Type C                                <\/p>\n                            \n                        <\/div>\n                        <!-- ICON -->\n                                                    <div class=\"product-icon w-[80px] h-[80px] flex-shrink-0\">\n                                                                    <img decoding=\"async\" x-aos-fade=\"{ delay: 100 }\" svg-inline src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/vector.svg\">\n                                                            <\/div>\n                                            <\/a>\n                                    <a href=\"https:\/\/agi.refine-lab.dev\/product-category\/memory-cards\/\" target=\"_self\" class=\"bg-white backdrop-blur-[10px] shadow-[0px_2px_12px_0px_#949D901A,0px_2px_4px_0px_#949D900A] transition-all duration-300 flex flex-row min-[1281px]:flex-col-reverse items-center justify-between min-[1281px]:justify-center gap-40 min-[1281px]:gap-4 px-12 py-20 xl:px-32 xl:py-24\">\n                        <!-- TEXT -->\n                        <div class=\"flex-1 min-w-0 min-[1281px]:contents\">\n\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"heading-5 text-neutral-950 text-left min-[1281px]:text-center\">\n                                    Memory Cards                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-neutral-400 text-left min-[1281px]:text-center\">\n                                    microSD Series \/ SD Series                                <\/p>\n                            \n                        <\/div>\n                        <!-- ICON -->\n                                                    <div class=\"product-icon w-[80px] h-[80px] flex-shrink-0\">\n                                                                    <img decoding=\"async\" x-aos-fade=\"{ delay: 100 }\" svg-inline src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/illus_03.svg\">\n                                                            <\/div>\n                                            <\/a>\n                                    <a href=\"https:\/\/agi.refine-lab.dev\/product-category\/accessories\/\" target=\"_self\" class=\"bg-white backdrop-blur-[10px] shadow-[0px_2px_12px_0px_#949D901A,0px_2px_4px_0px_#949D900A] transition-all duration-300 flex flex-row min-[1281px]:flex-col-reverse items-center justify-between min-[1281px]:justify-center gap-40 min-[1281px]:gap-4 px-12 py-20 xl:px-32 xl:py-24\">\n                        <!-- TEXT -->\n                        <div class=\"flex-1 min-w-0 min-[1281px]:contents\">\n\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"heading-5 text-neutral-950 text-left min-[1281px]:text-center\">\n                                    Accessories                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-neutral-400 text-left min-[1281px]:text-center\">\n                                    Chargers \/ USB Cables                                <\/p>\n                            \n                        <\/div>\n                        <!-- ICON -->\n                                                    <div class=\"product-icon w-[80px] h-[80px] flex-shrink-0\">\n                                                                    <img decoding=\"async\" x-aos-fade=\"{ delay: 100 }\" svg-inline src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/illus_05.svg\">\n                                                            <\/div>\n                                            <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"relative left-1\/2 w-screen max-w-none -translate-x-1\/2 bg-neutral-50 px-[12px] pt-[40px] pb-[60px] md:px-24 md:pt-60 md:pb-[80px] xl:px-[40px] xl:pt-[80px] xl:pb-120 2xl:!pt-[160px] 2xl:!pb-[180px] 3xl:!pt-[160px] 3xl:!pb-[180px] align wp-block-refine-lab-home-compatibility\" x-data data-home-compatibility>\n    <div data-compat-bg class=\"pointer-events-none absolute -inset-y-[1px] inset-x-0 z-0 overflow-hidden\" aria-hidden=\"true\">\n                    <div data-compat-media class=\"absolute -inset-y-[10%] inset-x-0 opacity-100 will-change-transform\">\n                <img src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-bg.png\" alt=\"\" loading=\"lazy\" decoding=\"async\"\n                    class=\"block h-full w-full object-cover object-center\">\n            <\/div>\n        \n        <div class=\"absolute inset-0 md:hidden\"\n            style=\"background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 47.54%), radial-gradient(100% 430.84% at 0% 2.65%, rgba(255, 255, 255, 0) 48.52%, rgba(255, 255, 255, 0.8) 100%);\">\n        <\/div>\n\n                    <div class=\"display-1 absolute top-0 left-0 w-full flex justify-center  text-neutral-100 display-1 uppercase  opacity-30 pointer-events-none select-none overflow-hidden [mask-image:linear-gradient(to_top,transparent_0%,black_70%)] [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_70%)]\" aria-hidden=\"true\">\n                <span x-aos-fade=\"{ delay: 400 }\">\n                    COMPABILITY                <\/span>\n            <\/div>\n            <\/div>\n\n    <div class=\"relative z-20 mx-auto w-full max-w-[720px] xl:max-w-[1196px] 3xl:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 3xl:grid-cols-12\">\n            <div\n                class=\"relative col-span-4 mx-auto flex w-full max-w-[351px] flex-col items-center gap-[12px] text-center md:col-span-6 md:max-w-[708px] md:gap-[20px] xl:col-span-6 xl:col-start-3 xl:max-w-[708px] xl:gap-24 3xl:col-span-8 3xl:col-start-3\">\n                <div class=\"flex w-full flex-col gap-[8px] xl:gap-12\">\n                <h2 x-aos-clip-line-up=\"{ delay: 100 }\"\n                    class=\"m-0 w-full heading-1 font-manrope font-bold leading-[125%] tracking-[0] text-center text-neutral-950\">\n                    Compatibility <span class=\"highlight-mark\">Search<\/span>                <\/h2>\n\n                                    <p x-aos-clip-line-up=\"{ delay: 200 }\"\n                        class=\"m-0 w-full body-def font-manrope font-medium leading-[150%] tracking-[0.02em] text-center text-neutral-500\">\n                        Verify product compatibility with supported motherboard models.                    <\/p>\n                            <\/div>\n\n                <div x-aos-fade=\"{ delay: 300 }\" class=\"flex flex-wrap justify-center gap-[12px] xl:gap-[16px]\">\n                                                                        <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/compatibility-search\/?searchType=DRAM\"\n                                class=\"btn-link-read-more-neutral gap-4 pt-[8px] pr-[12px] pb-[8px] pl-[20px] rounded-[999px] no-underline whitespace-nowrap hidden xl:inline-flex items-center\">\n\n                                <span class=\"relative overflow-hidden block\">\n\n                                    <!-- text hi\u1ec7n t\u1ea1i -->\n                                    <span class=\"body-def font-semibold masked-element block\">\n                                        DRAM                                    <\/span>\n\n                                    <!-- text hover -->\n                                    <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                        DRAM                                    <\/span>\n\n                                <\/span>\n\n                                <span class=\"masked-element is-horizontal\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                        <path\n                                            d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                            fill=\"white\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                                                                <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/compatibility-search\/?searchType=SSD\"\n                                class=\"btn-link-read-more-neutral gap-4 pt-[8px] pr-[12px] pb-[8px] pl-[20px] rounded-[999px] no-underline whitespace-nowrap hidden xl:inline-flex items-center\">\n\n                                <span class=\"relative overflow-hidden block\">\n\n                                    <!-- text hi\u1ec7n t\u1ea1i -->\n                                    <span class=\"body-def font-semibold masked-element block\">\n                                        SSD                                    <\/span>\n\n                                    <!-- text hover -->\n                                    <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                        SSD                                    <\/span>\n\n                                <\/span>\n\n                                <span class=\"masked-element is-horizontal\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                        <path\n                                            d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                            fill=\"white\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                            <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"relative left-1\/2 w-screen -translate-x-1\/2 px-12 py-20 md:px-24 md:py-[28px] xl:px-[40px] xl:py-40 2xl:!px-[40px] 2xl:!py-48 align wp-elements-0b23c121f3d23e41510164502772ab6f wp-block-refine-lab-home-ai has-text-color has-neutral-0-color\" style=\"background-color: #6ABF4B;\" x-data>\n    <div class=\"mx-auto w-full max-w-[952px] 2xl:max-w-[1196px]\">\n      <div class=\"grid grid-cols-4 items-center gap-12 md:grid-cols-6 md:gap-24 xl:grid-cols-10 xl:gap-24 3xl:grid-cols-12\">\n      <div class=\"col-span-3 flex w-full flex-col justify-center gap-4 md:col-span-5 md:gap-12 xl:col-span-8 3xl:col-span-10\">\n        <h1 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"heading-1 text-neutral-0\">\n          Ask AI for Help        <\/h1>\n                  <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def m-0\"\n            style=\"color: var(--neutral-0, rgba(255, 255, 255, 1));\">\n            To make an inquiry or apply for a free trial, please fill out the form below.          <\/p>\n              <\/div>\n      <div x-aos-fade=\"{ delay: 400 }\" class=\"home-ai__cta col-span-1 ml-auto flex h-48 w-48 cursor-pointer items-center md:col-span-1 md:h-60 md:w-60 xl:col-span-2 xl:h-[98px] xl:w-[98px] 3xl:col-span-2\"\n        @click=\"window.location.href='https:\/\/agi.refine-lab.dev\/ja\/ask-ai-for-help\/'\"\n        title=\"Ask AI\"\n                  target=\"_self\"\n              >\n        <svg class=\"home-ai__cta-arrow object-cover\" viewBox=\"0 0 48 48\" fill=\"none\">\n          <title>Ask AI<\/title>\n          <path d=\"M23.0111 10.4098C23.5578 9.8635 24.4441 9.86329 24.9907 10.4098L37.5899 23.0095C37.852 23.2718 37.9998 23.6284 38 23.9993C37.9998 24.3703 37.8521 24.7267 37.5899 24.9891L24.9907 37.5906C24.4443 38.1366 23.5578 38.1363 23.0111 37.5906C22.4646 37.044 22.4648 36.1577 23.0111 35.611L33.2206 25.3993H11.3999C10.627 25.3992 10.0003 24.7722 10 23.9993C10.0004 23.2265 10.627 22.5994 11.3999 22.5993H33.2206L23.0111 12.3895C22.4646 11.8429 22.4648 10.9566 23.0111 10.4098Z\"\n            fill=\"white\" \/>\n        <\/svg>\n      <\/div>\n      <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n<section x-data\n    class=\"relative overflow-hidden w-full mx-auto px-12 pt-40 pb-60 md:px-24 md:pt-60 md:pb-80 xl:px-[40px] xl:pt-80 xl:pb-120 2xl:px-[40px] 2xl:pt-[120px] 2xl:pb-[140px] 3xl:pt-[160px] 3xl:pb-[180px]\">\n    <div class=\"absolute inset-0 z-0 opacity-2\">\n        <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/about_bg.png\"\n            alt=\"Home About Background\">\n    <\/div>\n\n    <div class=\"absolute top-0 right-0 w-full mx-auto flex justify-center  text-neutral-100 display-1 uppercase  opacity-30 pointer-events-none select-none overflow-hidden [mask-image:linear-gradient(to_top,transparent_0%,black_70%)] [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_70%)]\"\n        aria-hidden=\"true\">\n        <span x-aos-fade=\"{ delay: 500 }\">\n            ABOUT\n        <\/span>\n    <\/div>\n\n    <div class=\"relative z-10 mx-auto w-full max-w-[1196px] 3xl:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 3xl:grid-cols-12\">\n        <!--- x-masqueee ---->\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-12 mx-auto w-full max-w-[952px] 2xl:max-w-[1196px] flex flex-col gap-24 xl:gap-32 2xl:gap-40 3xl:gap-48 \">\n            <div class=\"flex flex-col gap-12 md:gap-20 xl:gap-24\">\n                <div class=\"grid grid-cols-4 gap-8 md:grid-cols-6 xl:grid-cols-10 xl:gap-12 3xl:grid-cols-12\">\n                    <div x-aos-fade=\"{ delay: 200 }\" class=\"heading-1 font-bold col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-12\">\n                        About <span class=\"highlight-mark\">AGI<\/span>                    <\/div>\n                    <p x-aos-fade=\"{ delay: 400 }\" class=\"body-def text-neutral-950 col-span-4 md:col-span-6 xl:col-span-8 3xl:col-start-1 3xl:col-span-8\">\n                        We vowed to become the leading SSD manufacturer and designed our logo based on the lion due to its strength.wise, and majestic aspects which perfectly matched our core value. Whether you are using for work or entertainment, our SSD can be served as your greatest power!                    <\/p>\n                <\/div>\n\n                <!---button--->\n                <div x-aos-fade=\"{ delay: 600 }\">\n                                                                <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/about\/\" class=\"btn-link-read-more-primary gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n                            <span class=\"relative overflow-hidden block\">\n                                <!-- text hi\u1ec7n t\u1ea1i -->\n                                <span class=\"body-def font-semibold masked-element block\">\n                                    Read More                                <\/span>\n                                <!-- text hover -->\n                                <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                    Read More                                <\/span>\n                            <\/span>\n                            <span class=\"masked-element is-horizontal\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path\n                                        d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                        fill=\"white\" \/>\n                                <\/svg>\n                            <\/span>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n\n            <!-- video -->\n            <a x-aos-fade=\"{ delay: 700 }\" href=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/6754818-uhd_3840_2160_25fps.mp4\" class=\"relative gap-10 z-10 block group\" data-lity>\n                <video src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/6754818-uhd_3840_2160_25fps.mp4\" muted loop playsinline autoplay\n                    class=\"w-full h-full object-cover \">\n                    Your browser does not support the video tag.\n                <\/video>\n                <div\n                    class=\"absolute w-60 h-60  top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 flex items-center justify-center cursor-pointer group-hover:scale-110 transform duration-200\">\n                    <svg viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <rect x=\"2\" y=\"2\" width=\"56\" height=\"56\" rx=\"28\" stroke=\"white\" stroke-width=\"4\" \/>\n                        <path d=\"M24.4244 19.5462L41.0147 29.9853L24.4244 40.4244L24.4244 19.5462Z\" fill=\"white\" \/>\n                    <\/svg>\n                <\/div>\n            <\/a>\n        <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"home-contact relative overflow-hidden w-full mx-auto bg-[linear-gradient(180deg,#FFFFFF_0%,rgba(255,255,255,0)_60%)] px-12 pt-[40px] md:px-24 md:pt-[60px] xl:pt-[80px] xl:px-40 min-[1440px]:pt-120 3xl:pt-160 align wp-block-refine-lab-home-contact\" x-data>\n\n  <div class=\"relative z-0\">\n          <div class=\"absolute inset-y-0 left-0 right-0 -mx-12 md:-mx-24 xl:-mx-[120px] z-0\">\n        <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-bg-2.png\" alt=\"Contact Us\"\n          class=\"w-full h-full object-cover opacity-[0.6]\">\n        <div class=\"absolute inset-0 pointer-events-none\"\n          style=\"background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 60%);\"><\/div>\n      <\/div>\n    \n    <div\n      class=\"absolute top-0 left-0 right-0 h-[clamp(120px,18vw,260px)] -mx-12 md:-mx-24 xl:-mx-[120px] z-[1] flex items-start justify-center text-neutral-100 display-1 uppercase opacity-30 pointer-events-none select-none overflow-hidden [mask-image:linear-gradient(to_top,transparent_0%,black_70%)] [-webkit-mask-image:linear-gradient(to_top,transparent_0%,black_70%)]\"\n      aria-hidden=\"true\">\n      <span x-aos-fade=\"{ delay: 500 }\" class=\"leading-none\">\n        CONTACT\n      <\/span>\n    <\/div>\n    <div class=\"relative z-[2] mx-auto w-full max-w-[1196px] 3xl:max-w-[1440px]\">\n      <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 3xl:grid-cols-12\">\n        <div class=\"col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-12\">\n          <div x-splitlinesbottom class=\"relative mx-auto mt-[60px] w-full max-w-[708px] text-center md:mt-[100px] min-[1440px]:mt-[140px]\">\n            <div\n              class=\"pointer-events-none absolute inset-0 z-0 bg-[radial-gradient(68%_52%_at_50%_60%,rgba(106,191,75,0.1)_0%,rgba(106,191,75,0)_75%),linear-gradient(180deg,rgba(255,255,255,0.84)_0%,rgba(255,255,255,0.52)_36%,rgba(255,255,255,0.82)_100%)]\"\n              aria-hidden=\"true\"><\/div>\n\n            <div class=\"relative z-[3]\">\n              <div x-wpform x-aos-fade=\"{ delay: 0 }\" class=\"contact-form-panel bg-white opacity-100\">\n                <header class=\"flex flex-col items-center gap-[12px] text-center\">\n                  <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 text-neutral-950\">\n                    Contact Us                  <\/h1>\n\n                  <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def text-primary-500\">\n                    To make an inquiry or apply for a free trial, please fill out the form below.                  <\/p>\n                <\/header>\n\n                <div x-aos-fade=\"{ delay: 200 }\">\n                                                            <style id=\"wpforms-css-vars-425\">\n\t\t\t\t#wpforms-425 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-425\"><form id=\"wpforms-form-425\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"425\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/ja\/wp-json\/wp\/v2\/pages\/9843\" data-token=\"cb73f6b2636776f8d00c84d6b2c6ecc2\" data-token-time=\"1778487023\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-425-field_3-container\" class=\"wpforms-field wpforms-field-radio wpforms-conditional-trigger\" data-field-id=\"3\"><fieldset><legend class=\"wpforms-field-label\">Multiple Choice<\/legend><ul id=\"wpforms-425-field_3\"><li class=\"choice-1 depth-1\"><input type=\"radio\" id=\"wpforms-425-field_3_1\" name=\"wpforms[fields][3]\" value=\"Individual\" aria-errormessage=\"wpforms-425-field_3_1-error\"  ><label class=\"wpforms-field-label-inline\" for=\"wpforms-425-field_3_1\">Individual<\/label><\/li><li class=\"choice-2 depth-1 wpforms-selected\"><input type=\"radio\" id=\"wpforms-425-field_3_2\" name=\"wpforms[fields][3]\" value=\"Company\" aria-errormessage=\"wpforms-425-field_3_2-error\"   checked='checked'><label class=\"wpforms-field-label-inline\" for=\"wpforms-425-field_3_2\">Company<\/label><\/li><\/ul><\/fieldset><\/div>\t\t<div id=\"wpforms-425-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-425-field_1\" >Email Layout Company<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-425-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-425-field_7-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"7\"><div class=\"wpforms-field-layout-columns wpforms-field-layout-preset-50-50\"><div class=\"wpforms-layout-column wpforms-layout-column-50\" ><div id=\"wpforms-425-field_9-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"9\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_9\" aria-hidden=\"false\">Country <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-425-field_9\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][9]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'>Country<\/option><option value=\"First Choice\"  class=\"choice-1 depth-1\"  >First Choice<\/option><option value=\"Second Choice\"  class=\"choice-2 depth-1\"  >Second Choice<\/option><option value=\"Third Choice\"  class=\"choice-3 depth-1\"  >Third Choice<\/option><\/select><\/div><div id=\"wpforms-425-field_12-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"12\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_12\" aria-hidden=\"false\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-425-field_12\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][12]\" placeholder=\"Name\" aria-errormessage=\"wpforms-425-field_12-error\" required><\/div><div id=\"wpforms-425-field_14-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"14\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_14\" aria-hidden=\"false\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-425-field_14\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][14]\" placeholder=\"Email\" aria-errormessage=\"wpforms-425-field_14-error\" required><\/div><div id=\"wpforms-425-field_13-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"13\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_13\" aria-hidden=\"false\">Contact Number <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-425-field_13\" class=\"wpforms-field-medium wpforms-field-required\" data-rule-int-phone-field=\"true\" name=\"wpforms[fields][13]\" placeholder=\"Contact Number\" aria-label=\"Contact Number\" aria-errormessage=\"wpforms-425-field_13-error\" required><\/div><div id=\"wpforms-425-field_19-container\" class=\"wpforms-field wpforms-field-text wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"19\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_19\" aria-hidden=\"false\">Company Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-425-field_19\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][19]\" placeholder=\"Company Name\" aria-errormessage=\"wpforms-425-field_19-error\" required><\/div><div id=\"wpforms-425-field_8-container\" class=\"wpforms-field wpforms-field-text wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"8\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_8\" aria-hidden=\"false\">Company Website <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-425-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" placeholder=\"Company Website\" aria-errormessage=\"wpforms-425-field_8-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\" ><div id=\"wpforms-425-field_10-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"10\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_10\" aria-hidden=\"false\">Question Type <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-425-field_10\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][10]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled  selected='selected'>Question Type<\/option><option value=\"First Choice\"  class=\"choice-1 depth-1\"  >First Choice<\/option><option value=\"Second Choice\"  class=\"choice-2 depth-1\"  >Second Choice<\/option><option value=\"Third Choice\"  class=\"choice-3 depth-1\"  >Third Choice<\/option><\/select><\/div><div id=\"wpforms-425-field_11-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"11\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-425-field_11\" aria-hidden=\"false\">Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-425-field_11\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][11]\" placeholder=\"Message\" aria-errormessage=\"wpforms-425-field_11-error\" required><\/textarea><\/div><\/div><\/div><\/div><div id=\"wpforms-425-field_24-container\" class=\"wpforms-field wpforms-field-html repair-note-field\" data-field-id=\"24\"><div id=\"wpforms-425-field_24\" aria-errormessage=\"wpforms-425-field_24-error\"><div class=\"repair-note\">\r\n  For repairs, please visit the \r\n  <a href=\"\/repair-request\/\" class=\"repair-link\">\r\n    Repair Request Form\r\n    <svg class=\"agi-arrow\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\r\n  <path d=\"M1 7H11M7 3L11 7L7 11\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.5\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"><\/path>\r\n<\/svg>\r\n  <\/a>\r\n<\/div><\/div><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-425-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-425-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-425-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"425\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/pages\/9843\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-425\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->                                                      <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n    <div class=\"fixed bottom-24 right-24 md:bottom-[36px] md:right-[24px] z-[999] flex flex-col gap-8 xl:gap-12 pointer-events-none\">\n                        <a href=\"mailto:abc@gmail.com\" \n                   target=\"_self\"\n                   class=\"pointer-events-auto relative group flex items-center justify-center w-[36px] h-[36px] md:w-[40px] md:h-[40px] 2xl:!w-48 2xl:!h-[48px] rounded-full bg-[#75C34D] shadow-lg overflow-hidden transition-all duration-300\">\n                    \n\n\n                    <div class=\"relative z-10 transition-transform duration-500 group-hover:scale-110 p-8\">\n                                                    <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/mail.svg\" alt=\"icon\" class=\"w-full h-full object-contain brightness-0 invert\">\n                                            <\/div>\n                <\/a>\n                                    <a href=\"#\" \n                   target=\"_self\"\n                   class=\"pointer-events-auto relative group flex items-center justify-center w-[36px] h-[36px] md:w-[40px] md:h-[40px] 2xl:!w-48 2xl:!h-[48px] rounded-full bg-[#75C34D] shadow-lg overflow-hidden transition-all duration-300\">\n                    \n\n\n                    <div class=\"relative z-10 transition-transform duration-500 group-hover:scale-110 p-8\">\n                                                    <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/ai.svg\" alt=\"icon\" class=\"w-full h-full object-contain brightness-0 invert\">\n                                            <\/div>\n                <\/a>\n                        <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9843","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/pages\/9843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/comments?post=9843"}],"version-history":[{"count":2,"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/pages\/9843\/revisions"}],"predecessor-version":[{"id":10851,"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/pages\/9843\/revisions\/10851"}],"wp:attachment":[{"href":"https:\/\/agi.refine-lab.dev\/ja\/wp-json\/wp\/v2\/media?parent=9843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}