1<!doctype html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 7 <link rel="preconnect" href="https://cdnjs.cloudflare.com"> 8 9<!-- <link rel="preconnect" href="https://fonts.googleapis.com">--> 10<!-- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>--> 11<!-- <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Lexend:[email protected]&display=swap">--> 12<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend:[email protected]&display=swap">--> 13<!--
vendor: 67 bytes, line 13
13 <script async src="https://www.googletagmanager.com/gtag/js?id=
13G-HQZREZFVZW
vendor: 11 bytes, line 13
13"></script>
13--> 14<!--
14<script>--> 15<!-- window.dataLayer = window.dataLayer || [];--> 16<!-- function gtag(){dataLayer.push(arguments);}--> 17<!-- gtag('js', new Date());--> 18<!-- gtag('config', 'G-HQZREZFVZW');--> 19<!-- </script>
19--> 20
20<script data-cfasync="false"> 21 window.dataLayer = window.dataLayer || []; 22 23 function gtag() { 24 dataLayer.push(arguments); 25 } 26 27 gtag('set', 'developer_id.dNjA1Yz', true); 28 gtag('consent', 'default', { 29 ad_storage: 'denied', 30 ad_user_data: 'denied', 31 ad_personalization: 'denied', 32 analytics_storage: 'denied', 33 functionality_storage: 'denied', 34 personalization_storage: 'denied', 35 security_storage: 'denied', 36 wait_for_update: 2000 }); 37 window.__CST_INLINE_DEFAULT_SET = true; 38 </script>
38 39
39<script data-cfasync="false" src="https://cmp.consentik.com/sites/b9aa92e2-9ad3-4a09-a6b1-55fb3b82b16b/92e307d2d7acf396d37ae6951bfdae70/gcm.js"></script>
39 40 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 41<link rel="preload" href="/wp-content/themes/consentik-theme/assets/font/static/Lexend-Regular.woff2" as="font" type="font/woff2" crossorigin> 42<link rel="preload" href="/wp-content/themes/consentik-theme/assets/font/static/Lexend-SemiBold.woff2" as="font" type="font/woff2" crossorigin> 43
43<script> 44 (function () { 45 if (window.__lnaDefer) return; 46 window.__lnaDefer = true; 47 // Crisp: keep (live chat), but load only on intentional interaction. 48 var DEFER_PATTERNS = ['client.crisp.chat/l.js']; 49 // Google Sign-In (GSI): block entirely â its FedCM probe triggers the 50 // "Access other apps and services on this device" prompt and it is not 51 // used on the marketing site. 52 var BLOCK_PATTERNS = ['accounts.google.com/gsi/client']; 53 var EVENTS = ['click', 'keydown', 'touchstart']; 54 var pending = []; 55 var loaded = false; 56 var origAppend = Node.prototype.appendChild; 57 function matches(node, list) { 58 if (!node || node.tagName !== 'SCRIPT' || !node.src) return false; 59 for (var i = 0; i < list.length; i++) { 60 if (node.src.indexOf(list[i]) !== -1) return true; 61 } 62 return false; 63 } 64 Node.prototype.appendChild = function (node) { 65 if (matches(node, BLOCK_PATTERNS)) { return node; } // drop GSI 66 if (!loaded && matches(node, DEFER_PATTERNS)) { 67 pending.push(node); 68 return node; 69 } 70 return origAppend.apply(this, arguments); 71 }; 72 // Remove RTCPeerConnection so Crisp skips its local-network/WebRTC probe 73 // (chat itself runs over WebSocket and is unaffected). Stops the 74 // "Access other devices on your local network" prompt. 75 function neutralizeWebRTC() { 76 ['RTCPeerConnection', 'webkitRTCPeerConnection', 'mozRTCPeerConnection'].forEach(function (k) { 77 try { Object.defineProperty(window, k, { value: undefined, configurable: true, writable: true }); } 78 catch (e) { try { window[k] = undefined; } catch (e2) {} } 79 }); 80 } 81 function drain() { 82 if (loaded) return; 83 loaded = true; 84 EVENTS.forEach(function (ev) { window.removeEventListener(ev, drain); }); 85 neutralizeWebRTC(); 86 for (var i = 0; i < pending.length; i++) { 87 origAppend.call(document.head, pending[i]); 88 } 89 pending = []; 90 } 91 window.loadCrisp = drain; // backward compat (theme buttons) 92 window.loadDeferredScripts = drain; // generic alias 93 EVENTS.forEach(function (ev) { 94 window.addEventListener(ev, drain, { once: true, passive: true }); 95 }); 96 })(); 97 </script>
97 98 99 <!-- This site is optimized with the Yoast SEO plugin v25.8 - https://yoast.com/wordpress/plugins/seo/ --> 100 <title>Consentik CMP - Boost your website's compliance</title> 101 <meta name="description" content="Consentik makes it straightforward to set up your custom cookie banner and manage user consents efficiently" /> 102 <link rel="canonical" href="https://consentik.com/" /> 103 <meta property="og:locale" content="en_US" /> 104 <meta property="og:type" content="website" /> 105 <meta property="og:title" content="Consentik CMP - Boost your website's compliance" /> 106 <meta property="og:description" content="Consentik makes it straightforward to set up your custom cookie banner and manage user consents efficiently" /> 107 <meta property="og:url" content="https://consentik.com/" /> 108 <meta property="og:site_name" content="Consentikâ¢" /> 109 <meta property="article:modified_time" content="2025-08-18T03:18:46+00:00" /> 110 <meta property="og:image" content="https://consentik.com/wp-content/uploads/2024/09/Slide-16_9-106.png" /> 111 <meta property="og:image:width" content="1920" /> 112 <meta property="og:image:height" content="1080" /> 113 <meta property="og:image:type" content="image/png" /> 114 <meta name="twitter:card" content="summary_large_image" /> 115 <meta name="twitter:site" content="@consentik" /> 116
116<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://consentik.com/","url":"https://consentik.com/","name":"Consentik CMP - Boost your website's compliance","isPartOf":{"@id":"https://consentik.com/#website"},"about":{"@id":"https://consentik.com/#organization"},"primaryImageOfPage":{"@id":"https://consentik.com/#primaryimage"},"image":{"@id":"https://consentik.com/#primaryimage"},"thumbnailUrl":"https://consentik.com/wp-content/uploads/2024/09/Slide-16_9-106.png","datePublished":"2023-09-19T19:27:08+00:00","dateModified":"2025-08-18T03:18:46+00:00","description":"Consentik makes it straightforward to set up your custom cookie banner and manage user consents efficiently","breadcrumb":{"@id":"https://consentik.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://consentik.com/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://consentik.com/#primaryimage","url":"https://consentik.com/wp-content/uploads/2024/09/Slide-16_9-106.png","contentUrl":"https://consentik.com/wp-content/uploads/2024/09/Slide-16_9-106.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https://consentik.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://consentik.com/#website","url":"https://consentik.com/","name":"Consentik","description":"Essential Cookie Compliance Solution for E-commerce","publisher":{"@id":"https://consentik.com/#organization"},"alternateName":"Consentik CMP","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://consentik.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://consentik.com/#organization","name":"Consentik","alternateName":"Consentik CMP","url":"https://consentik.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://consentik.com/#/schema/logo/image/","url":"https://consentik.com/wp-content/uploads/2024/07/cropped-App-Listing-Avatar-Darkmode-2.webp","contentUrl":"https://consentik.com/wp-content/uploads/2024/07/cropped-App-Listing-Avatar-Darkmode-2.webp","width":512,"height":512,"caption":"Consentik"},"image":{"@id":"https://consentik.com/#/schema/logo/image/"},"sameAs":["https://x.com/consentik","https://www.linkedin.com/company/consentik-cmp/","https://www.pinterest.com/consentik/","https://www.youtube.com/channel/UCLvajhZoHHWYAzG3k7uq3Aw/about","http://consentik.wordpress.com/"]}]}</script>
116 117 <!-- / Yoast SEO plugin. --> 118 119 120<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 121<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 122<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 123<link rel="alternate" type="application/rss+xml" title="Consentik⢠» Feed" href="https://consentik.com/feed/" /> 124<link rel="alternate" type="application/rss+xml" title="Consentik⢠» Comments Feed" href="https://consentik.com/comments/feed/" /> 125<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://consentik.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fconsentik.com%2F" /> 126<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://consentik.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fconsentik.com%2F&format=xml" /> 127<style id="wp-img-auto-sizes-contain-inline-css"> 128img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 129/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 130</style> 131<link rel='stylesheet' id='home-v3-styles-css' href='https://consentik.com/wp-content/themes/consentik-theme/assets/home-v3.css?ver=1787902618' media='all' /> 132<style id="wp-emoji-styles-inline-css"> 133 134 img.wp-smiley, img.emoji { 135 display: inline !important; 136 border: none !important; 137 box-shadow: none !important; 138 height: 1em !important; 139 width: 1em !important; 140 margin: 0 0.07em !important; 141 vertical-align: -0.1em !important; 142 background: none !important; 143 padding: 0 !important; 144 } 145/*# sourceURL=wp-emoji-styles-inline-css */ 146</style> 147 148<style id="global-styles-inline-css"> 149:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
149--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
149.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 150/*# sourceURL=global-styles-inline-css */ 151</style> 152 153<link rel='stylesheet' id='my-main-style-css' href='https://consentik.com/wp-content/themes/consentik-theme/style.css?ver=7.1.3' media='all' /> 154<style id="my-main-style-inline-css"> 155@font-face{font-family:'Lexend';src:url('/wp-content/themes/consentik-theme/assets/font/static/Lexend-ExtraLight.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap;}@font-face{font-family:'Lexend';src:url('/wp-content/themes/consentik-theme/assets/font/static/Lexend-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:'Lexend';src:url('/wp-content/themes/consentik-theme/assets/font/static/Lexend-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Lexend';src:url('/wp-content/themes/consentik-theme/assets/font/static/Lexend-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:'Lexend';src:url('/wp-content/themes/consentik-theme/assets/font/static/Lexend-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'Lexend';src:url('/wp-content/themes/consentik-theme/assets/font/static/Lexend-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:'Lexend';src:url('/wp-content/themes/consentik-theme/assets/font/static/Lexend-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}@font-face{font-family:'Lexend Fallback';src:local('Arial');size-adjust:100%;ascent-override:95%;descent-override:22%;line-gap-override:0%;}body{font-family:'Lexend','Lexend Fallback',system-ui,-apple-system,sans-serif;}.text-md{font-size:1rem;line-height:1.5rem;}#home-v3-root{--bg:#ffffff;--bg-soft:#f4faf6;--ink:#053b3b;--ink-2:#0a4f48;--muted:#4a6a64;--muted-2:#7a8f8a;--line:#d8ebde;--line-strong:#b8d9c2;--primary:#045d2e;--green-deep:#045d2e;--green:#0fa84a;--check:#0fa84a;--accent:#def8a8;--highlight:#E7FD99;--danger:#d94545;--shadow-sm:0 1px 2px rgba(10,18,48,.05),0 2px 6px rgba(10,18,48,.04);--shadow:0 4px 14px rgba(10,18,48,.06),0 12px 40px rgba(10,18,48,.06);--shadow-lg:0 24px 60px -20px rgba(10,18,48,.25),0 8px 24px rgba(10,18,48,.08);--font-sans:"Lexend",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-display:"Lexend",-apple-system,BlinkMacSystemFont,sans-serif;display:block;font-family:var(--font-sans);color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#home-v3-root *,#home-v3-root ::after,#home-v3-root ::before{box-sizing:border-box}#home-v3-root img,#home-v3-root svg{display:block;max-width:100%}#home-v3-root a{color:inherit;text-decoration:none}#home-v3-root button{font-family:inherit}#home-v3-root h1{font-family:var(--font-sans)!important;color:var(--ink);letter-spacing:-.02em!important;margin:0;font-weight:700!important;text-wrap:balance}#home-v3-root h1{font-size:clamp(38px,5vw,64px)!important;line-height:1.05!important;letter-spacing:-.025em!important}#home-v3-root p{margin:0;color:var(--muted);text-wrap:pretty}#home-v3-root .container-wide{max-width:1320px;margin:0 auto;padding:0 24px}#home-v3-root section{position:relative}#home-v3-root .btn{display:inline-flex!important;align-items:center;gap:8px;padding:14px 24px;border-radius:10px;font-weight:600;font-size:15px;border:1px solid transparent;white-space:nowrap;font-family:var(--font-sans);line-height:1}#home-v3-root .btn-ghost{background:0 0!important;color:var(--ink)!important;border-color:var(--line-strong)}#home-v3-root .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:13px;color:var(--ink-2);font-weight:500}#home-v3-root .pill .dot{width:6px;height:6px;border-radius:50%;background:var(--check);box-shadow:0 0 0 4px rgba(33,193,121,.18);flex-shrink:0}#home-v3-root .mono{font-family:var(--font-mono)!important}#home-v3-root .caret{display:inline-block;width:3px;height:.95em;background:var(--green);margin-left:4px;vertical-align:middle;animation:.9s steps(1) infinite v3-blink;border-radius:1px}@media (max-width:1024px){#home-v3-root .v3-hero-grid{grid-template-columns:1fr!important;gap:40px!important}#home-v3-root .v3-hero-right{display:none!important}#home-v3-root .v3-hero-badge{display:none!important}#home-v3-root .trusted-grid{grid-template-columns:1fr!important;gap:28px!important}#home-v3-root .trusted-col{border-right:none!important;padding-right:0!important}}@media (max-width:767px){#home-v3-root section{padding-top:64px!important;padding-bottom:64px!important}#home-v3-root .container-wide{padding:0 16px!important}#home-v3-root .v3-hero-grid{gap:28px!important}#home-v3-root h1{font-size:clamp(32px,8vw,48px)!important}}#home-v3-root .reveal{opacity:0;transform:translateY(40px);filter:blur(6px);will-change:opacity,transform,filter}#home-v3-root .reveal-fade{transform:none;filter:none}@media (prefers-reduced-motion:reduce){#home-v3-root .reveal{opacity:1!important;transform:none!important;filter:none!important}}@keyframes v3-blink{50%{opacity:0}
155}@font-face{font-family:Lexend;src:url(/wp-content/themes/consentik-theme/assets/font/static/Lexend-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/wp-content/themes/consentik-theme/assets/font/static/Lexend-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/wp-content/themes/consentik-theme/assets/font/static/Lexend-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/wp-content/themes/consentik-theme/assets/font/static/Lexend-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/wp-content/themes/consentik-theme/assets/font/static/Lexend-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/wp-content/themes/consentik-theme/assets/font/static/Lexend-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/wp-content/themes/consentik-theme/assets/font/static/Lexend-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Lexend Fallback";src:local("Arial");size-adjust:100%;ascent-override:95%;descent-override:22%;line-gap-override:0%}body{font-family:Lexend,"Lexend Fallback",system-ui,-apple-system,sans-serif}:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}:root{--wp--preset--font-size--normal:16px;
155--wp--preset--font-size--huge:42px}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--base:#FFFFFF;--wp--preset--color--contrast:#111111;--wp--preset--color--accent-1:#FFEE58;--wp--preset--color--accent-2:#F6CFF4;--wp--preset--color--accent-3:#503AA8;--wp--preset--color--accent-4:#686868;--wp--preset--color--accent-5:#FBFAF3;--wp--preset--color--accent-6:color-mix(in srgb, currentColor 20%, transparent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
155--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:0.875rem;--wp--preset--font-size--medium:clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem);--wp--preset--font-size--large:clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.392), 1.375rem);--wp--preset--font-size--x-large:clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.392), 2rem);--wp--preset--font-size--xx-large:clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.333), 3rem);--wp--preset--font-family--manrope:Manrope,sans-serif;--wp--preset--font-family--fira-code:"Fira Code",monospace;--wp--preset--spacing--20:10px;--wp--preset--spacing--30:20px;--wp--preset--spacing--40:30px;--wp--preset--spacing--50:clamp(30px, 5vw, 50px);--wp--preset--spacing--60:clamp(30px, 7vw, 70px);--wp--preset--spacing--70:clamp(50px, 7vw, 90px);--wp--preset--spacing--80:clamp(70px, 10vw, 140px);--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255, 255, 255, 1),6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0, 0, 0, 1)}:root{--wp--style--global--content-size:645px;--wp--style--global--wide-size:1340px}:where(body){margin:0}:root{--wp--style--block-gap:1.2rem}body{background-color:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);font-family:var(--wp--preset--font-family--manrope);font-size:var(--wp--preset--font-size--large);font-weight:300;letter-spacing:-.1px;line-height:1.4;--wp--style--root--padding-top:0px;--wp--style--root--padding-right:var(--wp--preset--spacing--50);--wp--style--root--padding-bottom:0px;--wp--style--root--padding-left:var(--wp--preset--spacing--50)}a:where(:not(.wp-element-button)){color:currentColor;text-decoration:underline}h1{font-weight:400;letter-spacing:-.1px;line-height:1.125}h1{font-size:var(--wp--preset--font-size--xx-large)}a{text-decoration-thickness:1px!important;text-underline-offset:.1em}h1,p{text-wrap:pretty}.btn-53,.btn-53 *,.btn-53 :after,.btn-53 :before,.btn-53:after,.btn-53:before{border:0 solid;box-sizing:border-box;font-family:Lexend,sans-serif}.btn-53{-webkit-appearance:button;background-color:var(bg-primary-dark);background-image:none;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0}.btn-53:-moz-focusring{outline:auto}.btn-53{border:1px solid;border-radius:999px;box-sizing:border-box;display:block;overflow:hidden;padding:1.2rem 3rem;position:relative;text-transform:uppercase}.btn-53 .original{background:var(bg-primary-dark);color:#fff;display:grid;inset:0;place-content:center;position:absolute}.btn-53 .letters{display:inline-flex;gap:.2rem}.btn-53 span{opacity:0;transform:translateY(-15px)}.btn-53 span:nth-child(2n){transform:translateY(15px)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;
155--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Lexend,sans-serif;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,p{margin:0}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-6{right:1.5rem}.top-0{top:0}.top-full{top:100%}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.ml-10{margin-left:2.5rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-6{height:1.5rem}.h-full{height:100%}.w-12{width:3rem}.w-20{width:5rem}.w-4\/5{width:80%}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.origin-right{transform-origin:right}.-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.75\]{--tw-scale-x:0.75;--tw-scale-y:0.75}.scale-\[0\.75\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}
155.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-primary-dark{--tw-border-opacity:1;border-color:rgb(0 91 42/var(--tw-border-opacity,1))}.border-t-\[\#0F453B\]{--tw-border-opacity:1;border-top-color:rgb(15 69 59/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-green-800{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.bg-primary-dark{--tw-bg-opacity:1;background-color:rgb(0 91 42/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
155dow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}body,html{font-family:Lexend,sans-serif;max-width:100%!important}*,:after,:before,html{box-sizing:border-box}html{scroll-behavior:smooth}.dropdown-bubble:before{bottom:100%}.dropdown-bubble:after,.dropdown-bubble:before{content:"";position:absolute;left:50%;border:8px solid transparent;border-bottom-color:#0f453b}.dropdown-bubble:after{bottom:calc(100% + 1px);z-index:49}@media (min-width:640px){.sm\:w-96{width:24rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:px-8{padding-left:2rem;padding-right:2rem}}.btn-53,�.btn-53 *,�.btn-53 :after,�.btn-53 :before,�.btn-53:after,�.btn-53:before {� border: 0 solid;� box-sizing: border-box;� font-family: "Lexend", sans-serif;�}��.btn-53 {� -webkit-tap-highlight-color: transparent;� -webkit-appearance: button;� background-color: var(bg-primary-dark);� background-image: none;� color: #fff;� cursor: pointer;� font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,� Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,� Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;� font-size: 100%;� line-height: 1.5;� margin: 0;� -webkit-mask-image: -webkit-radial-gradient(#000, #fff);� padding: 0;�}��.btn-53:disabled {� cursor: default;�}��.btn-53:-moz-focusring {� outline: auto;�}��.btn-53 svg {� display: block;� vertical-align: middle;�}��.btn-53 [hidden] {� display: none;�}��.btn-53 {� border: 1px solid;� border-radius: 999px;� box-sizing: border-box;� display: block;� overflow: hidden;� padding: 1.2rem 3rem;� position: relative;� text-transform: uppercase;�}��.btn-53 .original {� background: var(bg-primary-dark);� color: white;� display: grid;� inset: 0;� place-content: center;� position: absolute;� transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1);�}��.btn-53:hover .original {� transform: translateY(100%);�}��.btn-53 .letters {� display: inline-flex;� gap: 0.2rem;�}��.btn-53 span {� opacity: 0;� transform: translateY(-15px);� transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1), opacity 0.2s;�}��.btn-53 span:nth-child(2n) {� transform: translateY(15px);�}��.btn-53:hover span {� opacity: 1;� transform: translateY(0);�}��.btn-53:hover span:nth-child(2) {� transition-delay: 0.1s;�}��.btn-53:hover span:nth-child(3) {� transition-delay: 0.2s;�}��.btn-53:hover span:nth-child(4) {� transition-delay: 0.3s;�}��.btn-53:hover span:nth-child(5) {� transition-delay: 0.4s;�}��.btn-53:hover span:nth-child(6) {� transition-delay: 0.5s;�}��/**�* Button 02� */��.btn-02 {� font-family: "Lexend", sans-serif;� .btn {� --color: #e35d6a;� position: relative;� display: flex;� justify-content: center;� align-items: center;� transition: all .5s;� border: none;� background-color: transparent;� }�� .btn div {� letter-spacing: 2px;� font-weight: bold;� background: var(--color);� border-radius: 2rem;� color: white;� padding: 1rem;� }�� .btn::before {� content: '';� z-index: -1;� background-color: var(--color);� border: 2px solid white;� border-radius: 2rem;� width: 110%;� height: 100%;� position: absolute;� transform: rotate(10deg);� transition: .5s;� opacity: 0.2;� }�� .btn:hover {� cursor: pointer;� filter: brightness(1.2);� transform: scale(1.1);� }�� .btn:hover::before {� transform: rotate(0deg);� opacity: 1;� }�� .btn svg {� transform: translateX(-200%);� transition: .5s;� width: 0;� opacity: 0;� }�� .btn:hover svg {� width: 25px;� transform: translateX(0%);� opacity: 1;� }�� .btn:active {� filter: brightness(1.4);� }�}body{font-size:16px;color:rgb(51 51 51);line-height:1.5;} 156/*# sourceURL=my-main-style-inline-css */ 157</style> 158<link rel="preload" href="https://consentik.com/wp-content/themes/consentik-theme/assets/styles.css?ver=1790042927" as="style" onload="this.onload=null;this.rel='stylesheet'" media="all"><noscript><link rel="stylesheet" href="https://consentik.com/wp-content/themes/consentik-theme/assets/styles.css?ver=1790042927" media="all"></noscript><link rel="preload" href="https://consentik.com/wp-content/themes/consentik-theme/assets/fontawesome/css/all.min.css?ver=6.7.2" as="style" onload="this.onload=null;this.rel='stylesheet'" media="all"><noscript><link rel="stylesheet" href="https://consentik.com/wp-content/themes/consentik-theme/assets/fontawesome/css/all.min.css?ver=6.7.2" media="all"></noscript><link rel="preload" href="https://consentik.com/wp-content/themes/consentik-theme/assets/vendor/swiper-bundle.min.css?ver=11" as="style" onload="this.onload=null;this.rel='stylesheet'" media="all"><noscript><link rel="stylesheet" href="https://consentik.com/wp-content/themes/consentik-theme/assets/vendor/swiper-bundle.min.css?ver=11" media="all"></noscript><link rel="preload" href="https://consentik.com/wp-content/themes/consentik-theme/assets/vendor/aos.css?ver=3.0.0" as="style" onload="this.onload=null;this.rel='stylesheet'" media="all"><noscript><link rel="stylesheet" href="https://consentik.com/wp-content/themes/consentik-theme/assets/vendor/aos.css?ver=3.0.0" media="all"></noscript>
158<script id="jquery-core-js" src="https://consentik.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 158
158
159<script id="jquery-migrate-js" src="https://consentik.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 159
159
160<script data-wp-strategy="defer" defer id="aos-script-js" src="https://consentik.com/wp-content/themes/consentik-theme/assets/vendor/aos.js?ver=3.0.0"></script>
160 161<link rel="https://api.w.org/" href="https://consentik.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://consentik.com/wp-json/wp/v2/pages/21167" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://consentik.com/xmlrpc.php?rsd" /> 162<meta name="generator" content="WordPress 7.1.3" /> 163<link rel='shortlink' href='https://consentik.com/' /> 164<!-- start Simple Custom CSS and JS -->
165<script> 166 167 console.log('HELLOWORLD') 168 !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Rr Mr fi Or Ar ci Tr Cr capture Mi calculateEventProperties Lr register register_once register_for_session unregister unregister_for_session Hr getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ur jr createPersonProfile zr kr Br opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Dr debug M Nr getPageViewId captureTraceFeedback captureTraceMetric $r".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 169 posthog.init('phc_8h8cYpboWr5rsYl75MjJdmzRaNOHfTJBOoUC8TcMmb2', { 170 api_host: 'https://us.i.posthog.com', 171 defaults: '2025-05-24', 172 person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well 173 }) 174</script>
174 175<!-- end Simple Custom CSS and JS --> 176<!-- start Simple Custom CSS and JS -->
177<script> 178document.addEventListener('DOMContentLoaded', (event) => { 179 const liveChatIcon = document.getElementById("contact-chat"); 180 181 if (liveChatIcon) { 182 liveChatIcon.addEventListener('click', function () { 183 const chatIcon = document.querySelector('a[aria-label="Open chat"]'); 184 if (chatIcon) { 185 chatIcon.click(); 186 } 187 }); 188 } 189 190 let crispToken = Math.floor(Math.random() * 10000001); 191 if (localStorage.getItem("crisp_token")) { 192 crispToken = localStorage.getItem("crisp_token"); 193 } else { 194 localStorage.setItem("crisp_token", crispToken); 195 } 196 197 window.$crisp = []; 198 window.CRISP_TOKEN_ID = crispToken; 199 window.CRISP_WEBSITE_ID = "a4bdf13a-e64f-4660-9d3a-b282560b6427"; 200 201 (function () { 202 let d = document; // Thêm let Äá» tránh lá»i phạm vi biến 203 let s = d.createElement("script"); 204 s.src = "https://client.crisp.chat/l.js"; 205 s.async = 1; 206 d.getElementsByTagName("head")[0].appendChild(s); 207 208 window.$crisp.push(["set", "user:nickname", ["Consentik Website: " + crispToken]]); 209 window.$crisp.push(["set", "session:segments", [["eu gdpr cookies notification"]]]); 210 })(); 211}); 212 213</script>
213 214<!-- end Simple Custom CSS and JS --> 215<!-- start Simple Custom CSS and JS --> 216<!-- end Simple Custom CSS and JS --> 217<meta name="generator" content="Site Kit by Google 1.184.0" /> 218<!-- Google Tag Manager snippet added by Site Kit -->
219<script>
vendor: 420 bytes, lines 219-228
219 220 ( function( w, d, s, l, i ) { 221 w[l] = w[l] || []; 222 w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); 223 var f = d.getElementsByTagName( s )[0], 224 j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; 225 j.async = true; 226 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 227 f.parentNode.insertBefore( j, f ); 228 } )( window, document, 'script', 'dataLayer', '
228GTM-NHS4C7BF
vendor: 9 bytes, lines 228-229
228' ); 229
230</script>
230 231 232<!-- End Google Tag Manager snippet added by Site Kit --> 233<link rel="icon" href="https://consentik.com/wp-content/uploads/2024/07/cropped-App-Listing-Avatar-Darkmode-2-32x32.webp" sizes="32x32" /> 234<link rel="icon" href="https://consentik.com/wp-content/uploads/2024/07/cropped-App-Listing-Avatar-Darkmode-2-192x192.webp" sizes="192x192" /> 235<link rel="apple-touch-icon" href="https://consentik.com/wp-content/uploads/2024/07/cropped-App-Listing-Avatar-Darkmode-2-180x180.webp" /> 236<meta name="msapplication-TileImage" content="https://consentik.com/wp-content/uploads/2024/07/cropped-App-Listing-Avatar-Darkmode-2-270x270.webp" /> 237
237<script type="speculationrules"> 238 { 239 "prerender": [{ 240 "where": { 241 "and": [ 242 { "href_matches": "/*" }, 243 { "not": { "href_matches": "/wp-admin/*" } }, 244 { "not": { "href_matches": "/wp-login*" } }, 245 { "not": { "href_matches": "/cart/*" } }, 246 { "not": { "href_matches": "/checkout/*" } }, 247 { "not": { "href_matches": "/*\\?*" } } 248 ] 249 }, 250 "eagerness": "moderate" 251 }] 252 } 253 </script>
253 254</head> 255<body class="home wp-singular page-template page-template-templates page-template-home page-template-templateshome-php page page-id-21167 wp-custom-logo wp-embed-responsive wp-theme-consentik-theme"> 256<div class="h-16 hidden lg:block w-full"></div> 257<nav id="main-nav" 258 class="fixed top-0 left-1/2 z-50 -translate-x-1/2 transition-all duration-700 ease-in-out 259 w-full bg-white border-b border-gray-200 rounded-none"> 260 <div class="nav-inner max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" 261 style="max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px;"> 262 <div class="nav-row flex justify-between items-center h-16"> 263 <!-- Logo --> 264 <div class="flex-shrink-0"> 265 <a href="https://consentik.com/" class="flex items-center"><img src="https://consentik.com/wp-content/uploads/2026/01/cropped-Group-77-scaled-1.png" width="2558" height="364" alt="Consentikâ¢" class="w-44" fetchpriority="high" decoding="async"></a> </div> 266 267 <!-- Desktop Navigation --> 268 <div class="hidden lg:flex"> 269 <div class="ml-10 flex items-baseline space-x-8"> 270 <ul id="menu-main-menu" class="flex items-baseline space-x-8"><a target="" href="https://consentik.com/" class="text-green-700 font-semibold hover:text-primary px-3 py-3 text-md font-medium transition-colors duration-200">Home</a><div class="relative group"><button class="text-gray-700 hover:text-primary px-1 py-2 text-md font-medium flex items-center transition-colors duration-200">Solutions<svg class="ml-1 h-4 w-4 transition-transform duration-200 group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 271<div class="absolute left-0 mt-2 bg-white rounded-md shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"> 272 <div class="min-w-44"> 273 <a target="" href="https://consentik.com/shopify/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Shopify</a> <a target="" href="https://consentik.com/wix/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Wix</a> <a target="" href="https://consentik.com/shopline/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">SHOPLINE</a> <a target="" href="https://consentik.com/wordpress-plugin/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">WordPress</a> <a target="" href="https://consentik.com/consentik-cmp-embed/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Embed Script</a> </div> 274</div> 275</div> 276<a target="" href="https://consentik.com/pricing/" class="text-gray-700 hover:text-primary px-3 py-3 text-md font-medium transition-colors duration-200">Pricing</a><div class="relative group"><button class="text-gray-700 hover:text-primary px-1 py-2 text-md font-medium flex items-center transition-colors duration-200">Regulations<svg class="ml-1 h-4 w-4 transition-transform duration-200 group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 277<div class="absolute left-0 mt-2 bg-white rounded-md shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"> 278 <div class="min-w-44"> 279 <a target="" href="https://consentik.com/what-is-gdpr/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">GDPR â EU General Data Protection Regulation</a> <a target="" href="https://consentik.com/ccpa/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">CCPA â California Consumer Privacy Act</a> <a target="" href="https://consentik.com/lgpd-data-protection-law/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">LGPD â Brazilian General Data Protection Law</a> <a target="" href="https://consentik.com/digital-markets-act-dma/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">DMA â European Digital Markets Act</a> <a target="" href="https://consentik.com/iab-tcf/" class="block w-full px-4 py-3 text-md text-gray-700 hover:bg-gray-100 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">IAB TCF v2.2 - Transparency & Consent Framework</a> </div> 280</div> 281</div> 282<div class="group mega-menu"><button class="text-gray-700 hover:text-primary px-1 py-2 text-md font-medium flex items-center transition-colors duration-200">Resources<svg class="ml-1 h-4 w-4 transition-transform duration-200 group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
282<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 283<div class="mega-menu-panel max-w-screen-xl mx-auto fixed inset-x-0 top-16 w-screen bg-white rounded-b-md shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"> 284 <div class="max-w-7xl mx-auto px-6 py-6"> 285 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> 286 <div class="mega-col"><div class="px-2 py-2"><div class="text-gray-900 text-md font-semibold mb-2">Free tools</div><div class="space-y-1"> <a target="" href="https://consentik.com/free-cookie-banner-generator/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Free Cookie Banner Generator</a> <a target="" href="https://consentik.com/cookie-policy-generator/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Cookie Policy Generator</a> <a target="" href="https://consentik.com/privacy-policy-generator/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Privacy Policy Generator</a> <a target="" href="https://consentik.com/impressum-generator/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Impressum Generator</a> <a target="" href="https://consentik.com/cookie-checker/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Cookie checker</a> <a target="" href="https://consentik.com/gcm-v2-checker/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Google Consent Mode V2 Checker</a> <a target="" href="https://consentik.com/tcf-decoder/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">IAB TCF - TC String Decoder</a></div> 287</div> 288</div> 289 <div class="mega-col"><div class="px-2 py-2"><div class="text-gray-900 text-md font-semibold mb-2">Resources</div><div class="space-y-1"> <a target="" href="https://consentik.com/blog/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Blog</a> <a target="_blank" href="https://docs.consentik.com/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Documents</a> <a target="" href="https://consentik.com/changelog/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">Changelog</a></div> 290</div> 291</div> 292 <div class="mega-col"><div class="px-2 py-2"><div class="text-gray-900 text-md font-semibold mb-2">About Us</div><div class="space-y-1"> <a target="" href="https://consentik.com/about-us/" class="block w-full px-2 py-1 text-gray-700 hover:text-primary transition-colors duration-200 md:whitespace-nowrap">About Us</a></div> 293</div> 294</div> 295 </div> 296 </div> 297</div> 298</div> 299</ul> </div> 300 </div> 301 302 <!-- CTA Button --> 303 <div id="cta-btn" class="hidden lg:flex flex-shrink-0 w-fit justify-end group relative"> 304 <a id="header-btn-try" target="_blank" href="https://apps.shopify.com/eu-cookies-notification?utm_campaign=website&utm_source=consentikweb&utm_medium=ctaheader"� class="btn-53 transform scale-[0.75] origin-right text-white bg-primary-dark hover:shadow-lg">� <div class="original ">Try For Free</div>� <div class="letters space-x-1">� <span>Try</span>� <span>For</span>� <span>Free</span>� </div>� </a>� <div class="dropdown-bubble absolute w-4/5 mx-auto left-1/2 -translate-x-1/2 right-0 top-full bg-white border-t-4 border-t-[#0F453B] rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"> 305 <div class="py-2 justify-end flex flex-col items-end"> 306 <a id="gcm-checker-shopify-app-btn" target="_blank" 307 href="https://apps.shopify.com/eu-cookies-notification?utm_campaign=website&utm_source=consentikweb&utm_medium=ctaheader" 308 class="flex justify-end w-full items-center gap-4 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors duration-150"> 309 <img class="w-20" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopify.svg" 310 alt=""/> 311 </a> 312 <a id="gcm-checker-wix-app-btn" target="_blank" 313 href="https://www.wix.com/app-market/web-solution/consentik-gdpr-cookie-banner?utm_campaign=website&utm_source=consentikweb&utm_medium=ctaheader" 314 class="flex justify-end w-full items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors duration-150"> 315 <img class="w-8" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wix.svg" alt=""/> 316 </a>
317 <a id="gcm-checker-shopline-app-btn" target="_blank" 318 href="https://apps.shopline.com/detail?appHandle=consentik+gdpr+cookie+banner&utm_campaign=website&utm_source=consentikweb&utm_medium=ctaheader" 319 class="flex justify-end w-full items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors duration-150"> 320 <img class="w-20" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopline.svg" 321 alt=""/> 322 </a> 323 <a id="gcm-checker-wordpress-app-btn" target="_blank" 324 href="https://wordpress.org/plugins/consentik-cmp/?utm_campaign=website&utm_source=consentikweb&utm_medium=ctaheader" 325 class="flex justify-end w-full items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors duration-150"> 326 <img class="w-6" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wp.svg" 327 alt=""/> 328 Wordpress 329 </a> 330 <a id="gcm-checker-cmp-app-btn" target="_blank" 331 href="https://cmp.consentik.com/admin" 332 class="flex justify-end w-full px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors duration-150"> 333 On own website 334 </a> 335 </div> 336 </div> 337 </div> 338 <!-- Mobile menu button --> 339 <div class="lg:hidden"> 340 <button id="mobile-menu-button" 341 class="text-gray-700 hover:text-primary focus:outline-none focus:text-primary transition-colors duration-200"> 342 <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 343 <path id="menu-icon" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 344 d="M4 6h16M4 12h16M4 18h16"></path> 345 <path id="close-icon" class="hidden" stroke-linecap="round" stroke-linejoin="round" 346 stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 347 </svg> 348 </button> 349 </div> 350 </div> 351 </div> 352 353 354</nav>
355<script> 356 (function () { 357 var nav = document.getElementById('main-nav'); 358 if (!nav) return; 359 var THRESHOLD = 100; 360 var scrolled = false, ticking = false; 361 function update() { 362 var next = window.scrollY > THRESHOLD; 363 if (next !== scrolled) { 364 scrolled = next; 365 nav.classList.toggle('is-scrolled', next); 366 } 367 ticking = false; 368 } 369 update(); // prime it: the page can load already scrolled 370 window.addEventListener('scroll', function () { 371 if (!ticking) { 372 window.requestAnimationFrame(update); 373 ticking = true; 374 } 375 }, { passive: true }); 376 })(); 377</script>
377 378<!-- Mobile Navigation Drawer --> 379<!-- Backdrop --> 380<div id="mobile-backdrop" 381 class="fixed inset-0 bg-black bg-opacity-50 z-40 lg:hidden hidden transition-opacity duration-300"></div> 382<div id="mobile-drawer" 383 class="fixed top-0 left-0 h-full w-80 sm:w-96 bg-white shadow-xl z-50 lg:hidden transform -translate-x-full transition-transform duration-300 ease-in-out"> 384 <!-- Drawer Header --> 385 <div class="flex items-center justify-between p-4 border-b border-gray-200"> 386 <div class="text-xl font-bold text-gray-800"> 387 <img src="https://consentik.com/wp-content/uploads/2026/01/cropped-Group-77-scaled-1.png" alt="Consentikâ¢" class="h-6 w-auto"> </div> 388 <button id="close-drawer" class="text-gray-500 hover:text-gray-700 focus:outline-none"> 389 <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 390 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 391 d="M6 18L18 6M6 6l12 12"></path> 392 </svg> 393 </button> 394 </div> 395 396 <!-- Drawer Content --> 397 <div class="flex flex-col h-full overflow-y-auto"> 398 <div class="flex-1 px-4 py-6 space-y-2 sm:px-6 sm:py-8"> 399 <ul id="menu-main-menu-1" class="space-y-2"><a href="https://consentik.com/" class="block px-4 py-3 text-base font-medium text-green-700 bg-blue-50 font-semibold hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-lg">Home</a><div class="block mobile-menu-item" data-has-submenu="true"><button class="w-full text-left px-4 py-3 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-lg flex items-center justify-between transition-colors duration-200 sm:text-lg" data-toggle="mobile-toggle-1">Solutions<svg class="h-5 w-5 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 400<div class="hidden pl-4 mt-2 space-y-1 mobile-submenu" id="mobile-menu-1" data-parent-toggle="mobile-toggle-1"> 401 <a href="https://consentik.com/shopify/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">Shopify</a></a> 402 <a href="https://consentik.com/wix/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">Wix</a></a> 403 <a href="https://consentik.com/shopline/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">SHOPLINE</a></a> 404 <a href="https://consentik.com/wordpress-plugin/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">WordPress</a></a> 405 <a href="https://consentik.com/consentik-cmp-embed/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">Embed Script</a></a> 406</div> 407</div> 408<a href="https://consentik.com/pricing/" class="block px-4 py-3 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-lg">Pricing</a><div class="block mobile-menu-item" data-has-submenu="true"><button class="w-full text-left px-4 py-3 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-lg flex items-center justify-between transition-colors duration-200 sm:text-lg" data-toggle="mobile-toggle-2">Regulations<svg class="h-5 w-5 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 409<div class="hidden pl-4 mt-2 space-y-1 mobile-submenu" id="mobile-menu-2" data-parent-toggle="mobile-toggle-2"> 410 <a href="https://consentik.com/what-is-gdpr/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">GDPR â EU General Data Protection Regulation</a></a> 411 <a href="https://consentik.com/ccpa/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">CCPA â California Consumer Privacy Act</a></a> 412 <a href="https://consentik.com/lgpd-data-protection-law/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">LGPD â Brazilian General Data Protection Law</a></a> 413 <a href="https://consentik.com/digital-markets-act-dma/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">DMA â European Digital Markets Act</a></a> 414 <a href="https://consentik.com/iab-tcf/" class="block px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-base md:whitespace-nowrap max-w-max">IAB TCF v2.2 - Transparency & Consent Framework</a></a> 415</div> 416</div> 417<div class="block mobile-menu-item" data-has-submenu="true"><button class="w-full text-left px-4 py-3 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-lg flex items-center justify-between transition-colors duration-200 sm:text-lg" data-toggle="mobile-toggle-3">Resources<svg class="h-5 w-5 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
417<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 418<div class="hidden pl-4 mt-2 space-y-1 mobile-submenu" id="mobile-menu-3" data-parent-toggle="mobile-toggle-3"> 419 <div class="block mobile-menu-item" data-has-submenu="true"><button class="w-full text-left px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg flex items-center justify-between transition-colors duration-200 sm:text-base" data-toggle="mobile-toggle-4">Free tools<svg class="h-4 w-4 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 420 <div class="hidden pl-4 mt-2 space-y-1 mobile-submenu" id="mobile-menu-4" data-parent-toggle="mobile-toggle-4"> 421 <a href="https://consentik.com/free-cookie-banner-generator/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Free Cookie Banner Generator</a></a> 422 <a href="https://consentik.com/cookie-policy-generator/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Cookie Policy Generator</a></a> 423 <a href="https://consentik.com/privacy-policy-generator/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Privacy Policy Generator</a></a> 424 <a href="https://consentik.com/impressum-generator/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Impressum Generator</a></a> 425 <a href="https://consentik.com/cookie-checker/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Cookie checker</a></a> 426 <a href="https://consentik.com/gcm-v2-checker/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Google Consent Mode V2 Checker</a></a> 427 <a href="https://consentik.com/tcf-decoder/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">IAB TCF - TC String Decoder</a></a> 428 </div> 429</div> 430 <div class="block mobile-menu-item" data-has-submenu="true"><button class="w-full text-left px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg flex items-center justify-between transition-colors duration-200 sm:text-base" data-toggle="mobile-toggle-5">Resources<svg class="h-4 w-4 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 431 <div class="hidden pl-4 mt-2 space-y-1 mobile-submenu" id="mobile-menu-5" data-parent-toggle="mobile-toggle-5"> 432 <a href="https://consentik.com/blog/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Blog</a></a> 433 <a href="https://docs.consentik.com/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Documents</a></a> 434 <a href="https://consentik.com/changelog/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">Changelog</a></a> 435 </div> 436</div> 437 <div class="block mobile-menu-item" data-has-submenu="true"><button class="w-full text-left px-4 py-2 text-md text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg flex items-center justify-between transition-colors duration-200 sm:text-base" data-toggle="mobile-toggle-6">About Us<svg class="h-4 w-4 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
437<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button> 438 <div class="hidden pl-4 mt-2 space-y-1 mobile-submenu" id="mobile-menu-6" data-parent-toggle="mobile-toggle-6"> 439 <a href="https://consentik.com/about-us/" class="block px-4 py-2 text-md text-gray-500 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors duration-200 sm:text-md md:whitespace-nowrap max-w-max">About Us</a></a> 440 </div> 441</div> 442</div> 443</div> 444</ul> </div> 445 446 <!-- Mobile CTA at bottom --> 447 <div class="p-4 border-t border-gray-200" style="padding: 16px;"> 448 <a href="#" 449 class="block w-full text-center bg-green-800 hover:bg-green-900 text-white px-4 py-3 rounded-full text-base font-medium transition-colors duration-200" 450 style="padding: 12px 16px;"> 451 Try For Free 452 </a> 453 </div> 454 </div> 455</div> 456<!-- Drawer --> 457 458 459<style> 460#home-v3-root .feature-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } 461#home-v3-root .feature-card { transition: transform .3s ease, box-shadow .3s ease; } 462#home-v3-root .trusted-chip:hover { opacity: 1 !important; transform: translateY(-2px); } 463#home-v3-root .trusted-chip { transition: opacity .25s ease, transform .25s ease; } 464details.faq-item > summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } 465details.faq-item > summary::-webkit-details-marker { display: none; } 466details.faq-item[open] summary .faq-icon { transform: rotate(45deg); } 467#home-v3-root .gcmp-badge-float { animation: v3-float 5s ease-in-out infinite; } 468</style> 469 470<div id="home-v3-root"> 471<main> 472 473<!-- ============================================================ 474 HERO SECTION 475 ============================================================ --> 476<section style="position:relative;padding:70px 0 50px;z-index:10;"> 477 <div aria-hidden style="position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 500px at 80% 0%, rgba(255,206,58,.18), transparent 60%), radial-gradient(700px 400px at 0% 30%, rgba(10,31,68,.06), transparent 60%);"></div> 478 479 <div class="container-wide v3-hero-grid" style="position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;"> 480 481 <!-- Left column --> 482 <div> 483 <div class="pill" style="margin-bottom:22px;"> 484 <span class="dot"></span><span>IAB TCF v2.3 · Google Gold Tier CMP Partner · Microsoft approved</span> 485 </div> 486 487 <h1> 488 Stay compliant without slowing growth.<br> 489 Built for <span id="rotating-reg" style="display:inline-block;color:var(--green-deep);font-weight:800;letter-spacing:-0.02em;white-space:nowrap;background:linear-gradient(180deg, transparent 62%, var(--highlight) 62%, var(--highlight) 94%, transparent 94%);padding:0 4px;">GDPR</span><span class="caret"></span> 490 </h1> 491 492 <p style="font-size:18px;margin-top:24px;max-width:540px;line-height:1.55;"> 493 Consentik™ is the consent management platform that helps merchants meet every major privacy law — with a fully customizable banner, Google Consent Mode v2 built in, and 24/7 support. 494 </p> 495 496 <div style="display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;align-items:center;"> 497 <!-- Try For Free â same dropdown-bubble pattern as header CTA --> 498 <div class="group relative" style="display:inline-flex;"> 499 <a href="https://apps.shopify.com/eu-cookies-notification?utm_campaign=website&utm_source=consentikweb&utm_medium=ctahero" target="_blank" 500 class="btn-53" 501 style="border-radius:10px;padding:14px 24px;font-size:15px;line-height:16px;font-weight:600;text-transform:none;background:#053b3b;border-color:#053b3b;color:#fff!important;"> 502 <div class="original" style="background:#053b3b;font-weight:600;font-size:15px;text-transform:none;color:#fff;">Try For Free</div> 503 <div class="letters" style="gap:4px;color:#fff;"> 504 <span style="color:#fff;">Try</span><span style="color:#fff;">For</span><span style="color:#fff;">Free</span> 505 </div> 506 </a> 507 <div class="dropdown-bubble absolute left-1/2 -translate-x-1/2 top-full bg-white border-t-4 border-t-[#0F453B] rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50" style="min-width:160px;"> 508 <div class="py-2 flex flex-col items-end"> 509 <a target="_blank" href="https://apps.shopify.com/eu-cookies-notification?utm_campaign=website&utm_source=consentikweb&utm_medium=ctahero" class="flex justify-end w-full items-center gap-4 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors"> 510 <img class="w-20" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopify.svg" alt="Shopify"/> 511 </a> 512 <a target="_blank" href="https://www.wix.com/app-market/web-solution/consentik-gdpr-cookie-banner?utm_campaign=website&utm_source=consentikweb&utm_medium=ctahero" class="flex justify-end w-full items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors"> 513 <img class="w-8" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wix.svg" alt="Wix"/> 514 </a> 515 <a target="_blank" href="https://apps.shopline.com/detail?appHandle=consentik+gdpr+cookie+banner&utm_campaign=website&utm_source=consentikweb&utm_medium=ctahero" class="flex justify-end w-full items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors"> 516 <img class="w-20" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopline.svg" alt="Shopline"/>
516 517 </a> 518 <a target="_blank" href="https://wordpress.org/plugins/consentik-cmp/?utm_campaign=website&utm_source=consentikweb&utm_medium=ctahero" class="flex justify-end w-full items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors"> 519 <img class="w-6" src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wp.svg" alt="WordPress"/> 520 WordPress 521 </a> 522 <a target="_blank" href="https://cmp.consentik.com/admin" class="flex justify-end w-full px-4 py-2 text-gray-700 hover:bg-gray-100 transition-colors"> 523 On own website 524 </a> 525 </div> 526 </div> 527 </div> 528 <a href="#scan" class="btn btn-ghost"> 529 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 530 <circle cx="11" cy="11" r="7"/> 531 <line x1="21" y1="21" x2="16.65" y2="16.65"/> 532 </svg> 533 Scan your website 534 </a> 535 </div> 536 537 <div style="margin-top:32px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;"> 538 <span style="font-size:11px;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:600;">Trusted by 12,000+</span> 539 <div style="display:flex;gap:4px;"> 540 <svg width="16" height="16" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 541 <svg width="16" height="16" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 542 <svg width="16" height="16" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 543 <svg width="16" height="16" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 544 <svg width="16" height="16" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 545 </div> 546 <span style="font-size:13px;color:var(--ink-2);font-weight:600;">4.9 / 5 across 500+ reviews</span> 547 </div> 548 </div> 549 550 <!-- Right column: Privacy-law globe --> 551 <div class="v3-hero-right" style="position:relative;"> 552 <!-- Interactive globe (cobe). Markers + badges injected via globe-v3.js --> 553 <div class="v3-globe-wrap" id="v3-globe-wrap"> 554 <div class="v3-globe-glow" aria-hidden="true"></div> 555 <canvas id="v3-globe-canvas" class="v3-globe-canvas" role="img" 556 aria-label="Rotating globe highlighting the major data privacy laws Consentik helps you comply with worldwide, including GDPR, UK GDPR, CCPA, LGPD, PIPL and more."></canvas> 557 <!-- Law abbreviation badges (positioned by JS) --> 558 <div class="v3-globe-badges" id="v3-globe-badges" aria-hidden="true"></div> 559 <!-- Static fallback list for no-JS / WebGL-off (also aids SEO) --> 560 <noscript> 561 <ul class="v3-globe-fallback"> 562 <li>GDPR</li><li>UK GDPR</li><li>CCPA</li><li>LGPD</li><li>PIPL</li><li>DPDP Act</li><li>APPI</li><li>PIPA</li><li>PIPEDA</li><li>POPIA</li> 563 </ul> 564 </noscript> 565 <!-- Shield emblem --> 566 <div class="v3-globe-shield" aria-hidden="true"> 567 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 568 <path d="M12 2.4l7.2 2.7v5.3c0 4.7-3.07 8.74-7.2 9.96C7.87 19.14 4.8 15.1 4.8 10.4V5.1L12 2.4z" fill="#053b3b" stroke="#E7FD99" stroke-width="1.1" stroke-linejoin="round"/> 569 <path d="M8.5 12.1l2.4 2.4 4.6-4.8" stroke="#E7FD99" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/> 570 </svg> 571 </div> 572 </div> 573 574 <!-- Floating badge: Compliance score --> 575 <div class="v3-hero-badge" style="position:absolute;top:-20px;right:-10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;animation:v3-float 5s ease-in-out infinite;z-index:10;"> 576 <div style="width:32px;height:32px;border-radius:8px;background:rgba(33,193,121,.15);display:flex;align-items:center;justify-content:center;">
577 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"> 578 <path d="M3 8L6.5 11.5L13 5" stroke="#0fa84a" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/> 579 </svg> 580 </div> 581 <div> 582 <div style="font-size:11px;color:var(--muted);font-weight:500;">Compliance score</div> 583 <div style="font-size:18px;font-weight:800;color:var(--ink);">98<span style="font-size:12px;color:var(--muted);font-weight:500;">/100</span></div> 584 </div> 585 </div> 586 587 <!-- Floating badge: Consents synced --> 588 <div class="v3-hero-badge" style="position:absolute;top:36px;left:-28px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;animation:v3-float 5s ease-in-out infinite;animation-delay:1s;z-index:10;"> 589 <span style="width:8px;height:8px;border-radius:50%;background:var(--check);box-shadow:0 0 0 4px rgba(33,193,121,.2);display:inline-block;flex-shrink:0;"></span> 590 <div> 591 <div style="font-size:11px;color:var(--muted);">Consents synced</div> 592 <div class="mono" style="font-size:13px;font-weight:700;color:var(--ink);">1,284,902</div> 593 </div> 594 </div> 595 </div><!-- /right col --> 596 597 </div> 598</section> 599 600 601<!-- ============================================================ 602 TRUSTED STRIP 603 ============================================================ --> 604<section class="reveal reveal-fade" style="padding:56px 0 64px;background:linear-gradient(180deg, #053b3b 0%, #032e2e 100%);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;"> 605 <div aria-hidden style="position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center, black, transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center, black, transparent 75%);"></div> 606 <div class="container-wide" style="position:relative;"> 607 <div style="display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;" class="trusted-grid"> 608 609 <!-- Certified by --> 610 <div style="border-right:1px solid rgba(255,255,255,.12);padding-right:56px;" class="trusted-col"> 611 <div class="mono" style="font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:18px;">Certified by</div> 612 <div style="display:flex;align-items:center;gap:28px;flex-wrap:wrap;"> 613 <a href="https://cmppartnerprogram.withgoogle.com/" target="_blank" rel="noopener" title="Google Gold Tier CMP Partner" class="trusted-chip" style="display:inline-flex;align-items:center;justify-content:center;height:96px;padding:0 8px;opacity:.85;"> 614 <img src="https://consentik.com/wp-content/uploads/2026/08/Gold-CMP.svg" alt="Google Gold Tier CMP Partner" width="67" height="86" style="height:86px;width:auto;display:block;" decoding="async"> 615 </a> 616 <a href="https://iabeurope.eu/transparency-consent-framework/" target="_blank" rel="noopener" title="IAB TCF v2.3" class="trusted-chip" style="display:inline-flex;align-items:center;justify-content:center;height:96px;padding:0 8px;opacity:.85;"> 617 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/iab-tcf.svg" alt="IAB TCF v2.3" width="77" height="46" style="height:46px;width:auto;display:block;" decoding="async"> 618 </a> 619 <a href="https://about.ads.microsoft.com/en-us/solutions/audience-targeting/consent-mode" target="_blank" rel="noopener" title="Microsoft Approved CMP" class="trusted-chip" style="display:inline-flex;align-items:center;justify-content:center;height:96px;padding:0 8px;opacity:.85;"> 620 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/ms.png" alt="Microsoft Approved" width="98" height="36" style="height:36px;width:auto;display:block;" decoding="async"> 621 </a> 622 </div> 623 </div> 624 625 <!-- Available on --> 626 <div class="trusted-col"> 627 <div class="mono" style="font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:18px;">Available on</div> 628 <div style="display:flex;align-items:center;gap:28px;flex-wrap:wrap;"> 629 <a href="https://apps.shopify.com/eu-cookies-notification?utm_campaign=website&utm_source=consentikweb&utm_medium=homepage" target="_blank" rel="noopener" title="Shopify" class="trusted-chip" style="display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 8px;opacity:.85;"> 630 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopify-partner.png" alt="Shopify Partner" width="125" height="34" style="height:34px;width:auto;display:block;" decoding="async"> 631 </a> 632 <a href="https://www.wix.com/app-market/web-solution/consentik-gdpr-cookie-banner?utm_campaign=website&utm_source=consentikweb&utm_medium=homepage" target="_blank" rel="noopener" title="Wix" class="trusted-chip" style="display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 8px;opacity:.85;"> 633 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wix-white.png" alt="Wix" width="62" height="24" style="height:24px;width:auto;display:block;" decoding="async"> 634 </a> 635 <a href="https://apps.shopline.com/detail?appHandle=consentik+gdpr+cookie+banner&utm_campaign=website&utm_source=consentikweb&utm_medium=homepage" target="_blank" rel="noopener" title="SHOPLINE" class="trusted-chip" style="display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 8px;opacity:.85;"> 636 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopline-white.png" alt="SHOPLINE" width="86" height="24" style="height:24px;width:auto;display:block;" decoding="async"> 637 </a> 638 <a href="https://wordpress.org/plugins/consentik-cmp/?utm_campaign=website&utm_source=consentikweb&utm_medium=homepage" target="_blank" rel="noopener" title="WordPress" class="trusted-chip" style="display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 8px;opacity:.85;"> 639 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wp.png" alt="WordPress" width="70" height="38" style="height:38px;width:auto;display:block;" decoding="async"> 640 </a> 641 <a href="https://cmp.consentik.com/admin" target="_blank" rel="noopener" class="trusted-chip" style="display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 4px;color:rgba(255,255,255,.85);font-weight:700;font-size:16px;letter-spacing:-0.01em;font-family:'JetBrains Mono', monospace;opacity:.85;"> 642 <svg width="18" height="18" viewBox="0 0 18 18" fill="none"> 643 <path d="M6 4L2 9L6 14M12 4L16 9L12 14" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> 644 </svg>
645 <span>Embed Script</span> 646 </a> 647 </div> 648 </div> 649 650 </div> 651 </div> 652</section> 653 654 655<!-- ============================================================ 656 SCAN TOOL 657 ============================================================ --> 658<section id="scan" class="reveal reveal-scale" style="padding:100px 0;"> 659 <div class="container"> 660 <div style="background:linear-gradient(135deg, #032a2a 0%, #053b3b 45%, #045d2e 100%);border-radius:24px;padding:80px 64px;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);"> 661 <div aria-hidden style="position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 50%, black, transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 50%, black, transparent 70%);"></div> 662 <div aria-hidden style="position:absolute;top:-120px;right:-80px;width:500px;height:500px;background:radial-gradient(circle, rgba(255,206,58,.4), transparent 60%);filter:blur(40px);"></div> 663 664 <div class="v3-scan-grid" style="position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;"> 665 <!-- Left: copy + form --> 666 <div> 667 <div class="pill" style="background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;margin-bottom:22px;"> 668 <span class="dot" style="background:var(--accent);"></span><span>Free compliance check</span> 669 </div> 670 <h2 style="color:var(--highlight);margin-bottom:24px;">Is your store actually compliant?</h2> 671 <p style="color:rgba(255,255,255,.7);font-size:16px;margin-bottom:36px;"> 672 Non-compliance can cost up to <strong style="color:var(--accent);">4% of annual turnover or €20M</strong>. Our scanner pinpoints gaps in seconds. 673 </p> 674 <form id="scan-form" style="display:flex;gap:8px;background:rgba(255,255,255,.08);padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.14);"> 675 <input 676 id="scan-input" 677 type="text" 678 placeholder="https://yourstore.com" 679 autocomplete="off" 680 style="flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:15px;padding:10px 14px;font-family:var(--font-mono);" 681 > 682 <button type="submit" class="btn btn-primary" style="padding:10px 18px;">Scan now <span class="arrow">→</span></button> 683 </form> 684 <div style="margin-top:8px;min-height:18px;"> 685 <span id="scan-error" style="font-size:12px;color:#f87171;font-family:var(--font-mono);display:none;"></span> 686 <span id="scan-hint" style="font-size:12px;color:rgba(255,255,255,.5);font-family:var(--font-mono);">No signup · 30-second analysis</span> 687 </div> 688 </div> 689 690 <!-- Right: radar visual --> 691 <div class="v3-scan-right" style="background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;backdrop-filter:blur(10px);"> 692 <div style="text-align:center;padding:30px 0;"> 693 <div style="position:relative;width:140px;height:140px;margin:0 auto 18px;"> 694 <!-- Rings --> 695 <div style="position:absolute;inset:0;margin:auto;width:100%;height:100%;border-radius:50%;border:1.2px solid rgba(231,253,153,.22);box-shadow:0 0 24px rgba(231,253,153,.08) inset;"></div> 696 <div style="position:absolute;inset:0;margin:auto;width:72%;height:72%;border-radius:50%;border:1.2px solid rgba(231,253,153,.22);"></div> 697 <div style="position:absolute;inset:0;margin:auto;width:46%;height:46%;border-radius:50%;border:1.2px solid rgba(231,253,153,.22);"></div> 698 <div style="position:absolute;inset:0;margin:auto;width:22%;height:22%;border-radius:50%;border:1.2px solid rgba(231,253,153,.22);"></div> 699 <!-- Sweep --> 700 <div style="position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg, transparent 0deg, rgba(231,253,153,.45) 40deg, transparent 60deg);animation:v3-sweep 2.6s linear infinite;mask-image:radial-gradient(circle, black 50%, transparent 71%);-webkit-mask-image:radial-gradient(circle, black 50%, transparent 71%);"></div> 701 <!-- Crosshair lines --> 702 <div style="position:absolute;inset:0;margin:auto;width:100%;height:1px;background:linear-gradient(90deg, transparent, rgba(231,253,153,.18), transparent);"></div> 703 <div style="position:absolute;inset:0;margin:auto;width:1px;height:100%;background:linear-gradient(180deg, transparent, rgba(231,253,153,.18), transparent);"></div> 704 <!-- Blip dots --> 705 <div style="position:absolute;
705left:32%;top:38%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(231,253,153,.6);animation:v3-blip 2.4s ease-out infinite 0s;"></div> 706 <div style="position:absolute;left:68%;top:62%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(231,253,153,.6);animation:v3-blip 2.4s ease-out infinite .6s;"></div> 707 <div style="position:absolute;left:58%;top:30%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(231,253,153,.6);animation:v3-blip 2.4s ease-out infinite 1.2s;"></div> 708 <div style="position:absolute;left:40%;top:70%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(231,253,153,.6);animation:v3-blip 2.4s ease-out infinite 1.8s;"></div> 709 <!-- Centre dot --> 710 <div style="position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(231,253,153,.7);"></div> 711 </div> 712 <div style="font-size:14px;color:rgba(255,255,255,.78);font-weight:500;">Ready when you are</div> 713 <div class="mono" style="font-size:11px;color:rgba(255,255,255,.4);margin-top:6px;letter-spacing:.08em;">ENTER A URL TO BEGIN ANALYSIS</div> 714 </div> 715 </div> 716 </div> 717 </div> 718 </div> 719</section> 720 721 722<!-- ============================================================ 723 FREE COOKIE BANNER GENERATOR 724 ============================================================ --> 725<section class="reveal" style="padding:100px 0;"> 726 <div class="container">
727 <div class="surface v3-fcbg-grid" style="border-radius:24px;padding:56px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;background:linear-gradient(135deg, #ffffff 0%, #f7fbf3 100%);border:1px solid var(--line-strong);box-shadow:0 4px 14px -4px rgba(8,30,30,.08), 0 1px 0 rgba(255,255,255,.5) inset;position:relative;overflow:hidden;"> 728 729 <div aria-hidden style="position:absolute;top:-100px;right:-80px;width:360px;height:360px;background:radial-gradient(circle, rgba(231,253,153,.55), transparent 65%);filter:blur(10px);pointer-events:none;"></div> 730 731 <!-- LEFT: copy + CTA --> 732 <div style="position:relative;"> 733 <div class="pill" style="margin-bottom:22px;"> 734 <span class="dot"></span><span>Free tool · No signup</span> 735 </div> 736 737 <h2 style="margin-bottom:16px;"> 738 Build a compliant <span class="hl" style="white-space:nowrap;">cookie banner</span> — without writing code. 739 </h2> 740 <p style="font-size:16px;margin-bottom:28px;max-width:520px;line-height:1.55;"> 741 Not ready to install an app? Use our free generator to ship a GDPR-ready cookie banner in minutes. Customize the look, copy the snippet, and paste it into any site — Shopify, Wix, WordPress, or custom HTML. 742 </p> 743 744 <div style="display:flex;flex-direction:column;gap:14px;margin-bottom:32px;"> 745 <div style="display:flex;gap:14px;align-items:flex-start;"> 746 <div style="flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--highlight);display:flex;align-items:center;justify-content:center;color:var(--green-deep);"><svg width="18" height="18" viewBox="0 0 22 22" fill="none"><path d="M3 11l5 5L19 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 747 <div> 748 <div style="font-weight:700;font-size:15px;color:var(--ink);margin-bottom:2px;">GDPR-ready copy out of the box</div> 749 <div style="font-size:14px;color:var(--muted);line-height:1.55;max-width:480px;">Pre-written, lawyer-reviewed banner text covering EU, UK and US requirements — tweak or use as is.</div> 750 </div> 751 </div> 752 <div style="display:flex;gap:14px;align-items:flex-start;"> 753 <div style="flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--highlight);display:flex;align-items:center;justify-content:center;color:var(--green-deep);"><svg width="18" height="18" viewBox="0 0 22 22" fill="none"><polyline points="6 16 2 11 6 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><polyline points="16 6 20 11 16 16" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><line x1="13" y1="4" x2="9" y2="18" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></div> 754 <div> 755 <div style="font-weight:700;font-size:15px;color:var(--ink);margin-bottom:2px;">Drop-in HTML & JS snippet</div> 756 <div style="font-size:14px;color:var(--muted);line-height:1.55;max-width:480px;">One copy-paste block. Works on any site, any stack — no app install, no platform lock-in.</div> 757 </div> 758 </div> 759 <div style="display:flex;gap:14px;align-items:flex-start;"> 760 <div style="flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--highlight);display:flex;align-items:center;justify-content:center;color:var(--green-deep);"><svg width="18" height="18" viewBox="0 0 22 22" fill="none"><circle cx="11" cy="11" r="8" stroke="currentColor" stroke-width="1.8"/><path d="M11 6v5l3 2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></div> 761 <div> 762 <div style="font-weight:700;font-size:15px;color:var(--ink);margin-bottom:2px;">Live in under 60 seconds</div> 763 <div style="font-size:14px;color:var(--muted);line-height:1.55;max-width:480px;">No signup, no credit card. Customize colors, position and language, then paste into your site.</div> 764 </div> 765 </div> 766 </div> 767 768 <div style="display:flex;gap:12px;flex-wrap:wrap;align-items:center;"> 769 <a href="https://consentik.com/free-cookie-banner-generator/" class="btn btn-primary"> 770 Open the free generator <span class="arrow">→</span> 771 </a>
772 <span class="mono" style="font-size:12px;color:var(--muted);">No card · Snippet ready in 60s</span> 773 </div> 774 </div> 775 776 <!-- RIGHT: generator preview mock --> 777 <div style="position:relative;"> 778 <!-- Generator UI mock --> 779 <div style="background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;"> 780 <!-- Toolbar --> 781 <div style="display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-soft);border-bottom:1px solid var(--line);"> 782 <div style="display:flex;align-items:center;gap:8px;"> 783 <span style="width:8px;height:8px;border-radius:50%;background:var(--check);box-shadow:0 0 0 4px rgba(33,193,121,.18);"></span> 784 <span class="mono" style="font-size:11px;color:var(--ink-2);letter-spacing:.06em;">cookie-banner-generator</span> 785 </div> 786 <span class="mono" style="font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;">Live preview</span> 787 </div> 788 789 <!-- Controls --> 790 <div style="padding:18px 18px 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px;"> 791 <div> 792 <div class="mono" style="font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;">Position</div> 793 <div style="display:flex;gap:6px;"> 794 <span style="flex:1;height:28px;border-radius:6px;background:var(--ink);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;">Bottom</span> 795 <span style="flex:1;height:28px;border-radius:6px;background:var(--bg-soft);border:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;">Top</span> 796 <span style="flex:1;height:28px;border-radius:6px;background:var(--bg-soft);border:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;">Box</span> 797 </div> 798 </div> 799 <div> 800 <div class="mono" style="font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;">Theme</div> 801 <div style="display:flex;gap:6px;align-items:center;height:28px;"> 802 <span style="width:24px;height:24px;border-radius:6px;background:#053b3b;border:2px solid var(--accent);"></span> 803 <span style="width:24px;height:24px;border-radius:6px;background:#1f2937;border:1px solid var(--line);"></span> 804 <span style="width:24px;height:24px;border-radius:6px;background:#fff;border:1px solid var(--line);"></span> 805 <span style="width:24px;height:24px;border-radius:6px;background:var(--accent);border:1px solid var(--line);"></span> 806 <span style="width:24px;height:24px;border-radius:6px;background:var(--highlight);border:1px solid var(--line);"></span> 807 </div> 808 </div> 809 </div> 810 811 <!-- Site canvas with banner preview --> 812 <div style="margin:0 18px 18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg, #f7f8fb 0%, #ecf0f7 100%);height:200px;position:relative;overflow:hidden;"> 813 <!-- Faux site skeleton --> 814 <div style="padding:14px;display:flex;flex-direction:column;gap:8px;"> 815 <div style="display:flex;justify-content:space-between;align-items:center;"> 816 <div style="width:60px;height:6px;background:#d8ebde;border-radius:3px;"></div> 817 <div style="display:flex;gap:6px;"> 818 <div style="width:28px;height:5px;background:#dfe2ee;border-radius:3px;"></div> 819 <div style="width:24px;height:5px;background:#dfe2ee;border-radius:3px;"></div> 820 <div style="width:20px;height:5px;background:#dfe2ee;border-radius:3px;"></div> 821 </div> 822 </div> 823 <div style="height:56px;border-radius:8px;background:linear-gradient(135deg, #fff5d6 0%, #ffe8a8 100%);"></div> 824 <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;"> 825 <div style="aspect-ratio:1/1;border-radius:6px;background:#fce4d8;"></div> 826 <div style="aspect-ratio:1/1;border-radius:6px;background:#dde9ff;"></div> 827 <div style="aspect-ratio:1/1;border-radius:6px;background:#e3f5e0;"></div> 828 </div> 829 </div> 830 <!-- Cookie banner mock --> 831 <div style="position:absolute;
831left:12px;right:12px;bottom:12px;background:#053b3b;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 36px -8px rgba(8,30,30,.45);"> 832 <div style="width:28px;height:28px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;">🍪</div> 833 <div style="flex:1;min-width:0;"> 834 <div style="font-size:11px;font-weight:700;color:#fff;margin-bottom:2px;">We value your privacy</div> 835 <div style="font-size:10px;color:rgba(255,255,255,.7);line-height:1.4;">Manage cookies for analytics & ads.</div> 836 </div> 837 <div style="display:flex;gap:5px;"> 838 <button style="border:none;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:700;background:rgba(255,255,255,.1);color:#fff;cursor:default;white-space:nowrap;">Reject</button> 839 <button style="border:none;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:700;background:var(--accent);color:var(--ink);cursor:default;white-space:nowrap;">Accept</button> 840 </div> 841 </div> 842 </div> 843 844 <!-- Snippet bar --> 845 <div style="display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--ink);color:#cfe7d6;font-family:var(--font-mono);font-size:11px;"> 846 <span style="color:#7c9985;"><script></span> 847 <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">window.consentikBanner={ theme:'dark', position:'bottom' };</span> 848 <span style="background:var(--accent);color:var(--ink);padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.04em;">COPY</span> 849 </div> 850 </div> 851 852 <!-- Floating "Free" badge --> 853 <div class="gcmp-badge-float" style="position:absolute;top:-14px;left:-14px;background:var(--accent);color:var(--ink);padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 12px 28px -8px rgba(8,30,30,.25);"> 854 100% Free · No signup 855 </div> 856 </div> 857 858 </div> 859 </div> 860</section> 861 862 863<!-- ============================================================ 864 FEATURE GRID 865 ============================================================ --> 866<section class="reveal" style="padding:120px 0 80px;"> 867 <div class="container"> 868 <div style="text-align:center;max-width:720px;margin:0 auto 56px;"> 869 <span class="eyebrow">Main features</span> 870 <h2 style="margin-top:14px;">Everything you need to stay compliant — and stay growing.</h2> 871 </div> 872 <div class="reveal-stagger v3-features-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:20px;"> 873 874 <div class="surface feature-card" style="padding:32px;display:flex;flex-direction:column;min-height:380px;background:var(--bg);"> 875 <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;"> 876 <span class="pill pill-mono">Google Consent Mode v2</span> 877 </div> 878 <h3 style="font-size:24px;margin-bottom:10px;">Maximize ads & analytics, respect privacy.</h3> 879 <p style="font-size:15px;">Advanced mode preserves measurement with anonymized signals — campaigns keep performing under any consent state.</p> 880 <div style="flex:1;margin-top:24px;display:flex;align-items:flex-end;"> 881 <div style="width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;"> 882 <div style="background:var(--bg-soft);border-radius:10px;padding:10px 12px;font-family:var(--font-mono);font-size:11px;"> 883 <div style="color:var(--muted);margin-bottom:4px;">ad_storage</div> 884 <div style="color:var(--ink);font-weight:700;display:flex;align-items:center;gap:6px;"> 885 <span style="width:6px;height:6px;border-radius:50%;background:#0fa84a;display:inline-block;"></span>granted </div> 886 </div> 887 <div style="background:var(--bg-soft);border-radius:10px;padding:10px 12px;font-family:var(--font-mono);font-size:11px;"> 888 <div style="color:var(--muted);margin-bottom:4px;">analytics_storage</div> 889 <div style="color:var(--ink);font-weight:700;display:flex;align-items:center;gap:6px;">
890 <span style="width:6px;height:6px;border-radius:50%;background:#0fa84a;display:inline-block;"></span>granted </div> 891 </div> 892 <div style="background:var(--bg-soft);border-radius:10px;padding:10px 12px;font-family:var(--font-mono);font-size:11px;"> 893 <div style="color:var(--muted);margin-bottom:4px;">ad_user_data</div> 894 <div style="color:var(--ink);font-weight:700;display:flex;align-items:center;gap:6px;"> 895 <span style="width:6px;height:6px;border-radius:50%;background:#d94545;display:inline-block;"></span>denied </div> 896 </div> 897 <div style="background:var(--bg-soft);border-radius:10px;padding:10px 12px;font-family:var(--font-mono);font-size:11px;"> 898 <div style="color:var(--muted);margin-bottom:4px;">ad_personalization</div> 899 <div style="color:var(--ink);font-weight:700;display:flex;align-items:center;gap:6px;"> 900 <span style="width:6px;height:6px;border-radius:50%;background:#d94545;display:inline-block;"></span>denied </div> 901 </div> 902 </div> 903 904 905 </div> 906 </div> 907 <div class="surface feature-card" style="padding:32px;display:flex;flex-direction:column;min-height:380px;background:var(--bg);"> 908 <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;"> 909 <span class="pill pill-mono">Customizable Banner</span> 910 </div> 911 <h3 style="font-size:24px;margin-bottom:10px;">Match your brand in minutes.</h3> 912 <p style="font-size:15px;">Drag-and-drop styling, multi-language, dozens of templates. Every consent option — accept, reject, or granular preferences — fully customizable.</p> 913 <div style="flex:1;margin-top:24px;display:flex;align-items:flex-end;"> 914 <div style="width:100%;background:var(--bg-soft);border-radius:12px;padding:16px;border:1px solid var(--line);"> 915 <div style="display:flex;align-items:center;gap:10px;margin-bottom:10px;"> 916 <span style="font-size:18px;">🍪</span> 917 <div style="font-size:12px;font-weight:700;color:var(--ink);">We use cookies</div> 918 </div> 919 <div style="height:5px;background:#dfe2ee;border-radius:3px;margin-bottom:4px;"></div> 920 <div style="height:5px;background:#dfe2ee;border-radius:3px;width:70%;margin-bottom:12px;"></div> 921 <div style="display:flex;gap:6px;"> 922 <div style="flex:1;height:26px;border-radius:6px;background:#fff;border:1px solid var(--line);"></div> 923 <div style="flex:1;height:26px;border-radius:6px;background:var(--accent);"></div> 924 </div> 925 </div> 926 927 928 </div> 929 </div> 930 <div class="surface feature-card" style="padding:32px;display:flex;flex-direction:column;min-height:380px;background:var(--bg);"> 931 <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;"> 932 <span class="pill pill-mono">Global Regulations</span> 933 </div> 934 <h3 style="font-size:24px;margin-bottom:10px;">GDPR, CCPA, LGPD, DMA, PDPA — covered.</h3> 935 <p style="font-size:15px;">Auto-detect visitor jurisdiction and serve the right consent flow. We keep up with the law so you don’t have to.</p> 936 <div style="flex:1;margin-top:24px;display:flex;align-items:flex-end;"> 937 <div style="width:100%;display:flex;flex-wrap:wrap;gap:6px;"> 938 <span class="pill" style="font-size:12px;"> 939 <span style="font-size:14px;">🇪🇺</span>GDPR </span> 940 <span class="pill" style="font-size:12px;"> 941 <span style="font-size:14px;">🇺🇸</span>CCPA </span> 942 <span class="pill" style="font-size:12px;"> 943 <span style="font-size:14px;">🇧🇷</span>LGPD </span> 944 <span class="pill" style="font-size:12px;">
945 <span style="font-size:14px;">🇪🇺</span>DMA </span> 946 <span class="pill" style="font-size:12px;"> 947 <span style="font-size:14px;">🇨🇦</span>PIPEDA </span> 948 <span class="pill" style="font-size:12px;"> 949 <span style="font-size:14px;">🇸🇬</span>PDPA </span> 950 <span class="pill" style="font-size:12px;"> 951 <span style="font-size:14px;">🇬🇧</span>UK GDPR </span> 952 <span class="pill" style="font-size:12px;"> 953 <span style="font-size:14px;">🇦🇺</span>Privacy Act </span> 954 </div> 955 956 957 </div> 958 </div> 959 <div class="surface feature-card" style="padding:32px;display:flex;flex-direction:column;min-height:380px;background:var(--bg);"> 960 <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;"> 961 <span class="pill pill-mono">Integrations</span> 962 </div> 963 <h3 style="font-size:24px;margin-bottom:10px;">Wired into your stack.</h3> 964 <p style="font-size:15px;">Web Pixel, Microsoft UET, Sklik, headless commerce. One toggle and consent flows everywhere.</p> 965 <div style="flex:1;margin-top:24px;display:flex;align-items:flex-end;"> 966 <div style="width:100%;display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;"> 967 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">GA4</div> 968 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">Meta Pixel</div> 969 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">MS UET</div> 970 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">Sklik</div> 971 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">Klaviyo</div> 972 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">TikTok</div> 973 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">Pinterest</div> 974 <div style="aspect-ratio:1/1;background:var(--bg-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);text-align:center;padding:4px;">Hotjar</div> 975 </div> 976 977 </div> 978 </div> 979 980 </div> 981 </div> 982</section> 983 984 985<!-- ============================================================ 986 GOOGLE CMP SECTION 987 ============================================================ --> 988<section class="reveal" style="padding:120px 0;position:relative;overflow:hidden;">
989 <!-- Background watermark --> 990 <div aria-hidden style="position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:700px;height:700px;opacity:0.04;pointer-events:none;"> 991 <svg viewBox="0 0 48 48" width="100%" height="100%"> 992 <path fill="#053b3b" d="M44.5 20H24v8.5h11.8C34.7 33.9 30 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/> 993 </svg> 994 </div> 995 996 <div class="container" style="position:relative;"> 997 <div style="display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;" class="gcmp-grid"> 998 999 <!-- LEFT: copy --> 1000 <div> 1001 <!-- Hero badge --> 1002 <div style="display:inline-flex;align-items:center;gap:16px;padding:14px 22px;background:linear-gradient(135deg, #ffffff 0%, #f7fbf3 100%);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 4px 14px -4px rgba(8,30,30,.08), 0 1px 0 rgba(255,255,255,.5) inset;margin-bottom:26px;"> 1003 <img src="https://consentik.com/wp-content/uploads/2026/08/Gold-CMP.svg" alt="Google Gold Tier CMP Partner" style="height:40px;width:auto;display:block;"> 1004 <div style="height:36px;width:1px;background:var(--line-strong);"></div> 1005 <div style="display:flex;flex-direction:column;gap:2px;"> 1006 <div class="mono" style="font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600;">Officially in the</div> 1007 <div style="font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;">CMP Partner Program</div> 1008 </div> 1009 </div> 1010 1011 <h2 style="margin-bottom:18px;">A <span class="hl">Google Gold Tier CMP Partner</span> — built for serious advertisers.</h2> 1012 <p style="font-size:17px;margin-bottom:28px;max-width:540px;line-height:1.55;"> 1013 Consentik™ is one of the few consent platforms vetted by Google for the EEA, UK and Switzerland. That means your Google Ads, GA4, and DV360 keep measuring and personalizing — even after the consent banner closes. 1014 </p> 1015 1016 <div style="display:flex;flex-direction:column;gap:16px;margin-bottom:32px;"> 1017 <div style="display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 14px -6px rgba(8,30,30,.06);"> 1018 <div style="flex-shrink:0;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid rgba(8,30,30,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--ink);"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M11 2L13.5 7.5L19.5 8.4L15 12.6L16.2 18.5L11 15.7L5.8 18.5L7 12.6L2.5 8.4L8.5 7.5L11 2Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg></div> 1019 <div> 1020 <div style="font-weight:700;font-size:15px;color:var(--ink);margin-bottom:4px;">Officially certified by Google</div> 1021 <div style="font-size:14px;color:var(--muted);line-height:1.55;max-width:520px;">Listed on Google’s CMP Partner Program directory — vetted for compliance with EEA, UK & Swiss user-consent rules.</div> 1022 </div> 1023 </div> 1024 <div style="display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 14px -6px rgba(8,30,30,.06);"> 1025 <div style="flex-shrink:0;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid rgba(8,30,30,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--ink);"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M3 11l5 5L19 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 1026 <div> 1027 <div style="font-weight:700;font-size:15px;color:var(--ink);margin-bottom:4px;">Consent Mode v2 — pre-configured</div> 1028 <div style="font-size:14px;color:var(--muted);line-height:1.55;max-width:520px;">Both ad_storage and analytics_storage signals propagate to GA4, Google Ads, and DV360 automatically. No GTM rewrites.</div> 1029 </div> 1030 </div> 1031 <div style="display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 14px -6px rgba(8,30,30,.06);"> 1032 <div style="flex-shrink:0;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid rgba(8,30,30,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--ink);"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><circle cx="11" cy="11" r="8" stroke="currentColor" stroke-width="1.6"/><path d="M11 6v5l3.5 2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></div> 1033 <div> 1034 <div style="font-weight:700;font-size:15px;color:var(--ink);margin-bottom:4px;">Keep ads running, lawfully</div> 1035 <div style="font-size:14px;color:var(--muted);line-height:1.55;max-width:520px;">Without an approved CMP, EEA personalized ads stop serving. We keep your campaigns measurable under any consent state.</div> 1036 </div> 1037 </div> 1038 <div style="display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 14px -6px rgba(8,30,30,.06);"> 1039 <div style="flex-shrink:0;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid rgba(8,30,30,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--ink);"><svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M3 6h16M3 11h16M3 16h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></div> 1040 <div> 1041 <div style="font-weight:700;font-size:15px;color:var(--ink);margin-bottom:4px;">Audit-ready signal logs</div> 1042 <div style="font-size:14px;color:var(--muted);line-height:1.55;max-width:520px;">Every consent event timestamped and exportable — compliant with EU DPA inquiries and Google’s enforcement audits.</div> 1043 </div> 1044 </div> 1045 </div> 1046 1047 <div style="display:flex;gap:12px;flex-wrap:wrap;"> 1048 <a href="https://cmppartnerprogram.withgoogle.com/" target="_blank" rel="noopener" class="btn btn-primary">See partner listing <span class="arrow">→</span></a>
1049 <a href="https://consentik.com/gcm-v2-checker/" class="btn btn-ghost">Check your Consent Mode setup</a> 1050 </div> 1051 </div> 1052 1053 <!-- RIGHT: partner seal + certificate card --> 1054 <div style="position:relative;"> 1055 <div class="gcmp-cert-row"> 1056 <div class="gcmp-seal"> 1057 <img src="https://consentik.com/wp-content/uploads/2026/08/Gold-CMP.svg" alt="Google Gold Tier CMP Partner" width="133" height="171" decoding="async"> 1058 </div> 1059 <div class="gcmp-cert-card" style="background:rgba(255,255,255,.6);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:36px;box-shadow:0 32px 80px -32px rgba(8,30,30,.18), 0 8px 16px -8px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;position:relative;overflow:hidden;"> 1060 <!-- Google 4-color top stripe --> 1061 <div style="position:absolute;top:0;left:0;right:0;height:4px;display:flex;"> 1062 <div style="flex:1;background:#4285F4;"></div> 1063 <div style="flex:1;background:#EA4335;"></div> 1064 <div style="flex:1;background:#FBBC05;"></div> 1065 <div style="flex:1;background:#34A853;"></div> 1066 </div> 1067 <!-- Header --> 1068 <div style="display:flex;align-items:center;justify-content:flex-end;margin-bottom:24px;"> 1069 <div style="display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(15,168,74,.12);color:var(--check);font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.05em;"> 1070 <span style="width:6px;height:6px;border-radius:999px;background:var(--check);display:inline-block;"></span>CERTIFIED 1071 </div> 1072 </div> 1073 <!-- Seal --> 1074 <div style="background:linear-gradient(135deg, #f7fbf3 0%, #eaf6ee 100%);border:1px solid #d8ebde;border-radius:16px;padding:26px;margin-bottom:22px;position:relative;"> 1075 <div class="mono" style="font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;">This certifies</div> 1076 <div style="font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-0.02em;color:var(--ink);line-height:1.1;margin-bottom:12px;">Consentik™</div> 1077 <div style="font-size:13px;color:var(--ink-2);line-height:1.5;">as a participant in the Google Certified CMP Partner Program for the EEA, UK and Switzerland.</div> 1078 <!-- Watermark --> 1079 <div aria-hidden style="position:absolute;right:-10px;bottom:-10px;opacity:0.06;"> 1080 <svg width="120" height="120" viewBox="0 0 48 48"> 1081 <path fill="#053b3b" d="M44.5 20H24v8.5h11.8C34.7 33.9 30 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/> 1082 </svg> 1083 </div> 1084 </div> 1085 <!-- Spec grid --> 1086 <div style="display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(8,30,30,.08);border:1px solid rgba(255,255,255,.7);border-radius:12px;overflow:hidden;"> 1087 <div style="background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 14px;"> 1088 <div class="mono" style="font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;">Region</div> 1089 <div style="font-size:13px;font-weight:600;color:var(--ink);">EEA · UK · CH</div> 1090 </div> 1091 <div style="background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 14px;"> 1092 <div class="mono" style="font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;">Mode</div> 1093 <div style="font-size:13px;font-weight:600;color:var(--ink);">Consent Mode v2</div> 1094 </div> 1095 <div style="background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 14px;"> 1096 <div class="mono" style="font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;">Signals</div> 1097 <div style="font-size:13px;font-weight:600;color:var(--ink);">ad_storage · analytics_storage</div> 1098 </div> 1099 <div style="background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 14px;"> 1100 <div class="mono" style="font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;">2025</div> 1101 <div style="font-size:13px;font-weight:600;color:var(--ink);">2024 · ongoing</div> 1102 </div> 1103 </div> 1104 </div> 1105 </div><!-- /.gcmp-cert-row --> 1106 1107 <!-- Floating signal badge --> 1108 <div class="gcmp-badge-float" style="position:absolute;top:-16px;right:-16px;background:#0f1f1f;color:#fff;padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 28px -8px rgba(8,30,30,.3);">
1109 <span style="width:8px;height:8px;border-radius:999px;background:#0fa84a;box-shadow:0 0 0 4px rgba(15,168,74,.25);display:inline-block;"></span> 1110 <span class="mono" style="font-size:11px;letter-spacing:.04em;">gtag('consent', 'update')</span> 1111 </div> 1112 </div> 1113 1114 </div> 1115 </div> 1116</section> 1117 1118 1119<!-- ============================================================ 1120 IAB TCF SECTION 1121 ============================================================ --> 1122<section class="reveal" style="padding:80px 0;background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);"> 1123 <div class="container"> 1124 <div class="v3-iab-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;"> 1125 <!-- Left --> 1126 <div> 1127 <!-- Hero badge --> 1128 <div style="display:inline-flex;align-items:center;gap:16px;padding:14px 22px;background:linear-gradient(135deg, #ffffff 0%, #eef5ff 100%);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 4px 14px -4px rgba(8,30,30,.08), 0 1px 0 rgba(255,255,255,.5) inset;margin-bottom:22px;"> 1129 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/iab-tcf.svg" alt="IAB TCF v2.3" style="height:40px;width:auto;display:block;"> 1130 <div style="height:36px;width:1px;background:var(--line-strong);"></div> 1131 <div style="display:flex;flex-direction:column;gap:2px;"> 1132 <div class="mono" style="font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600;">Approved CMP</div> 1133 <div style="font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;">IAB Europe TCF v2.3</div> 1134 </div> 1135 </div> 1136 1137 <h2 style="margin-bottom:18px;">An approved CMP under <span class="hl">IAB TCF v2.3</span></h2> 1138 <p style="font-size:16px;margin-bottom:24px;"> 1139 Officially approved under the IAB Transparency & Consent Framework. We handle the consent string, vendor list, and signal propagation — your team just ships. 1140 </p> 1141 1142 <div style="display:flex;gap:28px;margin-bottom:28px;"> 1143 <div> 1144 <div style="font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-0.02em;">1,200+</div> 1145 <div style="font-size:12px;color:var(--muted);">vendors supported</div> 1146 </div> 1147 <div> 1148 <div style="font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-0.02em;">55</div> 1149 <div style="font-size:12px;color:var(--muted);">languages</div> 1150 </div> 1151 <div> 1152 <div style="font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-0.02em;"><2 KB</div> 1153 <div style="font-size:12px;color:var(--muted);">banner footprint</div> 1154 </div> 1155 </div> 1156 1157 <!-- Decode TCF CTA --> 1158 <div style="background:rgba(255,255,255,.55);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:14px;padding:16px 18px;margin-bottom:20px;box-shadow:0 4px 14px -4px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;display:flex;align-items:center;gap:14px;"> 1159 <div style="width:40px;height:40px;border-radius:10px;flex-shrink:0;background:var(--highlight);display:flex;align-items:center;justify-content:center;"> 1160 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#053b3b" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"> 1161 <polyline points="16 18 22 12 16 6"/> 1162 <polyline points="8 6 2 12 8 18"/> 1163 </svg> 1164 </div> 1165 <div style="flex:1;min-width:0;"> 1166 <div style="font-size:14px;font-weight:700;color:var(--ink);margin-bottom:2px;">Decode any TC String, instantly</div> 1167 <div style="font-size:13px;color:var(--muted);">Paste a TCF v2.3 string — see purposes, vendors & signals.</div> 1168 </div> 1169 </div> 1170 1171 <div style="display:flex;gap:10px;flex-wrap:wrap;"> 1172 <a href="https://consentik.com/tcf-decoder/" target="_blank" rel="noopener" class="btn btn-primary">Open TC String Decoder <span class="arrow">→</span></a> 1173 <a href="https://consentik.com/iab-tcf/" class="btn btn-ghost">Learn about IAB TCF</a> 1174 </div> 1175 </div> 1176 1177 <!-- Right: code block --> 1178 <div style="background:rgba(255,255,255,.5);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:24px;font-family:var(--font-mono);font-size:12px;line-height:1.7;position:relative;box-shadow:0 8px 28px -8px rgba(8,30,30,.08), 0 1px 0 rgba(255,255,255,.6) inset;"> 1179 <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line);">
1180 <span style="width:8px;height:8px;border-radius:50%;background:#27c840;display:inline-block;"></span> 1181 <span style="color:var(--muted);">__tcfapi('getTCData', 2, callback)</span> 1182 </div> 1183 <pre style="margin:0;color:var(--ink-2);white-space:pre-wrap;word-break:break-all;">{ 1184 "tcString": "CQNn6cAQNn6cAAKAuBENB...", 1185 "cmpId": 451, 1186 "cmpVersion": 3, 1187 "gdprApplies": true, 1188 "tcfPolicyVersion": 5, 1189 "purpose": { 1190 "consents": { "1": true, "2": true, "3": false } 1191 } 1192}</pre> 1193 <span style="position:absolute;top:16px;right:16px;background:var(--accent);color:var(--ink);padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;">VALID</span> 1194 </div> 1195 </div> 1196 </div> 1197</section> 1198 1199 1200<!-- ============================================================ 1201 3-STEP SETUP 1202 ============================================================ --> 1203<section class="reveal" style="padding:120px 0;"> 1204 <div class="container"> 1205 <div class="v3-steps-header" style="display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px;"> 1206 <div> 1207 <span class="eyebrow">Plugin integration</span> 1208 <h2 style="margin-top:14px;max-width:560px;">Live in three steps. Really.</h2> 1209 </div> 1210 <p style="max-width:380px;">No code, no engineering tickets, no waiting on a developer.</p> 1211 </div> 1212 <div class="reveal-stagger v3-steps-grid" style="display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;"> 1213 <div style="background:var(--bg-soft);color:var(--ink);border-radius:18px;padding:32px;min-height:280px;border:1px solid var(--line);position:relative;overflow:hidden;"> 1214 <div style="font-size:64px;font-weight:800;color:var(--line-strong);letter-spacing:-0.04em;margin-bottom:24px;">01</div> 1215 <h3 style="color:var(--ink);margin-bottom:12px;font-size:22px;">Install the app</h3> 1216 <p style="color:var(--muted);font-size:14px;">Find Consentik on Shopify, Wix, SHOPLINE, or WordPress and add it to your store in one click.</p> 1217 </div> 1218 <div style="background:var(--ink);color:#fff;border-radius:18px;padding:32px;min-height:280px;border:1px solid var(--line);position:relative;overflow:hidden;"> 1219 <div style="font-size:64px;font-weight:800;color:rgba(255,255,255,.15);letter-spacing:-0.04em;margin-bottom:24px;">02</div> 1220 <h3 style="color:#fff;margin-bottom:12px;font-size:22px;">Pick a template</h3> 1221 <p style="color:rgba(255,255,255,.7);font-size:14px;">Choose from dozens of responsive templates and customize colors, copy, and layout to match your brand — on any device.</p> 1222 </div> 1223 <div style="background:var(--bg-soft);color:var(--ink);border-radius:18px;padding:32px;min-height:280px;border:1px solid var(--line);position:relative;overflow:hidden;"> 1224 <div style="font-size:64px;font-weight:800;color:var(--line-strong);letter-spacing:-0.04em;margin-bottom:24px;">03</div> 1225 <h3 style="color:var(--ink);margin-bottom:12px;font-size:22px;">Turn it on</h3> 1226 <p style="color:var(--muted);font-size:14px;">Enable the embedded app — your banner is live with GCM v2 wired in by default.</p> 1227 </div> 1228 </div> 1229 </div> 1230</section> 1231 1232 1233<!-- ============================================================ 1234 TESTIMONIALS 1235 ============================================================ --> 1236<section class="reveal" style="padding:120px 0;background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);"> 1237 <div class="container"> 1238 <div style="display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px;flex-wrap:wrap;"> 1239 <div> 1240 <span class="eyebrow">12,000+ happy clients</span> 1241 <h2 style="margin-top:14px;max-width:540px;">Built with merchants, not for them.</h2> 1242 </div> 1243 <div style="display:flex;align-items:center;gap:14px;"> 1244 <div style="display:flex;gap:2px;"> 1245 <svg width="18" height="18" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1246 <svg width="18" height="18" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1247 <svg width="18" height="18" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1248 <svg width="18" height="18" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1249 <svg width="18" height="18" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1250 </div> 1251 <div> 1252 <div style="font-size:22px;font-weight:800;color:var(--ink);">4.9 / 5</div> 1253 <div style="font-size:12px;color:var(--muted);">across 500+ reviews</div> 1254 </div> 1255 </div> 1256 </div> 1257 1258 <div class="reveal-stagger v3-reviews-grid" style="display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;"> 1259 <div style="background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;box-shadow:0 4px 14px -4px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;display:flex;flex-direction:column;gap:14px;"> 1260 <div style="display:flex;gap:2px;"> 1261 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1262 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1263 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1264 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1265 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1266 </div> 1267 <p style="color:var(--ink-2);font-size:15px;line-height:1.6;flex:1;">"Easy to set up and gives our visitors a clear way to manage privacy. The customization options align perfectly with our brand."</p> 1268 <div style="display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);"> 1269 <div style="width:34px;height:34px;border-radius:50%;background:hsl(140, 45%, 78%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#053b3b;flex-shrink:0;"> 1270 C </div> 1271 <div> 1272 <div style="font-size:13px;font-weight:700;color:var(--ink);">Caged By Desire</div> 1273 <div style="font-size:11px;color:var(--muted);">Australia</div> 1274 </div> 1275 </div> 1276 </div> 1277 <div style="background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;box-shadow:0 4px 14px -4px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;display:flex;flex-direction:column;gap:14px;"> 1278 <div style="display:flex;gap:2px;"> 1279 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1280 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1281 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1282 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1283 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1284 </div> 1285 <p style="color:var(--ink-2);font-size:15px;line-height:1.6;flex:1;">"Has everything needed including GCM v2. Customer service is top notch and very patient."</p> 1286 <div style="display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);"> 1287 <div style="width:34px;height:34px;border-radius:50%;background:hsl(170, 45%, 78%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#053b3b;flex-shrink:0;"> 1288 R </div> 1289 <div> 1290 <div style="font-size:13px;font-weight:700;color:var(--ink);">Roderick Sebastiaan</div> 1291 <div style="font-size:11px;color:var(--muted);">Netherlands</div> 1292 </div> 1293 </div> 1294 </div> 1295 <div style="background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;box-shadow:0 4px 14px -4px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;display:flex;flex-direction:column;gap:14px;"> 1296 <div style="display:flex;gap:2px;"> 1297 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1298 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1299 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1300 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1301 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1302 </div> 1303 <p style="color:var(--ink-2);font-size:15px;line-height:1.6;flex:1;">"Installed and connected within minutes. The team audited the entire site to ensure tracking fires correctly."</p> 1304 <div style="display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);"> 1305 <div style="width:34px;height:34px;border-radius:50%;background:hsl(200, 45%, 78%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#053b3b;flex-shrink:0;"> 1306 V </div> 1307 <div> 1308 <div style="font-size:13px;font-weight:700;color:var(--ink);">VÖGLER</div> 1309 <div style="font-size:11px;color:var(--muted);">Poland</div> 1310 </div> 1311 </div> 1312 </div> 1313 <div style="background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;box-shadow:0 4px 14px -4px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;display:flex;flex-direction:column;gap:14px;"> 1314 <div style="display:flex;gap:2px;"> 1315 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1316 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1317 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1318 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1319 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1320 </div> 1321 <p style="color:var(--ink-2);font-size:15px;line-height:1.6;flex:1;">"Worked with us for hours until everything was set up. Went the extra mile with a custom request."</p> 1322 <div style="display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);"> 1323 <div style="width:34px;height:34px;border-radius:50%;background:hsl(230, 45%, 78%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#053b3b;flex-shrink:0;"> 1324 T </div> 1325 <div> 1326 <div style="font-size:13px;font-weight:700;color:var(--ink);">
1326The Tinned Fish Market</div> 1327 <div style="font-size:11px;color:var(--muted);">United Kingdom</div> 1328 </div> 1329 </div> 1330 </div> 1331 <div style="background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;box-shadow:0 4px 14px -4px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;display:flex;flex-direction:column;gap:14px;"> 1332 <div style="display:flex;gap:2px;"> 1333 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1334 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1335 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1336 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1337 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1338 </div> 1339 <p style="color:var(--ink-2);font-size:15px;line-height:1.6;flex:1;">"Nice clean look for a relatively small cost. Support customized the code for the feature I requested."</p> 1340 <div style="display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);"> 1341 <div style="width:34px;height:34px;border-radius:50%;background:hsl(260, 45%, 78%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#053b3b;flex-shrink:0;"> 1342 c </div> 1343 <div> 1344 <div style="font-size:13px;font-weight:700;color:var(--ink);">cottonplanet.ie</div> 1345 <div style="font-size:11px;color:var(--muted);">Ireland</div> 1346 </div> 1347 </div> 1348 </div> 1349 <div style="background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;box-shadow:0 4px 14px -4px rgba(8,30,30,.06), 0 1px 0 rgba(255,255,255,.6) inset;display:flex;flex-direction:column;gap:14px;"> 1350 <div style="display:flex;gap:2px;"> 1351 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1352 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1353 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1354 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1355 <svg width="13" height="13" viewBox="0 0 16 16" fill="#E7FD99" stroke="#053b3b" stroke-width="1.4" stroke-linejoin="round"><path d="M8 1l2.2 4.5L15 6.2l-3.5 3.4.8 4.8L8 12.1 3.7 14.4l.8-4.8L1 6.2l4.8-.7L8 1z"/></svg> 1356 </div> 1357 <p style="color:var(--ink-2);font-size:15px;line-height:1.6;flex:1;">"As someone who isn’t tech-savvy, the team made the entire process incredibly smooth. Outstanding support."</p> 1358 <div style="display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);"> 1359 <div style="width:34px;height:34px;border-radius:50%;background:hsl(290, 45%, 78%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#053b3b;flex-shrink:0;"> 1360 E </div> 1361 <div> 1362 <div style="font-size:13px;font-weight:700;color:var(--ink);">Exclusive Home Decor</div> 1363 <div style="font-size:11px;color:var(--muted);">Germany</div> 1364 </div> 1365 </div> 1366 </div> 1367 </div> 1368 </div> 1369</section> 1370 1371 1372<!-- ============================================================ 1373 FAQ 1374 ============================================================ --> 1375<section class="reveal" style="padding:120px 0;">
1376 <div class="container v3-faq-grid" style="display:grid;grid-template-columns:1fr 1.4fr;gap:56px;"> 1377 <!-- Left sidebar --> 1378 <div> 1379 <span class="eyebrow">Frequently asked</span> 1380 <h2 style="margin-top:14px;margin-bottom:18px;">Everything you wanted to ask.</h2> 1381 <p style="margin-bottom:24px;">Can’t find what you’re looking for? Our docs cover the rest.</p> 1382 <a href="#" class="btn btn-ghost">Check Out Document <span class="arrow">→</span></a> 1383 </div> 1384 1385 <!-- Right accordion (native details/summary) --> 1386 <div> 1387 <details class="faq-item" open style="border-top:1px solid var(--line);"> 1388 <summary style="padding:20px 0;"> 1389 <span style="font-size:17px;font-weight:700;color:var(--ink);">Is there a free trial available?</span> 1390 <span class="faq-icon" style="width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px;transition:transform .25s ease;"> 1391 <svg width="10" height="10" viewBox="0 0 10 10"><path d="M5 1v8M1 5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 1392 </span> 1393 </summary> 1394 <p style="margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6;max-width:560px;">Yes — 7 days, no credit card required. We’ll also offer a free 30-minute onboarding call to get you fully set up.</p> 1395 </details> 1396 <details class="faq-item" style="border-top:1px solid var(--line);"> 1397 <summary style="padding:20px 0;"> 1398 <span style="font-size:17px;font-weight:700;color:var(--ink);">Can I change my plan later?</span> 1399 <span class="faq-icon" style="width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px;transition:transform .25s ease;"> 1400 <svg width="10" height="10" viewBox="0 0 10 10"><path d="M5 1v8M1 5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 1401 </span> 1402 </summary> 1403 <p style="margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6;max-width:560px;">Of course. Pricing scales with your store, and you can up- or down-grade any time.</p> 1404 </details> 1405 <details class="faq-item" style="border-top:1px solid var(--line);"> 1406 <summary style="padding:20px 0;"> 1407 <span style="font-size:17px;font-weight:700;color:var(--ink);">What is your cancellation policy?</span> 1408 <span class="faq-icon" style="width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px;transition:transform .25s ease;"> 1409 <svg width="10" height="10" viewBox="0 0 10 10"><path d="M5 1v8M1 5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 1410 </span> 1411 </summary> 1412 <p style="margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6;max-width:560px;">Cancel any time. We’ll refund the unused portion of your current billing period.</p> 1413 </details> 1414 <details class="faq-item" style="border-top:1px solid var(--line);"> 1415 <summary style="padding:20px 0;"> 1416 <span style="font-size:17px;font-weight:700;color:var(--ink);">How does billing work?</span> 1417 <span class="faq-icon" style="width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px;transition:transform .25s ease;"> 1418 <svg width="10" height="10" viewBox="0 0 10 10"><path d="M5 1v8M1 5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 1419 </span> 1420 </summary> 1421 <p style="margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6;max-width:560px;">Plans are per workspace, not per account. Upgrade one workspace and keep any number of free workspaces alongside it.</p> 1422 </details> 1423 <details class="faq-item" style="border-top:1px solid var(--line);"> 1424 <summary style="padding:20px 0;">
1425 <span style="font-size:17px;font-weight:700;color:var(--ink);">Which platforms do you support?</span> 1426 <span class="faq-icon" style="width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px;transition:transform .25s ease;"> 1427 <svg width="10" height="10" viewBox="0 0 10 10"><path d="M5 1v8M1 5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 1428 </span> 1429 </summary> 1430 <p style="margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6;max-width:560px;">Shopify, Wix, SHOPLINE, WordPress, plus a generic embed script for any other site or headless setup.</p> 1431 </details> 1432 <details class="faq-item" style="border-top:1px solid var(--line);"> 1433 <summary style="padding:20px 0;"> 1434 <span style="font-size:17px;font-weight:700;color:var(--ink);">Do you support Google Consent Mode v2?</span> 1435 <span class="faq-icon" style="width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px;transition:transform .25s ease;"> 1436 <svg width="10" height="10" viewBox="0 0 10 10"><path d="M5 1v8M1 5h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 1437 </span> 1438 </summary> 1439 <p style="margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6;max-width:560px;">Yes — out of the box, including Advanced Mode with anonymized signals to preserve measurement when consent is denied.</p> 1440 </details> 1441 <div style="border-top:1px solid var(--line);"></div> 1442 </div> 1443 </div> 1444</section> 1445 1446 1447<!-- ============================================================ 1448 FINAL CTA 1449 ============================================================ --> 1450<section class="reveal reveal-scale" style="padding:60px 0 100px;"> 1451 <div class="container"> 1452 <div style="background:linear-gradient(135deg, #032a2a 0%, #053b3b 50%, #045d2e 100%);border-radius:28px;padding:70px 56px;color:#fff;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);"> 1453 <div aria-hidden style="position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center, black, transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center, black, transparent 70%);"></div> 1454 <div aria-hidden style="position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(circle, rgba(255,206,58,.3), transparent 60%);filter:blur(40px);"></div> 1455 <div style="position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;"> 1456 <div class="pill" style="background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;margin-bottom:22px;"> 1457 <span class="dot" style="background:var(--accent);"></span>7-day free trial · No credit card 1458 </div> 1459 <h2 style="color:var(--highlight);font-size:clamp(32px, 4.2vw, 56px);max-width:760px;margin-bottom:16px;"> 1460 Ensure GDPR/CCPA cookie compliance. 1461 </h2> 1462 <p style="color:rgba(255,255,255,.7);font-size:17px;max-width:520px;margin-bottom:32px;"> 1463 Create and customize a smart cookie banner in minutes — and stay ahead of every regulation that matters. 1464 </p> 1465 <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;"> 1466 <a href="https://apps.shopify.com/eu-cookies-notification?utm_campaign=website&utm_source=consentikweb&utm_medium=ctafinal" target="_blank" rel="noopener" class="btn" style="background:var(--green);color:#fff;border:1px solid var(--green);">Get started free <span class="arrow">→</span></a> 1467 <a href="#" class="btn open-contact" id="crisp-support-btn" style="background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:8px;">
1468 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"> 1469 <path d="M2 7c0-2.8 2.7-5 6-5s6 2.2 6 5-2.7 5-6 5c-.7 0-1.4-.1-2-.3L3 13l.7-2.4C2.6 9.7 2 8.4 2 7z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/> 1470 </svg> 1471 Get support 1472 </a> 1473 </div> 1474 </div> 1475 </div> 1476 </div> 1477</section> 1478 1479</main> 1480</div><!-- /#home-v3-root --> 1481 1482
1483<script> 1484(function() { 1485 /* ---- Scroll Reveal ---- */ 1486 var obs = new IntersectionObserver(function(entries) { 1487 entries.forEach(function(e) { 1488 if (e.isIntersecting) { e.target.classList.add('in'); obs.unobserve(e.target); } 1489 }); 1490 }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' }); 1491 document.querySelectorAll('#home-v3-root .reveal, #home-v3-root .reveal-stagger, #home-v3-root .reveal-head, #home-v3-root .reveal-scale, #home-v3-root .reveal-fade').forEach(function(el) { obs.observe(el); }); 1492}()); 1493 1494/* ---- Rotating Regulations Typewriter ---- */ 1495(function() { 1496 var words = ['GDPR','CCPA','LGPD','DMA','PDPA','IAB TCF']; 1497 var el = document.getElementById('rotating-reg'); 1498 if (!el) return; 1499 var idx = 0, text = 'GDPR', phase = 'hold'; 1500 function tick() { 1501 var word = words[idx]; 1502 if (phase === 'typing') { 1503 if (text.length < word.length) { text = word.slice(0, text.length + 1); setTimeout(tick, 90); } 1504 else { phase = 'hold'; setTimeout(tick, 1500); } 1505 } else if (phase === 'hold') { 1506 phase = 'deleting'; setTimeout(tick, 0); 1507 } else { 1508 if (text.length > 0) { text = word.slice(0, text.length - 1); setTimeout(tick, 45); } 1509 else { idx = (idx + 1) % words.length; phase = 'typing'; setTimeout(tick, 0); } 1510 } 1511 el.textContent = text; 1512 } 1513 setTimeout(tick, 1500); 1514}()); 1515 1516/* ---- Cookie Banner Demo Cycle ---- */ 1517(function() { 1518 var demo = document.getElementById('cookie-demo'); 1519 var showEl = document.getElementById('cookie-demo-show'); 1520 var prefsEl= document.getElementById('cookie-demo-prefs'); 1521 if (!demo) return; 1522 function cycle() { 1523 demo.style.transform = 'translateY(0)'; demo.style.opacity = '1'; 1524 showEl.style.display = 'flex'; prefsEl.style.display = 'none'; 1525 setTimeout(function() { 1526 showEl.style.display = 'none'; prefsEl.style.display = 'block'; 1527 setTimeout(function() { 1528 demo.style.transform = 'translateY(140%)'; demo.style.opacity = '0'; 1529 setTimeout(function() { 1530 demo.style.transform = 'translateY(0)'; demo.style.opacity = '1'; 1531 showEl.style.display = 'flex'; prefsEl.style.display = 'none'; 1532 setTimeout(cycle, 400); 1533 }, 800); 1534 }, 2800); 1535 }, 2400); 1536 } 1537 setTimeout(cycle, 1000); 1538}()); 1539 1540/* ---- Scan Tool Form ---- */ 1541(function() { 1542 var form = document.getElementById('scan-form'); 1543 var input = document.getElementById('scan-input'); 1544 var errEl = document.getElementById('scan-error'); 1545 var hintEl= document.getElementById('scan-hint'); 1546 if (!form) return; 1547 function isValidUrl(val) { 1548 try { var u = new URL(val.startsWith('http') ? val : 'https://' + val); return u.hostname.includes('.'); } catch(e) { return false; } 1549 } 1550 form.addEventListener('submit', function(e) { 1551 e.preventDefault(); 1552 var val = input.value.trim(); 1553 if (!val) { errEl.textContent = 'Please enter your website URL.'; errEl.style.display = 'inline'; hintEl.style.display = 'none'; return; } 1554 if (!isValidUrl(val)) { errEl.textContent = 'Please enter a valid URL (e.g. https://yourstore.com).'; errEl.style.display = 'inline'; hintEl.style.display = 'none'; return; } 1555 errEl.style.display = 'none'; hintEl.style.display = 'inline'; 1556 var normalized = val.startsWith('http') ? val : 'https://' + val; 1557 window.location.href = '/cookie-checker?url=' + encodeURIComponent(normalized); 1558 }); 1559 input.addEventListener('input', function() { errEl.style.display = 'none'; hintEl.style.display = 'inline'; }); 1560}()); 1561 1562</script>
1562 1563 1564<div class="bg-black/90 py-16 md:px-0 px-3"> 1565 <div class="max-w-screen-xl mx-auto"> 1566 <div class="flex md:gap-0 gap-3 items-center justify-between"> 1567 <a target="_blank" class="flex justify-center items-center" href="https://consentik.com/google-certified-cmp-2/"> 1568 <img src="https://consentik.com/wp-content/uploads/2026/08/Gold-CMP.svg" alt="Consentikâ¢" width="133" height="171" class="w-14" decoding="async" loading="lazy"> </a> 1569 <a target="_blank" class="flex justify-center items-center" href="https://consentik.com/iab-tcf/"> 1570 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/iab-tcf.svg" alt="Consentikâ¢" class="w-28" decoding="async" loading="lazy"> </a> 1571 <a target="_blank" class="flex justify-center items-center" href="https://apps.shopify.com/eu-cookies-notification?sf_type=website-consentik&sf_detail=footer&utm_campaign=website&utm_source=consentikweb&utm_medium=footer"> 1572 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopify-partner.png" alt="Consentikâ¢" width="597" height="162" class="w-56" decoding="async" loading="lazy"> </a> 1573 <a target="_blank" class="flex justify-center items-center" href="https://www.wix.com/app-market/web-solution/consentik-gdpr-cookie-banner?referral=website-consentik&referralSectionName=footer&utm_campaign=website&utm_source=consentikweb&utm_medium=footer"> 1574 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wix-white.png" alt="Consentikâ¢" width="385" height="150" class="w-24" decoding="async" loading="lazy"> </a> 1575 <a target="_blank" class="flex justify-center items-center" href="https://apps.shopline.com/detail?appHandle=consentik+gdpr+cookie+banner&utm_campaign=website&utm_source=consentikweb&utm_medium=footer"> 1576 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/shopline-white.png" alt="Consentikâ¢" width="710" height="199" class="w-44" decoding="async" loading="lazy"> </a> 1577 <a target="_blank" class="flex justify-center items-center" href="https://wordpress.org/plugins/consentik-cmp/?utm_campaign=website&utm_source=consentikweb&utm_medium=footer"> 1578 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/wp.png" alt="Consentikâ¢" width="2000" height="1080" class="w-32" decoding="async" loading="lazy"> </a> 1579 <a target="_blank" class="flex justify-center items-center" href="https://consentik.com/consentik-is-now-a-microsoft-approved-cmp-with-uet-consent-mode-support/"> 1580 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/ms.png" alt="Consentikâ¢" width="710" height="261" class="w-32" decoding="async" loading="lazy"> </a> 1581 <span class="flex justify-center items-center"><img src="https://consentik.com/wp-content/uploads/2026/08/SOC2-1.png" alt="Consentikâ¢" width="400" height="400" class="w-16" decoding="async" loading="lazy"></span> 1582 <span class="flex justify-center items-center"><img src="https://consentik.com/wp-content/uploads/2026/08/SOC22.png" alt="Consentikâ¢" width="413" height="423" class="w-16" decoding="async" loading="lazy"></span> 1583 </div> 1584 <div class="mt-10">
1585 <div class="grid xl:grid-cols-12 gap-6"> 1586 <div class="col-span-4 space-y-3"> 1587 <a class="flex" href="https://consentik.com/"> 1588 <img src="https://consentik.com/wp-content/themes/consentik-theme/assets/logos/consentik-light.png" alt="Home" width="4909" height="700" class="md:max-w-72 max-w-48" decoding="async" loading="lazy"> </a> 1589 <p class='text-white text-sm font-[200]'> 1590 Simplifying privacy compliance, protecting data and building trust. 1591 </p> 1592 1593 <div class="socials flex items-center gap-3"> 1594 <a rel="nofollow" href="https://www.youtube.com/@consentik" 1595 class="social-btn w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center transition-all duration-300 hover:scale-110 hover:shadow-lg text-white" 1596 target="_blank" 1597 title="Youtube"> 1598 <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.5 6.507a2.99 2.99 0 00-2.106-2.117C19.535 3.887 12 3.887 12 3.887s-7.535 0-9.394.503A2.99 2.99 0 00.5 6.507C0 8.377 0 12.28 0 12.28s0 3.903.5 5.773a2.99 2.99 0 002.106 2.117c1.859.503 9.394.503 9.394.503s7.535 0 9.394-.503a2.99 2.99 0 002.106-2.117c.5-1.87.5-5.773.5-5.773s0-3.903-.5-5.773zM9.545 15.848V8.712l6.302 3.568-6.302 3.568z"/></svg> </a> 1599 <a rel="nofollow" href="https://x.com/consentik" 1600 class="social-btn w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center transition-all duration-300 hover:scale-110 hover:shadow-lg text-white" 1601 target="_blank" 1602 title="X"> 1603 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z"/></svg> </a> 1604 <a rel="nofollow" href="https://www.linkedin.com/company/consentik-cmp/" 1605 class="social-btn w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center transition-all duration-300 hover:scale-110 hover:shadow-lg text-white" 1606 target="_blank" 1607 title="Linkedin"> 1608 <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.225 0z"/></svg> </a> 1609 </div> 1610 </div> 1611 <div class="col-span-8"> 1612 <div class="grid grid-cols-3 md:grid-cols-4"> 1613 <div class="col-span-1"> 1614 <div class="text-[#CBE5D7] font-medium md:text-2xl text-xl">Product</div> 1615 <ul class="md:space-y-3 space-y-2 md:mt-10 mt-4"> 1616 <li><a class="text-[#E7FD99] md:text-base text-sm" 1617 href="https://consentik.com/shopify/">Shopify</a> 1618 </li> 1619 <li><a class="text-[#E7FD99] md:text-base text-sm" 1620 href="https://consentik.com/wix/">Wix</a> 1621 </li> 1622 <li><a class="text-[#E7FD99] md:text-base text-sm" 1623 href="https://apps.shopline.com/detail?appHandle=consentik+gdpr+cookie+banner">SHOPLINE</a> 1624 </li> 1625 </ul> 1626 </div> 1627 <div class="col-span-1"> 1628 <div class="text-[#CBE5D7] font-medium md:text-2xl text-xl">Resources</div> 1629 <ul class="md:space-y-3 space-y-2 md:mt-10 mt-4"> 1630 <li><a class="text-[#E7FD99] md:text-base text-sm" 1631 href="https://consentik.com/blog/">Blog</a> 1632 </li> 1633 <li><a class="text-[#E7FD99] md:text-base text-sm" 1634 href="https://docs.consentik.com/">Documents</a> 1635 </li> 1636 </ul> 1637 </div> 1638 <div class="col-span-1"> 1639 <div class="text-[#CBE5D7] font-medium md:text-2xl text-xl">Free Tools</div> 1640 <ul class="md:space-y-3 space-y-2 md:mt-10 mt-4"> 1641 <li><a class="text-[#E7FD99] md:text-base text-sm" 1642 href="https://consentik.com/privacy-policy-generator/">Privacy Policy Generator</a> 1643 </li> 1644 <li><a class="text-[#E7FD99] md:text-base text-sm" 1645 href="https://consentik.com/cookie-policy-generator/">Cookie Policy Generator</a> 1646 </li> 1647 <li><a class="text-[#E7FD99] md:text-base text-sm" 1648 href="https://consentik.com/impressum-generator/">Impressum Generator</a> 1649 </li> 1650 <li><a class="text-[#E7FD99] md:text-base text-sm" 1651 href="https://consentik.com/cookie-checker/">Cookie Checker</a> 1652 </li> 1653 <li><a class="text-[#E7FD99] md:text-base text-sm" 1654 href="https://consentik.com/gcm-v2-c
1654hecker/">Google Consent Mode Checker</a> 1655 </li> 1656 </ul> 1657 </div> 1658 <div class="col-span-1"> 1659 <div class="text-[#CBE5D7] font-medium md:text-2xl text-xl">Company</div> 1660 <ul class="md:space-y-3 space-y-2 md:mt-10 mt-4"> 1661 <li><a class="text-[#E7FD99] md:text-base text-sm" 1662 href="https://consentik.com/about-us/">About Us</a> 1663 </li> 1664 <li><a class="text-[#E7FD99] md:text-base text-sm" href="/cdn-cgi/l/email-protection#15767a7b6174766155767a7b66707b617c7e3b767a78">Contact Us</a> 1665 </li> 1666 </ul> 1667 </div> 1668 </div> 1669 </div> 1670 </div> 1671 <div class="flex md:flex-nowrap flex-wrap justify-between items-center mt-10"> 1672 <div class="text-white text-sm font-[200]"> © 2026 Consentikâ¢. All Rights Reserved. 1673 </div> 1674 <div class="md:mt-0 mt-4 text-white space-x-4 text-sm font-[200]"> 1675 <a href="https://consentik.com/privacy-policy/">Privacy Policy</a> 1676 <a href="https://consentik.com/terms-of-service/">Terms & Services</a> 1677 <a href="https://consentik.com/data-processing-agreement/">DPA</a> 1678 </div> 1679 </div> 1680 </div> 1681 </div> 1682</div>
vendor: 109 bytes, lines 1682-1683
1682 1683<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1683<script type="speculationrules"> 1684{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/consentik-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1685</script>
1685 1686 <!-- Google Tag Manager (noscript) snippet added by Site Kit -->
vendor: 74 bytes, lines 1686-1688
1686 1687 <noscript> 1688 <iframe src="https://www.googletagmanager.com/ns.html?id=
1688GTM-NHS4C7BF
vendor: 88 bytes, lines 1688-1690
1688" height="0" width="0" style="display:none;visibility:hidden"></iframe> 1689 </noscript> 1690
1690<!-- End Google Tag Manager (noscript) snippet added by Site Kit --> 1691 1692<!-- Sign in with Google button added by Site Kit --> 1693 <style> 1694 .googlesitekit-sign-in-with-google__frontend-output-button{max-width:320px} 1695 .interim-login #login>.googlesitekit-sign-in-with-google__frontend-output-button{margin-bottom:16px} 1696 </style> 1697
1697<script src="https://accounts.google.com/gsi/client"></script>
vendor: 1 bytes, line 1697
1697
1698<script data-siwg-config="{"clientID":"109989569145-nh88i3u5iq5rb2m88i682ltqq2d9diva.apps.googleusercontent.com","defaultButtonOptions":{"theme":"outline","text":"signin_with","shape":"rectangular"},"loginURI":"https:\/\/consentik.com\/wp-login.php?action=googlesitekit_auth","isUserLoggedIn":false,"isWPLogin":false,"isPreview":false,"isWooCommerce":false,"isExistingUserFlow":false,"connectNonce":"","followsPostRedirect":false,"redirectTo":"","redirectCookieName":"googlesitekit_auth_redirect_to","redirectCookiePath":"\/","redirectCookieTTL":0,"shouldShowOneTapPrompt":false}" src="https://consentik.com/wp-content/plugins/google-site-kit/dist/assets/js/sign-in-with-google-15a07dd57b5f79886b45.js"></script>
1698 1699 1700<!-- End Sign in with Google button added by Site Kit -->
1701<script data-wp-strategy="defer" defer id="consentik-globe-v3-js" src="https://consentik.com/wp-content/themes/consentik-theme/assets/globe-v3.js?ver=1787899656"></script>
vendor: 1 bytes, line 1701
1701
1702<script data-wp-strategy="defer" defer id="anime-js-js" src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js?ver=3.2.1"></script>
vendor: 1 bytes, line 1702
1702
1703<script data-wp-strategy="defer" defer id="swiper-js" src="https://consentik.com/wp-content/themes/consentik-theme/assets/vendor/swiper-bundle.min.js?ver=11"></script>
vendor: 1 bytes, line 1703
1703
1704<script data-wp-strategy="defer" defer id="consentik-script-js" src="https://consentik.com/wp-content/themes/consentik-theme/assets/index.js?ver=1.2.3"></script>
vendor: 1 bytes, line 1704
1704
1705<script data-wp-strategy="defer" defer id="handlebars-js" src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js?ver=4.7.8"></script>
vendor: 1 bytes, line 1705
1705
1706<script data-wp-strategy="defer" defer id="consentik-blog-script-js" src="https://consentik.com/wp-content/themes/consentik-theme/assets/blog.js?ver=1.2.3"></script>
vendor: 1 bytes, line 1706
1706
1707<script id="wp-consent-api-js-extra"> 1708var consent_api = {"consent_type":"optin","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]}; 1709//# sourceURL=wp-consent-api-js-extra 1710</script>
vendor: 1 bytes, line 1710
1710
1711<script id="wp-consent-api-js" src="https://consentik.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=2.0.1"></script>
vendor: 1 bytes, line 1711
1711
1712<script id="consentik-cmp-js-js-before"> 1713window.wp_consent_type = 'optin'; 1714//# sourceURL=consentik-cmp-js-js-before 1715</script>
vendor: 1 bytes, line 1715
1715
1716<script id="consentik-cmp-js-js" src="https://cmp.consentik.com/sites/b9aa92e2-9ad3-4a09-a6b1-55fb3b82b16b/92e307d2d7acf396d37ae6951bfdae70/index.js?v=1790238086&ver=1.0.5"></script>
vendor: 1 bytes, line 1716
1716
1717<script id="consentik-cmp-js-js-after"> 1718document.dispatchEvent(new CustomEvent('wp_consent_type_defined')); 1719//# sourceURL=consentik-cmp-js-js-after 1720</script>
vendor: 1 bytes, line 1720
1720
1721<script id="wp-emoji-settings" type="application/json"> 1722{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://consentik.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}} 1723</script>
vendor: 1 bytes, line 1723
1723
1724<script type="module"> 1725/*! This file is auto-generated */ 1726var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 1727//# sourceURL=https://consentik.com/wp-includes/js/wp-emoji-loader.min.js 1728</script>
1728 1729<!-- start Simple Custom CSS and JS --> 1730<style> 1731/* Add your CSS code here. 1732 1733For example: 1734.example { 1735 color: red; 1736} 1737 1738For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp 1739 1740End of comment */ 1741#wix-aff-banner { 1742 position: fixed; 1743 z-index: 1000; 1744 bottom: 20px; 1745 left: 50%; 1746 transform: translateX(-50%); 1747 padding: 12px 30px; 1748 background: #00A34A; 1749background: linear-gradient(267deg,rgba(0, 163, 74, 1) 0%, rgba(12, 110, 64, 1) 50%, rgba(0, 163, 74, 1) 100%); 1750 color: #fff; 1751 border-radius: 40px; 1752 text-align: center; 1753 box-shadow: #18e17369 0px 7px 29px 0px; 1754} 1755 #wix-aff-banner a { 1756 color: #E7FD99; 1757 text-decoration: none; 1758} 1759#wix-aff-banner a:hover { 1760 text-decoration: underline; 1761} 1762span#wix-aff-banner-close { 1763 position: absolute; 1764 right: 2px; 1765 top: 14px; 1766 font-size: 11px; 1767 padding: 1px 4px; 1768 cursor: pointer; 1769 color: #d1f391; 1770} 1771 1772 1773span#wix-aff-banner-close:hover { 1774 background: #ffffff2e; 1775 border-radius: 4px; 1776} 1777 1778@media (max-width: 767px) { 1779 #wix-aff-banner { 1780 left: unset; 1781 transform: unset; 1782 margin: 0 auto; 1783 width: 80%; 1784 font-size: 14px; 1785 } 1786 span#wix-aff-banner-close{ 1787 right: 10px !important; 1788 top: 25px !important; 1789 } 1790} 1791</style> 1792<!-- end Simple Custom CSS and JS --> 1793<!-- start Simple Custom CSS and JS -->
1794<script> 1795/* Default comment here */ 1796function _getCookie(name) { 1797 const value = `; ${document.cookie}`; 1798 const parts = value.split(`; ${name}=`); 1799 if (parts.length === 2) return parts.pop().split(';').shift(); 1800 return null; 1801} 1802function _setCookie(name, value, days) { 1803 let expires = ""; 1804 if (days) { 1805 const date = new Date(); 1806 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 1807 expires = "; expires=" + date.toUTCString(); 1808 } 1809 document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/"; 1810} 1811 document.addEventListener("DOMContentLoaded", (event) => { 1812 const wixAffCookie = _getCookie('wixAff') 1813 if (wixAffCookie) return; 1814 1815 const wixAffAnchor = document.createElement('a'); 1816 wixAffAnchor.target = '_blank' 1817 wixAffAnchor.rel = 'nofollow noopener' 1818 wixAffAnchor.id = 'wix-aff-banner-link' 1819 wixAffAnchor.href="https://shopify.pxf.io/Zday50?utm_source=consentikweb&utm_medium=click_link_aff" 1820 1821 wixAffAnchor.innerText = `ð°Try Shopify Only $1/Month In The First 3 Months â Check It Nowð¥` 1822 1823 const wixAffBanner = document.createElement('div'); 1824 wixAffBanner.appendChild(wixAffAnchor) 1825 1826 const closeIcon = document.createElement('span'); 1827 closeIcon.innerHTML = 'â' 1828 closeIcon.id = 'wix-aff-banner-close' 1829 wixAffBanner.appendChild(closeIcon) 1830 wixAffBanner.id = "wix-aff-banner" 1831 1832 document.querySelector('body').appendChild(wixAffBanner) 1833 document.getElementById('wix-aff-banner-link').addEventListener('click', () => { 1834 _setCookie('wixAff', true, 2) 1835 document.getElementById('wix-aff-banner').remove() 1836 }) 1837 document.getElementById('wix-aff-banner-close').addEventListener('click', () => { 1838 document.getElementById('wix-aff-banner').remove() 1839 _setCookie('wixAff', true, 0) 1840 }) 1841 }); 1842</script>
1842 1843<!-- end Simple Custom CSS and JS --> 1844
1845<script src='//consentik.com/wp-content/uploads/custom-css-js/22083.js?v=5243'></script>
1845 1846 1847<link rel='stylesheet' id='21994-css' href='//consentik.com/wp-content/uploads/custom-css-js/21994.css?v=6564' media='all' /> 1848
1848<script type="module"> 1849 import {onLCP, onINP, onCLS, onTTFB, onFCP} from 'https://unpkg.com/web-vitals@4?module'; 1850 const ENDPOINT = "https://consentik.com/wp-json/consentik/v1/vitals"; 1851 const send = (m) => { 1852 try { 1853 navigator.sendBeacon(ENDPOINT, JSON.stringify({ 1854 name: m.name, value: m.value, rating: m.rating, url: location.pathname 1855 })); 1856 } catch (e) { /* swallow */ } 1857 }; 1858 const fire = () => [onLCP, onINP, onCLS, onTTFB, onFCP].forEach(fn => fn(send)); 1859 if (document.prerendering) { 1860 document.addEventListener('prerenderingchange', fire, { once: true }); 1861 } else { 1862 fire(); 1863 } 1864 </script>
1864 1865 1866<!-- Scroll to top button --> 1867<div id="scrollToTop" 1868 class="fixed bottom-6 right-6 w-12 h-12 bg-primary-dark border-2 border-primary-dark rounded-full flex items-center justify-center text-white shadow-lg hover:bg-primary/90 hover:scale-110 transition-all duration-300 opacity-0 pointer-events-none z-50"> 1869 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5M5 12l7-7 7 7"/></svg> 1870</div> 1871
1872<script> 1873 document.addEventListener('DOMContentLoaded', function () { 1874 const scrollToTopBtn = document.getElementById('scrollToTop'); 1875 1876 // Show/hide button based on scroll position 1877 window.addEventListener('scroll', function () { 1878 if (window.pageYOffset > 300) { 1879 scrollToTopBtn.classList.remove('opacity-0', 'pointer-events-none'); 1880 scrollToTopBtn.classList.add('opacity-100', 'pointer-events-auto'); 1881 } else { 1882 scrollToTopBtn.classList.add('opacity-0', 'pointer-events-none'); 1883 scrollToTopBtn.classList.remove('opacity-100', 'pointer-events-auto'); 1884 } 1885 }); 1886 1887 // Scroll to top when button is clicked 1888 scrollToTopBtn.addEventListener('click', function () { 1889 window.scrollTo({ 1890 top: 0, 1891 behavior: 'smooth' 1892 }); 1893 }); 1894 }); 1895 1896</script>
1896 1897 1898<!-- WebMCP: expose site tools to AI agents via the browser --> 1899<!-- https://webmachinelearning.github.io/webmcp/ -->
1900<script> 1901(function () { 1902 if (!navigator.modelContext || typeof navigator.modelContext.registerTool !== 'function') return; 1903 1904 var controller = new AbortController(); 1905 1906 navigator.modelContext.registerTool({ 1907 name: 'check_cookie_compliance', 1908 description: 'Scan a website URL for GDPR cookie compliance, cookie categories, and consent banner detection using Consentik', 1909 inputSchema: { 1910 type: 'object', 1911 properties: { 1912 url: { type: 'string', description: 'The website URL to scan for cookie compliance' } 1913 }, 1914 required: ['url'] 1915 }, 1916 signal: controller.signal, 1917 execute: async function (input) { 1918 var res = await fetch('https://consentik.com/wp-json/consentik/v1/cookie-checker', { 1919 method: 'POST', 1920 headers: { 'Content-Type': 'application/json' }, 1921 body: JSON.stringify({ url: input.url }) 1922 }); 1923 return res.json(); 1924 } 1925 }); 1926 1927 navigator.modelContext.registerTool({ 1928 name: 'check_gcm_v2', 1929 description: 'Check whether a website has Google Consent Mode v2 (GCM v2) correctly implemented', 1930 inputSchema: { 1931 type: 'object', 1932 properties: { 1933 url: { type: 'string', description: 'The website URL to check for GCM v2 implementation' } 1934 }, 1935 required: ['url'] 1936 }, 1937 signal: controller.signal, 1938 execute: async function (input) { 1939 var res = await fetch('https://consentik.com/wp-json/consentik/v1/gcm-checker?url=' + encodeURIComponent(input.url)); 1940 return res.json(); 1941 } 1942 }); 1943 1944 navigator.modelContext.registerTool({ 1945 name: 'get_consentik_pricing', 1946 description: 'Retrieve Consentik pricing plans and feature comparison for consent management', 1947 inputSchema: { type: 'object', properties: {} }, 1948 signal: controller.signal, 1949 execute: async function () { 1950 var res = await fetch('https://consentik.com/wp-json/consentik/v1/pricing'); 1951 return res.json(); 1952 } 1953 }); 1954}()); 1955</script>
1955 1956</body> 1957</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.