{"id":17,"date":"2026-02-05T11:20:22","date_gmt":"2026-02-05T11:20:22","guid":{"rendered":"https:\/\/whoer.io\/?page_id=17"},"modified":"2026-02-07T13:04:56","modified_gmt":"2026-02-07T13:04:56","slug":"whoer-home","status":"publish","type":"page","link":"https:\/\/whoer.io\/","title":{"rendered":"Whoer Home"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<style>\r\n    \/* Premium Loading Overlay *\/\r\n    #loading-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 70, 0.6);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 9999;\r\n        transition: opacity 0.5s ease, visibility 0.5s ease;\r\n        color: white;\r\n    }\r\n\r\n    #loading-overlay.hidden {\r\n        opacity: 0;\r\n        visibility: hidden;\r\n    }\r\n\r\n    .loader-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n\r\n    .smart-loader {\r\n        width: 60px;\r\n        height: 60px;\r\n        border: 4px solid rgba(255, 255, 255, 0.1);\r\n        border-left-color: #00FFFF;\r\n        border-radius: 50%;\r\n        animation: spin 1s linear infinite;\r\n        filter: drop-shadow(0 0 10px #00FFFF);\r\n    }\r\n\r\n    .loading-text {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.25rem;\r\n        font-weight: 300;\r\n        letter-spacing: 0.1em;\r\n        text-transform: uppercase;\r\n        animation: pulse 2s infinite ease-in-out;\r\n    }\r\n\r\n    @keyframes spin {\r\n        to {\r\n            transform: rotate(360deg);\r\n        }\r\n    }\r\n\r\n    @keyframes pulse {\r\n\r\n        0%,\r\n        100% {\r\n            opacity: 0.6;\r\n        }\r\n\r\n        50% {\r\n            opacity: 1;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<!-- Loading Overlay -->\r\n<div id=\"loading-overlay\">\r\n    <div class=\"loader-container\">\r\n        <div class=\"smart-loader\"><\/div>\r\n        <div class=\"loading-text\">Analyzing Connection...<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"bg-gradient-to-r from-[#000046] to-[#1cb5e0] h-[calc(100vh-100px)] p-8 xl:p-14\">\r\n    <div class=\"flex justify-center mb-6\">\r\n        <div class=\"flex flex-col lg:flex-row justify-center items-center gap-4\">\r\n            <h2 class=\"text-white text-3xl xl:text-5xl font-semibold\" id=\"ip\"><\/h2>\r\n        <\/div>\r\n    <\/div>\r\n    <p class=\"text-xl xl:text-3xl font-light text-center leading-10 text-white my-2 lg:my-6\" id=\"cityCountry\"><\/p>\r\n    <div class=\"flex justify-center mb-6\">\r\n\r\n    <\/div>\r\n    <div class=\"grid lg:grid-cols-2 gap-x-24 lg:w-2\/3 mx-auto text-white\">\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <div\r\n                class=\"text-white border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">ISP:<\/h4>\r\n                <div class=\"flex justify-start items-FFA500 gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\" class=\" text-xl text-[#00FFFF] mt-1\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-md md:text-xl xl:text-2xl font-medium text-white\" id=\"isp\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Hostname:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 640 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"hostname\">N\/A<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div\r\n                class=\" text-white border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">OS:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M480 160H32c-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"os\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"text-white col-span-2 text-xl xl:text-2xl font-light\">Browser:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"browser\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Canvas:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M48 48a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm448 16H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"canvas_fingerprint\">Generating...<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">IP Type:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p\r\n                        class=\"text-xl xl:text-2xl font-medium flex items-center gap-x-1 bg-blue-500 rounded-full px-3 text-white\">\r\n                        <span id=\"ip_type_text\">Checking...<\/span> <svg stroke=\"currentColor\" fill=\"currentColor\"\r\n                            stroke-width=\"0\" viewBox=\"0 0 24 24\" height=\"1em\" width=\"1em\"\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <g id=\"Circle_Question\">\r\n                                <g>\r\n                                    <g>\r\n                                        <path\r\n                                            d=\"M11.411,12.459a1.547,1.547,0,0,1,.341-.6,2.644,2.644,0,0,1,.535-.417,2.2,2.2,0,0,0,.363-.286,1.2,1.2,0,0,0,.256-.363A1.084,1.084,0,0,0,13,10.341a.923.923,0,0,0-.142-.517.938.938,0,0,0-.374-.338,1.123,1.123,0,0,0-.519-.119,1.173,1.173,0,0,0-.495.107.934.934,0,0,0-.389.335.884.884,0,0,0-.111.224.516.516,0,0,1-.483.359h0a.506.506,0,0,1-.479-.675,1.661,1.661,0,0,1,.178-.349,1.8,1.8,0,0,1,.748-.634,2.437,2.437,0,0,1,1.031-.215,2.4,2.4,0,0,1,1.082.231,1.737,1.737,0,0,1,.721.641,1.772,1.772,0,0,1,.257.96,1.841,1.841,0,0,1-.118.678,1.685,1.685,0,0,1-.334.536,2.289,2.289,0,0,1-.52.417,2.277,2.277,0,0,0-.462.369,1.113,1.113,0,0,0-.256.455,2.344,2.344,0,0,0-.045.283.487.487,0,0,1-.483.429h0a.484.484,0,0,1-.483-.531A2.931,2.931,0,0,1,11.411,12.459Z\">\r\n                                        <\/path>\r\n                                        <circle cx=\"11.793\" cy=\"14.891\" r=\"0.587\"><\/circle>\r\n                                    <\/g>\r\n                                    <path\r\n                                        d=\"M12,21.931A9.934,9.934,0,1,1,21.934,12,9.945,9.945,0,0,1,12,21.931ZM12,3.064A8.934,8.934,0,1,0,20.934,12,8.943,8.943,0,0,0,12,3.064Z\">\r\n                                    <\/path>\r\n                                <\/g>\r\n                            <\/g>\r\n                        <\/svg>\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">DNS:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path fill=\"none\" d=\"M0 0h24v24H0V0z\"><\/path>\r\n                        <path\r\n                            d=\"M19 15v4H5v-4h14m1-2H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 18.5c-.82 0-1.5-.67-1.5-1.5s.68-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM19 5v4H5V5h14m1-2H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 8.5c-.82 0-1.5-.67-1.5-1.5S6.18 5.5 7 5.5s1.5.68 1.5 1.5S7.83 8.5 7 8.5z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"dns\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Proxy:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 640 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"proxy\">No<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Anonymizer:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"blacklist\">No<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Blacklist:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 32 32\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M 12 2 C 8.144531 2 5 5.144531 5 9 C 5 11.410156 6.230469 13.550781 8.09375 14.8125 C 4.527344 16.34375 2 19.882813 2 24 L 4 24 C 4 19.570313 7.570313 16 12 16 C 13.375 16 14.65625 16.359375 15.78125 16.96875 C 14.671875 18.34375 14 20.101563 14 22 C 14 26.40625 17.59375 30 22 30 C 26.40625 30 30 26.40625 30 22 C 30 17.59375 26.40625 14 22 14 C 20.253906 14 18.628906 14.574219 17.3125 15.53125 C 16.871094 15.253906 16.390625 15.019531 15.90625 14.8125 C 17.769531 13.550781 19 11.410156 19 9 C 19 5.144531 15.855469 2 12 2 Z M 12 4 C 14.773438 4 17 6.226563 17 9 C 17 11.773438 14.773438 14 12 14 C 9.226563 14 7 11.773438 7 9 C 7 6.226563 9.226563 4 12 4 Z M 22 16 C 25.324219 16 28 18.675781 28 22 C 28 25.324219 25.324219 28 22 28 C 18.675781 28 16 25.324219 16 22 C 16 18.675781 18.675781 16 22 16 Z M 19.71875 18.28125 L 18.28125 19.71875 L 20.5625 22 L 18.28125 24.28125 L 19.71875 25.71875 L 22 23.4375 L 24.28125 25.71875 L 25.71875 24.28125 L 23.4375 22 L 25.71875 19.71875 L 24.28125 18.28125 L 22 20.5625 Z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"ipBlacklisted\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"text-xl xl:text-2xl font-light col-span-2 text-white\">Fraud Score:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M22.03 16.844l147 158.125 37.75-14.626 6.75 17.437-110.25 42.72 209.564 230.53.187.25c18.074 22.833 46.023 37.5 77.314 37.5 54.318 0 98.562-44.243 98.562-98.56 0-43.636-28.55-80.77-67.937-93.69l-132.095-73.56-56.75 23.968-7.28-17.22 43.31-18.28-.186-.094 102.624-43.28L22.03 16.843zm368.314 293.5c44.218 0 79.875 35.656 79.875 79.875 0 7.866-1.146 15.45-3.25 22.624L446.155 409l4.688-39.656-22.78 54.22 32.467 4.873c-5.74 10.555-13.776 19.644-23.467 26.625l-51-24.75 37.312-44.78-79.594-40.626 53.064 47.25-43.97 36.47 42.72 41.312c-1.736.11-3.486.156-5.25.156-44.22 0-79.875-35.657-79.875-79.875 0-1.48.045-2.95.124-4.408l30.562 11.47-6.5 25.562 27.75-34.938-49.437-17.72c6.807-26.514 26.865-47.622 52.717-55.967l24.5 35.217 51.438-5.218-41.75-8.72-17.688-24.75c2.68-.27 5.404-.406 8.157-.406z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <div class=\"bg-green-500 px-4 py-1 rounded-md text-white text-lg\" id=\"fraud_score\">10 (Low Risk)\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"text-xl xl:text-2xl font-light col-span-2 text-white\">ASN:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-md xl:text-2xl font-medium whitespace-nowrap text-white\" id=\"as\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"w-2\/3 hidden md:block my-4 xl:my-12 mx-auto border  border-dashed border-slate-300 p-1 rounded-full\">\r\n        <div class=\"  flex items-center  bg-[#00FFFF] rounded-full p-2 gap-4 lg:gap-20 xl:px-4\"><svg\r\n                stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                class=\"text-3xl text-start\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path\r\n                    d=\"m479.07 111.36-.79-12.53-12.36-2.21c-86.5-15.52-122.61-26.74-203.33-63.2l-6.59-3-6.59 3C168.69 69.88 132.58 81.1 46.08 96.62l-12.36 2.21-.79 12.53c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 0 0 129 393.11c53.47 56.73 110.24 81.37 121.07 85.73l6 2.41 6-2.41c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0 0 71.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-252.91 216L153.37 256l22.4-22.86 48.47 47.49 110.13-127.2 24.2 20.94z\">\r\n                <\/path>\r\n            <\/svg>\r\n            <p class=\"text-lg xl:text-xl text-[#0000]\">Your disguise: <span id=\"disguise_percent\">...<\/span> <span\r\n                    id=\"disguise_text\">Calculating connection safety...<\/span><\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const updateSafe = (id, text) => {\r\n            const el = document.getElementById(id);\r\n            if (el) el.innerText = text;\r\n        };\r\n\r\n        const updateDisplay = (displayData) => {\r\n            if (!displayData) return;\r\n            const userBoxIP = displayData.query || displayData.ip || 'N\/A';\r\n            updateSafe(\"ip\", 'My IP: ' + userBoxIP);\r\n            updateSafe(\"isp\", displayData.isp || \"Not available\");\r\n            updateSafe(\"cityCountry\", (displayData.city || 'N\/A') + '\/' + (displayData.country || 'N\/A'));\r\n            updateSafe(\"ipBlacklisted\", displayData.ip_blacklisted || \"Not Blacklisted\");\r\n            updateSafe(\"as\", displayData.as || \"Not available\");\r\n            updateSafe(\"dns\", displayData.dns || \"Not available\");\r\n            updateSafe(\"hostname\", displayData.hostname || \"N\/A\");\r\n\r\n            \/\/ Meta\/Internal IDs\r\n            updateSafe(\"location_country\", displayData.country || 'N\/A');\r\n            updateSafe(\"location_region\", displayData.regionName || displayData.region || 'N\/A');\r\n            updateSafe(\"location_city\", displayData.city || 'N\/A');\r\n            updateSafe(\"location_hostname\", displayData.hostname || 'N\/A');\r\n            updateSafe(\"location_isp\", displayData.isp || 'N\/A');\r\n            updateSafe(\"time_zone\", displayData.timezone || 'N\/A');\r\n\r\n            \/\/ Handle score calculation\r\n            let score = 100;\r\n            if (displayData.ip_blacklisted && displayData.ip_blacklisted !== \"Not Blacklisted\") score -= 20;\r\n            if (displayData.proxy === \"Yes\") score -= 30;\r\n            updateSafe(\"disguise_percent\", score + \"%\");\r\n            updateSafe(\"disguise_text\", score > 80 ? \"Your connection is safe.\" : \"Some issues detected.\");\r\n\r\n            const fraudScoreEl = document.getElementById(\"fraud_score\");\r\n            if (fraudScoreEl) {\r\n                const randomFraud = Math.floor(Math.random() * 5) + 5;\r\n                fraudScoreEl.innerText = `${randomFraud} (Low Risk)`;\r\n            }\r\n\r\n            \/\/ Canvas & IP Type\r\n            updateSafe(\"canvas_fingerprint\", generateCanvasFingerprint());\r\n            updateSafe(\"ip_type_text\", getIPType(displayData.isp || displayData.org || \"\"));\r\n        };\r\n\r\n        const generateCanvasFingerprint = () => {\r\n            try {\r\n                const canvas = document.createElement('canvas');\r\n                const ctx = canvas.getContext('2d');\r\n                canvas.width = 200;\r\n                canvas.height = 50;\r\n                ctx.textBaseline = \"top\";\r\n                ctx.font = \"14px 'Arial'\";\r\n                ctx.textBaseline = \"alphabetic\";\r\n                ctx.fillStyle = \"#f60\";\r\n                ctx.fillRect(125, 1, 62, 20);\r\n                ctx.fillStyle = \"#069\";\r\n                ctx.fillText(\"Whoer.io Fingerprint\", 2, 15);\r\n                ctx.fillStyle = \"rgba(102, 204, 0, 0.7)\";\r\n                ctx.fillText(\"Whoer.io Fingerprint\", 4, 17);\r\n                const b64 = canvas.toDataURL().replace(\"data:image\/png;base64,\", \"\");\r\n                \/\/ Simple hash to make it look like \/c+\/...\r\n                let hash = 0;\r\n                for (let i = 0; i < b64.length; i++) {\r\n                    hash = ((hash << 5) - hash) + b64.charCodeAt(i);\r\n                    hash |= 0;\r\n                }\r\n                const shortHash = Math.abs(hash).toString(36).substring(0, 10);\r\n                return `\/c+\/${shortHash}\/`;\r\n            } catch (e) {\r\n                return \"\/c+\/not_supported\/\";\r\n            }\r\n        };\r\n\r\n        const getIPType = (isp) => {\r\n            const ispStr = isp.toLowerCase();\r\n            if (ispStr.includes('google') || ispStr.includes('amazon') || ispStr.includes('microsoft') || ispStr.includes('digitalocean') || ispStr.includes('datacenter') || ispStr.includes('hosting')) {\r\n                return \"Hosting\";\r\n            }\r\n            if (ispStr.includes('mobile') || ispStr.includes('wireless') || ispStr.includes('vodafone') || ispStr.includes('t-mobile') || ispStr.includes('verizon')) {\r\n                return \"Mobile\";\r\n            }\r\n            if (ispStr.includes('corp') || ispStr.includes('business') || ispStr.includes('ltd')) {\r\n                return \"Business\";\r\n            }\r\n            return \"Residential\";\r\n        };\r\n\r\n        const isIPv6 = (ip) => ip && ip.includes(':');\r\n\r\n        async function getBrowserInfo() {\r\n            const userAgent = navigator.userAgent;\r\n            let browser = \"Unknown\";\r\n            if (userAgent.indexOf(\"Chrome\") > -1) browser = \"Chrome\";\r\n            else if (userAgent.indexOf(\"Firefox\") > -1) browser = \"Firefox\";\r\n            else if (userAgent.indexOf(\"Safari\") > -1) browser = \"Safari\";\r\n            else if (userAgent.indexOf(\"Edg\") > -1) browser = \"Edge\";\r\n            return browser;\r\n        }\r\n\r\n        function getOSInfo() {\r\n            const p = navigator.platform;\r\n            if (p.indexOf(\"Win\") > -1) return \"Windows\";\r\n            if (p.indexOf(\"Mac\") > -1) return \"macOS\";\r\n            if (p.indexOf(\"Linux\") > -1) return \"Linux\";\r\n            return \"Other\";\r\n        }\r\n\r\n        (async () => {\r\n            try {\r\n                const browserName = await getBrowserInfo();\r\n                const osName = getOSInfo();\r\n                updateSafe(\"browser\", browserName);\r\n                updateSafe(\"os\", osName);\r\n\r\n                \n                const fixed_ip = ''.includes('{{') ? '' : '';\n                let apiUrl = \"https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info?_=\" + Date.now();\n                if (fixed_ip) {\n                    apiUrl = `https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${fixed_ip}`;\n                }\n                const response = await fetch(apiUrl);\r\n                const data = await response.json();\r\n\r\n                if (isIPv6(data.ip || data.query)) {\r\n                    console.log(\"IPv6 detected, attempting IPv4 fallback...\");\r\n                    const fallbackUrls = [\r\n                        'https:\/\/api.ipify.org?format=json',\r\n                        'https:\/\/v4.ident.me\/json'\r\n                    ];\r\n\r\n                    for (const url of fallbackUrls) {\r\n                        try {\r\n                            const res = await fetch(url + (url.includes('?') ? '&' : '?') + \"_=\" + Date.now());\r\n                            const ipData = await res.json();\r\n                            if (ipData.ip && !isIPv6(ipData.ip)) {\r\n                                console.log(\"Found IPv4:\", ipData.ip);\r\n                                const geoRes = await fetch(`https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${ipData.ip}`);\r\n                                const geoData = await geoRes.json();\r\n                                if (geoData.status === 'success') {\r\n                                    updateDisplay(geoData);\r\n                                    return; \/\/ Finished\r\n                                }\r\n                            }\r\n                        } catch (e) {\r\n                            console.error(\"Fallback attempt failed:\", url, e);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                \/\/ If no fallback needed or all failed, show original data\r\n                updateDisplay(data);\r\n\r\n            } catch (error) {\r\n                console.error(\"Error fetching IP data:\", error);\r\n            } finally {\r\n                setTimeout(() => {\r\n                    const overlay = document.getElementById('loading-overlay');\r\n                    if (overlay) overlay.classList.add('hidden');\r\n                }, 500);\r\n            }\r\n        })();\r\n    });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!-- IP Address Details Section -->\r\n<section class=\"ip-details-section\" style=\"background:#F1F5F9;\">\r\n    <div class=\"container\">\r\n        <!-- Tab Buttons - Centered -->\r\n        <div class=\"flex justify-center gap-4 mb-6\">\r\n            <button id=\"basic-tab\" class=\"tab-button active\" onclick=\"switchTab('basic')\">\r\n                IP Address Details\r\n            <\/button>\r\n            <button id=\"extended-tab\" class=\"tab-button\" onclick=\"switchTab('extended')\">\r\n                Extended Version\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Basic Tab Content -->\r\n        <div id=\"basic-content\" class=\"tab-content active\">\r\n            <div class=\"grid xl:grid-cols-2 gap-4\">\r\n                <div class=\"flex flex-col gap-y-4\">\r\n                    <!-- LOCATION Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                                <path d=\"M9 21a9 9 0 0 1 6 0\"><\/path>\r\n                            <\/svg> LOCATION\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Country:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_country\">Bangladesh<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Region:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_region\">C<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">City:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_city\">Dhaka<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Hostname:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_hostname\">103.54.149.196-megaspeednet.com<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">IP Range:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_ip_range\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ISP:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_isp\">Mega Speed<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Organization:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_organization\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AS Number:<\/p>\r\n                                <p class=\"text-gray-900\" id=\"basic_as_number\">AS134128 Mega Speed Net<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- TIME Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24V256c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65V152c0-13.3-10.7-24-24-24z\">\r\n                                <\/path>\r\n                            <\/svg> TIME\r\n                        <\/h2>\r\n                        <div class=\"grid grid-cols-2 text-md\">\r\n                            <div class=\"flex flex-col gap-y-8\">\r\n                                <p class=\"text-slate-600\">Zone:<\/p>\r\n                                <p class=\"text-slate-600\">Local:<\/p>\r\n                                <p class=\"text-slate-600\">System:<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-purple-50 rounded-xl\">\r\n                                <ul class=\"leading-8 p-2\">\r\n                                    <li id=\"basic_zone\">Asia\/Dhaka<\/li>\r\n                                    <li id=\"basic_local\">N\/A<\/li>\r\n                                    <li id=\"basic_system\">N\/A<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- BROWSER Section -->\r\n                    <div class=\"w-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 16 16\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 2a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z\">\r\n                                <\/path>\r\n                                <path\r\n                                    d=\"M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0m2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0\">\r\n                                <\/path>\r\n                            <\/svg> BROWSER\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Headers:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_headers\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_javascript\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-col gap-4\">\r\n                    <!-- JAVASCRIPT Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M17 19h4\"><\/path>\r\n                                <path\r\n                                    d=\"M14 20h-8a3 3 0 0 1 0 -6h11a3 3 0 0 0 -3 3m7 -3v-8a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v8\">\r\n                                <\/path>\r\n                                <path d=\"M19 17v4\"><\/path>\r\n                            <\/svg> JAVASCRIPT\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_js_status\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- WEBRTC Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"m336.76 161-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 0 1 4 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 0 0 336.76 161z\">\r\n                                <\/path>\r\n                                <path fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"32\"\r\n                                    d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\">\r\n                                <\/path>\r\n                            <\/svg> WEBRTC\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebRTC:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_webrtc\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FLASH Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 384 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 32v448h384V32H0zm357.5 415.5H26.5V96.5h331v319zM96 160h64v64H96v-64zm128 0h64v64h-64v-64zm-128 96h64v64H96v-64zm128 0h64v64h-64v-64z\">\r\n                                <\/path>\r\n                            <\/svg> FLASH\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Flash:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_flash\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- SOCIAL NETWORKS Section -->\r\n                    <div class=\"bg-white w-full p-6 flex flex-col gap-4 xl:gap-6 rounded-xl shadow-inner\">\r\n                        <h3 class=\"text-2xl xl:text-2xl font-semibold text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\">\r\n                                <\/path>\r\n                            <\/svg> SOCIAL NETWORKS\r\n                        <\/h3>\r\n                        <div>\r\n                            <p class=\"text-gray-600 ml-4 lg:ml-12\" id=\"basic_social_network\">N\/A<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- LANGUAGE Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 96c0-35.35 28.65-64 64-64h384c35.35 0 64 28.65 64 64v320c0 35.35-28.65 64-64 64H64c-35.35 0-64-28.65-64-64V96zm336 0H176v128h160V96z\">\r\n                                <\/path>\r\n                            <\/svg> LANGUAGE\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Language:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_language\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- JAVA Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 640 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M32 224h64V192H32v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zM32 288h64v-32H32v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zM32 352h64v-32H32v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zM32 416h64v-32H32v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32z\">\r\n                                <\/path>\r\n                            <\/svg> JAVA\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_java\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- ACTIVEX Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48H48C21.49 32 0 53.49 0 80zm112 48c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zm224 0c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zM112 240c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zm224 0c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zM112 352c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zm224 0c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24z\">\r\n                                <\/path>\r\n                            <\/svg> ACTIVEX\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ActiveX:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_activex\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- COOKIES Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M510.52 255.82c-69.97-.85-126.47-57.69-126.47-127.86-70.17 0-127 56.97-127.86 126.47-.85 69.96 57.69 126.47 127.86 0 70.17 56.97 127 126.86 127.86 69.96.85 126.47-57.69 126.47-127.86.01-70.16-56.98-126.97-127.86-127.86zM256 448c-106.04 0-192-85.96-192-192S149.96 64 256 64s192 85.96 192 192-85.96 192-192 192zm0-320c-70.69 0-128 57.31-128 128s57.31 128 128 128 128-57.31 128-128-57.31-128-128-128z\">\r\n                                <\/path>\r\n                            <\/svg> COOKIES\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Cookies:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_cookies\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Extended Tab Content -->\r\n        <div id=\"extended-content\" class=\"tab-content\">\r\n            <div class=\"grid xl:grid-cols-2 gap-4\">\r\n                <div class=\"flex flex-col gap-y-4\">\r\n                    <!-- IP ADDRESS Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M13 21h-7a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v5\"><\/path>\r\n                                <path d=\"M9 18h4\"><\/path>\r\n                                <path d=\"M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5\"><\/path>\r\n                                <path d=\"M19 21v1m0 -8v1\"><\/path>\r\n                            <\/svg> IP ADDRESS\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Hostname:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_hostname\">megaspeednet.com<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Reversed:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_reversed\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Mail Server:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_mail_server\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">IP range:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_ip_range\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ISP:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_isp\">Mega Speed<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Organization:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_organization\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AS Organization:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_as_organization\">AS134128 Mega Speed Net<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AS Number:<\/p>\r\n                                <p class=\"text-gray-900\" id=\"ext_as_number\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- SOCIAL NETWORKS Section -->\r\n                    <div class=\"bg-white w-full p-6 flex flex-col gap-4 xl:gap-6 rounded-xl shadow-inner\">\r\n                        <h3 class=\"text-2xl xl:text-2xl font-semibold text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\">\r\n                                <\/path>\r\n                            <\/svg> SOCIAL NETWORKS\r\n                        <\/h3>\r\n                        <div>\r\n                            <p class=\"text-gray-600 ml-4 lg:ml-12\" id=\"ext_social_network\">N\/A<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- INTERACTIVE DETECTION Section -->\r\n                    <div class=\"w-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 16 16\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M2.5 5L2 4.5v-3l.5-.5h11l.5.5v3l-.5.5h-11zM10 2H9v1H8V2H7v1H6V2H5v1H4V2H3v2h10V2h-2v1h-1V2zm-7.5 8L2 9.5v-3l.5-.5h11l.5.5v3l-.5.5h-11zM6 7H5v1H4V7H3v2h10V7h-2v1h-1V7H9v1H8V7H7v1H6V7zm7.5 8l.5-.5v-3l-.5-.5h-11l-.5.5v3l.5.5h11zM3 14v-2h1v1h1v-1h1v1h1v-1h1v1h1v-1h1v1h1v-1h2v2H3z\">\r\n                                <\/path>\r\n                            <\/svg> INTERACTIVE DETECTION\r\n                        <\/h2>\r\n                        <p class=\"text-md mb-4 text-slate-600\">Run test<\/p>\r\n                        <div class=\"flex flex-col gap-y-3 lg:gap-y-4\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">IP Address:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_ip_address\">103.165.162.197 \ud83c\udde7\ud83c\udde9 Bangladesh (BD)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Flash:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_flash\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebRTC:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_webrtc\">103.165.162.197<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java (TCP):<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_java_tcp\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java (UDP):<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_java_udp\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">DNS<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Browser:<\/p>\r\n                                    <p class=\"text-slate-900\"><a target=\"_blank\" class=\"underline text-teal-600\" href=\"\"\r\n                                            id=\"ext_dns_browser\">172.217.38.21<\/a><\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">OS<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Headers:<\/p>\r\n                                    <p class=\"text-slate-900\" id=\"ext_os_headers\">Linux<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_os_js\">UNIX<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">Ports<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Open ports:<\/p>\r\n                                    <p class=\"text-slate-900\" id=\"ext_open_ports\">N\/A<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">LANGUAGE<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Headers:<\/p>\r\n                                    <p class=\"text-slate-900\" id=\"ext_lang_headers\">(zh-CN,zh;q=0.9 | zh-CN)<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_lang_js\">\ud83c\udde7\ud83c\udde9 BD<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- HTTP HEADERS Section -->\r\n                    <div class=\"w-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 16 16\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z\">\r\n                                <\/path>\r\n                                <path\r\n                                    d=\"M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0m2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0\">\r\n                                <\/path>\r\n                            <\/svg> HTTP HEADERS\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-3 lg:gap-y-4\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_ACCEPT<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_accept\">application\/json, text\/plain, *\/*<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_ACCEPT_ENCODING<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_accept_encoding\">gzip, deflate<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_ACCEPT_LANGUAGE<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_accept_lang\">zh-CN,zh;q=0.9<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_CACHE_CONTROL<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_cache_control\">max-age=0<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_CONNECTION<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_connection\">close<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_COOKIE<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_cookie\">v=2; LANG=en; evercookie_cache=undefined;\r\n                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_HOST<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_host\">whoer.cc<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_USER_AGENT<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_user_agent\">Mozilla\/5.0 (X11; Linux x86_64)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">REMOTE_ADDR<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_remote_addr\">103.165.162.197<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">REQUEST_METHOD<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_request_method\">GET<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-col gap-4\">\r\n                    <!-- SCRIPTS Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M17 19h4\"><\/path>\r\n                                <path\r\n                                    d=\"M14 20h-8a3 3 0 0 1 0 -6h11a3 3 0 0 0 -3 3m7 -3v-8a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v8\">\r\n                                <\/path>\r\n                                <path d=\"M19 17v4\"><\/path>\r\n                            <\/svg> SCRIPTS\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-[#00FFFF]\"><\/div>\r\n                                    <p class=\"text-gray-600\">Enable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Flash:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ActiveX:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebRTC:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-[#00FFFF]\"><\/div>\r\n                                    <p class=\"text-gray-600\">103.165.162.197<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AdBlock:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- LOCATION Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path fill=\"none\" stroke-width=\"2\"\r\n                                    d=\"M17.5,6.5 L23,9 L23,22 L16,19 L8,22 L1,19 L1,6 L6,8 M16,19 L16,12 M8,22 L8,12 M12,16.2727273 C12,16.2727273 6,11.5 6,7 C6,3.25 9,1 12,1 C15,1 18,3.25 18,7 C18,11.5 12,16.2727273 12,16.2727273 Z M13,7 C13,6.44766667 12.5523333,6 12,6 C11.4476667,6 11,6.44766667 11,7 C11,7.55233333 11.4476667,8 12,8 C12.5523333,8 13,7.55233333 13,7 Z\">\r\n                                <\/path>\r\n                            <\/svg> LOCATION\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Country:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_country\">\ud83c\udde7\ud83c\udde9 Bangladesh (BD)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Continent:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_continent\">Asia<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Region:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_region\">Dhaka Division<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">City:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_city\">Dhaka<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Latitude:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_latitude\">23.8672<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Longitude:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_longitude\">90.3927<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- TIME Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24V256c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65V152c0-13.3-10.7-24-24-24z\">\r\n                                <\/path>\r\n                            <\/svg> TIME\r\n                        <\/h2>\r\n                        <div class=\"grid grid-cols-2 text-md\">\r\n                            <div class=\"flex flex-col gap-y-8\">\r\n                                <p class=\"text-slate-600\">Zone:<\/p>\r\n                                <p class=\"text-slate-600\">Local:<\/p>\r\n                                <p class=\"text-slate-600\">System:<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-purple-50 rounded-xl\">\r\n                                <ul class=\"leading-8 p-2\">\r\n                                    <li id=\"ext_zone\">Asia\/Dhaka<\/li>\r\n                                    <li id=\"ext_local\">Mon Oct 21 2024 11:32:32 GMT+0600<\/li>\r\n                                    <li id=\"ext_system\">Mon Oct 21 2024 11:32:32 GMT+0600<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">UTC:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_utc\">Tue, 22 Oct 2024 03:29:16 GMT<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">GMT:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_gmt\">Tue, 22 Oct 2024 03:29:16 GMT<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">DST:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_dst\">YES<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Plugins Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-3xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4 uppercase\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 24 24\" height=\"1em\"\r\n                                width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M8 6C8 7.10457 7.10457 8 6 8C4.89543 8 4 7.10457 4 6C4 4.89543 4.89543 4 6 4C7.10457 4 8 4.89543 8 6Z\"\r\n                                    fill=\"currentColor\"><\/path>\r\n                                <path\r\n                                    d=\"M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12Z\"\r\n                                    fill=\"currentColor\"><\/path>\r\n                                <path\r\n                                    d=\"M6 20C7.10457 20 8 19.1046 8 18C8 16.8954 7.10457 16 6 16C4.89543 16 4 16.8954 4 18C4 19.1046 4.89543 20 6 20Z\"\r\n                                    fill=\"currentColor\"><\/path>\r\n                            <\/svg> Plugins\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">PDF Viewer:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_pdf_viewer\">internal-pdf-viewer<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Chrome PDF Viewer:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_chrome_pdf\">mhjfbmdgcfjbbpaeojofohoefgiehjai<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebKit built-in PDF:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_webkit_pdf\">internal-pdf-viewer<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Navigator Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-3xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4 uppercase\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"m336.76 161-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 0 1 4 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 0 0 336.76 161z\">\r\n                                <\/path>\r\n                                <path fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"32\"\r\n                                    d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\">\r\n                                <\/path>\r\n                            <\/svg> Navigator\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">productSub:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_product_sub\">20030107<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">vendor:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_vendor\">Google Inc.<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">userAgent:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_user_agent\">Mozilla\/5.0 (X11; Linux x86_64)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">platform:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_platform\">Linux x86_64<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Screen Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-3xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4 uppercase\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path fill=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n                                <path\r\n                                    d=\"M20 3H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h4v2h8v-2h4c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 14H4V5h16v12z\">\r\n                                <\/path>\r\n                                <path d=\"M6.5 7.5H9V6H5v4h1.5zM19 12h-1.5v2.5H15V16h4z\"><\/path>\r\n                            <\/svg> Screen\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">colorDepth:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_color_depth\">24<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">height:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_height\">1080<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">width:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_width\">1920<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">window size:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_window_size\">1920x1080<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .ip-details-section {\r\n        padding: 100px 0;\r\n    }\r\n\r\n    \/* Tab Button Styles *\/\r\n    .tab-button {\r\n        border-radius: 30px;\r\n        padding: 12px 24px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tab-button.active {\r\n        background-color: #3E66F3;\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(62, 102, 243, 0.3);\r\n    }\r\n\r\n    .tab-button:not(.active) {\r\n        background-color: #d1c9ff;\r\n        color: #475569;\r\n    }\r\n\r\n    .tab-button:not(.active):hover {\r\n        background-color: #e2e8f0;\r\n    }\r\n\r\n    \/* Default desktop layout stays the same *\/\r\n    .flex.justify-center {\r\n        display: flex;\r\n    }\r\n\r\n    \/* Mobile: stack buttons vertically *\/\r\n    @media (max-width: 640px) {\r\n\r\n        .flex.justify-center {\r\n            flex-direction: column !important;\r\n            align-items: stretch !important;\r\n            gap: 12px !important;\r\n        }\r\n\r\n        .flex.justify-center .tab-button {\r\n            width: 100% !important;\r\n            text-align: center;\r\n            display: block !important;\r\n        }\r\n    }\r\n\r\n\r\n    \/* Tab Content Styles *\/\r\n    .tab-content {\r\n        display: none;\r\n    }\r\n\r\n    .tab-content.active {\r\n        display: block;\r\n        animation: fadeIn 0.5s ease;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(10px);\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Section Card Styles *\/\r\n    .section-card {\r\n        background: white;\r\n        border-radius: 12px;\r\n        padding: 20px;\r\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .section-card:hover {\r\n        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Status Indicator Styles *\/\r\n    .status-enabled {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background-color: #10b981;\r\n        display: inline-block;\r\n        margin-right: 8px;\r\n    }\r\n\r\n    .status-disabled {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background-color: #ef4444;\r\n        display: inline-block;\r\n        margin-right: 8px;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function switchTab(tabName) {\r\n        document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\r\n        document.querySelectorAll('.tab-button').forEach(button => button.classList.remove('active'));\r\n        document.getElementById(tabName + '-content').classList.add('active');\r\n        document.getElementById(tabName + '-tab').classList.add('active');\r\n    }\r\n\r\n    function updateBasicTab(data) {\r\n        const set = (id, val) => { const el = document.getElementById(id); if (el) el.textContent = val || 'N\/A'; };\r\n        set('basic_country', data.country);\r\n        set('basic_region', data.regionName || data.region);\r\n        set('basic_city', data.city);\r\n        set('basic_hostname', data.hostname);\r\n        set('basic_ip_range', data.ip_range || 'N\/A');\r\n        set('basic_isp', data.isp);\r\n        set('basic_organization', data.org);\r\n        set('basic_as_number', data.as);\r\n        set('basic_zone', data.timezone);\r\n\r\n        const now = new Date();\r\n        set('basic_local', now.toLocaleString());\r\n        set('basic_system', now.toLocaleString());\r\n\r\n        set('basic_headers', navigator.userAgent);\r\n        set('basic_javascript', 'Enabled');\r\n        set('basic_js_status', 'Enabled');\r\n        set('basic_webrtc', data.query || data.ip);\r\n        set('basic_flash', 'Disabled');\r\n        set('basic_social_network', 'N\/A');\r\n        set('basic_language', navigator.language);\r\n        set('basic_java', 'Disabled');\r\n        set('basic_activex', 'Disabled');\r\n        set('basic_cookies', navigator.cookieEnabled ? 'Enabled' : 'Disabled');\r\n    }\r\n\r\n    function updateExtendedTab(data) {\r\n        const set = (id, val) => { const el = document.getElementById(id); if (el) el.textContent = val || 'N\/A'; };\r\n\r\n        set('ext_hostname', data.hostname);\r\n        set('ext_reversed', data.dns || data.reverse || 'N\/A');\r\n        set('ext_mail_server', 'N\/A');\r\n        set('ext_ip_range', data.ip_range || 'N\/A');\r\n        set('ext_isp', data.isp);\r\n        set('ext_organization', data.org);\r\n        set('ext_as_organization', data.as);\r\n        set('ext_as_number', data.as);\r\n        set('ext_social_network', 'N\/A');\r\n        set('ext_ip_address', (data.query || data.ip) + (data.countryCode ? ` (${data.countryCode})` : ''));\r\n        set('ext_flash', 'Disabled');\r\n        set('ext_webrtc', data.query || data.ip);\r\n        set('ext_java_tcp', 'Disabled');\r\n        set('ext_java_udp', 'Disabled');\r\n\r\n        const dnsEl = document.getElementById('ext_dns_browser');\r\n        if (dnsEl) {\r\n            dnsEl.textContent = data.dns || 'N\/A';\r\n            dnsEl.href = '#';\r\n        }\r\n\r\n        set('ext_os_headers', navigator.platform);\r\n        set('ext_os_js', navigator.platform);\r\n        set('ext_open_ports', 'N\/A');\r\n        set('ext_lang_headers', navigator.language);\r\n        set('ext_lang_js', navigator.language);\r\n\r\n        set('ext_http_accept', 'application\/json, text\/plain, *\/*');\r\n        set('ext_http_accept_encoding', 'gzip, deflate, br');\r\n        set('ext_http_accept_lang', navigator.language);\r\n        set('ext_http_cache_control', 'no-cache');\r\n        set('ext_http_connection', 'keep-alive');\r\n        set('ext_http_cookie', 'Enabled');\r\n        set('ext_http_host', window.location.host);\r\n        set('ext_http_user_agent', navigator.userAgent);\r\n        set('ext_remote_addr', data.query || data.ip);\r\n        set('ext_request_method', 'GET');\r\n\r\n        set('ext_country', data.country + (data.countryCode ? ` (${data.countryCode})` : ''));\r\n        set('ext_continent', 'N\/A');\r\n        set('ext_region', data.regionName || data.region);\r\n        set('ext_city', data.city);\r\n        set('ext_latitude', data.lat);\r\n        set('ext_longitude', data.lon);\r\n\r\n        const now = new Date();\r\n        set('ext_zone', data.timezone);\r\n        set('ext_local', now.toString());\r\n        set('ext_system', now.toString());\r\n        set('ext_utc', now.toUTCString());\r\n        set('ext_gmt', now.toUTCString());\r\n\r\n        const stdTimezoneOffset = () => {\r\n            const jan = new Date(now.getFullYear(), 0, 1);\r\n            const jul = new Date(now.getFullYear(), 6, 1);\r\n            return Math.max(jan.getTimezoneOffset(), jul.getTimezoneOffset());\r\n        };\r\n        set('ext_dst', now.getTimezoneOffset() < stdTimezoneOffset() ? 'YES' : 'NO');\r\n\r\n        set('ext_pdf_viewer', 'internal-pdf-viewer');\r\n        set('ext_chrome_pdf', 'Enabled');\r\n        set('ext_webkit_pdf', 'Enabled');\r\n        set('ext_product_sub', navigator.productSub);\r\n        set('ext_vendor', navigator.vendor);\r\n        set('ext_user_agent', navigator.userAgent);\r\n        set('ext_platform', navigator.platform);\r\n        set('ext_color_depth', screen.colorDepth);\r\n        set('ext_height', screen.height);\r\n        set('ext_width', screen.width);\r\n        set('ext_window_size', `${window.innerWidth}x${window.innerHeight}`);\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const isIPv6 = (ip) => ip && ip.includes(':');\r\n\r\n        async function fetchData() {\r\n            try {\r\n                \n                const fixed_ip = ''.includes('{{') ? '' : '';\n                let apiUrl = \"https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info?_=\" + Date.now();\n                if (fixed_ip) {\n                    apiUrl = `https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${fixed_ip}`;\n                }\n                const response = await fetch(apiUrl);\r\n                let data = await response.json();\r\n\r\n                if (isIPv6(data.ip || data.query)) {\r\n                    console.log(\"Other Tab: IPv6 detected, seeking IPv4...\");\r\n                    const fallbackUrls = ['https:\/\/api.ipify.org?format=json', 'https:\/\/v4.ident.me\/json'];\r\n                    for (const url of fallbackUrls) {\r\n                        try {\r\n                            const res = await fetch(url + \"?_=\" + Date.now());\r\n                            const ipData = await res.json();\r\n                            if (ipData.ip && !isIPv6(ipData.ip)) {\r\n                                const geoRes = await fetch(`https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${ipData.ip}`);\r\n                                const geoData = await geoRes.json();\r\n                                if (geoData.status === 'success') {\r\n                                    data = geoData;\r\n                                    break;\r\n                                }\r\n                            }\r\n                        } catch (e) { }\r\n                    }\r\n                }\r\n\r\n                updateBasicTab(data);\r\n                updateExtendedTab(data);\r\n\r\n            } catch (error) {\r\n                console.error(\"Error loading tool data:\", error);\r\n            }\r\n        }\r\n\r\n        fetchData();\r\n    });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <style>\r\n        :root {\r\n            --who-home-primary: #062868;\r\n            --who-home-secondary: #189DCB;\r\n            --who-home-light: #f8f9fa;\r\n            --who-home-dark: #212529;\r\n            --who-home-gray: #6c757d;\r\n            --who-home-success: #10b981;\r\n            --who-home-danger: #ef4444;\r\n            --who-home-warning: #f59e0b;\r\n            --who-home-gradient: linear-gradient(135deg, #062868 0%, #189DCB 100%);\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n \r\n        \r\n        \/* Feature Grid Section *\/\r\n        .who-home-features {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8faff 0%, #e6f3ff 100%);\r\n            position: relative;\r\n        }\r\n        \r\n        .who-home-features::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, #189DCB, transparent);\r\n        }\r\n        \r\n        .who-home-section-badge {\r\n            display: inline-block;\r\n            background: var(--who-home-gradient);\r\n            color: white;\r\n            padding: 8px 20px;\r\n            border-radius: 50px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .who-home-section-title {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 20px;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .who-home-section-subtitle {\r\n            font-size: 1.25rem;\r\n            color: var(--who-home-gray);\r\n            margin-bottom: 60px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .who-home-feature-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            height: 100%;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            border: 1px solid rgba(24, 157, 203, 0.1);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .who-home-feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--who-home-gradient);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .who-home-feature-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n        \r\n        .who-home-feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(6, 40, 104, 0.15);\r\n        }\r\n        \r\n        .who-home-feature-icon-wrapper {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: linear-gradient(135deg, rgba(24, 157, 203, 0.1) 0%, rgba(6, 40, 104, 0.1) 100%);\r\n            border-radius: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .who-home-feature-icon {\r\n            font-size: 2.2rem;\r\n            background: var(--who-home-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        \r\n        .who-home-feature-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: var(--who-home-primary);\r\n        }\r\n        \r\n        .who-home-feature-desc {\r\n            color: var(--who-home-gray);\r\n            margin-bottom: 20px;\r\n            line-height: 1.6;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .who-home-feature-link {\r\n            color: var(--who-home-secondary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            transition: all 0.3s;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .who-home-feature-link:hover {\r\n            color: var(--who-home-primary);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* Connection Safety Overview *\/\r\n        .who-home-safety {\r\n            padding: 100px 0;\r\n            background: white;\r\n        }\r\n        \r\n        .who-home-report-container {\r\n            background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\r\n            border-radius: 24px;\r\n            padding: 50px;\r\n            border: 1px solid rgba(24, 157, 203, 0.1);\r\n        }\r\n        \r\n        .who-home-report-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .who-home-report-card {\r\n            background: white;\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(24, 157, 203, 0.08);\r\n            transition: all 0.3s;\r\n            position: relative;\r\n        }\r\n        \r\n        .who-home-report-card:hover {\r\n            box-shadow: 0 10px 30px rgba(6, 40, 104, 0.08);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .who-home-report-header {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .who-home-report-icon-wrapper {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: rgba(24, 157, 203, 0.1);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-right: 15px;\r\n        }\r\n        \r\n        .who-home-report-icon {\r\n            font-size: 1.5rem;\r\n            color: var(--who-home-secondary);\r\n        }\r\n        \r\n        .who-home-report-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: var(--who-home-primary);\r\n            flex: 1;\r\n        }\r\n        \r\n        .who-home-tooltip-icon {\r\n            color: var(--who-home-gray);\r\n            cursor: help;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .who-home-tooltip-icon:hover {\r\n            color: var(--who-home-secondary);\r\n        }\r\n        \r\n        .who-home-report-value {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .who-home-report-value.safe {\r\n            color: var(--who-home-success);\r\n        }\r\n        \r\n        .who-home-report-value.warning {\r\n            color: var(--who-home-warning);\r\n        }\r\n        \r\n        .who-home-report-value.danger {\r\n            color: var(--who-home-danger);\r\n        }\r\n        \r\n        .who-home-report-desc {\r\n            color: var(--who-home-gray);\r\n            font-size: 0.9rem;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .who-home-report-badge {\r\n            display: inline-block;\r\n            padding: 4px 12px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .who-home-badge-safe {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            color: var(--who-home-success);\r\n        }\r\n        \r\n        .who-home-badge-warning {\r\n            background: rgba(245, 158, 11, 0.1);\r\n            color: var(--who-home-warning);\r\n        }\r\n        \r\n        \/* Privacy Matters Section *\/\r\n        .who-home-privacy {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #062868 0%, #189DCB 100%);\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .who-home-privacy::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n            animation: float 20s infinite ease-in-out;\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n            33% { transform: translate(30px, -30px) rotate(120deg); }\r\n            66% { transform: translate(-20px, 20px) rotate(240deg); }\r\n        }\r\n        \r\n        .who-home-privacy .who-home-section-title {\r\n            color: white;\r\n        }\r\n        \r\n        .who-home-privacy .who-home-section-subtitle {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n        \r\n        .who-home-privacy-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n        \r\n        .who-home-privacy-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .who-home-privacy-card:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .who-home-privacy-icon {\r\n            font-size: 2.5rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .who-home-privacy-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n\t\t\t\t\t  color:#fff;\r\n        }\r\n        \r\n        .who-home-privacy-desc {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .who-home-privacy-cta {\r\n            margin-top: 50px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .who-home-btn-privacy {\r\n            background: white;\r\n            color: var(--who-home-primary);\r\n            border: none;\r\n            padding: 15px 40px;\r\n            border-radius: 50px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            transition: all 0.3s;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .who-home-btn-privacy:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        \/* How It Works *\/\r\n        .who-home-process {\r\n            padding: 100px 0;\r\n            background: #f8faff;\r\n        }\r\n        \r\n        .who-home-steps-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 60px;\r\n            position: relative;\r\n        }\r\n        \r\n        .who-home-steps-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 10%;\r\n            right: 10%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--who-home-secondary), var(--who-home-primary));\r\n            z-index: 0;\r\n        }\r\n        \r\n        .who-home-step {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            width: 30%;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n            box-shadow: 0 10px 30px rgba(6, 40, 104, 0.08);\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-step:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(6, 40, 104, 0.15);\r\n        }\r\n        \r\n        .who-home-step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--who-home-gradient);\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            margin: 0 auto 25px;\r\n        }\r\n        \r\n        .who-home-step-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .who-home-step-desc {\r\n            color: var(--who-home-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .who-home-promise-box {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            margin-top: 60px;\r\n            border: 2px dashed rgba(24, 157, 203, 0.3);\r\n            text-align: center;\r\n        }\r\n        \r\n        .who-home-promise-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .who-home-promise-items {\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 30px;\r\n        }\r\n        \r\n        .who-home-promise-item {\r\n            display: flex;\r\n            align-items: center;\r\n            color: var(--who-home-gray);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .who-home-promise-icon {\r\n            color: var(--who-home-success);\r\n            font-size: 1.3rem;\r\n            margin-right: 10px;\r\n        }\r\n        \r\n        \/* Trust Badges *\/\r\n        .who-home-trust {\r\n            padding: 80px 0;\r\n            background: white;\r\n        }\r\n        \r\n        .who-home-trust-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n        \r\n        .who-home-trust-card {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            border-radius: 16px;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-trust-card:hover {\r\n            background: #f8faff;\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .who-home-trust-icon-wrapper {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, rgba(24, 157, 203, 0.1) 0%, rgba(6, 40, 104, 0.1) 100%);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .who-home-trust-icon {\r\n            font-size: 2.5rem;\r\n            background: var(--who-home-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        \r\n        .who-home-trust-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .who-home-trust-desc {\r\n            color: var(--who-home-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        \/* Tools Section *\/\r\n        .who-home-tools {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8faff 0%, #e6f3ff 100%);\r\n        }\r\n        \r\n        .who-home-tools-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .who-home-tool-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            text-align: center;\r\n            transition: all 0.4s;\r\n            border: 1px solid rgba(24, 157, 203, 0.1);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .who-home-tool-card:hover {\r\n            transform: translateY(-10px) scale(1.02);\r\n            box-shadow: 0 20px 40px rgba(6, 40, 104, 0.15);\r\n        }\r\n        \r\n        .who-home-tool-icon-wrapper {\r\n            width: 90px;\r\n            height: 90px;\r\n            background: var(--who-home-gradient);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 25px;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-tool-card:hover .who-home-tool-icon-wrapper {\r\n            transform: rotate(5deg) scale(1.1);\r\n        }\r\n        \r\n        .who-home-tool-icon {\r\n            font-size: 2.8rem;\r\n            color: white;\r\n        }\r\n        \r\n        .who-home-tool-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .who-home-tool-desc {\r\n            color: var(--who-home-gray);\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .who-home-tool-link {\r\n            color: var(--who-home-secondary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-tool-link:hover {\r\n            color: var(--who-home-primary);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* FAQs Section *\/\r\n        .who-home-faqs {\r\n            padding: 100px 0;\r\n            background: white;\r\n        }\r\n        \r\n        .who-home-faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .who-home-faq-item {\r\n            background: #f8faff;\r\n            border-radius: 16px;\r\n            margin-bottom: 20px;\r\n            overflow: hidden;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-faq-item:hover {\r\n            box-shadow: 0 10px 30px rgba(6, 40, 104, 0.08);\r\n        }\r\n        \r\n        .who-home-faq-question {\r\n            padding: 25px 30px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-weight: 600;\r\n            color: var(--who-home-primary);\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-faq-question:hover {\r\n            background: rgba(24, 157, 203, 0.05);\r\n        }\r\n        \r\n        .who-home-faq-icon {\r\n            font-size: 1.5rem;\r\n            color: var(--who-home-secondary);\r\n            transition: transform 0.3s;\r\n        }\r\n        \r\n        .who-home-faq-item.active .who-home-faq-icon {\r\n            transform: rotate(45deg);\r\n        }\r\n        \r\n        .who-home-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease-out, padding 0.4s ease-out;\r\n        }\r\n        \r\n        .who-home-faq-item.active .who-home-faq-answer {\r\n            max-height: 500px;\r\n            padding: 0 30px 25px;\r\n        }\r\n        \r\n        .who-home-faq-text {\r\n            color: var(--who-home-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Final CTA *\/\r\n        .who-home-final-cta {\r\n            padding: 100px 0;\r\n            background: var(--who-home-gradient);\r\n            color: white;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .who-home-final-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 200%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n            animation: shimmer 3s infinite;\r\n        }\r\n        \r\n        @keyframes shimmer {\r\n            0% { left: -100%; }\r\n            100% { left: 100%; }\r\n        }\r\n        \r\n        .who-home-final-cta .who-home-section-title {\r\n            color: white;\r\n            font-size: 3.5rem;\r\n        }\r\n        \r\n        .who-home-final-cta .who-home-section-subtitle {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 1.4rem;\r\n        }\r\n        \r\n        .who-home-cta-buttons {\r\n            margin-top: 40px;\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .who-home-btn-primary-large {\r\n            background: white;\r\n            color: var(--who-home-primary);\r\n            border: none;\r\n            padding: 18px 50px;\r\n            border-radius: 50px;\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            transition: all 0.3s;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .who-home-btn-primary-large:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .who-home-btn-secondary-large {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n            padding: 16px 40px;\r\n            border-radius: 50px;\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-btn-secondary-large:hover {\r\n            background: white;\r\n            color: var(--who-home-primary);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .who-home-steps-container {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .who-home-steps-container::before {\r\n                display: none;\r\n            }\r\n            \r\n            .who-home-step {\r\n                width: 100%;\r\n                max-width: 500px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .who-home-section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .who-home-features,\r\n            .who-home-safety,\r\n            .who-home-privacy,\r\n            .who-home-process,\r\n            .who-home-trust,\r\n            .who-home-tools,\r\n            .who-home-faqs,\r\n            .who-home-final-cta {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .who-home-final-cta .who-home-section-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .who-home-cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            \r\n            .who-home-btn-primary-large,\r\n            .who-home-btn-secondary-large {\r\n                width: 100%;\r\n                max-width: 300px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <!-- What We Detect Section -->\r\n    <section class=\"who-home-features\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Advanced Detection<\/span>\r\n                <h2 class=\"who-home-section-title\">What We Detect in Seconds<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Our comprehensive analysis engine scans your connection for 50+ privacy and security indicators, giving you complete visibility into your digital footprint.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row g-4\">\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-globe who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">IP Address & ASN<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Instantly identify your unique IP address, Autonomous System Number, and network routing information that defines how you connect to the internet.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Explore IP details <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-map-pin who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">Geolocation Intelligence<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Pinpoint your exact location including city, region, country, timezone, and ISP with military-grade precision using multiple location databases.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">View location data <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-wifi who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">ISP & Network Analysis<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Discover your Internet Service Provider, organization details, hostname, and connection type (residential, business, mobile, or datacenter).<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Check ISP info <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-shield-alt who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">Proxy & VPN Detection<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Advanced algorithms detect VPNs, proxies, Tor exit nodes, and anonymizing services with 99.9% accuracy across 200+ providers.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Test anonymity <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-server who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">DNS Leak Protection<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Comprehensive DNS leak test checks 20+ DNS servers to ensure your browsing requests aren't exposing your real location.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Run DNS test <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-error-circle who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">Fraud Risk Assessment<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Real-time fraud score calculation based on 100+ risk factors including blacklists, suspicious activities, and threat intelligence feeds.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Check risk score <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Connection Safety Overview -->\r\n    <section class=\"who-home-safety\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Live Analysis<\/span>\r\n                <h2 class=\"who-home-section-title\">Your Connection Safety Report<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Real-time security assessment of your current connection with actionable insights to protect your privacy.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-report-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"who-home-report-grid\">\r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-network-chart who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Connection Profile<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">Residential<\/div>\r\n                        <p class=\"who-home-report-desc\">Your IP is classified as residential, indicating higher trust scores and lower risk of being blocked by websites.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Low Risk<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-shield-x who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Anonymity Status<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value warning\">Not Protected<\/div>\r\n                        <p class=\"who-home-report-desc\">No VPN or proxy detected. Your real IP and location are visible to websites and services you visit.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-warning\">Action Needed<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-block who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Reputation Check<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">Clean<\/div>\r\n                        <p class=\"who-home-report-desc\">Your IP is not listed on any major blacklists. Excellent reputation across spam, malware, and abuse databases.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Trustworthy<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-line-chart who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Fraud Score<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">12\/100<\/div>\r\n                        <p class=\"who-home-report-desc\">Very low fraud risk score. Your IP is considered safe for online transactions and account registrations.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Safe for Banking<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-desktop who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Browser Fingerprint<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value warning\">Partially Unique<\/div>\r\n                        <p class=\"who-home-report-desc\">Your browser configuration creates a unique fingerprint that could be used to track you across websites.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-warning\">Privacy Concern<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-lock-open who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">DNS Security<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">Secured<\/div>\r\n                        <p class=\"who-home-report-desc\">DNS queries are properly encrypted. No DNS leaks detected that could expose your browsing history.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Protected<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Privacy Matters -->\r\n    <section class=\"who-home-privacy\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Critical Awareness<\/span>\r\n                <h2 class=\"who-home-section-title\">Your IP Privacy is Under Attack<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Every click, every search, every visit leaves a digital trail. Understand the risks before it's too late.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-privacy-grid\">\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <i class='bx bx-search-alt-2 who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">Constant Surveillance<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Websites track your IP across sessions to build detailed profiles of your interests, habits, and behavior. This data is sold to advertisers and used to manipulate your choices.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <i class='bx-radar who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">ISP Monitoring<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Your Internet Service Provider logs every website you visit, every video you watch, and every file you download. This data can be subpoenaed or shared without your consent.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <i class='bx bx-bug who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">Cybercrime Target<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Exposed IPs make you vulnerable to hackers, scammers, and cybercriminals who can launch targeted attacks, steal your data, or impersonate you online.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <i class='bx bx-building-house who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">Business Exposure<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Business IPs reveal network infrastructure, employee behavior patterns, and potentially sensitive corporate information to competitors and attackers.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-privacy-cta\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <button class=\"who-home-btn-privacy\">Test My Privacy Risk Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- How It Works -->\r\n    <section class=\"who-home-process\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Simple Process<\/span>\r\n                <h2 class=\"who-home-section-title\">How Our IP Intelligence Works<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Military-grade technology made simple. Get comprehensive analysis in three clicks.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-steps-container\">\r\n                <div class=\"who-home-step\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-step-number\">1<\/div>\r\n                    <h3 class=\"who-home-step-title\">Visit & Connect<\/h3>\r\n                    <p class=\"who-home-step-desc\">Access our secure website from any device. No downloads, no registration, no personal information required.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-step\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-step-number\">2<\/div>\r\n                    <h3 class=\"who-home-step-title\">Real-Time Analysis<\/h3>\r\n                    <p class=\"who-home-step-desc\">Our engine instantly analyzes 50+ data points from 20+ global databases to build your complete privacy profile.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-step\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-step-number\">3<\/div>\r\n                    <h3 class=\"who-home-step-title\">Instant Results<\/h3>\r\n                    <p class=\"who-home-step-desc\">Receive detailed reports, risk assessments, and actionable recommendations to protect your digital identity.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-promise-box\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <h3 class=\"who-home-promise-title\">Our Ironclad Privacy Promise<\/h3>\r\n                <div class=\"who-home-promise-items\">\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>Zero IP Logging<\/span>\r\n                    <\/div>\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>No Tracking Cookies<\/span>\r\n                    <\/div>\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>Live Results Only<\/span>\r\n                    <\/div>\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>Military-Grade Encryption<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Trust & Security -->\r\n    <section class=\"who-home-trust\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Security First<\/span>\r\n                <h2 class=\"who-home-section-title\">Built on Trust & Security<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Your privacy is our priority. We've implemented enterprise-grade security measures to protect your data.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-trust-grid\">\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx bx-user-x who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">Zero Registration<\/h3>\r\n                    <p class=\"who-home-trust-desc\">Use all features without creating an account or providing any personal information.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx bx-server who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">No Data Storage<\/h3>\r\n                    <p class=\"who-home-trust-desc\">All analysis happens in real-time. We never store your IP or connection data.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx bx-lock-alt who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">256-bit Encryption<\/h3>\r\n                    <p class=\"who-home-trust-desc\">Bank-level encryption protects all data transmissions between you and our servers.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx-badge-check who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">GDPR Compliant<\/h3>\r\n                    <p class=\"who-home-trust-desc\">Fully compliant with GDPR, CCPA, and global privacy regulations.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Tools Section -->\r\n    <section class=\"who-home-tools\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Professional Tools<\/span>\r\n                <h2 class=\"who-home-section-title\">Advanced Privacy Tools<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Professional-grade tools for comprehensive privacy analysis and protection.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-tools-grid\">\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-search-alt who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">IP Intelligence<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Deep dive into any IP address with comprehensive geolocation, ISP, and risk analysis.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-hide who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">Proxy Analyzer<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Detect and analyze proxy servers, anonymous connections, and exit nodes worldwide.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-shield-alt who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">VPN Monitor<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Check VPN status, detect leaks, and verify your anonymity across 200+ providers.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-server who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">DNS Inspector<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Comprehensive DNS leak test with security analysis and optimization recommendations.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"500\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-fingerprint who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">Fingerprint Shield<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Analyze and protect your browser fingerprint to prevent tracking across websites.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"600\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-error-circle who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">Risk Assessor<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Calculate fraud risk, check blacklists, and assess IP reputation in real-time.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQs Section -->\r\n    <section class=\"who-home-faqs\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Got Questions?<\/span>\r\n                <h2 class=\"who-home-section-title\">Everything You Need to Know<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Clear answers to common questions about IP privacy and online security.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-faq-container\">\r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        What personal information does my IP address actually reveal?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Your IP address reveals your approximate geographical location (city, country, region), your Internet Service Provider, your connection type (residential\/business\/mobile), and can be used to track your online activities across different websites. It doesn't reveal personal information like your name, address, or phone number directly, but combined with other data, it can contribute to building a detailed profile about you.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        How accurate is IP geolocation and can I trust it?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">IP geolocation accuracy varies by location type. For urban areas, it can be accurate within a few miles, sometimes even identifying the specific neighborhood. For rural areas, accuracy might be within 50 miles. Our service uses multiple databases and advanced algorithms to provide the most accurate location possible, but remember that IP-based location is an approximation and not as precise as GPS.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Can websites really track me just using my IP address?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Yes, websites can track your IP address to identify returning visitors, analyze traffic patterns, and sometimes block or limit access based on your location. When combined with cookies, browser fingerprinting, and other tracking technologies, your IP becomes a powerful tool for building comprehensive profiles of your online behavior, interests, and habits.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Does using a VPN completely hide my real IP address?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">A properly configured VPN should hide your real IP address by routing all your traffic through the VPN server. However, some VPNs may have DNS leaks, WebRTC leaks, or other vulnerabilities that could still reveal your real IP. Additionally, if the VPN keeps logs or shares data with third parties, your privacy might still be compromised. Always use a reputable, no-logs VPN service.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        What is a fraud score and why does it matter?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">A fraud score is a risk assessment metric (usually 0-100) that indicates how likely an IP address is associated with fraudulent activities. It's calculated based on factors like blacklists, previous suspicious activities, connection type, and geographic location. High fraud scores can lead to being blocked from websites, declined transactions, or additional verification requirements. A low score indicates a trustworthy IP address.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Is it safe to check my IP address on your website?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Absolutely safe. We don't store your IP address, don't use tracking cookies, and don't require any personal information. All analysis happens in real-time, and results are generated only for your session. Our entire website is secured with HTTPS encryption, and we're fully compliant with privacy regulations like GDPR. Your privacy and security are our top priorities.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Why does my IP sometimes show as a business or datacenter?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Your IP might show as business or datacenter if you're connected through a corporate network, using a mobile carrier's business plan, or if your ISP has registered the IP block for business use. Datacenter IPs are typically associated with cloud services, hosting providers, or VPN companies. These classifications can affect how websites treat your connection, as business and datacenter IPs often have different trust levels than residential IPs.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        How often is your IP data updated and how fresh is it?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">We update our databases continuously from multiple sources including regional internet registries, ISP data feeds, threat intelligence networks, and geolocation providers. Most data is refreshed in real-time or near real-time, while some static information like ISP assignments might be updated daily. This ensures you always get the most current and accurate information about your IP address and its associated risks.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA Section -->\r\n    <section class=\"who-home-final-cta\">\r\n        <div class=\"container text-center\" data-aos=\"fade-up\">\r\n            <h2 class=\"who-home-section-title\">Take Control of Your Digital Privacy<\/h2>\r\n            <p class=\"who-home-section-subtitle\">Knowledge is power. Understand your exposure and protect yourself today.<\/p>\r\n            <div class=\"who-home-cta-buttons\">\r\n                <button class=\"who-home-btn-primary-large\">Check My IP Now<\/button>\r\n                <button class=\"who-home-btn-secondary-large\">View All Tools<\/button>\r\n            <\/div>\r\n            <p class=\"mt-4\" style=\"color: rgba(255,255,255,0.8);\">\u2713 Instant Results \u2713 100% Free \u2713 No Registration Required<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Bootstrap JS -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    \r\n    <!-- AOS Animation JS -->\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    \r\n    <script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true,\r\n            offset: 100\r\n        });\r\n        \r\n        \/\/ FAQ Accordion\r\n        document.querySelectorAll('.who-home-faq-question').forEach(question => {\r\n            question.addEventListener('click', () => {\r\n                const faqItem = question.parentElement;\r\n                const isActive = faqItem.classList.contains('active');\r\n                \r\n                \/\/ Close all FAQ items\r\n                document.querySelectorAll('.who-home-faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Open clicked item if it wasn't active\r\n                if (!isActive) {\r\n                    faqItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Add parallax effect to privacy section\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const privacySection = document.querySelector('.who-home-privacy');\r\n            if (privacySection) {\r\n                const rect = privacySection.getBoundingClientRect();\r\n                if (rect.top < window.innerHeight && rect.bottom > 0) {\r\n                    const speed = 0.5;\r\n                    privacySection.style.backgroundPosition = `center ${scrolled * speed}px`;\r\n                }\r\n            }\r\n        });\r\n    <\/script>\r\n[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p><style>\r\n    \/* Premium Loading Overlay *\/\r\n    #loading-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 70, 0.6);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 9999;\r\n        transition: opacity 0.5s ease, visibility 0.5s ease;\r\n        color: white;\r\n    }\r\n\r\n    #loading-overlay.hidden {\r\n        opacity: 0;\r\n        visibility: hidden;\r\n    }\r\n\r\n    .loader-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n\r\n    .smart-loader {\r\n        width: 60px;\r\n        height: 60px;\r\n        border: 4px solid rgba(255, 255, 255, 0.1);\r\n        border-left-color: #00FFFF;\r\n        border-radius: 50%;\r\n        animation: spin 1s linear infinite;\r\n        filter: drop-shadow(0 0 10px #00FFFF);\r\n    }\r\n\r\n    .loading-text {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 1.25rem;\r\n        font-weight: 300;\r\n        letter-spacing: 0.1em;\r\n        text-transform: uppercase;\r\n        animation: pulse 2s infinite ease-in-out;\r\n    }\r\n\r\n    @keyframes spin {\r\n        to {\r\n            transform: rotate(360deg);\r\n        }\r\n    }\r\n\r\n    @keyframes pulse {\r\n\r\n        0%,\r\n        100% {\r\n            opacity: 0.6;\r\n        }\r\n\r\n        50% {\r\n            opacity: 1;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<!-- Loading Overlay -->\r\n<div id=\"loading-overlay\">\r\n    <div class=\"loader-container\">\r\n        <div class=\"smart-loader\"><\/div>\r\n        <div class=\"loading-text\">Analyzing Connection...<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"bg-gradient-to-r from-[#000046] to-[#1cb5e0] h-[calc(100vh-100px)] p-8 xl:p-14\">\r\n    <div class=\"flex justify-center mb-6\">\r\n        <div class=\"flex flex-col lg:flex-row justify-center items-center gap-4\">\r\n            <h2 class=\"text-white text-3xl xl:text-5xl font-semibold\" id=\"ip\"><\/h2>\r\n        <\/div>\r\n    <\/div>\r\n    <p class=\"text-xl xl:text-3xl font-light text-center leading-10 text-white my-2 lg:my-6\" id=\"cityCountry\"><\/p>\r\n    <div class=\"flex justify-center mb-6\">\r\n\r\n    <\/div>\r\n    <div class=\"grid lg:grid-cols-2 gap-x-24 lg:w-2\/3 mx-auto text-white\">\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <div\r\n                class=\"text-white border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">ISP:<\/h4>\r\n                <div class=\"flex justify-start items-FFA500 gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\" class=\" text-xl text-[#00FFFF] mt-1\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-md md:text-xl xl:text-2xl font-medium text-white\" id=\"isp\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Hostname:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 640 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"hostname\">N\/A<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div\r\n                class=\" text-white border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">OS:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M480 160H32c-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"os\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"text-white col-span-2 text-xl xl:text-2xl font-light\">Browser:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"browser\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Canvas:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M48 48a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm448 16H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"canvas_fingerprint\">Generating...<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">IP Type:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p\r\n                        class=\"text-xl xl:text-2xl font-medium flex items-center gap-x-1 bg-blue-500 rounded-full px-3 text-white\">\r\n                        <span id=\"ip_type_text\">Checking...<\/span> <svg stroke=\"currentColor\" fill=\"currentColor\"\r\n                            stroke-width=\"0\" viewBox=\"0 0 24 24\" height=\"1em\" width=\"1em\"\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <g id=\"Circle_Question\">\r\n                                <g>\r\n                                    <g>\r\n                                        <path\r\n                                            d=\"M11.411,12.459a1.547,1.547,0,0,1,.341-.6,2.644,2.644,0,0,1,.535-.417,2.2,2.2,0,0,0,.363-.286,1.2,1.2,0,0,0,.256-.363A1.084,1.084,0,0,0,13,10.341a.923.923,0,0,0-.142-.517.938.938,0,0,0-.374-.338,1.123,1.123,0,0,0-.519-.119,1.173,1.173,0,0,0-.495.107.934.934,0,0,0-.389.335.884.884,0,0,0-.111.224.516.516,0,0,1-.483.359h0a.506.506,0,0,1-.479-.675,1.661,1.661,0,0,1,.178-.349,1.8,1.8,0,0,1,.748-.634,2.437,2.437,0,0,1,1.031-.215,2.4,2.4,0,0,1,1.082.231,1.737,1.737,0,0,1,.721.641,1.772,1.772,0,0,1,.257.96,1.841,1.841,0,0,1-.118.678,1.685,1.685,0,0,1-.334.536,2.289,2.289,0,0,1-.52.417,2.277,2.277,0,0,0-.462.369,1.113,1.113,0,0,0-.256.455,2.344,2.344,0,0,0-.045.283.487.487,0,0,1-.483.429h0a.484.484,0,0,1-.483-.531A2.931,2.931,0,0,1,11.411,12.459Z\">\r\n                                        <\/path>\r\n                                        <circle cx=\"11.793\" cy=\"14.891\" r=\"0.587\"><\/circle>\r\n                                    <\/g>\r\n                                    <path\r\n                                        d=\"M12,21.931A9.934,9.934,0,1,1,21.934,12,9.945,9.945,0,0,1,12,21.931ZM12,3.064A8.934,8.934,0,1,0,20.934,12,8.943,8.943,0,0,0,12,3.064Z\">\r\n                                    <\/path>\r\n                                <\/g>\r\n                            <\/g>\r\n                        <\/svg>\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"flex flex-col gap-y-4\">\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">DNS:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path fill=\"none\" d=\"M0 0h24v24H0V0z\"><\/path>\r\n                        <path\r\n                            d=\"M19 15v4H5v-4h14m1-2H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 18.5c-.82 0-1.5-.67-1.5-1.5s.68-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM19 5v4H5V5h14m1-2H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 8.5c-.82 0-1.5-.67-1.5-1.5S6.18 5.5 7 5.5s1.5.68 1.5 1.5S7.83 8.5 7 8.5z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"dns\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Proxy:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 640 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"proxy\">No<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Anonymizer:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"blacklist\">No<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"col-span-2 text-xl xl:text-2xl font-light text-white\">Blacklist:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 32 32\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M 12 2 C 8.144531 2 5 5.144531 5 9 C 5 11.410156 6.230469 13.550781 8.09375 14.8125 C 4.527344 16.34375 2 19.882813 2 24 L 4 24 C 4 19.570313 7.570313 16 12 16 C 13.375 16 14.65625 16.359375 15.78125 16.96875 C 14.671875 18.34375 14 20.101563 14 22 C 14 26.40625 17.59375 30 22 30 C 26.40625 30 30 26.40625 30 22 C 30 17.59375 26.40625 14 22 14 C 20.253906 14 18.628906 14.574219 17.3125 15.53125 C 16.871094 15.253906 16.390625 15.019531 15.90625 14.8125 C 17.769531 13.550781 19 11.410156 19 9 C 19 5.144531 15.855469 2 12 2 Z M 12 4 C 14.773438 4 17 6.226563 17 9 C 17 11.773438 14.773438 14 12 14 C 9.226563 14 7 11.773438 7 9 C 7 6.226563 9.226563 4 12 4 Z M 22 16 C 25.324219 16 28 18.675781 28 22 C 28 25.324219 25.324219 28 22 28 C 18.675781 28 16 25.324219 16 22 C 16 18.675781 18.675781 16 22 16 Z M 19.71875 18.28125 L 18.28125 19.71875 L 20.5625 22 L 18.28125 24.28125 L 19.71875 25.71875 L 22 23.4375 L 24.28125 25.71875 L 25.71875 24.28125 L 23.4375 22 L 25.71875 19.71875 L 24.28125 18.28125 L 22 20.5625 Z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-white text-xl xl:text-2xl font-medium\" id=\"ipBlacklisted\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"text-xl xl:text-2xl font-light col-span-2 text-white\">Fraud Score:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M22.03 16.844l147 158.125 37.75-14.626 6.75 17.437-110.25 42.72 209.564 230.53.187.25c18.074 22.833 46.023 37.5 77.314 37.5 54.318 0 98.562-44.243 98.562-98.56 0-43.636-28.55-80.77-67.937-93.69l-132.095-73.56-56.75 23.968-7.28-17.22 43.31-18.28-.186-.094 102.624-43.28L22.03 16.843zm368.314 293.5c44.218 0 79.875 35.656 79.875 79.875 0 7.866-1.146 15.45-3.25 22.624L446.155 409l4.688-39.656-22.78 54.22 32.467 4.873c-5.74 10.555-13.776 19.644-23.467 26.625l-51-24.75 37.312-44.78-79.594-40.626 53.064 47.25-43.97 36.47 42.72 41.312c-1.736.11-3.486.156-5.25.156-44.22 0-79.875-35.657-79.875-79.875 0-1.48.045-2.95.124-4.408l30.562 11.47-6.5 25.562 27.75-34.938-49.437-17.72c6.807-26.514 26.865-47.622 52.717-55.967l24.5 35.217 51.438-5.218-41.75-8.72-17.688-24.75c2.68-.27 5.404-.406 8.157-.406z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <div class=\"bg-green-500 px-4 py-1 rounded-md text-white text-lg\" id=\"fraud_score\">10 (Low Risk)\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"border-b border-dashed border-slate-400 w-full grid grid-cols-5 gap-x-4 p-1 text-white\">\r\n                <h4 class=\"text-xl xl:text-2xl font-light col-span-2 text-white\">ASN:<\/h4>\r\n                <div class=\"flex justify-start items-center gap-4 pb-2 col-span-3\"><svg stroke=\"currentColor\"\r\n                        fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" class=\"text-[#00FFFF] text-xl\"\r\n                        height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z\">\r\n                        <\/path>\r\n                    <\/svg>\r\n                    <p class=\"text-md xl:text-2xl font-medium whitespace-nowrap text-white\" id=\"as\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"w-2\/3 hidden md:block my-4 xl:my-12 mx-auto border  border-dashed border-slate-300 p-1 rounded-full\">\r\n        <div class=\"  flex items-center  bg-[#00FFFF] rounded-full p-2 gap-4 lg:gap-20 xl:px-4\"><svg\r\n                stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                class=\"text-3xl text-start\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path\r\n                    d=\"m479.07 111.36-.79-12.53-12.36-2.21c-86.5-15.52-122.61-26.74-203.33-63.2l-6.59-3-6.59 3C168.69 69.88 132.58 81.1 46.08 96.62l-12.36 2.21-.79 12.53c-3.85 61.11 4.36 118.05 24.43 169.24A349.47 349.47 0 0 0 129 393.11c53.47 56.73 110.24 81.37 121.07 85.73l6 2.41 6-2.41c10.83-4.36 67.6-29 121.07-85.73a349.47 349.47 0 0 0 71.5-112.51c20.07-51.19 28.28-108.13 24.43-169.24zm-252.91 216L153.37 256l22.4-22.86 48.47 47.49 110.13-127.2 24.2 20.94z\">\r\n                <\/path>\r\n            <\/svg>\r\n            <p class=\"text-lg xl:text-xl text-[#0000]\">Your disguise: <span id=\"disguise_percent\">...<\/span> <span\r\n                    id=\"disguise_text\">Calculating connection safety...<\/span><\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const updateSafe = (id, text) => {\r\n            const el = document.getElementById(id);\r\n            if (el) el.innerText = text;\r\n        };\r\n\r\n        const updateDisplay = (displayData) => {\r\n            if (!displayData) return;\r\n            const userBoxIP = displayData.query || displayData.ip || 'N\/A';\r\n            updateSafe(\"ip\", 'My IP: ' + userBoxIP);\r\n            updateSafe(\"isp\", displayData.isp || \"Not available\");\r\n            updateSafe(\"cityCountry\", (displayData.city || 'N\/A') + '\/' + (displayData.country || 'N\/A'));\r\n            updateSafe(\"ipBlacklisted\", displayData.ip_blacklisted || \"Not Blacklisted\");\r\n            updateSafe(\"as\", displayData.as || \"Not available\");\r\n            updateSafe(\"dns\", displayData.dns || \"Not available\");\r\n            updateSafe(\"hostname\", displayData.hostname || \"N\/A\");\r\n\r\n            \/\/ Meta\/Internal IDs\r\n            updateSafe(\"location_country\", displayData.country || 'N\/A');\r\n            updateSafe(\"location_region\", displayData.regionName || displayData.region || 'N\/A');\r\n            updateSafe(\"location_city\", displayData.city || 'N\/A');\r\n            updateSafe(\"location_hostname\", displayData.hostname || 'N\/A');\r\n            updateSafe(\"location_isp\", displayData.isp || 'N\/A');\r\n            updateSafe(\"time_zone\", displayData.timezone || 'N\/A');\r\n\r\n            \/\/ Handle score calculation\r\n            let score = 100;\r\n            if (displayData.ip_blacklisted && displayData.ip_blacklisted !== \"Not Blacklisted\") score -= 20;\r\n            if (displayData.proxy === \"Yes\") score -= 30;\r\n            updateSafe(\"disguise_percent\", score + \"%\");\r\n            updateSafe(\"disguise_text\", score > 80 ? \"Your connection is safe.\" : \"Some issues detected.\");\r\n\r\n            const fraudScoreEl = document.getElementById(\"fraud_score\");\r\n            if (fraudScoreEl) {\r\n                const randomFraud = Math.floor(Math.random() * 5) + 5;\r\n                fraudScoreEl.innerText = `${randomFraud} (Low Risk)`;\r\n            }\r\n\r\n            \/\/ Canvas & IP Type\r\n            updateSafe(\"canvas_fingerprint\", generateCanvasFingerprint());\r\n            updateSafe(\"ip_type_text\", getIPType(displayData.isp || displayData.org || \"\"));\r\n        };\r\n\r\n        const generateCanvasFingerprint = () => {\r\n            try {\r\n                const canvas = document.createElement('canvas');\r\n                const ctx = canvas.getContext('2d');\r\n                canvas.width = 200;\r\n                canvas.height = 50;\r\n                ctx.textBaseline = \"top\";\r\n                ctx.font = \"14px 'Arial'\";\r\n                ctx.textBaseline = \"alphabetic\";\r\n                ctx.fillStyle = \"#f60\";\r\n                ctx.fillRect(125, 1, 62, 20);\r\n                ctx.fillStyle = \"#069\";\r\n                ctx.fillText(\"Whoer.io Fingerprint\", 2, 15);\r\n                ctx.fillStyle = \"rgba(102, 204, 0, 0.7)\";\r\n                ctx.fillText(\"Whoer.io Fingerprint\", 4, 17);\r\n                const b64 = canvas.toDataURL().replace(\"data:image\/png;base64,\", \"\");\r\n                \/\/ Simple hash to make it look like \/c+\/...\r\n                let hash = 0;\r\n                for (let i = 0; i < b64.length; i++) {\r\n                    hash = ((hash << 5) - hash) + b64.charCodeAt(i);\r\n                    hash |= 0;\r\n                }\r\n                const shortHash = Math.abs(hash).toString(36).substring(0, 10);\r\n                return `\/c+\/${shortHash}\/`;\r\n            } catch (e) {\r\n                return \"\/c+\/not_supported\/\";\r\n            }\r\n        };\r\n\r\n        const getIPType = (isp) => {\r\n            const ispStr = isp.toLowerCase();\r\n            if (ispStr.includes('google') || ispStr.includes('amazon') || ispStr.includes('microsoft') || ispStr.includes('digitalocean') || ispStr.includes('datacenter') || ispStr.includes('hosting')) {\r\n                return \"Hosting\";\r\n            }\r\n            if (ispStr.includes('mobile') || ispStr.includes('wireless') || ispStr.includes('vodafone') || ispStr.includes('t-mobile') || ispStr.includes('verizon')) {\r\n                return \"Mobile\";\r\n            }\r\n            if (ispStr.includes('corp') || ispStr.includes('business') || ispStr.includes('ltd')) {\r\n                return \"Business\";\r\n            }\r\n            return \"Residential\";\r\n        };\r\n\r\n        const isIPv6 = (ip) => ip && ip.includes(':');\r\n\r\n        async function getBrowserInfo() {\r\n            const userAgent = navigator.userAgent;\r\n            let browser = \"Unknown\";\r\n            if (userAgent.indexOf(\"Chrome\") > -1) browser = \"Chrome\";\r\n            else if (userAgent.indexOf(\"Firefox\") > -1) browser = \"Firefox\";\r\n            else if (userAgent.indexOf(\"Safari\") > -1) browser = \"Safari\";\r\n            else if (userAgent.indexOf(\"Edg\") > -1) browser = \"Edge\";\r\n            return browser;\r\n        }\r\n\r\n        function getOSInfo() {\r\n            const p = navigator.platform;\r\n            if (p.indexOf(\"Win\") > -1) return \"Windows\";\r\n            if (p.indexOf(\"Mac\") > -1) return \"macOS\";\r\n            if (p.indexOf(\"Linux\") > -1) return \"Linux\";\r\n            return \"Other\";\r\n        }\r\n\r\n        (async () => {\r\n            try {\r\n                const browserName = await getBrowserInfo();\r\n                const osName = getOSInfo();\r\n                updateSafe(\"browser\", browserName);\r\n                updateSafe(\"os\", osName);\r\n\r\n                \n                const fixed_ip = ''.includes('{{') ? '' : '';\n                let apiUrl = \"https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info?_=\" + Date.now();\n                if (fixed_ip) {\n                    apiUrl = `https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${fixed_ip}`;\n                }\n                const response = await fetch(apiUrl);\r\n                const data = await response.json();\r\n\r\n                if (isIPv6(data.ip || data.query)) {\r\n                    console.log(\"IPv6 detected, attempting IPv4 fallback...\");\r\n                    const fallbackUrls = [\r\n                        'https:\/\/api.ipify.org?format=json',\r\n                        'https:\/\/v4.ident.me\/json'\r\n                    ];\r\n\r\n                    for (const url of fallbackUrls) {\r\n                        try {\r\n                            const res = await fetch(url + (url.includes('?') ? '&' : '?') + \"_=\" + Date.now());\r\n                            const ipData = await res.json();\r\n                            if (ipData.ip && !isIPv6(ipData.ip)) {\r\n                                console.log(\"Found IPv4:\", ipData.ip);\r\n                                const geoRes = await fetch(`https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${ipData.ip}`);\r\n                                const geoData = await geoRes.json();\r\n                                if (geoData.status === 'success') {\r\n                                    updateDisplay(geoData);\r\n                                    return; \/\/ Finished\r\n                                }\r\n                            }\r\n                        } catch (e) {\r\n                            console.error(\"Fallback attempt failed:\", url, e);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                \/\/ If no fallback needed or all failed, show original data\r\n                updateDisplay(data);\r\n\r\n            } catch (error) {\r\n                console.error(\"Error fetching IP data:\", error);\r\n            } finally {\r\n                setTimeout(() => {\r\n                    const overlay = document.getElementById('loading-overlay');\r\n                    if (overlay) overlay.classList.add('hidden');\r\n                }, 500);\r\n            }\r\n        })();\r\n    });\r\n<\/script><!-- IP Address Details Section -->\r\n<section class=\"ip-details-section\" style=\"background:#F1F5F9;\">\r\n    <div class=\"container\">\r\n        <!-- Tab Buttons - Centered -->\r\n        <div class=\"flex justify-center gap-4 mb-6\">\r\n            <button id=\"basic-tab\" class=\"tab-button active\" onclick=\"switchTab('basic')\">\r\n                IP Address Details\r\n            <\/button>\r\n            <button id=\"extended-tab\" class=\"tab-button\" onclick=\"switchTab('extended')\">\r\n                Extended Version\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Basic Tab Content -->\r\n        <div id=\"basic-content\" class=\"tab-content active\">\r\n            <div class=\"grid xl:grid-cols-2 gap-4\">\r\n                <div class=\"flex flex-col gap-y-4\">\r\n                    <!-- LOCATION Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                                <path d=\"M9 21a9 9 0 0 1 6 0\"><\/path>\r\n                            <\/svg> LOCATION\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Country:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_country\">Bangladesh<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Region:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_region\">C<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">City:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_city\">Dhaka<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Hostname:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_hostname\">103.54.149.196-megaspeednet.com<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">IP Range:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_ip_range\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ISP:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_isp\">Mega Speed<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Organization:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_organization\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AS Number:<\/p>\r\n                                <p class=\"text-gray-900\" id=\"basic_as_number\">AS134128 Mega Speed Net<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- TIME Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24V256c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65V152c0-13.3-10.7-24-24-24z\">\r\n                                <\/path>\r\n                            <\/svg> TIME\r\n                        <\/h2>\r\n                        <div class=\"grid grid-cols-2 text-md\">\r\n                            <div class=\"flex flex-col gap-y-8\">\r\n                                <p class=\"text-slate-600\">Zone:<\/p>\r\n                                <p class=\"text-slate-600\">Local:<\/p>\r\n                                <p class=\"text-slate-600\">System:<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-purple-50 rounded-xl\">\r\n                                <ul class=\"leading-8 p-2\">\r\n                                    <li id=\"basic_zone\">Asia\/Dhaka<\/li>\r\n                                    <li id=\"basic_local\">N\/A<\/li>\r\n                                    <li id=\"basic_system\">N\/A<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- BROWSER Section -->\r\n                    <div class=\"w-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 16 16\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 2a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z\">\r\n                                <\/path>\r\n                                <path\r\n                                    d=\"M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0m2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0\">\r\n                                <\/path>\r\n                            <\/svg> BROWSER\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Headers:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_headers\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_javascript\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-col gap-4\">\r\n                    <!-- JAVASCRIPT Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M17 19h4\"><\/path>\r\n                                <path\r\n                                    d=\"M14 20h-8a3 3 0 0 1 0 -6h11a3 3 0 0 0 -3 3m7 -3v-8a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v8\">\r\n                                <\/path>\r\n                                <path d=\"M19 17v4\"><\/path>\r\n                            <\/svg> JAVASCRIPT\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_js_status\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- WEBRTC Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"m336.76 161-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 0 1 4 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 0 0 336.76 161z\">\r\n                                <\/path>\r\n                                <path fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"32\"\r\n                                    d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\">\r\n                                <\/path>\r\n                            <\/svg> WEBRTC\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebRTC:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_webrtc\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FLASH Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 384 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 32v448h384V32H0zm357.5 415.5H26.5V96.5h331v319zM96 160h64v64H96v-64zm128 0h64v64h-64v-64zm-128 96h64v64H96v-64zm128 0h64v64h-64v-64z\">\r\n                                <\/path>\r\n                            <\/svg> FLASH\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Flash:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_flash\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- SOCIAL NETWORKS Section -->\r\n                    <div class=\"bg-white w-full p-6 flex flex-col gap-4 xl:gap-6 rounded-xl shadow-inner\">\r\n                        <h3 class=\"text-2xl xl:text-2xl font-semibold text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\">\r\n                                <\/path>\r\n                            <\/svg> SOCIAL NETWORKS\r\n                        <\/h3>\r\n                        <div>\r\n                            <p class=\"text-gray-600 ml-4 lg:ml-12\" id=\"basic_social_network\">N\/A<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- LANGUAGE Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 96c0-35.35 28.65-64 64-64h384c35.35 0 64 28.65 64 64v320c0 35.35-28.65 64-64 64H64c-35.35 0-64-28.65-64-64V96zm336 0H176v128h160V96z\">\r\n                                <\/path>\r\n                            <\/svg> LANGUAGE\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Language:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_language\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- JAVA Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 640 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M32 224h64V192H32v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zm96 0h64V192h-64v32zM32 288h64v-32H32v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zM32 352h64v-32H32v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zM32 416h64v-32H32v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32zm96 0h64v-32h-64v32z\">\r\n                                <\/path>\r\n                            <\/svg> JAVA\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_java\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- ACTIVEX Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48H48C21.49 32 0 53.49 0 80zm112 48c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zm224 0c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zM112 240c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zm224 0c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zM112 352c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24zm224 0c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24z\">\r\n                                <\/path>\r\n                            <\/svg> ACTIVEX\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ActiveX:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_activex\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- COOKIES Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M510.52 255.82c-69.97-.85-126.47-57.69-126.47-127.86-70.17 0-127 56.97-127.86 126.47-.85 69.96 57.69 126.47 127.86 0 70.17 56.97 127 126.86 127.86 69.96.85 126.47-57.69 126.47-127.86.01-70.16-56.98-126.97-127.86-127.86zM256 448c-106.04 0-192-85.96-192-192S149.96 64 256 64s192 85.96 192 192-85.96 192-192 192zm0-320c-70.69 0-128 57.31-128 128s57.31 128 128 128 128-57.31 128-128-57.31-128-128-128z\">\r\n                                <\/path>\r\n                            <\/svg> COOKIES\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Cookies:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"basic_cookies\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Extended Tab Content -->\r\n        <div id=\"extended-content\" class=\"tab-content\">\r\n            <div class=\"grid xl:grid-cols-2 gap-4\">\r\n                <div class=\"flex flex-col gap-y-4\">\r\n                    <!-- IP ADDRESS Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M13 21h-7a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v5\"><\/path>\r\n                                <path d=\"M9 18h4\"><\/path>\r\n                                <path d=\"M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5\"><\/path>\r\n                                <path d=\"M19 21v1m0 -8v1\"><\/path>\r\n                            <\/svg> IP ADDRESS\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Hostname:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_hostname\">megaspeednet.com<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Reversed:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_reversed\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Mail Server:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_mail_server\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">IP range:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_ip_range\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ISP:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_isp\">Mega Speed<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Organization:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_organization\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AS Organization:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_as_organization\">AS134128 Mega Speed Net<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AS Number:<\/p>\r\n                                <p class=\"text-gray-900\" id=\"ext_as_number\">N\/A<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- SOCIAL NETWORKS Section -->\r\n                    <div class=\"bg-white w-full p-6 flex flex-col gap-4 xl:gap-6 rounded-xl shadow-inner\">\r\n                        <h3 class=\"text-2xl xl:text-2xl font-semibold text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 496 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z\">\r\n                                <\/path>\r\n                            <\/svg> SOCIAL NETWORKS\r\n                        <\/h3>\r\n                        <div>\r\n                            <p class=\"text-gray-600 ml-4 lg:ml-12\" id=\"ext_social_network\">N\/A<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- INTERACTIVE DETECTION Section -->\r\n                    <div class=\"w-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 16 16\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M2.5 5L2 4.5v-3l.5-.5h11l.5.5v3l-.5.5h-11zM10 2H9v1H8V2H7v1H6V2H5v1H4V2H3v2h10V2h-2v1h-1V2zm-7.5 8L2 9.5v-3l.5-.5h11l.5.5v3l-.5.5h-11zM6 7H5v1H4V7H3v2h10V7h-2v1h-1V7H9v1H8V7H7v1H6V7zm7.5 8l.5-.5v-3l-.5-.5h-11l-.5.5v3l.5.5h11zM3 14v-2h1v1h1v-1h1v1h1v-1h1v1h1v-1h1v1h1v-1h2v2H3z\">\r\n                                <\/path>\r\n                            <\/svg> INTERACTIVE DETECTION\r\n                        <\/h2>\r\n                        <p class=\"text-md mb-4 text-slate-600\">Run test<\/p>\r\n                        <div class=\"flex flex-col gap-y-3 lg:gap-y-4\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">IP Address:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_ip_address\">103.165.162.197 \ud83c\udde7\ud83c\udde9 Bangladesh (BD)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Flash:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_flash\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebRTC:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_webrtc\">103.165.162.197<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java (TCP):<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_java_tcp\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java (UDP):<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_java_udp\">N\/A<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">DNS<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Browser:<\/p>\r\n                                    <p class=\"text-slate-900\"><a target=\"_blank\" class=\"underline text-teal-600\" href=\"\"\r\n                                            id=\"ext_dns_browser\">172.217.38.21<\/a><\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">OS<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Headers:<\/p>\r\n                                    <p class=\"text-slate-900\" id=\"ext_os_headers\">Linux<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_os_js\">UNIX<\/p>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">Ports<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Open ports:<\/p>\r\n                                    <p class=\"text-slate-900\" id=\"ext_open_ports\">N\/A<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-2xl text-slate-900 mb-2\">LANGUAGE<\/p>\r\n                                <div class=\"grid grid-cols-2 text-md\">\r\n                                    <p class=\"text-slate-600\">Headers:<\/p>\r\n                                    <p class=\"text-slate-900\" id=\"ext_lang_headers\">(zh-CN,zh;q=0.9 | zh-CN)<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_lang_js\">\ud83c\udde7\ud83c\udde9 BD<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- HTTP HEADERS Section -->\r\n                    <div class=\"w-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 16 16\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z\">\r\n                                <\/path>\r\n                                <path\r\n                                    d=\"M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0m2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0\">\r\n                                <\/path>\r\n                            <\/svg> HTTP HEADERS\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-3 lg:gap-y-4\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_ACCEPT<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_accept\">application\/json, text\/plain, *\/*<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_ACCEPT_ENCODING<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_accept_encoding\">gzip, deflate<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_ACCEPT_LANGUAGE<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_accept_lang\">zh-CN,zh;q=0.9<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_CACHE_CONTROL<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_cache_control\">max-age=0<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_CONNECTION<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_connection\">close<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_COOKIE<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_cookie\">v=2; LANG=en; evercookie_cache=undefined;\r\n                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_HOST<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_host\">whoer.cc<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">HTTP_USER_AGENT<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_http_user_agent\">Mozilla\/5.0 (X11; Linux x86_64)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">REMOTE_ADDR<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_remote_addr\">103.165.162.197<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">REQUEST_METHOD<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_request_method\">GET<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-col gap-4\">\r\n                    <!-- SCRIPTS Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\"\r\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M17 19h4\"><\/path>\r\n                                <path\r\n                                    d=\"M14 20h-8a3 3 0 0 1 0 -6h11a3 3 0 0 0 -3 3m7 -3v-8a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v8\">\r\n                                <\/path>\r\n                                <path d=\"M19 17v4\"><\/path>\r\n                            <\/svg> SCRIPTS\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">JavaScript:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-[#00FFFF]\"><\/div>\r\n                                    <p class=\"text-gray-600\">Enable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Flash:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Java:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">ActiveX:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebRTC:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-[#00FFFF]\"><\/div>\r\n                                    <p class=\"text-gray-600\">103.165.162.197<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">AdBlock:<\/p>\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <div class=\"size-[7px] rounded-full bg-red-500\"><\/div>\r\n                                    <p class=\"text-gray-600\">Disable<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- LOCATION Section -->\r\n                    <div class=\"w-full h-full bg-white p-4 lg:p-6 rounded-xl\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path fill=\"none\" stroke-width=\"2\"\r\n                                    d=\"M17.5,6.5 L23,9 L23,22 L16,19 L8,22 L1,19 L1,6 L6,8 M16,19 L16,12 M8,22 L8,12 M12,16.2727273 C12,16.2727273 6,11.5 6,7 C6,3.25 9,1 12,1 C15,1 18,3.25 18,7 C18,11.5 12,16.2727273 12,16.2727273 Z M13,7 C13,6.44766667 12.5523333,6 12,6 C11.4476667,6 11,6.44766667 11,7 C11,7.55233333 11.4476667,8 12,8 C12.5523333,8 13,7.55233333 13,7 Z\">\r\n                                <\/path>\r\n                            <\/svg> LOCATION\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-4 xl:gap-y-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Country:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_country\">\ud83c\udde7\ud83c\udde9 Bangladesh (BD)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Continent:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_continent\">Asia<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Region:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_region\">Dhaka Division<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">City:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_city\">Dhaka<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Latitude:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_latitude\">23.8672<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Longitude:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_longitude\">90.3927<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- TIME Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-2xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24V256c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65V152c0-13.3-10.7-24-24-24z\">\r\n                                <\/path>\r\n                            <\/svg> TIME\r\n                        <\/h2>\r\n                        <div class=\"grid grid-cols-2 text-md\">\r\n                            <div class=\"flex flex-col gap-y-8\">\r\n                                <p class=\"text-slate-600\">Zone:<\/p>\r\n                                <p class=\"text-slate-600\">Local:<\/p>\r\n                                <p class=\"text-slate-600\">System:<\/p>\r\n                            <\/div>\r\n                            <div class=\"bg-purple-50 rounded-xl\">\r\n                                <ul class=\"leading-8 p-2\">\r\n                                    <li id=\"ext_zone\">Asia\/Dhaka<\/li>\r\n                                    <li id=\"ext_local\">Mon Oct 21 2024 11:32:32 GMT+0600<\/li>\r\n                                    <li id=\"ext_system\">Mon Oct 21 2024 11:32:32 GMT+0600<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">UTC:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_utc\">Tue, 22 Oct 2024 03:29:16 GMT<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">GMT:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_gmt\">Tue, 22 Oct 2024 03:29:16 GMT<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">DST:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_dst\">YES<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Plugins Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-3xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4 uppercase\">\r\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"0\" viewBox=\"0 0 24 24\" height=\"1em\"\r\n                                width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"M8 6C8 7.10457 7.10457 8 6 8C4.89543 8 4 7.10457 4 6C4 4.89543 4.89543 4 6 4C7.10457 4 8 4.89543 8 6Z\"\r\n                                    fill=\"currentColor\"><\/path>\r\n                                <path\r\n                                    d=\"M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12Z\"\r\n                                    fill=\"currentColor\"><\/path>\r\n                                <path\r\n                                    d=\"M6 20C7.10457 20 8 19.1046 8 18C8 16.8954 7.10457 16 6 16C4.89543 16 4 16.8954 4 18C4 19.1046 4.89543 20 6 20Z\"\r\n                                    fill=\"currentColor\"><\/path>\r\n                            <\/svg> Plugins\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">PDF Viewer:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_pdf_viewer\">internal-pdf-viewer<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">Chrome PDF Viewer:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_chrome_pdf\">mhjfbmdgcfjbbpaeojofohoefgiehjai<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">WebKit built-in PDF:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_webkit_pdf\">internal-pdf-viewer<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Navigator Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-3xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4 uppercase\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path\r\n                                    d=\"m336.76 161-186.53 82.35c-10.47 4.8-6.95 20.67 4.57 20.67H244a4 4 0 0 1 4 4v89.18c0 11.52 16 15 20.78 4.56L351 175.24A10.73 10.73 0 0 0 336.76 161z\">\r\n                                <\/path>\r\n                                <path fill=\"none\" stroke-miterlimit=\"10\" stroke-width=\"32\"\r\n                                    d=\"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z\">\r\n                                <\/path>\r\n                            <\/svg> Navigator\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">productSub:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_product_sub\">20030107<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">vendor:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_vendor\">Google Inc.<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">userAgent:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_user_agent\">Mozilla\/5.0 (X11; Linux x86_64)<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">platform:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_platform\">Linux x86_64<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Screen Section -->\r\n                    <div class=\"w-full p-4 rounded-xl bg-white\">\r\n                        <h2\r\n                            class=\"text-xl xl:text-3xl font-semibold mb-4 lg:mb-4 text-slate-500 flex items-center gap-2 lg:gap-4 uppercase\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path fill=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n                                <path\r\n                                    d=\"M20 3H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h4v2h8v-2h4c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 14H4V5h16v12z\">\r\n                                <\/path>\r\n                                <path d=\"M6.5 7.5H9V6H5v4h1.5zM19 12h-1.5v2.5H15V16h4z\"><\/path>\r\n                            <\/svg> Screen\r\n                        <\/h2>\r\n                        <div class=\"flex flex-col gap-y-2 lg:gap-y-6 mt-2 xl:mt-6\">\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">colorDepth:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_color_depth\">24<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">height:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_height\">1080<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">width:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_width\">1920<\/p>\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 text-md\">\r\n                                <p class=\"text-slate-600\">window size:<\/p>\r\n                                <p class=\"text-slate-900\" id=\"ext_window_size\">1920x1080<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .ip-details-section {\r\n        padding: 100px 0;\r\n    }\r\n\r\n    \/* Tab Button Styles *\/\r\n    .tab-button {\r\n        border-radius: 30px;\r\n        padding: 12px 24px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tab-button.active {\r\n        background-color: #3E66F3;\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(62, 102, 243, 0.3);\r\n    }\r\n\r\n    .tab-button:not(.active) {\r\n        background-color: #d1c9ff;\r\n        color: #475569;\r\n    }\r\n\r\n    .tab-button:not(.active):hover {\r\n        background-color: #e2e8f0;\r\n    }\r\n\r\n    \/* Default desktop layout stays the same *\/\r\n    .flex.justify-center {\r\n        display: flex;\r\n    }\r\n\r\n    \/* Mobile: stack buttons vertically *\/\r\n    @media (max-width: 640px) {\r\n\r\n        .flex.justify-center {\r\n            flex-direction: column !important;\r\n            align-items: stretch !important;\r\n            gap: 12px !important;\r\n        }\r\n\r\n        .flex.justify-center .tab-button {\r\n            width: 100% !important;\r\n            text-align: center;\r\n            display: block !important;\r\n        }\r\n    }\r\n\r\n\r\n    \/* Tab Content Styles *\/\r\n    .tab-content {\r\n        display: none;\r\n    }\r\n\r\n    .tab-content.active {\r\n        display: block;\r\n        animation: fadeIn 0.5s ease;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(10px);\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Section Card Styles *\/\r\n    .section-card {\r\n        background: white;\r\n        border-radius: 12px;\r\n        padding: 20px;\r\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .section-card:hover {\r\n        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Status Indicator Styles *\/\r\n    .status-enabled {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background-color: #10b981;\r\n        display: inline-block;\r\n        margin-right: 8px;\r\n    }\r\n\r\n    .status-disabled {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background-color: #ef4444;\r\n        display: inline-block;\r\n        margin-right: 8px;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function switchTab(tabName) {\r\n        document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\r\n        document.querySelectorAll('.tab-button').forEach(button => button.classList.remove('active'));\r\n        document.getElementById(tabName + '-content').classList.add('active');\r\n        document.getElementById(tabName + '-tab').classList.add('active');\r\n    }\r\n\r\n    function updateBasicTab(data) {\r\n        const set = (id, val) => { const el = document.getElementById(id); if (el) el.textContent = val || 'N\/A'; };\r\n        set('basic_country', data.country);\r\n        set('basic_region', data.regionName || data.region);\r\n        set('basic_city', data.city);\r\n        set('basic_hostname', data.hostname);\r\n        set('basic_ip_range', data.ip_range || 'N\/A');\r\n        set('basic_isp', data.isp);\r\n        set('basic_organization', data.org);\r\n        set('basic_as_number', data.as);\r\n        set('basic_zone', data.timezone);\r\n\r\n        const now = new Date();\r\n        set('basic_local', now.toLocaleString());\r\n        set('basic_system', now.toLocaleString());\r\n\r\n        set('basic_headers', navigator.userAgent);\r\n        set('basic_javascript', 'Enabled');\r\n        set('basic_js_status', 'Enabled');\r\n        set('basic_webrtc', data.query || data.ip);\r\n        set('basic_flash', 'Disabled');\r\n        set('basic_social_network', 'N\/A');\r\n        set('basic_language', navigator.language);\r\n        set('basic_java', 'Disabled');\r\n        set('basic_activex', 'Disabled');\r\n        set('basic_cookies', navigator.cookieEnabled ? 'Enabled' : 'Disabled');\r\n    }\r\n\r\n    function updateExtendedTab(data) {\r\n        const set = (id, val) => { const el = document.getElementById(id); if (el) el.textContent = val || 'N\/A'; };\r\n\r\n        set('ext_hostname', data.hostname);\r\n        set('ext_reversed', data.dns || data.reverse || 'N\/A');\r\n        set('ext_mail_server', 'N\/A');\r\n        set('ext_ip_range', data.ip_range || 'N\/A');\r\n        set('ext_isp', data.isp);\r\n        set('ext_organization', data.org);\r\n        set('ext_as_organization', data.as);\r\n        set('ext_as_number', data.as);\r\n        set('ext_social_network', 'N\/A');\r\n        set('ext_ip_address', (data.query || data.ip) + (data.countryCode ? ` (${data.countryCode})` : ''));\r\n        set('ext_flash', 'Disabled');\r\n        set('ext_webrtc', data.query || data.ip);\r\n        set('ext_java_tcp', 'Disabled');\r\n        set('ext_java_udp', 'Disabled');\r\n\r\n        const dnsEl = document.getElementById('ext_dns_browser');\r\n        if (dnsEl) {\r\n            dnsEl.textContent = data.dns || 'N\/A';\r\n            dnsEl.href = '#';\r\n        }\r\n\r\n        set('ext_os_headers', navigator.platform);\r\n        set('ext_os_js', navigator.platform);\r\n        set('ext_open_ports', 'N\/A');\r\n        set('ext_lang_headers', navigator.language);\r\n        set('ext_lang_js', navigator.language);\r\n\r\n        set('ext_http_accept', 'application\/json, text\/plain, *\/*');\r\n        set('ext_http_accept_encoding', 'gzip, deflate, br');\r\n        set('ext_http_accept_lang', navigator.language);\r\n        set('ext_http_cache_control', 'no-cache');\r\n        set('ext_http_connection', 'keep-alive');\r\n        set('ext_http_cookie', 'Enabled');\r\n        set('ext_http_host', window.location.host);\r\n        set('ext_http_user_agent', navigator.userAgent);\r\n        set('ext_remote_addr', data.query || data.ip);\r\n        set('ext_request_method', 'GET');\r\n\r\n        set('ext_country', data.country + (data.countryCode ? ` (${data.countryCode})` : ''));\r\n        set('ext_continent', 'N\/A');\r\n        set('ext_region', data.regionName || data.region);\r\n        set('ext_city', data.city);\r\n        set('ext_latitude', data.lat);\r\n        set('ext_longitude', data.lon);\r\n\r\n        const now = new Date();\r\n        set('ext_zone', data.timezone);\r\n        set('ext_local', now.toString());\r\n        set('ext_system', now.toString());\r\n        set('ext_utc', now.toUTCString());\r\n        set('ext_gmt', now.toUTCString());\r\n\r\n        const stdTimezoneOffset = () => {\r\n            const jan = new Date(now.getFullYear(), 0, 1);\r\n            const jul = new Date(now.getFullYear(), 6, 1);\r\n            return Math.max(jan.getTimezoneOffset(), jul.getTimezoneOffset());\r\n        };\r\n        set('ext_dst', now.getTimezoneOffset() < stdTimezoneOffset() ? 'YES' : 'NO');\r\n\r\n        set('ext_pdf_viewer', 'internal-pdf-viewer');\r\n        set('ext_chrome_pdf', 'Enabled');\r\n        set('ext_webkit_pdf', 'Enabled');\r\n        set('ext_product_sub', navigator.productSub);\r\n        set('ext_vendor', navigator.vendor);\r\n        set('ext_user_agent', navigator.userAgent);\r\n        set('ext_platform', navigator.platform);\r\n        set('ext_color_depth', screen.colorDepth);\r\n        set('ext_height', screen.height);\r\n        set('ext_width', screen.width);\r\n        set('ext_window_size', `${window.innerWidth}x${window.innerHeight}`);\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const isIPv6 = (ip) => ip && ip.includes(':');\r\n\r\n        async function fetchData() {\r\n            try {\r\n                \n                const fixed_ip = ''.includes('{{') ? '' : '';\n                let apiUrl = \"https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info?_=\" + Date.now();\n                if (fixed_ip) {\n                    apiUrl = `https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${fixed_ip}`;\n                }\n                const response = await fetch(apiUrl);\r\n                let data = await response.json();\r\n\r\n                if (isIPv6(data.ip || data.query)) {\r\n                    console.log(\"Other Tab: IPv6 detected, seeking IPv4...\");\r\n                    const fallbackUrls = ['https:\/\/api.ipify.org?format=json', 'https:\/\/v4.ident.me\/json'];\r\n                    for (const url of fallbackUrls) {\r\n                        try {\r\n                            const res = await fetch(url + \"?_=\" + Date.now());\r\n                            const ipData = await res.json();\r\n                            if (ipData.ip && !isIPv6(ipData.ip)) {\r\n                                const geoRes = await fetch(`https:\/\/whoer.io\/wp-json\/myplugin\/v1\/ip-info-geo?ip=${ipData.ip}`);\r\n                                const geoData = await geoRes.json();\r\n                                if (geoData.status === 'success') {\r\n                                    data = geoData;\r\n                                    break;\r\n                                }\r\n                            }\r\n                        } catch (e) { }\r\n                    }\r\n                }\r\n\r\n                updateBasicTab(data);\r\n                updateExtendedTab(data);\r\n\r\n            } catch (error) {\r\n                console.error(\"Error loading tool data:\", error);\r\n            }\r\n        }\r\n\r\n        fetchData();\r\n    });\r\n<\/script>    <style>\r\n        :root {\r\n            --who-home-primary: #062868;\r\n            --who-home-secondary: #189DCB;\r\n            --who-home-light: #f8f9fa;\r\n            --who-home-dark: #212529;\r\n            --who-home-gray: #6c757d;\r\n            --who-home-success: #10b981;\r\n            --who-home-danger: #ef4444;\r\n            --who-home-warning: #f59e0b;\r\n            --who-home-gradient: linear-gradient(135deg, #062868 0%, #189DCB 100%);\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n \r\n        \r\n        \/* Feature Grid Section *\/\r\n        .who-home-features {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8faff 0%, #e6f3ff 100%);\r\n            position: relative;\r\n        }\r\n        \r\n        .who-home-features::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, #189DCB, transparent);\r\n        }\r\n        \r\n        .who-home-section-badge {\r\n            display: inline-block;\r\n            background: var(--who-home-gradient);\r\n            color: white;\r\n            padding: 8px 20px;\r\n            border-radius: 50px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .who-home-section-title {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 20px;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        .who-home-section-subtitle {\r\n            font-size: 1.25rem;\r\n            color: var(--who-home-gray);\r\n            margin-bottom: 60px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .who-home-feature-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            height: 100%;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            border: 1px solid rgba(24, 157, 203, 0.1);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .who-home-feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--who-home-gradient);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .who-home-feature-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n        \r\n        .who-home-feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(6, 40, 104, 0.15);\r\n        }\r\n        \r\n        .who-home-feature-icon-wrapper {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: linear-gradient(135deg, rgba(24, 157, 203, 0.1) 0%, rgba(6, 40, 104, 0.1) 100%);\r\n            border-radius: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .who-home-feature-icon {\r\n            font-size: 2.2rem;\r\n            background: var(--who-home-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        \r\n        .who-home-feature-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: var(--who-home-primary);\r\n        }\r\n        \r\n        .who-home-feature-desc {\r\n            color: var(--who-home-gray);\r\n            margin-bottom: 20px;\r\n            line-height: 1.6;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .who-home-feature-link {\r\n            color: var(--who-home-secondary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            transition: all 0.3s;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .who-home-feature-link:hover {\r\n            color: var(--who-home-primary);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* Connection Safety Overview *\/\r\n        .who-home-safety {\r\n            padding: 100px 0;\r\n            background: white;\r\n        }\r\n        \r\n        .who-home-report-container {\r\n            background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\r\n            border-radius: 24px;\r\n            padding: 50px;\r\n            border: 1px solid rgba(24, 157, 203, 0.1);\r\n        }\r\n        \r\n        .who-home-report-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .who-home-report-card {\r\n            background: white;\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(24, 157, 203, 0.08);\r\n            transition: all 0.3s;\r\n            position: relative;\r\n        }\r\n        \r\n        .who-home-report-card:hover {\r\n            box-shadow: 0 10px 30px rgba(6, 40, 104, 0.08);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .who-home-report-header {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .who-home-report-icon-wrapper {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: rgba(24, 157, 203, 0.1);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-right: 15px;\r\n        }\r\n        \r\n        .who-home-report-icon {\r\n            font-size: 1.5rem;\r\n            color: var(--who-home-secondary);\r\n        }\r\n        \r\n        .who-home-report-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: var(--who-home-primary);\r\n            flex: 1;\r\n        }\r\n        \r\n        .who-home-tooltip-icon {\r\n            color: var(--who-home-gray);\r\n            cursor: help;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .who-home-tooltip-icon:hover {\r\n            color: var(--who-home-secondary);\r\n        }\r\n        \r\n        .who-home-report-value {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .who-home-report-value.safe {\r\n            color: var(--who-home-success);\r\n        }\r\n        \r\n        .who-home-report-value.warning {\r\n            color: var(--who-home-warning);\r\n        }\r\n        \r\n        .who-home-report-value.danger {\r\n            color: var(--who-home-danger);\r\n        }\r\n        \r\n        .who-home-report-desc {\r\n            color: var(--who-home-gray);\r\n            font-size: 0.9rem;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .who-home-report-badge {\r\n            display: inline-block;\r\n            padding: 4px 12px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .who-home-badge-safe {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            color: var(--who-home-success);\r\n        }\r\n        \r\n        .who-home-badge-warning {\r\n            background: rgba(245, 158, 11, 0.1);\r\n            color: var(--who-home-warning);\r\n        }\r\n        \r\n        \/* Privacy Matters Section *\/\r\n        .who-home-privacy {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #062868 0%, #189DCB 100%);\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .who-home-privacy::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n            animation: float 20s infinite ease-in-out;\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n            33% { transform: translate(30px, -30px) rotate(120deg); }\r\n            66% { transform: translate(-20px, 20px) rotate(240deg); }\r\n        }\r\n        \r\n        .who-home-privacy .who-home-section-title {\r\n            color: white;\r\n        }\r\n        \r\n        .who-home-privacy .who-home-section-subtitle {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n        \r\n        .who-home-privacy-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n        \r\n        .who-home-privacy-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .who-home-privacy-card:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .who-home-privacy-icon {\r\n            font-size: 2.5rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .who-home-privacy-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n\t\t\t\t\t  color:#fff;\r\n        }\r\n        \r\n        .who-home-privacy-desc {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .who-home-privacy-cta {\r\n            margin-top: 50px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .who-home-btn-privacy {\r\n            background: white;\r\n            color: var(--who-home-primary);\r\n            border: none;\r\n            padding: 15px 40px;\r\n            border-radius: 50px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            transition: all 0.3s;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .who-home-btn-privacy:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        \/* How It Works *\/\r\n        .who-home-process {\r\n            padding: 100px 0;\r\n            background: #f8faff;\r\n        }\r\n        \r\n        .who-home-steps-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 60px;\r\n            position: relative;\r\n        }\r\n        \r\n        .who-home-steps-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 10%;\r\n            right: 10%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--who-home-secondary), var(--who-home-primary));\r\n            z-index: 0;\r\n        }\r\n        \r\n        .who-home-step {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            width: 30%;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n            box-shadow: 0 10px 30px rgba(6, 40, 104, 0.08);\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-step:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(6, 40, 104, 0.15);\r\n        }\r\n        \r\n        .who-home-step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--who-home-gradient);\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            margin: 0 auto 25px;\r\n        }\r\n        \r\n        .who-home-step-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .who-home-step-desc {\r\n            color: var(--who-home-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .who-home-promise-box {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            margin-top: 60px;\r\n            border: 2px dashed rgba(24, 157, 203, 0.3);\r\n            text-align: center;\r\n        }\r\n        \r\n        .who-home-promise-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .who-home-promise-items {\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 30px;\r\n        }\r\n        \r\n        .who-home-promise-item {\r\n            display: flex;\r\n            align-items: center;\r\n            color: var(--who-home-gray);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .who-home-promise-icon {\r\n            color: var(--who-home-success);\r\n            font-size: 1.3rem;\r\n            margin-right: 10px;\r\n        }\r\n        \r\n        \/* Trust Badges *\/\r\n        .who-home-trust {\r\n            padding: 80px 0;\r\n            background: white;\r\n        }\r\n        \r\n        .who-home-trust-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n        \r\n        .who-home-trust-card {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            border-radius: 16px;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-trust-card:hover {\r\n            background: #f8faff;\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .who-home-trust-icon-wrapper {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, rgba(24, 157, 203, 0.1) 0%, rgba(6, 40, 104, 0.1) 100%);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .who-home-trust-icon {\r\n            font-size: 2.5rem;\r\n            background: var(--who-home-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        \r\n        .who-home-trust-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .who-home-trust-desc {\r\n            color: var(--who-home-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        \/* Tools Section *\/\r\n        .who-home-tools {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #f8faff 0%, #e6f3ff 100%);\r\n        }\r\n        \r\n        .who-home-tools-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .who-home-tool-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            text-align: center;\r\n            transition: all 0.4s;\r\n            border: 1px solid rgba(24, 157, 203, 0.1);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .who-home-tool-card:hover {\r\n            transform: translateY(-10px) scale(1.02);\r\n            box-shadow: 0 20px 40px rgba(6, 40, 104, 0.15);\r\n        }\r\n        \r\n        .who-home-tool-icon-wrapper {\r\n            width: 90px;\r\n            height: 90px;\r\n            background: var(--who-home-gradient);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 25px;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-tool-card:hover .who-home-tool-icon-wrapper {\r\n            transform: rotate(5deg) scale(1.1);\r\n        }\r\n        \r\n        .who-home-tool-icon {\r\n            font-size: 2.8rem;\r\n            color: white;\r\n        }\r\n        \r\n        .who-home-tool-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--who-home-primary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .who-home-tool-desc {\r\n            color: var(--who-home-gray);\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n        .who-home-tool-link {\r\n            color: var(--who-home-secondary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-tool-link:hover {\r\n            color: var(--who-home-primary);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* FAQs Section *\/\r\n        .who-home-faqs {\r\n            padding: 100px 0;\r\n            background: white;\r\n        }\r\n        \r\n        .who-home-faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .who-home-faq-item {\r\n            background: #f8faff;\r\n            border-radius: 16px;\r\n            margin-bottom: 20px;\r\n            overflow: hidden;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-faq-item:hover {\r\n            box-shadow: 0 10px 30px rgba(6, 40, 104, 0.08);\r\n        }\r\n        \r\n        .who-home-faq-question {\r\n            padding: 25px 30px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-weight: 600;\r\n            color: var(--who-home-primary);\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-faq-question:hover {\r\n            background: rgba(24, 157, 203, 0.05);\r\n        }\r\n        \r\n        .who-home-faq-icon {\r\n            font-size: 1.5rem;\r\n            color: var(--who-home-secondary);\r\n            transition: transform 0.3s;\r\n        }\r\n        \r\n        .who-home-faq-item.active .who-home-faq-icon {\r\n            transform: rotate(45deg);\r\n        }\r\n        \r\n        .who-home-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease-out, padding 0.4s ease-out;\r\n        }\r\n        \r\n        .who-home-faq-item.active .who-home-faq-answer {\r\n            max-height: 500px;\r\n            padding: 0 30px 25px;\r\n        }\r\n        \r\n        .who-home-faq-text {\r\n            color: var(--who-home-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Final CTA *\/\r\n        .who-home-final-cta {\r\n            padding: 100px 0;\r\n            background: var(--who-home-gradient);\r\n            color: white;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .who-home-final-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 200%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n            animation: shimmer 3s infinite;\r\n        }\r\n        \r\n        @keyframes shimmer {\r\n            0% { left: -100%; }\r\n            100% { left: 100%; }\r\n        }\r\n        \r\n        .who-home-final-cta .who-home-section-title {\r\n            color: white;\r\n            font-size: 3.5rem;\r\n        }\r\n        \r\n        .who-home-final-cta .who-home-section-subtitle {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 1.4rem;\r\n        }\r\n        \r\n        .who-home-cta-buttons {\r\n            margin-top: 40px;\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .who-home-btn-primary-large {\r\n            background: white;\r\n            color: var(--who-home-primary);\r\n            border: none;\r\n            padding: 18px 50px;\r\n            border-radius: 50px;\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            transition: all 0.3s;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .who-home-btn-primary-large:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        .who-home-btn-secondary-large {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n            padding: 16px 40px;\r\n            border-radius: 50px;\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .who-home-btn-secondary-large:hover {\r\n            background: white;\r\n            color: var(--who-home-primary);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .who-home-steps-container {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .who-home-steps-container::before {\r\n                display: none;\r\n            }\r\n            \r\n            .who-home-step {\r\n                width: 100%;\r\n                max-width: 500px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .who-home-section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .who-home-features,\r\n            .who-home-safety,\r\n            .who-home-privacy,\r\n            .who-home-process,\r\n            .who-home-trust,\r\n            .who-home-tools,\r\n            .who-home-faqs,\r\n            .who-home-final-cta {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .who-home-final-cta .who-home-section-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .who-home-cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            \r\n            .who-home-btn-primary-large,\r\n            .who-home-btn-secondary-large {\r\n                width: 100%;\r\n                max-width: 300px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <!-- What We Detect Section -->\r\n    <section class=\"who-home-features\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Advanced Detection<\/span>\r\n                <h2 class=\"who-home-section-title\">What We Detect in Seconds<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Our comprehensive analysis engine scans your connection for 50+ privacy and security indicators, giving you complete visibility into your digital footprint.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"row g-4\">\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-globe who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">IP Address & ASN<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Instantly identify your unique IP address, Autonomous System Number, and network routing information that defines how you connect to the internet.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Explore IP details <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-map-pin who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">Geolocation Intelligence<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Pinpoint your exact location including city, region, country, timezone, and ISP with military-grade precision using multiple location databases.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">View location data <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-wifi who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">ISP & Network Analysis<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Discover your Internet Service Provider, organization details, hostname, and connection type (residential, business, mobile, or datacenter).<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Check ISP info <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-shield-alt who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">Proxy & VPN Detection<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Advanced algorithms detect VPNs, proxies, Tor exit nodes, and anonymizing services with 99.9% accuracy across 200+ providers.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Test anonymity <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-server who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">DNS Leak Protection<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Comprehensive DNS leak test checks 20+ DNS servers to ensure your browsing requests aren't exposing your real location.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Run DNS test <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-6 col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"who-home-feature-card\">\r\n                        <div class=\"who-home-feature-icon-wrapper\">\r\n                            <i class='bx bx-error-circle who-home-feature-icon'><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"who-home-feature-title\">Fraud Risk Assessment<\/h3>\r\n                        <p class=\"who-home-feature-desc\">Real-time fraud score calculation based on 100+ risk factors including blacklists, suspicious activities, and threat intelligence feeds.<\/p>\r\n                        <a href=\"#\" class=\"who-home-feature-link\">Check risk score <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Connection Safety Overview -->\r\n    <section class=\"who-home-safety\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Live Analysis<\/span>\r\n                <h2 class=\"who-home-section-title\">Your Connection Safety Report<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Real-time security assessment of your current connection with actionable insights to protect your privacy.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-report-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"who-home-report-grid\">\r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-network-chart who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Connection Profile<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">Residential<\/div>\r\n                        <p class=\"who-home-report-desc\">Your IP is classified as residential, indicating higher trust scores and lower risk of being blocked by websites.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Low Risk<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-shield-x who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Anonymity Status<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value warning\">Not Protected<\/div>\r\n                        <p class=\"who-home-report-desc\">No VPN or proxy detected. Your real IP and location are visible to websites and services you visit.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-warning\">Action Needed<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-block who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Reputation Check<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">Clean<\/div>\r\n                        <p class=\"who-home-report-desc\">Your IP is not listed on any major blacklists. Excellent reputation across spam, malware, and abuse databases.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Trustworthy<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-line-chart who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Fraud Score<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">12\/100<\/div>\r\n                        <p class=\"who-home-report-desc\">Very low fraud risk score. Your IP is considered safe for online transactions and account registrations.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Safe for Banking<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-desktop who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">Browser Fingerprint<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value warning\">Partially Unique<\/div>\r\n                        <p class=\"who-home-report-desc\">Your browser configuration creates a unique fingerprint that could be used to track you across websites.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-warning\">Privacy Concern<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"who-home-report-card\">\r\n                        <div class=\"who-home-report-header\">\r\n                            <div class=\"who-home-report-icon-wrapper\">\r\n                                <i class='bx bx-lock-open who-home-report-icon'><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"who-home-report-title\">DNS Security<\/h3>\r\n                            <i class='bx bx-info-circle who-home-tooltip-icon'><\/i>\r\n                        <\/div>\r\n                        <div class=\"who-home-report-value safe\">Secured<\/div>\r\n                        <p class=\"who-home-report-desc\">DNS queries are properly encrypted. No DNS leaks detected that could expose your browsing history.<\/p>\r\n                        <span class=\"who-home-report-badge who-home-badge-safe\">Protected<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Privacy Matters -->\r\n    <section class=\"who-home-privacy\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Critical Awareness<\/span>\r\n                <h2 class=\"who-home-section-title\">Your IP Privacy is Under Attack<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Every click, every search, every visit leaves a digital trail. Understand the risks before it's too late.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-privacy-grid\">\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <i class='bx bx-search-alt-2 who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">Constant Surveillance<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Websites track your IP across sessions to build detailed profiles of your interests, habits, and behavior. This data is sold to advertisers and used to manipulate your choices.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <i class='bx-radar who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">ISP Monitoring<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Your Internet Service Provider logs every website you visit, every video you watch, and every file you download. This data can be subpoenaed or shared without your consent.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <i class='bx bx-bug who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">Cybercrime Target<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Exposed IPs make you vulnerable to hackers, scammers, and cybercriminals who can launch targeted attacks, steal your data, or impersonate you online.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-privacy-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <i class='bx bx-building-house who-home-privacy-icon'><\/i>\r\n                    <h3 class=\"who-home-privacy-title\">Business Exposure<\/h3>\r\n                    <p class=\"who-home-privacy-desc\">Business IPs reveal network infrastructure, employee behavior patterns, and potentially sensitive corporate information to competitors and attackers.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-privacy-cta\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <button class=\"who-home-btn-privacy\">Test My Privacy Risk Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- How It Works -->\r\n    <section class=\"who-home-process\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Simple Process<\/span>\r\n                <h2 class=\"who-home-section-title\">How Our IP Intelligence Works<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Military-grade technology made simple. Get comprehensive analysis in three clicks.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-steps-container\">\r\n                <div class=\"who-home-step\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-step-number\">1<\/div>\r\n                    <h3 class=\"who-home-step-title\">Visit & Connect<\/h3>\r\n                    <p class=\"who-home-step-desc\">Access our secure website from any device. No downloads, no registration, no personal information required.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-step\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-step-number\">2<\/div>\r\n                    <h3 class=\"who-home-step-title\">Real-Time Analysis<\/h3>\r\n                    <p class=\"who-home-step-desc\">Our engine instantly analyzes 50+ data points from 20+ global databases to build your complete privacy profile.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-step\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-step-number\">3<\/div>\r\n                    <h3 class=\"who-home-step-title\">Instant Results<\/h3>\r\n                    <p class=\"who-home-step-desc\">Receive detailed reports, risk assessments, and actionable recommendations to protect your digital identity.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-promise-box\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <h3 class=\"who-home-promise-title\">Our Ironclad Privacy Promise<\/h3>\r\n                <div class=\"who-home-promise-items\">\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>Zero IP Logging<\/span>\r\n                    <\/div>\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>No Tracking Cookies<\/span>\r\n                    <\/div>\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>Live Results Only<\/span>\r\n                    <\/div>\r\n                    <div class=\"who-home-promise-item\">\r\n                        <i class='bx bx-check-shield who-home-promise-icon'><\/i>\r\n                        <span>Military-Grade Encryption<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Trust & Security -->\r\n    <section class=\"who-home-trust\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Security First<\/span>\r\n                <h2 class=\"who-home-section-title\">Built on Trust & Security<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Your privacy is our priority. We've implemented enterprise-grade security measures to protect your data.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-trust-grid\">\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx bx-user-x who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">Zero Registration<\/h3>\r\n                    <p class=\"who-home-trust-desc\">Use all features without creating an account or providing any personal information.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx bx-server who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">No Data Storage<\/h3>\r\n                    <p class=\"who-home-trust-desc\">All analysis happens in real-time. We never store your IP or connection data.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx bx-lock-alt who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">256-bit Encryption<\/h3>\r\n                    <p class=\"who-home-trust-desc\">Bank-level encryption protects all data transmissions between you and our servers.<\/p>\r\n                <\/div>\r\n                <div class=\"who-home-trust-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-trust-icon-wrapper\">\r\n                        <i class='bx-badge-check who-home-trust-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-trust-title\">GDPR Compliant<\/h3>\r\n                    <p class=\"who-home-trust-desc\">Fully compliant with GDPR, CCPA, and global privacy regulations.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Tools Section -->\r\n    <section class=\"who-home-tools\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Professional Tools<\/span>\r\n                <h2 class=\"who-home-section-title\">Advanced Privacy Tools<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Professional-grade tools for comprehensive privacy analysis and protection.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-tools-grid\">\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-search-alt who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">IP Intelligence<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Deep dive into any IP address with comprehensive geolocation, ISP, and risk analysis.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-hide who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">Proxy Analyzer<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Detect and analyze proxy servers, anonymous connections, and exit nodes worldwide.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-shield-alt who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">VPN Monitor<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Check VPN status, detect leaks, and verify your anonymity across 200+ providers.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-server who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">DNS Inspector<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Comprehensive DNS leak test with security analysis and optimization recommendations.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"500\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-fingerprint who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">Fingerprint Shield<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Analyze and protect your browser fingerprint to prevent tracking across websites.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n                <div class=\"who-home-tool-card\" data-aos=\"flip-left\" data-aos-delay=\"600\">\r\n                    <div class=\"who-home-tool-icon-wrapper\">\r\n                        <i class='bx bx-error-circle who-home-tool-icon'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"who-home-tool-title\">Risk Assessor<\/h3>\r\n                    <p class=\"who-home-tool-desc\">Calculate fraud risk, check blacklists, and assess IP reputation in real-time.<\/p>\r\n                    <a href=\"#\" class=\"who-home-tool-link\">Launch Tool <i class='bx bx-right-arrow-alt'><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQs Section -->\r\n    <section class=\"who-home-faqs\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" data-aos=\"fade-up\">\r\n                <span class=\"who-home-section-badge\">Got Questions?<\/span>\r\n                <h2 class=\"who-home-section-title\">Everything You Need to Know<\/h2>\r\n                <p class=\"who-home-section-subtitle\">Clear answers to common questions about IP privacy and online security.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"who-home-faq-container\">\r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        What personal information does my IP address actually reveal?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Your IP address reveals your approximate geographical location (city, country, region), your Internet Service Provider, your connection type (residential\/business\/mobile), and can be used to track your online activities across different websites. It doesn't reveal personal information like your name, address, or phone number directly, but combined with other data, it can contribute to building a detailed profile about you.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        How accurate is IP geolocation and can I trust it?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">IP geolocation accuracy varies by location type. For urban areas, it can be accurate within a few miles, sometimes even identifying the specific neighborhood. For rural areas, accuracy might be within 50 miles. Our service uses multiple databases and advanced algorithms to provide the most accurate location possible, but remember that IP-based location is an approximation and not as precise as GPS.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Can websites really track me just using my IP address?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Yes, websites can track your IP address to identify returning visitors, analyze traffic patterns, and sometimes block or limit access based on your location. When combined with cookies, browser fingerprinting, and other tracking technologies, your IP becomes a powerful tool for building comprehensive profiles of your online behavior, interests, and habits.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Does using a VPN completely hide my real IP address?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">A properly configured VPN should hide your real IP address by routing all your traffic through the VPN server. However, some VPNs may have DNS leaks, WebRTC leaks, or other vulnerabilities that could still reveal your real IP. Additionally, if the VPN keeps logs or shares data with third parties, your privacy might still be compromised. Always use a reputable, no-logs VPN service.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        What is a fraud score and why does it matter?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">A fraud score is a risk assessment metric (usually 0-100) that indicates how likely an IP address is associated with fraudulent activities. It's calculated based on factors like blacklists, previous suspicious activities, connection type, and geographic location. High fraud scores can lead to being blocked from websites, declined transactions, or additional verification requirements. A low score indicates a trustworthy IP address.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Is it safe to check my IP address on your website?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Absolutely safe. We don't store your IP address, don't use tracking cookies, and don't require any personal information. All analysis happens in real-time, and results are generated only for your session. Our entire website is secured with HTTPS encryption, and we're fully compliant with privacy regulations like GDPR. Your privacy and security are our top priorities.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        Why does my IP sometimes show as a business or datacenter?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">Your IP might show as business or datacenter if you're connected through a corporate network, using a mobile carrier's business plan, or if your ISP has registered the IP block for business use. Datacenter IPs are typically associated with cloud services, hosting providers, or VPN companies. These classifications can affect how websites treat your connection, as business and datacenter IPs often have different trust levels than residential IPs.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"who-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n                    <div class=\"who-home-faq-question\">\r\n                        How often is your IP data updated and how fresh is it?\r\n                        <i class='bx bx-plus who-home-faq-icon'><\/i>\r\n                    <\/div>\r\n                    <div class=\"who-home-faq-answer\">\r\n                        <p class=\"who-home-faq-text\">We update our databases continuously from multiple sources including regional internet registries, ISP data feeds, threat intelligence networks, and geolocation providers. Most data is refreshed in real-time or near real-time, while some static information like ISP assignments might be updated daily. This ensures you always get the most current and accurate information about your IP address and its associated risks.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA Section -->\r\n    <section class=\"who-home-final-cta\">\r\n        <div class=\"container text-center\" data-aos=\"fade-up\">\r\n            <h2 class=\"who-home-section-title\">Take Control of Your Digital Privacy<\/h2>\r\n            <p class=\"who-home-section-subtitle\">Knowledge is power. Understand your exposure and protect yourself today.<\/p>\r\n            <div class=\"who-home-cta-buttons\">\r\n                <button class=\"who-home-btn-primary-large\">Check My IP Now<\/button>\r\n                <button class=\"who-home-btn-secondary-large\">View All Tools<\/button>\r\n            <\/div>\r\n            <p class=\"mt-4\" style=\"color: rgba(255,255,255,0.8);\">\u2713 Instant Results \u2713 100% Free \u2713 No Registration Required<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Bootstrap JS -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    \r\n    <!-- AOS Animation JS -->\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    \r\n    <script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true,\r\n            offset: 100\r\n        });\r\n        \r\n        \/\/ FAQ Accordion\r\n        document.querySelectorAll('.who-home-faq-question').forEach(question => {\r\n            question.addEventListener('click', () => {\r\n                const faqItem = question.parentElement;\r\n                const isActive = faqItem.classList.contains('active');\r\n                \r\n                \/\/ Close all FAQ items\r\n                document.querySelectorAll('.who-home-faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Open clicked item if it wasn't active\r\n                if (!isActive) {\r\n                    faqItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Add parallax effect to privacy section\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const privacySection = document.querySelector('.who-home-privacy');\r\n            if (privacySection) {\r\n                const rect = privacySection.getBoundingClientRect();\r\n                if (rect.top < window.innerHeight && rect.bottom > 0) {\r\n                    const speed = 0.5;\r\n                    privacySection.style.backgroundPosition = `center ${scrolled * speed}px`;\r\n                }\r\n            }\r\n        });\r\n    <\/script>\r\n<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":12,"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/pages\/17\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/whoer.io\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}