<!DOCTYPE html><html lang="en"> <head> <!-- establish the Profitwell data layer before Tag Manager is loaded --> <script id="profitwell-js" data-pw-auth="ff68663a88e293efd5b001725387df7f"> /* DO NOT DELETE - this code is used to accept our payments or send data to ProfitWell*/ (function(i,s,o,g,r,a,m){i[o]=i[o]||function(){(i[o].q=i[o].q||[]).push(arguments)}; a=s.createElement(g);m=s.getElementsByTagName(g)[0];a.async=1;a.src=r+'?auth='+ s.getElementById(o+'-js').getAttribute('data-pw-auth');m.parentNode.insertBefore(a,m); })(window,document,'profitwell','script','https://public.profitwell.com/js/profitwell.js'); </script> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': 'start_pw' }) </script> <!-- End establish the Profitwell data layer before Tag Manager is loaded --> <!-- Intercom Google Tag --> <script> var APP_ID = "it0r9a3x"; window.intercomSettings = { app_id: APP_ID } </script> <script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script> <!-- End Intercom Google Tag --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NTMVXD2'); </script> <!-- End Google Tag Manager --> <!-- Global site tag (gtag.js) - Google Ads: 10827172403 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10827172403"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10827172403'); </script> <meta charset="UTF-8"> <meta name="title" content="Built-in Pro | Charm"> <meta name="description" content="Built-in Pro官方網站，原裝行貨，特價發售。嵌入式廚房電器、嵌入式焗爐、嵌入式煮食爐、蒸焗爐、抽油煙機、咖啡機、洗衣機、乾衣機、洗碗碟機、熱水爐、浴室寶、雪櫃、冷氣機、電視、吸塵機、電子門鎖、廚師機及其他電器，一應俱全。"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="Content-Language" content="en" /> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#4188c9"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <link rel="apple-touch-icon" sizes="180x180" href="/static/images/icons/favicon/apple-touch-icon.6ad0fffefdac.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/images/icons/favicon/favicon-32x32.41fbe3dd2646.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/images/icons/favicon/favicon-16x16.d2b2b5ca1996.png"> <meta name="referrer" content="same-origin"> <title>Built-in Pro | Charm</title> <meta property="og:type" content="website" /> <meta property="og:title" content="Built-in Pro | Charm" /> <meta property="og:description" content="Built-in Pro官方網站，原裝行貨，特價發售。嵌入式廚房電器、嵌入式焗爐、嵌入式煮食爐、蒸焗爐、抽油煙機、咖啡機、洗衣機、乾衣機、洗碗碟機、熱水爐、浴室寶、雪櫃、冷氣機、電視、吸塵機、電子門鎖、廚師機及其他電器，一應俱全。" /> <meta property="og:image" content="https://socialprofileavatar.s3.us-east-2.amazonaws.com/banner/306625389477071.jpg" /> <meta property="og:url" content="https://charm.io/" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap"> <link rel="stylesheet" href="https://info.charm.io/hs-fs/hub/7742518/hub_generated/module_assets/87547621424/1665394542914/module_87547621424_menu-section.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext"> <!-- Tailwind CSS & Alpine JS--> <link href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script> <script src="/static/tabler/js/require.min.1565af44b896.js"></script> <script> window.__requirejsDebug = { defined: [], ready: [] }; var __oldDefine = define; define = function(moduleName, deps, ready) { console.log("Calling define() with arguments : ", arguments); window.__requirejsDebug.defined.push(arguments); if(!_.isFunction(ready)) { ready = deps; deps = null; } return __oldDefine(moduleName, deps, function() { console.log(moduleName+" is READY !"); window.__requirejsDebug.ready.push(arguments); return ready.apply(this, arguments); }); }; </script> <script> requirejs.config({ baseUrl: '/static/tabler', waitSeconds: 120, paths: { "luxon": "https://cdn.jsdelivr.net/npm/luxon@3.3.0/build/global/luxon.min" }, }); </script> <!-- Datadog log tracing --> <script type="text/javascript" src="https://www.datadoghq-browser-agent.com/datadog-logs-us.js"></script> <script> // Set your client token DD_LOGS.init({ clientToken: "pub79fa452b56b07750c22794c58ca5ca72", forwardErrorsToLogs: true, }); DD_LOGS.addLoggerGlobalContext('service', "charm-tools-frontend-prod"); </script> <!-- Dashboard Core --> <link href="/static/tabler/css/dashboard.e7742f7ef8a3.css?v=1.0" rel="stylesheet" /> <script src="/static/tabler/js/dashboard.e9d5ba7c8757.js?v=1.0"></script> <!-- c3.js Charts Plugin --> <link href="/static/tabler/plugins/charts-c3/plugin.d656ca1db462.css" rel="stylesheet" /> <script src="/static/tabler/plugins/charts-c3/plugin.166af7276979.js"></script> <!-- Google Maps Plugin --> <link href="/static/tabler/plugins/maps-google/plugin.d41d8cd98f00.css" rel="stylesheet" /> <script src="/static/tabler/plugins/maps-google/plugin.d41d8cd98f00.js"></script> <!-- Input Mask Plugin --> <script src="/static/tabler/plugins/input-mask/plugin.bd9993f02b1a.js"></script> <link href="/static/tabler/plugins/datatables/plugin.2ff18c0f4ab3.css" rel="stylesheet" /> <script src="/static/tabler/plugins/datatables/plugin.321d42141949.js"></script> <link href="/static/tabler/plugins/slick/plugin.6c04bb39bc6c.css" rel="stylesheet" /> <script src="/static/tabler/plugins/slick/plugin.f7738d6c0dab.js"></script> <script src="/static/tabler/plugins/floatThead/plugin.d8c3beb597f4.js"></script> <link href="/static/tabler/plugins/custom/plugin.107ccbf3377d.css" rel="stylesheet" /> <script src="/static/tabler/plugins/custom/plugin.cbd4157726a1.js"></script> <link href="/static/tabler/plugins/bootstrap3-editable/plugin.ae366cce5cce.css" rel="stylesheet" /> <script src="/static/tabler/plugins/bootstrap3-editable/plugin.ffc2bd328ab9.js"></script> <link rel="stylesheet" href="/static/css/styles.d9742249baaf.css"> <script src="/static/js/autocomplete.d8e7ee5bd27e.js"></script> <style type="text/css"> .nav-pills .nav-link:not(.active) { background-color: #fff; color: grey; } </style> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTMVXD2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="page"> <div class="page-main"> <!-- This example requires Tailwind CSS v2.0+ --><div x-data="{ mobileMenuOpen: false, featuresMenuOpen: false, usecaseMenuOpen: false }" id="app-navbar" class="sticky top-0 z-50 relative" style="background-color: #fcfcfc;"> <div class="relative z-20 shadow"> <div class="mx-3 overflow-visible flex flex-col flow-root justify-between items-center px-4 py-4 sm:px-6 sm:py-4 md:justify-start"> <div class="flex flex-grow"> <div class="flex items-center mr-6"> <a href="/" class="inline flex-shrink-0"> <span class="sr-only">Charm</span> <img class="pb-1 w-36 sm:w-24 lg:w-36" src="/static/images/icons/logo/hummingbird-logo.28a4a88b89c1.png" alt="charm logo"> </a> </div> <div class="flex flex-grow justify-end -mr-2 -my-2 md:hidden"> <button @mouseover="mobileMenuOpen = true" @mouseover.away = "mobileMenuOpen = false" type="button" class="rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:bg-orange-500"> <span class="sr-only">Open menu</span> <svg class="h-6 w-6" x-description="Heroicon name: menu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> <div class="hidden md:flex-1 md:flex md:items-center md:justify-between mx-3"> <nav class="flex xl:space-x-10 lg:space-x-6 md:space-x-2 sm:space-x-2"> <div @click.away="open = false" class="pt-2 relative" x-data="{ open: false }"> <button @click="open = !open" class="group inline-flex items-center text-large font-bold focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-orange-500 text-gray-700 menu-button-dropdown"> <span class="text-lg">Use Cases</span> <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> </button> <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute left-0 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-96 z-20"> <div class="px-2 py-2 bg-white rounded-md shadow dark-mode:bg-gray-800"> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/use-cases">Brand Discovery for Retailers</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/use-cases-prospecting">Prospecting for SaaS, 3PLs and Agencies</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/use-cases-sourcing">Sourcing & Diligence for Investors</a> </div> </div> </div> <div @click.away="open = false" class="pt-2 relative" x-data="{ open: false }"> <button @click="open = !open" class="group inline-flex items-center text-large font-bold focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-orange-500 text-gray-700 menu-button-dropdown"> <span class="text-lg">Brand Categories</span> <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> </button> <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute left-0 w-full mt-2 origin-top-right rounded-md shadow-lg z-20" style="width: 32rem;"> <div class="px-2 py-2 bg-white rounded-md shadow dark-mode:bg-gray-800 grid lg:grid-cols-2"> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#apparel-accessories">Apparel and Accessories</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#home-improvement">Home Improvement and Garden</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#arts-entertainment">Arts & Entertainment</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#household">Household Products</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#automotive">Automotive</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#houseware">Housewares and Appliances</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#baby-toddler">Baby & Toddler</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#party">Party Supplies</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#beauty">Beauty</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#pet">Pet</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#business">Business & Industrial</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#sports">Sports and Outdoor</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#electronics">Consumer Electronics</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#tobacco">Tobacco</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#footwear">Footwear (Athletic and Fashion)</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#toys">Toys and Games</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#grocery">Grocery, Food and Beverage</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories">See all</a> <a class="block px-2 py-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/brand-categories#health">Health and Wellness</a> </div> </div> </div> <div @click.away="open = false" class="pt-2 relative" x-data="{ open: false }"> <button @click="open = !open" class="group inline-flex items-center text-large font-bold focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-orange-500 text-gray-700 menu-button-dropdown" > <span class="text-lg">Products</span> <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> </button> <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48 z-20"> <div class="px-2 py-2 bg-white rounded-md shadow dark-mode:bg-gray-800"> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline " href="/prospector?country_code=US&growth_score_gt=35&growth_score_lt=100&success_score_gt=26&success_score_lt=70&sort_field=growth_score">Prospector</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline " href="https://info.charm.io/trending">Trending</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 ocus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline " href="/lists">Lists</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline " href="/tech">Tech</a> <a class="block group flex px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://amz.charm.io/"> Amazon </a> </div> </div> </div> <div @click.away="open = false" class="pt-2 relative" x-data="{ open: false }"> <button @click="open = !open" class="group inline-flex items-center text-large font-bold focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-orange-500 text-gray-700 menu-button-dropdown" > <span class="text-lg">Resources</span> <svg fill="currentColor" viewBox="0 0 20 20" :class="{'rotate-180': open, 'rotate-0': !open}" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> </button> <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48 z-20"> <div class="px-2 py-2 bg-white rounded-md shadow dark-mode:bg-gray-800"> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/en/blog" target="_blank">Blog</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" href="https://info.charm.io/customer-stories" target="_blank">Customer Stories</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline " href="/tutorials">Tutorials</a> <a class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 text-gray-500 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline " href="/faq">Help Center</a> </div> </div> </div> <a href="https://info.charm.io/data-methodology" target="_blank" class="pt-2 items-center text-lg font-bold text-gray-700"> Data Methodology </a> <a href="/pricing" class="pt-2 items-center text-lg font-bold text-gray-700" > Pricing </a> </nav> <div class="flex items-center md:ml-12"> <a href="/accounts/login/?next=/brands/builtinpro" class="text-base font-bold text-gray-700"> Log in </a> <a href="/accounts/signup/?next=/brands/builtinpro" class="ml-6 text-base font-bold text-gray-700"> Sign up </a> <a href="https://try.charm.io/book-a-demo?utm_campaign=Book a Demo%2FRequest a Free Trial&utm_source=homepage-header" class="ml-6 inline-flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-orange-600 hover:bg-orange-700" target="_blank"> Book a Demo </a> </div> </div> </div> <!-- Brand Search --> <div class="w-full"> <form id="search-bar-form" class="z-0 inline-flex md:flex-grow w-full text-base font-medium text-white pt-5 md:py-2 md:text-lg h-8 overflow-visible" action="/search" method="get"> <div class="relative flex-grow text-black z-10"> <div class="absolute md:-inset-y-3 md:left-0 pl-3 top-3 md:top-1.5 flex items-center pointer-events-none"> <svg class="h-5 w-5 text-gray-400" x-description="Heroicon name: search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path> </svg> </div> <input type="text" id="search-bar" class="md:inline-flex bg-white border w-full rounded-l-lg pl-11 h-7" name="q" value="" autocomplete="off"> <div id="autocomplete-list" class="bg-white text-s text-left border-2 rounded-b-lg p-4 flex flex-col max-h-96 overflow-scroll autocomplete-dropdown" style="display: none;"></div> </div> <div class="flex bg-gray-100 w-42 md:w-60 h-7 space-x-2 px-2 justify-center rounded-r-lg border-t border-r border-b"> <div id="brand-search" class="text-gray-700 text-base text-center self-center p-1 w-20 md:w-28 cursor-pointer hover:shadow-md hover:border rounded-full border bg-gray-200"> Brands </div> <div id="product-search" class="text-gray-700 text-base text-center self-center p-1 w-20 md:w-28 cursor-pointer hover:shadow-md hover:border rounded-full"> Products </div> </div> <label for="amex" style="display:none">AMEX</label> <input type="hidden" name="amex" required="" value="" id="amex"> </form> </div> </div> </div> <!-- Mobile Menu --> <div id="use-cases-menu" x-description="Flyout menu, show/hide based on flyout menu state." class="absolute z-10 w-full transform hidden"> <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden"> <div class="relative grid grid-cols-2 gap-6 bg-white py-5 px-40 sm:gap-12"> <a href="/for-investors" class="-m-3 p-3 block rounded-md hover:bg-gray-50 transition ease-in-out duration-150"> <div class="text-base font-medium text-gray-900"> For Investors </div> <div class="mt-1 text-sm text-gray-500"> Analyze, rank, and create lists of target brands. </div> </a> <a href="/for-sales" class="-m-3 p-3 block rounded-md hover:bg-gray-50 transition ease-in-out duration-150"> <div class="text-base font-medium text-gray-900"> For Sales Teams </div> <div class="mt-1 text-sm text-gray-500"> Identify your ideal target brands and reach decision makers. </div> </a> </div> </div> </div> <script> require(['jquery'], function () { $(document).ready(function () { var button = $('#use-cases-menu-button'); var menu = $("#use-cases-menu"); button.on('click', function () { menu.toggleClass('hidden'); $(document).mouseup(function (element) { if ( !menu.is(element.target) && !button.is(element.target) && menu.has(element.target).length === 0 && button.has(element.target).length === 0 ) { menu.addClass('hidden'); $(document).unbind('mouseup'); } }); }); }); }); </script> <!-- Mobile menu --> <div x-description="Mobile menu, show/hide based on mobile menu state." x-show="mobileMenuOpen" x-transition:enter="duration-200 ease-out" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="duration-100 ease-in" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute z-20 inset-x-0 p-2 transition transform origin-top-right md:hidden"> <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 divide-y-2 divide-gray-50 bg-white"> <div class="pt-5 pb-5 px-5 sm:pb-8"> <div class="flex items-center justify-end"> <!-- <div> <img height="32" width="32" class="pb-1" src="/static/images/icons/logo/hummingbird-logo.28a4a88b89c1.png" alt="charm logo"> </div> --> <button type="button" class=" rounded-md inline-flex items-center justify-center text-gray-400 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"> <img src="/static/images/icons/clear-icon.e7aef8832c2a.png"> <!-- <svg class="h-6 w-6" x-description="Heroicon name: x" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> --> </button> </div> <div class="sm:mt-8"> <nav> <div class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4"> <a href="https://amz.charm.io/" class="-m-3 flex items-center p-3 rounded-lg hover:bg-gray-50"> <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-orange-500 text-white sm:h-12 sm:w-12"> <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> </div> <div class="text-base font-medium text-gray-900 ml-3"> <span class="hidden sm:inline ml-3 text-xs font-semibold p-1.5 -my-1 bg-teal-50 text-teal-700 rounded-md">New</span> Amazon </div> </a> <a href="/prospector?country_code=US&growth_score_gt=35&growth_score_lt=100&success_score_gt=26&success_score_lt=70&sort_field=growth_score" class="-m-3 flex items-center p-3 rounded-lg hover:bg-gray-50"> <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-orange-500 text-white sm:h-12 sm:w-12"> <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> </div> <div class="text-base font-medium text-gray-900 ml-3"> Prospector </div> </a> <a href="https://info.charm.io/trending" class="-m-3 flex items-center p-3 rounded-lg hover:bg-gray-50"> <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-orange-500 text-white sm:h-12 sm:w-12"> <svg class="h-6 w-6" x-description="Heroicon name: chart-bar" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path> </svg> </div> <div class="text-base font-medium text-gray-900 ml-3"> Trending </div> </a> <a href="/lists" class="-m-3 flex items-center p-3 rounded-lg hover:bg-gray-50"> <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-orange-500 text-white sm:h-12 sm:w-12"> <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16" /> </svg> </div> <div class="text-base font-medium text-gray-900 ml-3"> Lists </div> </a> <a href="/tech" class="-m-3 flex items-center p-3 rounded-lg hover:bg-gray-50"> <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-orange-500 text-white sm:h-12 sm:w-12"> <svg class="h-6 w-6" x-description="Heroicon name: view-grid" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path> </svg> </div> <div class="text-base font-medium text-gray-900 ml-3"> Brand Technologies </div> </a> </div> </nav> </div> </div> <div class="pb-6 pt-5 px-5"> <div class="grid grid-cols-2 gap-4"> <a href="/pricing" class="rounded-md text-base font-medium text-gray-900"> Pricing </a> <a href="https://try.charm.io/book-a-demo?utm_campaign=Book a Demo%2FRequest a Free Trial&utm_source=homepage-header" class="rounded-md text-base font-medium text-gray-900"> Book a Demo </a> </div> <div class="mt-5"> <a href="/accounts/signup/?next=/brands/builtinpro" class="w-full flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-orange-600 hover:bg-orange-700"> Sign up </a> <p class="mt-4 mb-0 text-center text-base font-medium text-gray-500"> Existing customer? <a href="/accounts/login/?next=/brands/builtinpro" class="text-orange-600 hover:text-orange-500"> Sign in </a> </p> </div> </div> </div> </div></div> <div class="pt-5"> <div class="container"> <div class="row pt-2"> <div class="col-lg-12"> <div class="card card-profile"> <div class="card-header" style="background-image: url(https://socialprofileavatar.s3.us-east-2.amazonaws.com/banner/306625389477071.jpg); -webkit-filter: grayscale(50%);height: 22rem"></div> <div class="card-body text-center" style="padding-bottom:0"> <a href="https://charm.io/brands/builtinpro" target="_blank"> <img class="card-profile-img " style="display:inline-block;" src="https://socialprofileavatar.s3.us-east-2.amazonaws.com/fb/306625389477071.jpg" onerror="this.onerror=null; this.src='http://via.placeholder.com/150x150/f4f4f4/a3a3a3?text=B'"> </a> <div class="row" style="margin-top: -20px;"> <div class="col-6"> </div> <div class="col-6"> <div class="text-right"> <button class="btn btn-secondary btn-sm ml-2 card-options-anonymoustogglefollowbrandmodal" title="follow"> <span><i class="fa fa-heart-o"></i> follow</span> </button> <a class="btn btn-secondary btn-sm ml-2" href="https://charm.io/brands/builtinpro?claim=true"> <div class="flex items-center space-x-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" /> </svg> <span class="text-xs">Claim this brand</span> </div> </a> </div> </div> </div> <h3 class="mb-3" style="margin-bottom: 0rem !important"> <a href="https://charm.io/brands/builtinpro" target="_blank"> Built-in Pro </a> <span title="This brand is a retailer which sells other brands"><svg xmlns="http://www.w3.org/2000/svg" class="icon" style="display:inline-block; margin-bottom: 3px" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="3" y1="21" x2="21" y2="21" /><path d="M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4" /><line x1="5" y1="21" x2="5" y2="10.85" /><line x1="19" y1="21" x2="19" y2="10.85" /><path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" /></svg></span> </h3> <p class="text-muted"> Hong Kong <br> 2013 5,188 followers </p> <p class="mb-4" style=""> </p> <p class="col-md-6 col-md-offset-3" style="margin-left:auto; margin-right:auto;"> Built-in Pro官方網站，原裝行貨，特價發售。嵌入式廚房電器、嵌入式焗爐、嵌入式煮食爐、蒸焗爐、抽油煙機、咖啡機、洗衣機、乾衣機、洗碗碟機、熱水爐、浴室寶、雪櫃、冷氣機、電視、吸塵機、電子門鎖、廚師機及其他電器，一應俱全。 <br /> </p> <p class="flex justify-center mb-4"> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" target="_blank"><i class="fa fa-globe"></i></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Crunchbase" target="_blank"><svg height="18px" style="fill:#ff6b00;" viewBox="0 0 24 24"><path d="M21.6,0H2.4A2.41,2.41,0,0,0,0,2.4V21.6A2.41,2.41,0,0,0,2.4,24H21.6A2.41,2.41,0,0,0,24,21.6V2.4A2.41,2.41,0,0,0,21.6,0Z"></path><path fill="white" d="M9.84,13.42a2.11,2.11,0,1,1,0-1.75H11.5a3.69,3.69,0,1,0,0,1.75Z"></path><path fill="white" d="M16,8.85h-.27a3.74,3.74,0,0,0-1.8.63V5.37h-1.5V15.94h1.51v-.38a3.68,3.68,0,0,0,3.39.38,3.55,3.55,0,0,0,1.06-.63A3.67,3.67,0,0,0,16,8.85Zm2.1,4a.17.17,0,0,1,0,.07,1.22,1.22,0,0,1-.06.26h0a2,2,0,0,1-.1.26l0,0a2.07,2.07,0,0,1-1,1,2,2,0,0,1-.41.15h0l-.2,0H16l-.28,0h-.07a2,2,0,0,1-.54-.17l0,0a1.86,1.86,0,0,1-.47-.32h0a2,2,0,0,1-.37-.45h0c0-.09-.1-.17-.14-.26h0a2.19,2.19,0,0,1-.17-.85,2.08,2.08,0,0,1,.2-.9h0a2.13,2.13,0,0,1,1.7-1.2l.21,0h0a2.12,2.12,0,0,1,2.12,2.12h0A2.46,2.46,0,0,1,18.1,12.8Z"></path></svg></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Pinterest" target="_blank"><i class="fa fa-pinterest"></i></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Youtube" target="_blank"><i class="fa fa-youtube"></i></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="LinkedIn" target="_blank"><i class="fa fa-linkedin-square"></i></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Amazon" target="_blank"><small><i class="fa fa-amazon"></i></small></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Etsy" target="_blank"><small><i class="fa fa-etsy"></i></small></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="Yelp" target="_blank"><small><i class="fa fa-yelp"></i></small></a> <a href="/accounts/login/?next=/brands/builtinpro" rel="noreferrer" title="" data-toggle="tooltip" data-original-title="TikTok" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tiktok" viewBox="0 0 16 16"> <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/> </svg> </a> </p> </div></div> <div class="modal fade" id="claimbrandNonloginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <h5 class="modal-title w-100" id="filterModalLongTitle"> <div class="flex items-center space-x-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" /> </svg> <span class="text-sm">Claim this brand</span> </div> </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-md-12 col-lg-12"> <h4>Are you the owner of Built-in Pro?</h4> <p class="text-gray-500">Please login with your work email address to claim the brand. Or sign up if you don't have a Charm account yet.</p> </div> </div> </div> <div class="modal-footer justify-content-center text-center"> <a class="btn text-black bg-gray-300 hover:bg-gray-300" href="/accounts/login/?next=/brands/builtinpro">Sign in</a> <a class="btn text-white bg-orange-500 hover:bg-orange-700 card-options-claimbrand" href="/accounts/signup/?next=/brands/builtinpro">Sign up</a> </div> </div> </div> </div> <div class="modal fade" id="followbrandConfirmModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <h5 class="modal-title w-100" id="filterModalLongTitle"> <div class="flex items-center space-x-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" /> </svg> <span class="text-sm">Follow this brand</span> </div> </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-md-12 col-lg-12"> <h4>You're now following Built-in Pro</h4> </div> </div> </div> <div class="modal-footer justify-content-center text-center"> <button type="button" class="btn text-black bg-gray-300 hover:bg-gray-300" data-dismiss="modal">Go back.</button> </div> </div> </div> </div> <div class="modal fade" id="followbrandNonloginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <h5 class="modal-title w-100" id="filterModalLongTitle"> <div class="flex items-center space-x-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" /> </svg> <span class="text-sm">Follow this brand</span> </div> </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-md-12 col-lg-12"> <h4>Follow Built-in Pro</h4> <p class="text-gray-500">Please login to follow the brand. Or sign up if you don't have a Charm account yet.</p> </div> </div> </div> <div class="modal-footer justify-content-center text-center"> <a class="btn text-black bg-gray-300 hover:bg-gray-300" href="/accounts/login/?next=/brands/builtinpro">Sign in</a> <a class="btn text-white bg-orange-500 hover:bg-orange-700 card-options-claimbrand" href="/accounts/signup/?next=/brands/builtinpro">Sign up</a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="card"> <div class="card-header"> <ul id="tabs" class="nav nav-pills"> <li class="nav-item px-0"><a href="#summary" data-target="#summary" data-toggle="tab" class="nav-link small text-uppercase active"><strong>Summary</strong></a></li> <li class="nav-item px-0"><a href="#profile" data-target="#profile" data-toggle="tab" class="nav-link small text-uppercase"><strong>Profile</strong></a></li> <li class="nav-item px-0"><a href="#social" data-target="#social" data-toggle="tab" class="nav-link small text-uppercase"><strong>Social</strong></a></li> <li class="nav-item px-0"><a href="#similar" data-target="#similar" data-toggle="tab" class="nav-link small text-uppercase"><strong>Similar</strong></a></li> <li class="nav-item px-0"><a href="#growth" data-target="#growth" data-toggle="tab" class="nav-link small text-uppercase"><strong>Growth</strong></a></li> <li class="nav-item px-0"><a href="#distribution" data-target="#distribution" data-toggle="tab" class="nav-link small text-uppercase"><strong>Distribution</strong></a></li> <li class="nav-item px-0"><a href="#stores" data-target="#stores" data-toggle="tab" class="nav-link small text-uppercase"><strong>Stores</strong></a></li> <li class="nav-item px-0"><a href="#products" data-target="#products" data-toggle="tab" class="nav-link small text-uppercase"><strong>Products</strong></a></li> <li class="nav-item px-0"><a href="#ads" data-target="#ads" data-toggle="tab" class="nav-link small text-uppercase"><strong>Ads</strong></a></li> <li class="nav-item px-0"><a href="#tech" data-target="#tech" data-toggle="tab" class="nav-link small text-uppercase"><strong>Tech</strong></a></li> </ul> </div> </div> <div id="tabsContent" class="tab-content"> <div id="summary" class="tab-pane fade active show"> <div class="row"> <div class="col-lg-12"> <div class="tab-pane fade active show"> <div class="row"> <div class="col-lg-4"> <div class="card"> <div class="card-body p-3 text-center" style="background-color:white"> <div class="h1 m-0"> <span class="filter blur-sm">50.0</span> <sub><small class="text-muted">/ 100</small></sub></div> <div class="text-muted mb-4">Charm Growth Score™ <span class="align-middle ml-1" data-toggle="tooltip" data-placement="top" title="A score that reflects how fast a brand is growing."><i class="fe fe-help-circle"></i></span></div> <div><div> <div id="c3775746-78a4-4b67-ad4c-9b9c9a4f545a" class="plotly-graph-div" style="height:75px; width:100%;"></div> <script type="text/javascript"> window.PLOTLYENV=window.PLOTLYENV || {}; if (document.getElementById("c3775746-78a4-4b67-ad4c-9b9c9a4f545a")) { Plotly.newPlot( "c3775746-78a4-4b67-ad4c-9b9c9a4f545a", [{"marker": {"color": "#ECECEC"}, "type": "bar", "x": [-100.0, -98.0, -96.0, -94.0, -92.0, -90.0, -88.0, -86.0, -84.0, -82.0, -80.0, -78.0, -76.0, -74.0, -72.0, -70.0, -68.0, -66.0, -64.0, -62.0, -60.0, -58.0, -56.0, -54.0, -52.0, -50.0, -48.0, -46.0, -44.0, -42.0, -40.0, -38.0, -36.0, -34.0, -32.0, -30.0, -28.0, -26.0, -24.0, -22.0, -20.0, -18.0, -16.0, -14.0, -12.0, -10.0, -8.0, -6.0, -4.0, -2.0, 0.0, 2.0, 4.0, 6.0, 8.0, 10.0, 12.0, 14.0, 16.0, 18.0, 20.0, 22.0, 24.0, 26.0, 28.0, 30.0, 32.0, 34.0, 36.0, 38.0, 40.0, 42.0, 44.0, 46.0, 48.0, 50.0, 52.0, 54.0, 56.0, 58.0, 60.0, 62.0, 64.0, 66.0, 68.0, 70.0, 72.0, 74.0, 76.0, 78.0, 80.0, 82.0, 84.0, 86.0, 88.0, 90.0, 92.0, 94.0, 96.0, 98.0], "y": [0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628448607793729, 0.000562845649797254, 0.0005628473856365922, 0.000562851015118845, 0.0005628628503870606, 0.0005629029324954174, 0.0005629920915159747, 0.0005631502106993349, 0.0005634042744570295, 0.0005640602639233252, 0.0005653736630881023, 0.0005674328419540375, 0.0005702830901475022, 0.000574001573617262, 0.0005787113791527589, 0.0005844742079522902, 0.0005913718022683317, 0.0005994963193893886, 0.0006090914080371255, 0.0006196536748034399, 0.0006312733833339225, 0.0006458533291504865, 0.0006685726256242709, 0.0007090001660093622, 0.0007800954111982467, 0.0008974201608586536, 0.0010791151985042745, 0.001346794248753983, 0.0017302080198302286, 0.0023379856531300655, 0.003246228081083265, 0.004483256311511834, 0.006054020011387107, 0.00794494444367296, 0.01012881054292005, 0.012569341634011848, 0.015221535293085425, 0.01802924879501189, 0.02090986060578899, 0.023544799864036438, 0.02570932113848337, 0.0273121330088471, 0.028312219169599712, 0.028697031869379035, 0.028473599837272955, 0.027660427594038306, 0.026286073641879303, 0.024391143681418568, 0.02204484972996652, 0.019553963833313977, 0.01713356626929622, 0.014869203145593365, 0.01280356632610551, 0.01096052786243063, 0.009352237051900966, 0.007985219387999858, 0.006861976688624509, 0.005980688216112629, 0.0053286659317228115, 0.004812774480384385, 0.004369318657811151, 0.003976496006307094, 0.0036247925482626457, 0.0033089843540910265, 0.003025935866732986, 0.002772894518408734, 0.0025469286342794818, 0.0023448758306780252, 0.0021638252628376365, 0.002001016472799713, 0.0018540918751357113, 0.0017209577319965055, 0.0015999872463149708, 0.0014896604540450737, 0.0013887245525953007, 0.0012961864840605763, 0.0012113100947578914, 0.0011334139888451809, 0.0010620042411289142, 0.0009968847017638653, 0.0009378767371017669, 0.0008847955591548798, 0.0008373414989319855, 0.0007952303521923335, 0.0007587083626497311, 0.0007272421322994324, 0.0007003161080911013, 0.0006775563086994236, 0.0006646373950462052, 0.0006533246435725692, 0.0006435203222551416, 0.0006351680618022393]}], {"autosize": true, "height": 75, "margin": {"b": 0, "l": 0, "pad": 0, "r": 4, "t": 0}, "paper_bgcolor": "white", "plot_bgcolor": "white", "shapes": [{"line": {"color": "white", "width": 2}, "type": "line", "x0": -100, "x1": -100, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}, {"line": {"color": "white", "width": 2}, "type": "line", "x0": 100.0, "x1": 100.0, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}, {"line": {"color": "#2B2B2B", "width": 4}, "opacity": 1, "type": "line", "x0": -0.4174, "x1": -0.4174, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}], "template": {"data": {"bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "#E5ECF6", "width": 0.5}}, "type": "bar"}], "barpolar": [{"marker": {"line": {"color": "#E5ECF6", "width": 0.5}}, "type": "barpolar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "white", "linecolor": "white", "minorgridcolor": "white", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "white", "linecolor": "white", "minorgridcolor": "white", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "heatmapgl": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmapgl"}], "histogram": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "histogram"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1}, "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#636efa", "#EF553B", "#00cc96", "#ab63fa", "#FFA15A", "#19d3f3", "#FF6692", "#B6E880", "#FF97FF", "#FECB52"], "font": {"color": "#2a3f5f"}, "geo": {"bgcolor": "white", "lakecolor": "white", "landcolor": "#E5ECF6", "showlakes": true, "showland": true, "subunitcolor": "white"}, "hoverlabel": {"align": "left"}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "white", "plot_bgcolor": "#E5ECF6", "polar": {"angularaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "bgcolor": "#E5ECF6", "radialaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}, "yaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}, "zaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "baxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "bgcolor": "#E5ECF6", "caxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "white", "linecolor": "white", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "white", "zerolinewidth": 2}, "yaxis": {"automargin": true, "gridcolor": "white", "linecolor": "white", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "white", "zerolinewidth": 2}}}, "xaxis": {"tickfont": {"size": 8}}, "yaxis": {"visible": false}}, {"displayModeBar": false, "responsive": true} ) }; </script> </div></div> </div> </div> </div> <div class="col-lg-4"> <div class="card no-bottom-margin"> <div class="card-body p-3 text-center" style="background-color:white"> <div class="h1 m-0"> <span class="filter blur-sm">50.0</span> <sub><small class="text-muted">/ 100</small></sub></div> <div class="text-muted mb-4">Charm Success Score™ <span class="align-middle ml-1" data-toggle="tooltip" data-placement="top" title="A score that reflects how successful a brand has been to date. For example, Nike will have a high success score."><i class="fe fe-help-circle"></i></span></div> <div><div> <div id="2a5da404-be29-435a-971e-f9872dc253f6" class="plotly-graph-div" style="height:75px; width:100%;"></div> <script type="text/javascript"> window.PLOTLYENV=window.PLOTLYENV || {}; if (document.getElementById("2a5da404-be29-435a-971e-f9872dc253f6")) { Plotly.newPlot( "2a5da404-be29-435a-971e-f9872dc253f6", [{"marker": {"color": "#ECECEC"}, "type": "bar", "x": [-100.0, -98.0, -96.0, -94.0, -92.0, -90.0, -88.0, -86.0, -84.0, -82.0, -80.0, -78.0, -76.0, -74.0, -72.0, -70.0, -68.0, -66.0, -64.0, -62.0, -60.0, -58.0, -56.0, -54.0, -52.0, -50.0, -48.0, -46.0, -44.0, -42.0, -40.0, -38.0, -36.0, -34.0, -32.0, -30.0, -28.0, -26.0, -24.0, -22.0, -20.0, -18.0, -16.0, -14.0, -12.0, -10.0, -8.0, -6.0, -4.0, -2.0, 0.0, 2.0, 4.0, 6.0, 8.0, 10.0, 12.0, 14.0, 16.0, 18.0, 20.0, 22.0, 24.0, 26.0, 28.0, 30.0, 32.0, 34.0, 36.0, 38.0, 40.0, 42.0, 44.0, 46.0, 48.0, 50.0, 52.0, 54.0, 56.0, 58.0, 60.0, 62.0, 64.0, 66.0, 68.0, 70.0, 72.0, 74.0, 76.0, 78.0, 80.0, 82.0, 84.0, 86.0, 88.0, 90.0, 92.0, 94.0, 96.0, 98.0], "y": [0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628447029757967, 0.0005628448607793729, 0.000562845649797254, 0.0005628473856365922, 0.000562851015118845, 0.0005628628503870606, 0.0005629029324954174, 0.0005629920915159747, 0.0005631502106993349, 0.0005634042744570295, 0.0005640602639233252, 0.0005653736630881023, 0.0005674328419540375, 0.0005702830901475022, 0.000574001573617262, 0.0005787113791527589, 0.0005844742079522902, 0.0005913718022683317, 0.0005994963193893886, 0.0006090914080371255, 0.0006196536748034399, 0.0006312733833339225, 0.0006458533291504865, 0.0006685726256242709, 0.0007090001660093622, 0.0007800954111982467, 0.0008974201608586536, 0.0010791151985042745, 0.001346794248753983, 0.0017302080198302286, 0.0023379856531300655, 0.003246228081083265, 0.004483256311511834, 0.006054020011387107, 0.00794494444367296, 0.01012881054292005, 0.012569341634011848, 0.015221535293085425, 0.01802924879501189, 0.02090986060578899, 0.023544799864036438, 0.02570932113848337, 0.0273121330088471, 0.028312219169599712, 0.028697031869379035, 0.028473599837272955, 0.027660427594038306, 0.026286073641879303, 0.024391143681418568, 0.02204484972996652, 0.019553963833313977, 0.01713356626929622, 0.014869203145593365, 0.01280356632610551, 0.01096052786243063, 0.009352237051900966, 0.007985219387999858, 0.006861976688624509, 0.005980688216112629, 0.0053286659317228115, 0.004812774480384385, 0.004369318657811151, 0.003976496006307094, 0.0036247925482626457, 0.0033089843540910265, 0.003025935866732986, 0.002772894518408734, 0.0025469286342794818, 0.0023448758306780252, 0.0021638252628376365, 0.002001016472799713, 0.0018540918751357113, 0.0017209577319965055, 0.0015999872463149708, 0.0014896604540450737, 0.0013887245525953007, 0.0012961864840605763, 0.0012113100947578914, 0.0011334139888451809, 0.0010620042411289142, 0.0009968847017638653, 0.0009378767371017669, 0.0008847955591548798, 0.0008373414989319855, 0.0007952303521923335, 0.0007587083626497311, 0.0007272421322994324, 0.0007003161080911013, 0.0006775563086994236, 0.0006646373950462052, 0.0006533246435725692, 0.0006435203222551416, 0.0006351680618022393]}], {"autosize": true, "height": 75, "margin": {"b": 0, "l": 0, "pad": 0, "r": 4, "t": 0}, "paper_bgcolor": "white", "plot_bgcolor": "white", "shapes": [{"line": {"color": "white", "width": 2}, "type": "line", "x0": -100, "x1": -100, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}, {"line": {"color": "white", "width": 2}, "type": "line", "x0": 100.0, "x1": 100.0, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}, {"line": {"color": "#2B2B2B", "width": 4}, "opacity": 1, "type": "line", "x0": 27.6582, "x1": 27.6582, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}], "template": {"data": {"bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "#E5ECF6", "width": 0.5}}, "type": "bar"}], "barpolar": [{"marker": {"line": {"color": "#E5ECF6", "width": 0.5}}, "type": "barpolar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "white", "linecolor": "white", "minorgridcolor": "white", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "white", "linecolor": "white", "minorgridcolor": "white", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "heatmapgl": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmapgl"}], "histogram": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "histogram"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1}, "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#636efa", "#EF553B", "#00cc96", "#ab63fa", "#FFA15A", "#19d3f3", "#FF6692", "#B6E880", "#FF97FF", "#FECB52"], "font": {"color": "#2a3f5f"}, "geo": {"bgcolor": "white", "lakecolor": "white", "landcolor": "#E5ECF6", "showlakes": true, "showland": true, "subunitcolor": "white"}, "hoverlabel": {"align": "left"}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "white", "plot_bgcolor": "#E5ECF6", "polar": {"angularaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "bgcolor": "#E5ECF6", "radialaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}, "yaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}, "zaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "baxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "bgcolor": "#E5ECF6", "caxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "white", "linecolor": "white", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "white", "zerolinewidth": 2}, "yaxis": {"automargin": true, "gridcolor": "white", "linecolor": "white", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "white", "zerolinewidth": 2}}}, "xaxis": {"tickfont": {"size": 8}}, "yaxis": {"visible": false}}, {"displayModeBar": false, "responsive": true} ) }; </script> </div></div> </div> </div> </div> <div class="col-lg-4"> <div class="card"> <div class="card-body p-3 text-center" style="background-color:white"> <div class="h1 m-0"> <span class="filter blur-sm">50.0</span> <sub><small class="text-muted">/ 100</small></sub> </div> <div class="text-muted mb-4">Charm Sophistication Score™ <span class="align-middle ml-1" data-toggle="tooltip" data-placement="top" title="A score that reflects how sophisticated a merchant is, or how their actions (activity on ads and social networks) and technology choices correlate to other high growth brands."><i class="fe fe-help-circle"></i></span></div> <div><div> <div id="9d3af28f-e77f-4f45-9477-61f0fd6f3177" class="plotly-graph-div" style="height:75px; width:100%;"></div> <script type="text/javascript"> window.PLOTLYENV=window.PLOTLYENV || {}; if (document.getElementById("9d3af28f-e77f-4f45-9477-61f0fd6f3177")) { Plotly.newPlot( "9d3af28f-e77f-4f45-9477-61f0fd6f3177", [{"marker": {"color": "#ECECEC"}, "type": "bar", "x": [-100.0, -98.0, -96.0, -94.0, -92.0, -90.0, -88.0, -86.0, -84.0, -82.0, -80.0, -78.0, -76.0, -74.0, -72.0, -70.0, -68.0, -66.0, -64.0, -62.0, -60.0, -58.0, -56.0, -54.0, -52.0, -50.0, -48.0, -46.0, -44.0, -42.0, -40.0, -38.0, -36.0, -34.0, -32.0, -30.0, -28.0, -26.0, -24.0, -22.0, -20.0, -18.0, -16.0, -14.0, -12.0, -10.0, -8.0, -6.0, -4.0, -2.0, 0.0, 2.0, 4.0, 6.0, 8.0, 10.0, 12.0, 14.0, 16.0, 18.0, 20.0, 22.0, 24.0, 26.0, 28.0, 30.0, 32.0, 34.0, 36.0, 38.0, 40.0, 42.0, 44.0, 46.0, 48.0, 50.0, 52.0, 54.0, 56.0, 58.0, 60.0, 62.0, 64.0, 66.0, 68.0, 70.0, 72.0, 74.0, 76.0, 78.0, 80.0, 82.0, 84.0, 86.0, 88.0, 90.0, 92.0, 94.0, 96.0, 98.0], "y": [0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.0006422497898056365, 0.000642250105412789, 0.0006422507366270938, 0.0006422548395200752, 0.0006422696730562387, 0.0006423263245400973, 0.0006425582957971227, 0.0006438278255677142, 0.000652211298357328, 0.0006806803259338185, 0.000748496728416258, 0.0008865330396503578, 0.0012814814631295101, 0.002004956260004747, 0.0030913928532653977, 0.004565209452686701, 0.006445810848427771, 0.00874685588683085, 0.011463203011775934, 0.014566635681408466, 0.01800795468575627, 0.021701541958708485, 0.025093086874655987, 0.027972592324560293, 0.030240834891380644, 0.031827872874070226, 0.03267769831175422, 0.032746691297700865, 0.032015985783160214, 0.030494224196590432, 0.028214973410097408, 0.025251170552211523, 0.022146659768546337, 0.019102603377122773, 0.01621073054534391, 0.013534667201725992, 0.011125198797789235, 0.00902306074869591, 0.0072553122648726705, 0.00583594073970742, 0.004767093564265191, 0.004035157024026541, 0.003467732763430978, 0.00300528528046114, 0.0026236273897773583, 0.0023069875707591235, 0.00204309296587403, 0.0018220003717852257, 0.0016360488982785524, 0.0014790532763809705, 0.0013462656698951174, 0.0012340087820846232, 0.0011391492651403063, 0.0010590213432492893, 0.000991369845503987, 0.0009342500006312143, 0.0008859752040084633, 0.000845174615969217, 0.0008106565039059542, 0.0007814729417363949, 0.0007568050867035969, 0.0007359352481429676, 0.0007183389045009227, 0.0007035738726231976, 0.0006912417886533398, 0.0006810193806938036, 0.0006726870507351668, 0.0006659566655894388, 0.000660582863755852, 0.0006563423877644254, 0.0006539282504528019, 0.000651940838911439, 0.0006503208947924798, 0.0006490202097729857]}], {"autosize": true, "height": 75, "margin": {"b": 0, "l": 0, "pad": 0, "r": 4, "t": 0}, "paper_bgcolor": "white", "plot_bgcolor": "white", "shapes": [{"line": {"color": "white", "width": 2}, "type": "line", "x0": -100, "x1": -100, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}, {"line": {"color": "white", "width": 2}, "type": "line", "x0": 100.0, "x1": 100.0, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}, {"line": {"color": "#2B2B2B", "width": 4}, "opacity": 1, "type": "line", "x0": 6.2176, "x1": 6.2176, "xref": "x", "y0": 0, "y1": 1, "yref": "paper"}], "template": {"data": {"bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "#E5ECF6", "width": 0.5}}, "type": "bar"}], "barpolar": [{"marker": {"line": {"color": "#E5ECF6", "width": 0.5}}, "type": "barpolar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "white", "linecolor": "white", "minorgridcolor": "white", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "white", "linecolor": "white", "minorgridcolor": "white", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "heatmapgl": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmapgl"}], "histogram": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "histogram"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1}, "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#636efa", "#EF553B", "#00cc96", "#ab63fa", "#FFA15A", "#19d3f3", "#FF6692", "#B6E880", "#FF97FF", "#FECB52"], "font": {"color": "#2a3f5f"}, "geo": {"bgcolor": "white", "lakecolor": "white", "landcolor": "#E5ECF6", "showlakes": true, "showland": true, "subunitcolor": "white"}, "hoverlabel": {"align": "left"}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "white", "plot_bgcolor": "#E5ECF6", "polar": {"angularaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "bgcolor": "#E5ECF6", "radialaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}, "yaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}, "zaxis": {"backgroundcolor": "#E5ECF6", "gridcolor": "white", "gridwidth": 2, "linecolor": "white", "showbackground": true, "ticks": "", "zerolinecolor": "white"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "baxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}, "bgcolor": "#E5ECF6", "caxis": {"gridcolor": "white", "linecolor": "white", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "white", "linecolor": "white", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "white", "zerolinewidth": 2}, "yaxis": {"automargin": true, "gridcolor": "white", "linecolor": "white", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "white", "zerolinewidth": 2}}}, "xaxis": {"tickfont": {"size": 8}}, "yaxis": {"visible": false}}, {"displayModeBar": false, "responsive": true} ) }; </script> </div></div> </div> </div> </div> </div><script type="text/javascript"> require(['jquery', 'jqueryui', 'bootstrap', 'popper'], function(){ $(document).ready(function () { $(function () { $('#growthTabs li:last-child a').tab('show') }) }) })</script> </div> </div> </div> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> <div id="profile" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="social" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="similar" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="growth" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="distribution" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="stores" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="products" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="ads" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> <div id="tech" class="tab-pane fade"> <div class="row"> <div class="col-12 text-center"> <div class="row pb-3"> <div class="col-lg-12 text-center d-flex align-items-center"> <div class="w-100 my-auto bg-white pb-10"> <div class="rounded-md text-center pt-10"> <h2 class="text-3xl font-extrabold text-gray-700" id="join-heading"> <i class="fa fa-unlock-alt fa-1 text-gray-400" aria-hidden="true"></i> Unlock this report </h2> <p>Unlock this report and 30 more brand reports every month FREE. <br>Just <a style="text-decoration: underline" href="/accounts/signup/?next=/brands/builtinpro" >sign up</a> for Charm for free.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> require(['jquery', 'jqueryui', 'bootstrap', 'selectize', 'popper', 'tablesorter', 'floatThead', 'custom'], function(){ $('.card-options-anonymousclaimbrandmodal').click(function() { var data = { 'claim_intent': 'builtinpro', } $.ajax({ headers: { 'X-CSRFTOKEN': 'ec6z34vnVJGIfVWP4g0jOSetHfcMnVJhCAAiAHEnK3TTU7xyFMENFTFFBF3kc51x' }, url: '/handle_brand_intent', type: 'POST', data: data, success: function(result) { } }); $('#claimbrandNonloginModal').modal('show'); }); $('.card-options-anonymoustogglefollowbrandmodal').click(function() { var data = { 'follow_intent': 'builtinpro', } $.ajax({ headers: { 'X-CSRFTOKEN': 'ec6z34vnVJGIfVWP4g0jOSetHfcMnVJhCAAiAHEnK3TTU7xyFMENFTFFBF3kc51x' }, url: '/handle_brand_intent', type: 'POST', data: data, success: function(result) { } }); $('#followbrandNonloginModal').modal('show'); }); }); </script> </div> </div> <!-- This example requires Tailwind CSS v2.0+ --><footer aria-labelledby="footerHeading"> <h2 id="footerHeading" class="sr-only">Footer</h2> <div class="border-t border-gray-200"> <div class="py-12 sm:px-6 lg:py-16 lg:px-8"> <div class="px-10 flex flex-row flex-wrap"> <div class="flex flex-col w-full place-items-center sm:place-items-start sm:w-1/3 space-y-4"> <a href="/" target="_blank"><img class="h-6" src="/static/images/icons/logo/hummingbird-logo.28a4a88b89c1.png" alt="charm logo"></a> <p class="text-gray-500 text-base"> Insights for any ecommerce brand. </p> <div class="flex space-x-6"> <a href="https://www.linkedin.com/company/charm-io" class="text-gray-400"> <span class="sr-only">Linkedin</span> <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/> </svg> </a> <a href="https://twitter.com/CharmAnalytics" class="text-gray-400"> <span class="sr-only">Twitter</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" /> </svg> </a> </div> </div> <div class="flex flex-grow flex-row mt-16 sm:mt-5 gap-x-4"> <div class="mr-auto"> <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase"> Support </h3> <ul class="mt-4 space-y-4"> <li> <a href="/pricing" class="text-base text-gray-500"> Pricing </a> </li> <li> <a href="/tutorials" class="text-base text-gray-500"> Tutorials </a> </li> <li> <a href="https://try.charm.io/book-a-demo?utm_campaign=Book a Demo%2FRequest a Free Trial&utm_source=homepage-footer" class="text-base text-gray-500" target="_blank"> Book a Demo </a> </li> </ul> </div> <div class="mr-auto"> <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase"> Use Cases </h3> <ul class="mt-4 space-y-4"> <li> <a href="https://info.charm.io/use-cases" class="text-base text-gray-500"> Retailers </a> </li> <li> <a href="https://info.charm.io/use-cases-prospecting" class="text-base text-gray-500"> SaaS, 3PLs And Agencies </a> </li> <li> <a href="https://info.charm.io/use-cases-sourcing" class="text-base text-gray-500"> Investors </a> </li> </ul> </div> <div class="mr-auto"> <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase"> Resources </h3> <ul class="mt-4 space-y-4"> <li> <a href="https://api.charm.io/api/v2/docs" class="text-base text-gray-500" target="_blank"> API </a> </li> <li> <a href="https://info.charm.io/amazon" class="text-base text-gray-500" target="_blank"> Amazon </a> </li> <li> <a href="https://info.charm.io/customer-stories" class="text-base text-gray-500" target="_blank"> Customer Stories </a> </li> <li> <a href="/tutorials" class="text-base text-gray-500" target="_blank"> Tutorials </a> </li> <li> <a href="/faq" class="text-base text-gray-500"> Help Center </a> </li> <li> <a href="https://info.charm.io/en/blog" class="text-base text-gray-500" target="_blank"> Blog </a> </li> <li> <a href="https://info.charm.io/faq" class="text-base text-gray-500" target="_blank"> FAQ </a> </li> </ul> </div> <div class="mr-auto"> <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase"> Company </h3> <ul class="mt-4 space-y-4"> <li> <a href="https://swiftline.com/" class="text-base text-gray-500" target="_blank"> Swiftline </a> </li> <li> <a href="https://info.charm.io/contact" class="text-base text-gray-500" target="_blank"> Contact Us </a> </li> <li> <a href="/about" class="text-base text-gray-500"> About Charm.io </a> </li> <li> <a href="https://info.charm.io/careers" class="text-base text-gray-500" target="_blank"> Careers </a> </li> </ul> </div> </div> </div> <div class="mt-12 border-t border-gray-200 pt-8"> <p class="text-base text-gray-400 text-center"> <a href="/privacy-policy" class="text-base text-gray-400 pr-4"> Privacy Policy </a> <a href="/terms-of-service" class="text-base text-gray-400 pr-4"> Terms of Service </a> © 2024 Charm. All rights reserved. </p> </div> </div> </div></footer> </body> </html> 
